@charset "UTF-8";
/* Windows 用 Medium 指定の游ゴシック */
@font-face { font-family: "Yu Gothic M"; src: local("Yu Gothic Medium"); }
/* font-weight: bold の時は通常どおり Bold 書体を使わせる */
@font-face { font-family: "Yu Gothic M"; src: local("Yu Gothic Bold"); font-weight: bold; }
@font-face { font-family: "Yu Gothic M"; src: local("Yu Gothic Medium"); }
@font-face { font-family: "Yu Gothic M"; src: local("Yu Gothic Bold"); font-weight: bold; }
.usescene { text-align: center; }

.usescene img { margin: 2rem 0; max-width: 90px; }

.usescene .title { color: #fff; margin: 0 0 1rem; }

.usescene .btn { margin: 0 auto; }

.usescene .btn a:before, .usescene .btn a:after { background: #fff; border-radius: 5px; }

.usescene .btn-white a { border: none; background: rgba(255, 255, 255, 0.8); border-radius: 5px; }

.usescene .btn-white a:hover { color: #00afb9; }

.usescene .flexbox { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; }

.usescene .flexbox .flexL, .usescene .flexbox .flexR { width: 49.5%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; }

.usescene .flexbox .flexL { margin: 0 .5% 0 0; }

.usescene .flexbox .flexL:after { content: ''; width: 1px; height: 100%; background: #fff; position: absolute; top: 0; right: -.5%; bottom: 0; margin: 0 auto; }

.usescene .flex-in { width: 100%; }

.usescene ul { width: 80%; position: relative; margin: 0 auto; letter-spacing: -.4em; }

.usescene ul li { width: 49.5%; position: relative; vertical-align: top; display: inline-block; *display: inline; zoom: 1; letter-spacing: normal; }

.usescene ul li:first-child { margin: 0 1% 0 0; }

.usescene ul li a { display: block; text-decoration: none; padding: 1rem .5rem; color: #00afb9; font-weight: bold; letter-spacing: .5rem; }

.usescene ul li:after { content: ''; position: absolute; left: 0; right: 0; bottom: .5rem; margin: auto; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 7px solid #00afb9; }

.management { text-align: center; }

.management .scene-in { margin: 0 auto 3rem; }

.management .scene-in:after { content: ''; position: absolute; left: 0; right: 0; bottom: -1rem; margin: auto; width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid #ffb618; }

.management .img { margin: 3rem 0 0; }

.management .title-midium, .management .title-small { letter-spacing: .5rem; }

.management .title-midium { color: #00afb9; }

.ss { text-align: center; }

.ss ul.ss-list { width: 100%; margin: 3rem auto 0; letter-spacing: -.4em; }

.ss ul.ss-list li { width: 47%; vertical-align: top; display: inline-block; *display: inline; zoom: 1; letter-spacing: normal; }

.ss ul.ss-list li:nth-child(odd) { margin: 0 3% 0 0; }

.ss ul.ss-list li:not(:nth-last-child(-n+2)) { margin-bottom: 3%; }

.ss ul.ss-list li p:nth-child(2) { font-size: 18px; font-size: 1.8rem; font-weight: bold; }

.function { text-align: center; }

.function .flexbox { margin: 3rem auto 0; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.function .flexbox .flexL { width: 50%; }

.function .flexbox .flexR { width: 45%; text-align: left; }

.function .flexbox .flexR .title-small { margin: 0 0 .5rem; }

.function .flexbox .flexR p { margin: 0 0 1rem; }

.table-price { width: 88%; margin: -2px auto 0; text-align: center; table-layout: fixed; }

.table-price th { width: 20%; color: #fff; font-weight: normal; background: #454545; }

.table-price tr:first-child td { color: #fff; }

.table-price tr:nth-child(4) td { font-size: 14px; font-size: 1.4rem; line-height: 1.6; text-align: left; }

.table-price tr:not(:first-child) td { background: rgba(255, 255, 255, 0.8); }

.price .scene { padding: 8rem 2rem 15rem; }

.price-img { margin: 3rem 0 0; text-align: center; }

.cost { position: relative; line-height: 1.4; }

.cost .cost-in { font-size: 28px; font-size: 2.8rem; font-weight: bold; }

.cost p { vertical-align: bottom; display: inline-block; *display: inline; zoom: 1; }

.cost .campaign { position: relative; font-size: 18px; font-size: 1.8rem; }

.cost .campaign:after { content: ''; width: 100%; height: 2px; position: absolute; top: 0; right: 0; left: 0; bottom: 0; margin: auto; background: #e71f19; }

.cost .arrow { width: 10px; height: 10px; position: relative; top: -5px; vertical-align: middle; display: inline-block; *display: inline; zoom: 1; background: #e71f19; margin: 0 1rem 0 0; }

.cost .arrow:before { content: ''; width: 0; height: 0; position: absolute; top: -5px; left: 10px; border: 10px solid transparent; border-left: 10px solid #e71f19; }

.news .scene { text-align: left; padding-bottom: 15rem; }

.news .scene .btn { margin: 8rem auto 0; }

.news-title { width: 100%; position: relative; margin: 0; padding: 0 0 1rem 2rem; font-size: 20px; font-size: 2rem; line-height: 1.4; border-left: 1px solid #252525; border-bottom: 1px solid #252525; }

.news-day { width: 100px; margin: 1rem 0 3rem auto; padding: 0 .2rem; text-align: center; letter-spacing: .1rem; font-size: 12px; font-size: 1.2rem; border: 1px solid #252525; }

.news-article { padding: 0 2rem; }

ul.news-list { width: 100%; }

ul.news-list a { color: #252525; display: block; text-decoration: none; padding: 1.5rem .5rem; border-bottom: 1px dotted #252525; background: url("//www.bluetec.co.jp/wp/wp-content/themes/ksj2018/common/images/icon/icon_arrow_right_gray.png") right 2rem center no-repeat; -webkit-transition: all .3s; transition: all .3s; }

ul.news-list a:hover { background: url("//www.bluetec.co.jp/wp/wp-content/themes/ksj2018/common/images/icon/icon_arrow_right_gray.png") right 0.5rem center no-repeat, rgba(255, 255, 255, 0.5); }

ul.news-list dl { width: 100%; letter-spacing: -.4em; }

ul.news-list dl dt, ul.news-list dl dd { vertical-align: middle; display: inline-block; *display: inline; zoom: 1; letter-spacing: normal; }

ul.news-list dl dt { width: 100px; text-align: center; padding: .0 .2rem; font-size: 12px; font-size: 1.2rem; border: 1px solid #252525; }

ul.news-list dl dd { width: 100%; margin: 0 0 0 -100px; padding: 0 5rem 0 120px; line-height: 1.6; }

.report { width: 100%; position: relative; -webkit-font-feature-settings: initial; font-feature-settings: initial; }

.safari .report { -webkit-font-feature-settings: initial; font-feature-settings: initial; }

.report .scene { text-align: left; }

.report .report-img { width: 100%; margin: 0 auto; text-align: center; }

.report .main-title { border-radius: 4px; text-align: left; position: relative; background-color: #e70010; padding: 3rem; font-weight: bold; font-size: 200%; color: #fff; margin: 0 auto 3rem; }

.report .summary { width: 100%; position: relative; line-height: 1.3; font-weight: bold; font-family: -apple-system,BlinkMacSystemFont,"Helvetica Neue",HelveticaNeue,"Segoe UI","游ゴシック体",YuGothic,"Yu Gothic M","游ゴシック Medium","Yu Gothic Medium","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ ProN","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif; }

.report .summary .summary-in { width: 63%; position: absolute; top: 45%; -webkit-transform: translateY(-50%); transform: translateY(-50%); padding: 0 2rem; font-size: 32px; font-size: 3.2rem; text-shadow: 1px 1px 5px rgba(255, 255, 255, 0.9), -1px -1px 10px rgba(255, 255, 255, 0.9); }

.report .summary .sub { width: 100%; margin: 0 0 .5rem; font-size: 22px; font-size: 2.2rem; }

.report .summary .bg-img { position: relative; }

.report .summary .bg-img img { width: auto; }

.report .subContents { width: 100%; margin: .5rem auto 2rem; letter-spacing: -.4em; font-size: 14px; font-size: 1.4rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; }

.report .subContents .category, .report .subContents .day_time { margin: 0; padding: 0; letter-spacing: normal; }

.report .subContents .category { margin: 0 0 0 1.5rem; }

.report .subContents .category a { display: block; text-decoration: none; color: #fff; padding: .5rem 1.5rem; background: #00afb9; }

.report .subContents .category a:hover { background: rgba(0, 175, 185, 0.7); }

.report .subContents .day_time { text-align: right; }

.report .btn { margin: 0 auto; }

.report .btn-back { letter-spacing: .5rem; font-size: 14px; font-size: 1.4rem; }

.report .btn-report { width: 400px; margin: 6rem auto 4rem; }

.report .btn-report a { padding: 1rem .5rem; }

.report .btn-dl { position: relative; padding: 0 0 0 2rem; background: url("/shelter/images/icon/icon-dl_on.png") left 8rem center no-repeat; background-size: 25px; }

.report .btn-dl:hover { background: url("/shelter/images/icon/icon-dl_off.png") left 8rem center no-repeat; background-size: 25px; }

.report .mainVisual { width: 100%; margin: 0 auto 3rem; letter-spacing: -.4em; display: table; table-layout: auto; }

.report .mainVisual .form-img { width: 400px; min-height: 100px; border-radius: 5px; overflow: hidden; }

.report .mainVisual .form-img img { width: 100%; max-width: inherit; position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.report .mainVisual .form-img, .report .mainVisual .form-item { position: relative; display: table-cell; vertical-align: top; }

.report .mainVisual .form-item { letter-spacing: normal; padding: 0 0 0 2rem; }

.report .mainVisual .form-item .summary { margin: 0 auto 1rem; font-size: 22px; font-size: 2.2rem; text-align: left; }

.report .mainVisual .form-item .summary .sub { font-size: 14px; font-size: 1.4rem; }

.report .download dl { width: 100%; border-bottom: 1px solid rgba(102, 102, 102, 0.5); }

.report .download dl a { color: #00afb9; display: block; text-decoration: none; padding: 1rem; -webkit-transition: all .3s; transition: all .3s; }

.report .download dl a:hover { background: rgba(102, 102, 102, 0.1); }

.report .download dl dt, .report .download dl dd { position: relative; vertical-align: top; display: inline-block; *display: inline; zoom: 1; }

.report .download dl dt { width: 100px; padding: .2rem .5rem; font-size: 12px; font-size: 1.2rem; color: #fff; text-align: center; background: #00afb9; border-radius: 2px; }

.report .download dl dd { width: 100%; margin: 0 -100px 0 -100px; padding: 0 1rem 0 140px; }

.report .download dl dd .sub { font-size: 14px; font-size: 1.4rem; padding: 0 0 0 .5rem; font-weight: bold; }

.report .download dl dd:before { content: ''; position: absolute; width: 25px; height: 25px; margin-left: -30px; top: 2px; background: url("/shelter/images/icon/icon-pdf.png"); background-size: 25px; }

.form-message { font-size: 14px; font-size: 1.4rem; padding: 0 .5rem; }

table.reportformTable { width: 100%; max-width: 1380px; position: relative; margin: 1rem auto 0; border-collapse: inherit; }

table.reportformTable td, table.reportformTable th { padding: .5rem 1rem; vertical-align: middle; }

table.reportformTable td { background: rgba(255, 255, 255, 0.8); }

table.reportformTable th { width: 30%; background: #252525; color: #fff; font-weight: normal; }

table.reportformTable fieldset { letter-spacing: -.4em; }

table.reportformTable fieldset, table.reportformTable input, table.reportformTable textarea, table.reportformTable select { padding: 0; margin: 0; border: none; font-size: 12px; font-size: 1.2rem; border: 1px solid rgba(102, 102, 102, 0.2); }

table.reportformTable .ifpersonal { border: 1px solid rgba(102, 102, 102, 0.2); width: 100%; height: 125px; margin: 0 0 .5rem; background: #fff; -webkit-overflow-scrolling: touch; }

table.reportformTable .ifpersonal iframe { width: 100%; height: 100%; border: none; display: block; }

table.reportformTable input:not([type="checkbox"]), table.reportformTable textarea, table.reportformTable select { width: 100%; padding: .5rem; background: rgba(240, 240, 240, 0.2); }

table.reportformTable ul.label-side { width: 100%; letter-spacing: -.4em; }

table.reportformTable ul.label-side li { vertical-align: top; display: inline-block; *display: inline; zoom: 1; letter-spacing: normal; }

table.reportformTable ul.label-side li:not(:last-child) { padding: 0 1rem 0 0; }

table.reportformTable ul.label-side li input { width: 80%; }

table.reportformTable label { padding: 0 .5rem 0 0; }

table.reportformTable textarea { width: 100%; }

@media screen and (max-width: 1180px) { .price .table tr:nth-child(3) td { padding: 1.5rem .5rem; } }
@media (max-width: 1024px) { .cost .arrow { margin: 0 .5rem 0 0; } }
@media (max-width: 960px) { .table-price { width: 100%; } }
@media (max-width: 768px) { .usescene img { max-width: inherit; padding: 0 35%; }
  .usescene .flexbox { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } }
@media all and (max-width: 768px) and (-ms-high-contrast: none) { .usescene .flexbox { display: block; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } }
@media (max-width: 768px) { .usescene .flexbox .flexL, .usescene .flexbox .flexR { width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }
@media all and (max-width: 768px) and (-ms-high-contrast: none) { .usescene .flexbox .flexL, .usescene .flexbox .flexR { display: block; } }
@media (max-width: 768px) { .usescene .flexbox .flexL { margin: 0 0 4rem; }
  .usescene .flexbox .flexL:after { width: 100%; height: 1px; top: inherit; right: 0; left: 0; bottom: -2rem; }
  .usescene ul { width: 100%; }
  .management:last-child .scene { padding: 4rem 1rem; }
  .ss ul.ss-list li { width: 100%; display: block; }
  .ss ul.ss-list li:nth-child(odd) { margin: 0 0 1rem; }
  .ss ul.ss-list li:not(:nth-last-child(-n+2)) { margin-bottom: 1rem; }
  .ss ul.ss-list li p:nth-child(2) { font-size: 16px; font-size: 1.6rem; }
  .function .scene { padding: 4rem 1rem; }
  .function .flexbox { margin: 1rem 0 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .function .flexbox .flexL, .function .flexbox .flexR { width: 100%; }
  .function .flexbox .flexL { margin: 0 0 2rem; }
  .function .flexbox .flexR { text-align: center; }
  .function .flexbox .flexR .title-small { display: inline-block; padding: .2rem .5rem; border: 1px solid #252525; }
  .table-price th { width: 20%; }
  .table-price td { width: 40%; }
  .table-price tr:not(:nth-last-child(-n+2)) th, .table-price tr:not(:nth-last-child(-n+2)) td { vertical-align: middle; }
  .table-price tr:not(:nth-last-child(-n+2)) td { text-align: center; }
  .price .scene { padding: 4rem 2rem; }
  .price-img { margin: 1rem 0 0; }
  .cost { line-height: 1.4; }
  .cost .cost-in { font-size: 22px; font-size: 2.2rem; }
  .cost p { display: block; }
  .cost .campaign { font-size: 16px; font-size: 1.6rem; }
  .cost .arrow { top: 0; margin: .5rem 0 1rem; }
  .cost .arrow:before { top: 10px; left: -5px; right: 0; margin: auto; border-left: none; border: 10px solid transparent; border-bottom: 10px solid #e71f19; -webkit-transform: rotate(180deg); transform: rotate(180deg); }
  .news .scene { text-align: left; padding-bottom: 8rem; min-height: inherit; }
  .news .scene .btn { margin: 4rem auto 0; }
  .news-day { margin: 1rem 0 0 auto; }
  .news-article { padding: 0; }
  .news-article img { height: auto; }
  ul.news-list a { -webkit-transition: all .3s; transition: all .3s; background: url("//www.bluetec.co.jp/wp/wp-content/themes/ksj2018/common/images/icon/icon_arrow_right_gray.png") right center no-repeat; }
  ul.news-list a:hover { background: url("//www.bluetec.co.jp/wp/wp-content/themes/ksj2018/common/images/icon/icon_arrow_right_gray.png") right center no-repeat; }
  ul.news-list dl { letter-spacing: normal; }
  ul.news-list dl dt, ul.news-list dl dd { display: block; }
  ul.news-list dl dt { margin: 0 0 1rem; }
  ul.news-list dl dd { margin: 0 auto; padding: 0 3rem 0 0; }
  .report .main-title { padding: 2rem; margin: 0 auto; }
  .report .summary { margin: 0 auto 1rem; padding: 0; }
  .report .summary .summary-in { width: 100%; top: 50%; left: 0; font-size: 20px; font-size: 2rem; }
  .report .summary .summary-in br { display: none; }
  .report .summary .summary-in .sub { font-size: 14px; font-size: 1.4rem; }
  .report .summary .bg-img { height: 150px; overflow: hidden; }
  .report .summary .bg-img img { width: auto; max-width: initial; position: absolute; }
  .report .subContents { margin: 0 auto 1.5rem; padding: .2rem 1rem; letter-spacing: -.4em; font-size: 12px; font-size: 1.2rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #fff; background: #00afb9; }
  .report .subContents .report .subContents .category { margin: 0 0 0 1.5rem; }
  .report .subContents .category a { display: block; text-decoration: none; color: #00afb9; padding: .5rem 1.5rem; background: white; }
  .report .subContents .category a:hover { background: rgba(255, 255, 255, 0.7); }
  .report .btn { margin: 3rem auto 0; }
  .report .btn-back { letter-spacing: normal; margin: 1rem auto 0; }
  .report .btn-back a { padding: .8rem .5rem; }
  .report .btn-dl { background: url("/shelter/images/icon/icon-dl_on.png") left 3rem center no-repeat; background-size: 25px; }
  .report .btn-dl:hover { background: url("/shelter/images/icon/icon-dl_on.png") left 3rem center no-repeat; background-size: 25px; }
  .report .text { padding: 0 1rem; line-height: 1.4; }
  .report .mainVisual { width: 100%; margin: 0 auto 3rem; letter-spacing: normal; display: block; }
  .report .mainVisual .form-img { width: 100%; min-height: inherit; border-radius: 0; }
  .report .mainVisual .form-img img { max-width: 100%; height: auto; position: relative; top: 0%; left: 0%; -webkit-transform: translate(0, 0); transform: translate(0, 0); }
  .report .mainVisual .form-img, .report .mainVisual .form-item { position: relative; display: block; }
  .report .mainVisual .form-item { padding: 0 1rem 0; }
  .report .mainVisual .form-item .summary { margin: 0 auto; padding: 1rem 0; font-size: 22px; font-size: 2.2rem; }
  .report .mainVisual .form-item .summary .sub { font-size: 18px; font-size: 1.8rem; }
  .report .download { min-height: inherit; }
  .report .download dl:last-child { border-bottom: none; }
  .report .download dl dd .sub { width: 100%; display: block; }
  .form-message { font-size: 12px; font-size: 1.2rem; padding: 0 1rem; }
  table.reportformTable { margin: 0 auto; }
  table.reportformTable td, table.reportformTable th { width: 100%; display: block; }
  table.reportformTable th { padding: .5rem; }
  table.reportformTable td { padding: 1rem .5rem; }
  table.reportformTable fieldset, table.reportformTable input, table.reportformTable textarea, table.reportformTable select { font-size: 16px; font-size: 1.6rem; }
  table.reportformTable input:not([type="checkbox"]), table.reportformTable select, table.reportformTable textarea { width: 100%; }
  table.reportformTable ul.label-side { width: 100%; }
  table.reportformTable ul.label-side li { width: 100%; text-align: center; }
  table.reportformTable ul.label-side li:not(:last-child) { margin: 0 0 .5rem; padding: 0; }
  table.reportformTable ul.label-side li input { width: 85%; }
  table.reportformTable .ifpersonal { overflow: auto; } }
.department { max-width: 980px; margin: 0 auto; }

.department::after { content: ''; display: block; height: 0; clear: both; }

.department > div { width: 50%; }

.department-wrap .pageContents:nth-child(odd) { background: #fff; }

.department-wrap .pageContents:nth-child(odd) .department > div:first-child { float: left; }

.department-wrap .pageContents:nth-child(odd) .department > div:last-child { float: right; }

.department-wrap .pageContents:nth-child(even) .department > div:first-child { float: right; }

.department-wrap .pageContents:nth-child(even) .department > div:last-child { float: left; }

.dpt-melit-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.dpt-melit-list li { border: 4px solid #00afb9; border-radius: 6px; width: 32%; margin: 0 1% 0 0; padding: 2% 2% 2% 8%; font-size: 80%; font-weight: bold; position: relative; line-height: 1.4; background: #fff; }

.dpt-melit-list li span { position: absolute; font-size: 300%; top: 5px; left: 5px; color: #00afb9; line-height: 1; font-weight: normal; }

.other_dep { background: #c5d5d6; text-align: center; }

.other_dep h2.title { color: #333; }

ul#dept-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; }

ul#dept-list li { width: 32%; margin-bottom: 2%; border-radius: 5px; background: #fff; }

ul#dept-list li a { display: block; padding: 5%; font-size: 20px; font-weight: bold; text-decoration: none !important; color: #00afb9 !important; }

ul#dept-list li a:hover { opacity: .6; }

@media (max-width: 768px) { ul#dept-list li { width: 49%; margin-bottom: 2%; } }
/*------201911-----*/
.scene-list { width: 100%; margin: 0 auto 0; padding: 4rem 2rem 8rem; }

.scene-list .title { text-align: center; }

.scene-in { width: 100%; max-width: 1024px; margin: 0 auto; padding: 3rem 3rem 6rem; }

.list-flex { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-item-align: stretch; align-self: stretch; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.list-flex li a { display: block; }

.report-list { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }

.report-list li { width: 100%; background: url("../images/icon/icon_arrow_right_gray.png") left top 0.8rem no-repeat; background-size: 6px; padding-left: 1rem; font-size: 16px; font-size: 1.6rem; }

.report-list li:not(:first-child) { margin-top: .5%; }

.report-list li a { color: #00afb9; display: inline-block; }

@media (max-width: 768px) { .scene-list { padding: 0 1rem 4rem; }
  .scene-in { margin: 0 auto; padding: 3rem 1rem; }
  .report-list li { font-size: 14px; font-size: 1.4rem; } }
/*-----202206-----*/
.function-navi { width: 100%; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 0 8rem; }

.function-navi li.btn { margin: 0; }

.function-navi li { width: calc((100% - 6%) / 3); position: relative; font-weight: bold; background: #00afb9; }

.function-navi li::after { content: ''; width: 8px; height: 8px; border: 2px solid; border-color: transparent transparent #fff #fff; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); position: absolute; top: -12%; right: 8%; bottom: 0; margin: auto 0; -webkit-transition: all .3s; transition: all .3s; }

.function-navi li:not(:first-child) { margin-left: 3%; }

.function-navi li:hover::after { top: 2%; border-color: transparent transparent #00afb9 #00afb9; }

.scene--option .logo { width: 100%; position: relative; }
.scene--option .logo h2 { font-size: 25px; font-size: 2.5rem; font-weight: bold; text-align: center; letter-spacing: .2rem; }
.scene--option .logo p { margin: 0 auto; text-align: center; }
.scene--option .logo p img { max-width: 550px; }
.scene--option .caption { width: 100%; position: relative; margin: 3rem 0 0; text-align: center; }
.scene--option .caption h3 { color: #00afb9; font-size: 30px; font-size: 3rem; font-weight: bold; line-height: 1.4; }
.scene--option .caption p { margin: 3rem 0 0; font-size: 18px; font-size: 1.8rem; }
.scene--option .box-step { width: 100%; max-width: 960px; margin: 5rem auto 0; padding: 3rem; background: #00afb9; border-radius: 10px; }
.scene--option .box-step h3 { color: white; font-size: 30px; font-size: 3rem; text-align: center; letter-spacing: .2rem; line-height: 1.4; }
.scene--option .box-step ul { margin: 2rem 0 0; }
.scene--option .box-step li { width: 100%; position: relative; padding: 3rem; background: rgba(255, 255, 255, 0.8); border-radius: 10px; }
.scene--option .box-step li:not(:last-child)::after { content: ''; width: 0; height: 0; position: absolute; left: 0; right: 0; bottom: -15px; margin: 0 auto; border-left: 24px solid transparent; border-right: 24px solid transparent; border-top: 28px solid #ffc954; }
.scene--option .box-step li + li { margin: 3rem 0 0; }
.scene--option .box-step li:nth-child(2) .item { margin: 3rem 0 1rem; text-align: center; }
.scene--option .box-step li:nth-child(2) .item img { max-width: 600px; }
.scene--option .box-step li .number { width: 100%; margin: 0 0 1rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: bold; font-size: 25px; font-size: 2.5rem; letter-spacing: .1rem; line-height: 1.2; }
.scene--option .box-step li .number > span { display: block; margin-right: 1rem; padding: .2rem 2rem; color: white; font-size: 20px; font-size: 2rem; background: #00afb9; border-radius: 3px; }
.scene--option .box-step li .format { display: -webkit-box; display: -ms-flexbox; display: flex; }
.scene--option .box-step li .format .detail { width: calc(100% - 3% - 35%); display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.scene--option .box-step li .format .item { width: 35%; margin-left: 3%; }
.scene--option .box-step li .format .format-in { width: 90%; position: relative; padding: 2rem; margin: 3rem auto 0; background: rgba(255, 255, 255, 0.5); border-radius: 5px; }
.scene--option .box-step li .format .format-in > p { font-size: 25px; font-size: 2.5rem; text-align: center; font-weight: bold; }
.scene--option .box-step li .format .format-in > p > span { padding: 0 1rem; background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(70%, rgba(0, 175, 185, 0.3))); background: linear-gradient(transparent 70%, rgba(0, 175, 185, 0.3) 70%); }
.scene--option .box-step li .format .format-in ul { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 2rem 0 0; }
.scene--option .box-step li .format .format-in ul li { padding: 0; background: none; text-align: center; }
.scene--option .box-step li .format .format-in ul li img { max-width: 120px; }
.scene--option .box-step li .format .format-in ul li::after { display: none; }
.scene--option .box-step li .format .format-in ul li:last-child { margin: 0 0 0 3%; }
.scene--option .box-ideause { width: 100%; max-width: 960px; margin: 5rem auto 0; padding: 3rem; background: #ffedb5; border-radius: 10px; }
.scene--option .box-ideause .title { width: 100%; text-align: center; color: #252525; font-size: 30px; font-size: 3rem; }
.scene--option .box-ideause .title p:nth-child(2) { margin: 1rem 0 0; }
.scene--option .box-ideause .title img { max-width: 500px; }
.scene--option .box-ideause .title > p { position: relative; }
.scene--option .box-ideause .title > p > span::before { content: ''; width: 80px; height: 80px; position: absolute; top: 0; bottom: 0; margin: auto 0 0 -12%; background: url("/shelter/images/function/icon-exmark.png") no-repeat top center; background-size: contain; }
.scene--option .box-ideause .caption { margin: 0 0 3rem; }
.scene--option .box-ideause .item { text-align: center; }
.scene--option .box-ideause .item img { max-width: 450px; }

.scene--o-price h3.title { color: white; text-align: center; }
.scene--o-price .name { width: 100%; color: rgba(255, 255, 255, 0.8); font-size: 25px; font-size: 2.5rem; font-weight: bold; text-align: center; letter-spacing: .2rem; }
.scene--o-price .option-price { width: 100%; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; text-align: center; margin: 0 0 2rem; padding: 0 4rem 2rem; border-bottom: 2px solid white; }
.scene--o-price .option-price dt { width: 200px; }
.scene--o-price .option-price dt p:last-child { margin: .5rem 0 0; }
.scene--o-price .option-price dt span { display: block; padding: .6rem .5rem; line-height: 1; font-weight: bold; background: rgba(255, 255, 255, 0.8); border-radius: 50px; }
.scene--o-price .option-price dd { width: calc(100% - 200px); position: relative; color: white; font-size: 45px; font-size: 4.5rem; line-height: 1.2; }
.scene--o-price .option-price dd span { font-size: 100px; font-size: 10rem; font-weight: bold; }

.scene--o-contact .caption { text-align: center; }
.scene--o-contact .caption > span { font-size: 25px; font-size: 2.5rem; font-weight: bold; }
.scene--o-contact .btn { width: 100%; margin: 3rem auto 0; }
.scene--o-contact .btn a { width: 100%; position: relative; display: block; padding: 1.5rem; color: white; font-size: 25px; font-size: 2.5rem; line-height: 1.4; background: #e66100; border: 2px solid #ffb618; border-radius: 10px; }
.scene--o-contact .btn a:after { background: #ff9c53; border-radius: 5px; }
.scene--o-contact .btn a p { position: relative; }
.scene--o-contact .btn a p > span { margin: .5rem 0 0; display: block; font-size: 40px; font-size: 4rem; font-weight: bold; }
.scene--o-contact .btn a p::after { content: ''; width: 20px; height: 20px; position: absolute; top: 0; right: 3%; bottom: 0; margin: auto 0; border: 5px solid; border-color: white white transparent transparent; -webkit-transform: rotate(45deg); transform: rotate(45deg); border-radius: 6px; }

@media (max-width: 960px) { .scene--o-price .option-price { padding: 0 2rem 2rem; }
  .scene--o-price .option-price dt { width: 25%; font-size: 16px; font-size: 1.6rem; }
  .scene--o-price .option-price dd { width: calc(100% - 25% -3%); margin-left: 3%; font-size: 4vw; }
  .scene--o-price .option-price dd span { font-size: 12vw; } }
@media (max-width: 768px) { .function-navi { margin: 0 0 5rem; }
  .function-navi li a { padding: 1rem 2rem 1rem 1rem; }
  .function-navi li:not(:first-child) { margin-left: 3%; }
  .function-navi li::after { width: 4px; height: 4px; -webkit-transition: none; transition: none; }
  .function-navi li:hover::after { top: -5%; border-color: transparent transparent #fff #fff; }
  .scene--option .logo h2 { font-size: 20px; font-size: 2rem; }
  .scene--option .logo p { margin: 1rem auto 0; }
  .scene--option .logo p img { max-width: inherit; padding: 0 10%; }
  .scene--option .caption { margin: 1rem 0 0; }
  .scene--option .caption h3 { font-size: 25px; font-size: 2.5rem; }
  .scene--option .caption p { margin: 3rem 0 0; font-size: 16px; font-size: 1.6rem; }
  .scene--option .box-step { margin: 3rem auto 0; padding: 2rem; }
  .scene--option .box-step h3 { font-size: 25px; font-size: 2.5rem; }
  .scene--option .box-step ul { margin: 1rem 0 0; }
  .scene--option .box-step li { padding: 2rem; }
  .scene--option .box-step li .number { margin: 0 0 2rem; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 20px; font-size: 2rem; text-align: center; }
  .scene--option .box-step li .number > span { width: 100%; margin: 0 0 1rem; font-size: 18px; font-size: 1.8rem; }
  .scene--option .box-step li .format { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .scene--option .box-step li .format .detail { width: 100%; }
  .scene--option .box-step li .format .item { width: 90%; margin: 1rem auto 0; }
  .scene--option .box-step li .format .format-in { margin: 1rem auto 0; padding: 1rem; }
  .scene--option .box-step li .format .format-in > p { font-size: 18px; font-size: 1.8rem; }
  .scene--option .box-step li .format .format-in ul { margin: 1rem 0 0; }
  .scene--option .box-step li .format .format-in ul li img { max-width: inherit; padding: 0 15%; }
  .scene--option .box-ideause { padding: 2rem; }
  .scene--option .box-ideause .title { font-size: 25px; font-size: 2.5rem; line-height: 1.4; }
  .scene--option .box-ideause .title > p > span { width: 80%; margin: 0 auto; display: block; position: relative; }
  .scene--option .box-ideause .title > p > span::before { width: 60px; height: 60px; left: 0%; margin: 0 auto; }
  .scene--option .box-ideause .caption { margin: 0 0 2rem; }
  .scene--option .box-ideause .item img { padding: 0 10%; max-width: inherit; }
  .scene--o-price .name { font-size: 20px; font-size: 2rem; letter-spacing: .1rem; }
  .scene--o-price .option-price { -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 1rem 0; padding: 0 2rem 1rem; }
  .scene--o-price .option-price dt { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; font-size: 14px; font-size: 1.4rem; }
  .scene--o-price .option-price dt p { width: 50%; padding: 0 .5%; }
  .scene--o-price .option-price dt p:last-child { margin: 0; }
  .scene--o-price .option-price dt span { display: inline-block; padding: .4rem 2rem; }
  .scene--o-price .option-price dd { width: auto; margin: 1rem auto 0; font-size: 18px; font-size: 1.8rem; }
  .scene--o-price .option-price dd span { font-size: 60px; font-size: 6rem; }
  .scene--o-contact .caption > span { font-size: 20px; font-size: 2rem; }
  .scene--o-contact .btn { max-width: 100%; margin: 1rem 0 0; }
  .scene--o-contact .btn a { padding: 1.5rem; font-size: 18px; font-size: 1.8rem; }
  .scene--o-contact .btn a p > span { font-size: 25px; font-size: 2.5rem; }
  .scene--o-contact .btn a p::after { width: 12px; height: 12px; right: 2%; border: 3px solid; border-color: white white transparent transparent; border-radius: 4px; } }
@media (max-width: 600px) { .scene--option .box-ideause .title > p > span::before { display: none; } }