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


.hc{ display: none;}

@media ( min-width: 480px ) {
  body{ min-width: 1140px; font-size:18px; font-weight: 300; font-family: 'Noto Serif JP', serif;}
  .mb{ width: 1100px; margin: 0 auto;}
}
@media screen and ( max-width: 480px ) { 
  html,body { margin: 0; padding: 0; font-size: 14px; font-weight: 300; font-family: 'Noto Serif JP', serif;}
  .mb{ margin: 0 1.0em;}
}



.text_mincho{ font-family: 'Noto Serif JP', serif;}
.midium_title{ text-align: center; font-family: 'Noto Serif JP', serif; font-size: 132%; line-height: 1.5;}
.section_title{ text-align: center; font-family: 'Noto Serif JP', serif; font-size: 200%; font-weight: 300; line-height: 1.8;}
.section_title strong{ font-weight: normal; color: #8e252a;}
.midium_copy{ text-align: center; font-family: 'Noto Serif JP', serif; font-size: 128%; line-height: 3.0; color: #4c4948;}
@media screen and ( max-width: 480px ) {
  .midium_title{ font-size: 116%;}
  .section_title{ font-size: 148%;}
  .midium_copy{ font-size: 108%;}
}


.section_welcome{ margin: 0; padding: 0; background: #aaa284; color: #FFFFFF;}
.section_welcome .mb{ padding: 2.0em 0 4.0em 0;}
.section_welcome .aside01{ margin:0; padding: 0; height: 450px; background: url("../jpg/bg11-2.jpg") no-repeat center bottom / cover;}
.section_welcome .aside01 h1{ margin: 0; padding: 0;}
.section_welcome .aside01 img{ display: block; margin: 0 auto;}
@media screen and ( max-width: 480px ) {
  .section_welcome .aside01{ height: 120px;}
  .section_welcome .aside01 h1{ width: 50%; margin: 0 auto;}
}

.section_about{ background: linear-gradient(#FFFFFF 60%, #003342 60%);}
.section_about .items{ display: flex; justify-content: space-between;}
.section_about .items article{ flex: 0 0 30%; margin: 2.0em 0 0 0; color: #FFFFFF;}
.section_about .items figure{ margin:0; padding: 0;}
.section_about .items img{ display: block;}
.section_about .items h3{ color: #FFFFFF; font-size: 128%; text-align: center; line-height: 1.5; }
.section_about .items p{ font-size: 86%; line-height: 1.5; border-top: solid 1px rgba(255,255,255,0.9); padding: 2.0em 0 0 0;}
@media screen and ( max-width: 480px ) {
  .section_about{ background: none}
  .section_about .items{ display: block; background: #003342; padding: 1.0em; }
  .section_about .items article:first-child{ margin-top: 0; }
  
}

.section_model{ padding: 0 0 4.0em 0; background: linear-gradient(#003342 30%, #FFFFFF 30%, #FFFFFF 70%, #f3f2ee 70%); }
.section_model .section_title{ color: #FFFFFF;}
.section_model .mb{}
.section_model .items{ display: flex; justify-content: space-around; width: 90%; margin: 0 auto; flex-wrap: wrap;}
.section_model .items article{ margin: 3.0em 0 0 0; flex: 40% 0 0;}
.section_model .items figure{ display: block; margin: 0; padding: 0;}
.section_model .items figure img { display: block;}
.section_model .items h3{ text-align: center; color: #aaa284; margin: 1.0em 0 0 0; font-size: 128%;}
.section_model .items p{ font-size: 86%; line-height: 1.5; color: #003342;}
@media screen and ( max-width: 480px ) {
  .section_model{ background: linear-gradient(#003342 23%, #FFFFFF 23%, #FFFFFF 61%, #f3f2ee 61%); }
  .section_model .items{ width: 100%;}
  .section_model .items article{ flex: 0 0 48%;}
}

.section_service{ margin: 0; padding: 0;}
.section_service article{ margin: 0; padding: 0; color: #003342;}
.section_service article:nth-child(1){ background: #FFFFFF;}
.section_service article:nth-child(2){ background: #ebeff0;}
.section_service article:nth-child(3){ background: #aaa284; color: #FFFFFF;}
.section_service article .mb{ padding: 2.0em 0 0 0; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center;}
.section_service article:nth-child(2n+1) .mb{ flex-direction: row-reverse;}
.section_service .section_title{ flex: 0 0 100%; margin: 0 0 1em 0;}
.section_service figure{ flex: 0 0 50%; margin: 0;}
.section_service figure img{ display: block;}
.section_service p{ margin: 0; flex: 0 0 50%; padding: 0 3.0em; font-size: 93%; line-height: 1.5;  }
@media screen and ( max-width: 480px ) {
  .section_service article .mb{ display: block;}
  .section_service figure{ margin: 1.0em 0 0 0;}
  .section_service p{ padding: 0 1.0em;}
}

.section_reserve{ margin: 0; background: #f3f2ee; padding: 4.0em 0;}
.section_reserve nav{ text-align: center; margin: 3.0em 0 0 0;}
.section_reserve a{ display: inline-block; margin: 0 auto; padding: 0.7em 1.0em; color: #000000; font-size: 108%; text-decoration: none; background: #FF9C49; border-radius: 0.3rem; font-weight: bold;}
@media screen and ( max-width: 480px ) {
  .section_reserve a{ display: block;}
}

.section_docs{ margin: 0; padding: 3.0em 0;}
.section_docs .docs_items a{ color: #003342;}


.section_studio{ background: rgba(0,51,66,0.15); font-size: 14px;
  font-family: 'Noto Sans JP','游ゴシック', YuGothic, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Meiryo", "メイリオ", arial, helvetica, sans-serif;
}
.section_studio .articles{ display: flex; justify-content: space-between;}
.section_studio .articles article{ flex: 0 0 48%; background: rgba(255,255,255,0.7); display: flex; align-items: center;}
.section_studio .articles article figure{ flex : 1 1; margin: 0; height: 100%; background: no-repeat center center / cover;}
.section_studio .articles article div{ flex: 0 0 50%; margin: 0; padding: 1.5em 1.0em;}
.section_studio .articles article div h3{ margin: 0; font-size: 150%; border-bottom: solid 1px #000000;}
.section_studio .articles article div p{ margin: 1.0em 0 0 0; font-size: 93%; line-height: 1.5;}
.section_studio .articles article div nav{ margin: 1.0em 0 0 0;}
.section_studio .articles article div nav a{ font-size: 86%;}

@media screen and ( max-width: 480px ) {
  .section_studio .articles{ display: block;}
  .section_studio .articles article{ margin-top: 2.0em; flex: 0 0 100%; position: relative; width: 100%;}
  .section_studio .articles article figure{ padding: 50% 0 0 0;}
  .section_studio .articles article div h3{ font-size: 128%;}
}

footer{ font-size: 14px;
  font-family: 'Noto Sans JP','游ゴシック', YuGothic, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Meiryo", "メイリオ", arial, helvetica, sans-serif;
}

.docs_items{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.docs_items article{ margin: 3.0em 0 0 0; padding: 0; flex: 0 0 30%; font-size: 77%;}
.docs_items article a{ color: #FFFFFF; text-decoration: none;}
.docs_items figure{ margin: 0; padding: 66.6% 0 0 0; background: #FFFFFF no-repeat center center / contain; border:solid 1px #f0f0f0;}
.docs_items h3{ margin: 1.0em 0 0 0; padding: 0; text-align: center;}
.docs_items nav{ margin: 1.0em 0 0 0; padding: 0;}
.docs_items nav img{ display: block; margin: 0 auto;}
@media screen and ( max-width: 480px ) {
  .docs_items article{ flex: 0 0 48%;}
}