@charset "UTF-8";
/* CSS Document */

.hc .mb{ padding-bottom: 0;}

.section_billboard{ margin: 0 0 0 0; padding: 50.7% 0 0 0; background: url("../img/index/billboard11.jpg") no-repeat center center / cover; position: relative;}
.section_billboard aside{ margin: 0; padding: 0; position: absolute; top: 0; left: 0; width: 100%; height: 56px; background: url("../img/index/billboard_overlay11.webp") no-repeat center center;}
.section_billboard .mb{ margin: 0 auto; position: absolute; top: 56px; left: 0; right: 0; }
@media screen and ( max-width: 480px ) {
  .section_billboard{ margin: 1.0em 0 0 0; padding: 75% 0 0 0;}
  .section_billboard aside{ background-size: cover; height: 1.0rem;}
  .section_billboard .mb{ left: 1.0rem; right: 1.0rem; top: 2.0rem;}
}

.section_concept{ margin: 0; padding: 0; background: url("../img/index/concept_bg.webp") no-repeat center top; text-align: center;}
.section_concept h2{ font-size:180%;  font-family: "Zen Old Mincho","Noto Serif JP", "serif"; display: flex; flex-direction: column; align-items: flex-end; margin: 0 auto; width: fit-content; line-height: 1.5;}
.section_concept h2 sup{ font-size: 50%;}
.section_concept h2 .caption{ font-size: 50%;}
.section_concept h1{ width: 450px; margin: 6.0rem auto 0 auto;}
.section_concept .copy{ font-size: 180%; font-family: "Zen Old Mincho","Noto Serif JP", "serif"; line-height: 1.5;}
.section_concept .body{ font-size: 93%; line-height: 1.7; }
@media screen and ( max-width: 480px ) {
  .section_concept{ background-size: cover;}
  .section_concept h1{ width: 70%; margin-top: 3.0rem;}
  .section_concept .body{ font-size: 86%; text-align: left;}
}

.section_works{ margin: 0; padding: 0;}
.section_works header{ margin: 0; padding: 0; background: url("../img/index/access_bg.webp") repeat-y top center;}
.section_works header h2{ margin: 0 auto; padding: 0; width: 200px;}
.section_works header h2 img{ display: block;}
.section_works .mb{ display: flex; flex-wrap: wrap; margin-top: 0; padding: 0; width: 100%; max-width: none;}
.section_works article{ margin: 0; flex: 0 0 50%;}
.section_works article figure{ margin: 0; position: relative;}
.section_works article img{ display: block;}
.section_works article figcaption{ margin: 0; padding: 1.0em; position: absolute; top: 0; left: 0; font-family: "Zen Old Mincho","Noto Serif JP", "serif";}
.section_works .white{ color: #FFF;}
@media screen and ( max-width: 480px ) {
  .section_works header h2{ width: 40%;}
  .section_works .mb{ display: block; padding: 0; margin: 0;}
}

.section_access{ margin: 0; padding: 0; background: url("../img/index/access_bg.webp") repeat-y top center;}
.section_access .mb{ display: flex; align-items: center;}
.section_access figure{ margin: 0; flex: 0 0 60%;}
.section_access .content{ margin: 0; flex: 0 0 40%; text-align: center;}
.section_access h2{ margin: 0 auto; width: 380px;}
@media screen and ( max-width: 480px ) {
  .section_access .mb{ display: block;}
  .section_access h2{ margin: 2.0rem auto 0 auto; width: 70%;}
}

.section_parse{ margin: 0; padding: 0;}
.section_parse img{ display: block; margin: 0; padding: 0; width: 100%;}

.section_kukaku{ margin: 0; padding: 0; background: #FFF;}
.section_kukaku h2{ font-size: 196%; font-family: "Zen Old Mincho","Noto Serif JP", "serif";}
.section_kukaku .kukaku_flbox{ display: flex; align-items: center;}
.section_kukaku .kukaku_flbox *{ margin-top: 0;}
.section_kukaku .content{ flex: 0 0 25%;}
.section_kukaku .body{ font-size: 93%; line-height: 1.5;}
.section_kukaku .model{ width: 90%; margin-top: 1.0em;}
.section_kukaku .figure{ flex: 0 0 70%;}
@media screen and ( max-width: 480px ) {
  .section_kukaku h2{ text-align: center;}
  .section_kukaku .kukaku_flbox{ display: block;}
  .section_kukaku .body{ text-align: center;}
  .section_kukaku .model{ display: none;}
  .section_kukaku .figure{ margin-top: 1.0rem;}
  .section_kukaku .model_sp{ width: 60%; margin-left: auto; margin-right: auto;}
}

.section_info{ margin: 0; padding: 0; }
.section_info .mb{ border-top: solid 1px #000;}
.section_info h2{ font-size: 148%; text-align: center; font-family: "Zen Old Mincho","Noto Serif JP", "serif";}
.section_info article{ margin: 1.0em 0 0 0; text-align: center;}
.section_info article h3{ font-size: 148%; font-weight: bold; margin: 0;}
.section_info article .body{ font-size: 93%;}
@media screen and ( max-width: 480px ) {
  .section_info article h3{ line-height: 1.5;}
  .section_info article .body{ text-align: left;}
}

.section_contact{ margin: 0; padding: 0; background: #ededee;}
.section_contact h2{ font-size: 148%; text-align: center; font-family: "Zen Old Mincho","Noto Serif JP", "serif";}
.section_contact .note{ font-size: 93%; text-align: center;}

.table_form{ font-size: 93%; border-top: solid 1px #666;}
.table_form th{ margin: 0; font-weight: normal; padding: 0.7em 1.0em 0.7em 0; vertical-align: middle; border-bottom: solid 1px #666; white-space: nowrap;}
.table_form td{ margin: 0; font-weight: normal; padding: 0.7em 0 0.7em 0; vertical-align: middle; border-bottom: solid 1px #666;}
.table_form .note{ text-align: left; font-size: 86%; line-height: 1.5; color: #333;}
.table_form p{ margin-top: 0;}
.section_contact .submit_area{ text-align: center; margin-top: 3.0em;}
.section_contact .btn{ margin-left: auto; margin-right: auto; background: #717071; padding: 0.7em 3.0em; border-radius: 0.3em;}
@media screen and ( max-width: 480px ) {
  .section_contact .note{ text-align: left;}
  .table_form,
  .table_form tbody,
  .table_form th,
  .table_form td{ display: block;}
  .table_form th{ border-bottom: none; padding-bottom: 0;}
  .table_form td{ padding-top: 0;}
  .section_contact .submit_area{ margin-top: 1.0em;}
}