@charset "UTF-8";
/* LP無料相談会用css */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;400;700&family=Noto+Serif+JP:wght@400;700&family=Shippori+Mincho+B1:wght@400;500;800&display=swap');
@import url("reset.css");
@import url("layout.css");

/* pc css */
@media ( min-width: 480px ) { /* start pc */
body{ min-width: 1140px; font-size:18px;}
.pc-only{}
.sm-only,
.sp-only{ display:none !important;}

.mb{ width: 1100px; margin: 0 auto;}
}/* end pc */



/* smart css */
@media screen and ( max-width: 480px ) { /* satrt smart */
.pc-only{ display: none !important;}
.sm-only,
.sp-only{}
#wpadminbar{ position: fixed !important; left: 0; top:0; }
html,body {
  margin:0; padding:0;
  font-size: 14px;
  width:100%;
  -webkit-text-size-adjust: 100%;
  line-height:1.5;
  position:relative; }
  .mb{ margin: 0 1.0em;}
} /* end smart */

noscript{ margin: 0; padding: 0; width: 1px; height: 1px; overflow: hidden; visibility: hidden;}
figure{ margin: 0;}

/* common */
html,body{ height: 100%; position: relative;}
.text_shippori{ font-family: 'Shippori Mincho B1', 'Noto Sans JP' , sans-serif;} /* reg 400 mid 500 semid600 bold 700 exbold 800 */
.section_title{  font-family: 'Shippori Mincho B1', 'Noto Sans JP' , sans-serif;; font-weight: 400; letter-spacing: 0.1em; text-align: center; font-size: 200%; color: #003342; line-height: 1.6;}
.text_center{ text-align: center; }
@media ( max-width: 480px ){
  .section_title{ font-size:148%; letter-spacing: 0;}
}

/* pc base */
.section_hp{ margin: 0; padding: 0; position: relative; height: 100%; background: url("../jpg/hp11.jpg") no-repeat center center / cover;}
.section_hp *{ margin-top: 0;}
.section_hp img{ display: block;}
.section_hp .mb{ padding: 0; position: relative; height: 100%; display: flex; justify-content: center; align-items: center;}
.section_hp .aside01{ position: absolute; left: 0; top: 1.0em;}
.section_hp .aside02{ position: absolute; right: 0; bottom: 1.0em;}
.section_hp h1{ margin: 0; text-align: center; color: #FFFFFF; font-size: 266%; font-weight: 500; font-family: 'Shippori Mincho B1', 'Noto Sans JP' , sans-serif; letter-spacing: 0.5em;}
@media ( max-width: 480px ){
  .section_hp{ background: url("../jpg/hp11_sp.jpg") no-repeat center bottom / cover;}
  .section_hp h1{ font-size: 172%; letter-spacing: 0.1em; position: absolute; top: 23.888%; width: 100%; left: 0; right: 0;}
  .section_hp .aside02{ width: 33%;}
}

.section_house{ margin: 0; padding: 4.0em 0 4.0em 0; background: #aaa284;}
.section_house .mb{ padding: 0;}
.section_house .section_title{ margin:0; color: #FFFFFF;}
.section_house .items{ margin: 4.0em 0 0 0; display: flex; flex-wrap: wrap; border: 1px #FFFFFF; border-style: solid none none solid;}
.section_house .items *{ margin: 0;}
.section_house .items article{ margin: 0; padding: 0.7em; flex: 0 0 50%; border: 1px #FFFFFF; border-style: none solid solid none; display: flex; justify-content: space-between; flex-wrap: wrap;}
.section_house .items img{ display: block;}
.section_house .items .main{}
.section_house .items div{ flex: 0 0 40%; margin: 0.2em 0 0 0; display: flex; justify-content: center; align-items: center; text-align: center; flex-direction: column; color: #FFFFFF;}
.section_house .items div h3{ font-size: 132%; line-height: 1.5; font-family: 'Shippori Mincho B1', 'Noto Sans JP' , sans-serif; letter-spacing: 0.05em;}
.section_house .items div p{ font-size: 77%; margin: 0.5em 0 0 0;}
.section_house .items .sub{ flex: 0 0 58%; margin: 0.2em 0 0 0;}
@media ( max-width: 480px ){
  .section_house .items{ display: block;}
  .section_house .items div{ line-height: 1.5;}
  .section_house .items div h3{ font-size: 108%;}
}


.section_nayami{}
.section_nayami .mb{ padding: 6.0em 0;}
.section_nayami .section_title{ margin: 0;}
.section_nayami .content{ display: flex; justify-content: center;}
.section_nayami .content ul{ }
.section_nayami .content li{ margin: 0; padding: 0.7em 1.0em 0.7em 2.0em; font-size: 132%; color: #003342; border-bottom: dotted 5px #ccd6d9; line-height: 1.5;
  background: url("../png/icon11-2.png") no-repeat left center; 
  background-image: -webkit-image-set( url(../png/icon11-2.png) 1x, url(../png/icon11%402x.png) 2x);
}
@media ( max-width: 480px ){
  .section_nayami .content li{ font-size: 108%; padding-left: 50px;}
}

.section_sekkei{ margin: 0; padding: 0; background: #ccd6d9;}
.section_sekkei .mb{ padding: 2.0em 0 4.0em 0;}
.section_sekkei .section_title{ margin: 0;}
.section_sekkei figure img{ width: 100%; display: block;}
.section_sekkei .content{ display: flex; justify-content: space-between; align-items: center;}
.section_sekkei .content figure{ flex: 0 0 47%;}
.section_sekkei .content p{ margin: 0; flex: 0 0 47%; color: #003342; font-size: 150%;}
@media ( max-width: 480px ){
  .section_sekkei .content{ display: block;}
}

.section_kengaku{ }
.section_kengaku .aside01{ margin: 0; padding: 0;}
.section_kengaku .aside01 img{ display: block; margin: 0 auto;}
.section_kengaku .mb{ padding: 0 0 4.0em 0;}
.section_kengaku .section_title{ letter-spacing: 0;}
.section_kengaku .content01{ display: flex; justify-content: space-around;}
.section_kengaku .content01 p{ flex: 0 0 43%; margin: 1.0em 0 0 0; border: solid 1px #003342; padding: 1.0em; text-align:center; display: flex; align-items: center; line-height: 1.8; font-size: 148%; font-family: 'Shippori Mincho B1', 'Noto Sans JP' , sans-serif;; font-weight: 400; color: #003342; justify-content: center;}
.section_kengaku .content02{ width: 81%; margin: 2.0em auto 0 auto; border: solid 3px #003342; padding: 2.0em 1.5em;}
.section_kengaku .content02 .ttl00{ margin: 0; text-align: center;}
.section_kengaku .content02 .ttl00 strong{ font-size: 128%; color: #003342;}
.section_kengaku .content02 .ttl01{ padding: 0.7em 1.0em; background: #942023; color: #FFFFFF; text-align: center; font-weight: bold; font-size: 128%; line-height: 1.5;}
.section_kengaku .content02 .txt01{ font-size: 93%;}
.section_kengaku .content02 .studio{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.section_kengaku .content02 .studio article{ flex: 0 0 46%;}
.section_kengaku .content02 .studio .ttl02{ padding: 0.4em 0; text-align: center; line-height: 1.5;  background: #003342; color: #FFFFFF; font-size: 93%;}
.section_kengaku .content02 .studio .tel{ margin: 0.0em 0 0 0; font-size: 180%; font-family: 'Shippori Mincho B1', 'Noto Sans JP' , sans-serif; text-align: center;}
.section_kengaku .content02 .studio .addr{ margin:0; padding: 0; text-align: center; font-size: 86%;}
.section_kengaku .content02 .studio figure{ display: block; margin: 1.0em 0 0 0;}
.section_kengaku .content02 .nav01{ text-align: center; margin: 3.0em 0 0 0;}
.section_kengaku .content02 .nav01 a{ padding: 0.9em 4.0em; line-height: 1.5; background: #ffa449; font-size: 93%; text-decoration: underline;  border-radius: 0.3em;}
.section_kengaku .kengaku_hoikushi{ padding: 2.0em 0; display: flex; justify-content: center; flex-wrap: wrap;}
.section_kengaku .kengaku_hoikushi img{ display: block; margin: 0; padding: 0;}

@media ( max-width: 480px ){
  .section_kengaku .content01{ display: block;}
  .section_kengaku .content01 p{ font-size: 116%;}
  .section_kengaku .content02{ width: 100%;}
  .section_kengaku .content02 .studio{ display: block;}
  .section_kengaku .content02 .nav01 a{ display: block;}
}

.kengaku_merit{ margin: 2.0em auto 0 auto; padding: 1.5em 2.5em; width: 900px; background: #E9E6DE; position: relative;}
.kengaku_merit::after{ content:''; position: absolute; margin: 0 auto; top: 0; left: auto; right: auto; width: 10.5%; }
.kengaku_merit .ttl01{ margin: 0; color: #003342; font-size: 182%; text-align: center; font-family: 'Shippori Mincho B1', 'Noto Sans JP' , sans-serif;}
.kengaku_merit .ttl01 em{ color: #A20022; font-size: 182%;}
.kengaku_merit ul{ margin: 1.0em 0 0 0; font-weight: bold;}
.kengaku_merit li{ margin: 0; padding: 0.3em 1.0em; border-bottom: dotted 3px #FFFFFF; display: flex; align-items: center;}
.kengaku_merit li span{ display: block; margin: 0 0.7rem 0 0; padding: 0;  color: #000000; font-size: 200%;}
.kengaku_merit li p{ margin: 0; padding: 0; font-size: 128%; color: #003342; line-height: 1.5}
.kengaku_merit li p em{ color: #A20022;  font-size: 128%;}
.kengaku_hoikushi_dlarrow{ display: block; margin: 0; padding: 0;}
.kengaku_hoikushi_dlarrow img{ display: block; margin: 0 auto;}
@media ( max-width: 480px ){
  .kengaku_merit{ width: 100%; padding: 1.0em;}
  .kengaku_merit li{ padding: 0.3em 0;}
  .kengaku_merit .ttl01{ font-size: 148%}
  .kengaku_merit li p{ font-size: 108%;}
  .kengaku_hoikushi_dlarrow{ width: 20%; margin: 0 auto;}
}

.section_model{ margin: 0; padding: 0 0 2.0em 0; background: #aaa284;}
.section_model .aside01{ margin: 0; padding: 0;}
.section_model .aside01 img{ display: block; margin: 0 auto;}
.section_model .section_title{ color: #FFFFFF;}
.section_model .section_title_sub{ margin: 1.5em 0 0 0; color: #FFFFFF; text-align: center; text-decoration: underline;}
.section_model .items{ display: flex; flex-wrap: wrap;}
.section_model .items article{ margin: 0; padding: 0; flex: 0 0 50%; position: relative;}
.section_model .items article *{ margin-top: 0;}
.section_model .items article figure{ margin: 0; padding: 0; display: block;}
.section_model .items article figure img{ display: block; width: 100%;}
.section_model .items article div{ margin: 0; padding: 0; position: absolute; top: 0; left: 0; width: 100%; display: flex; align-items: center;}
.section_model .items article div img{ display: block;}
.section_model .items article h3{ margin: 0 0 0 0.5em; color: #FFFFFF; line-height: 1.2; text-shadow: 1px 1px 1px rgba(0,0,0,1);}
.section_model .items article h3 span:nth-child(1){ font-size: 172%; font-weight: bold; display: block; }
.section_model .items article h3 span:nth-child(2){ font-size: 128%; font-weight: bold; display: block;}
.section_model .items article h3 span:nth-child(3){ font-size: 93%; display: block;}
.section_model .items article .sub{ margin-left: auto; margin-right: 0.5em;}
.section_model .ttl11{ font-size: 128%;}
@media ( max-width: 480px ){
  .section_model .items{ display: block;}
  .section_model .items article div img{ width: 60px;}
  .section_model .items article div{ font-size: 73%;}
}

.section_studio{ margin: 0; padding: 1.0em 0 4.0em 0; background: #aaa284;}
.section_studio .ttl11{ margin: 0; padding: 0; font-size: 128%; color: #FFFFFF;}
.section_studio .fig11{ margin: 3.0em 0 0 0;}
.section_studio .content{ width: 81%; margin: 2.0em auto 0 auto; background: #FFFFFF; padding: 0 1.5em 2.0em 1.5em;}
.section_studio .content aside{ margin: 0; padding: 0; display: block;}
.section_studio .content aside img{ display: block; margin: 0 auto;}
.section_studio .content .ttl21{ text-align: center; color: #003342; line-height: 1.7;}
.section_studio .content .ttl21 span{ font-size: 128%; font-weight: bold;}
.section_studio .content .ttl22{ border: solid 1px #003342; color: #003342; text-align: center; padding: 0.4em 1.0em; font-weight: bold;}
.section_studio .content .items{ display: flex; justify-content: space-between; margin: 0; flex-wrap: wrap;}
.section_studio .content .items article{ flex: 0 0 46%; margin: 1.0em 0 0 0; padding: 0;}
.section_studio .content .items article figure{ margin: 0.2em; display: block;}
.section_studio .content .items article figure img{ display: block;}
.section_studio .content .items article h3{ margin: 0.5em 0 0 0; padding: 0.4em 1.0em; text-align: center; color: #FFFFFF; background: #003342;}
.section_studio .content .items article .tel{ margin: 0.0em 0 0 0; font-size: 180%; font-family: 'Shippori Mincho B1', 'Noto Sans JP' , sans-serif; text-align: center;}
.section_studio .content .items article .addr{ margin:0; padding: 0; text-align: center; font-size: 86%;}
.section_studio .content .items article .gmap_local{ margin: 1.0em 0 0 0; padding: 66.6% 0 0 0; position: relative;}
.section_studio .content .items article .gmap_local iframe{ margin: 0; padding: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.section_studio .content .items article nav{ text-align: center; margin: 2.0em 0 0 0;}
.section_studio .content .items article nav a{ display: block; padding: 0.9em 1.0em; text-align: center; line-height: 1.5; background: #d3cfbf; font-size: 93%; text-decoration: underline;}
.section_studio .ttl31{ text-align: center; color: #FFFFFF; font-size: 128%; font-weight: bold;}
@media ( max-width: 480px ){
  .section_studio .content{ width: 100%;}
  .section_studio .content .items{ display: block;}
}


.nav01{ text-align: center; margin: 3.0em 0 0 0;}
.nav01 a{ padding: 0.9em 4.0em; line-height: 1.5; background: #ffa449; font-size: 93%; text-decoration: underline;  border-radius: 0.3em;}
@media ( max-width: 480px ){
  .nav01 a{ display: inline-block;}
}

.section_form{ margin: 0; padding: 0;}
.section_form aside{ margin: 0; padding: 0;}
.section_form aside img{ display: block; margin: 0 auto;}
.section_form .section_form_block01{ display: flex; justify-content: space-between; align-items: center; width: 81%; margin: 0 auto;}
.section_form .section_form_block01>div{ margin: 1.0em 0 0 0; flex: 0 0 48%; text-align: left;}
.section_form .section_form_block01>div *{ margin-top: 0; text-align: left;}
.section_form .section_form_block01>figure{ display: block; margin: 1.0em 0 0 0; flex: 0 0 50%;}
.section_form .free_form{ width: 81%; margin: 2.0em auto;}
.section_form .free_form table{ border: 1px #CCCCCC; border-style: solid none none solid; font-size: 93%;}
.section_form .free_form th,
.section_form .free_form td{ border: 1px #CCCCCC; border-style: none solid solid none; padding: 0.7em 1.0em;}
.section_form .free_form th{ background: #efeeee;}
.section_form .free_form th > *:first-child,
.section_form .free_form td > *:first-child{ margin-top: 0;}
.section_form .free_form th span{ font-weight: bold;}
.section_form .free_form .check_greek{ font-size: 93%; color: #FF0000; text-align: center; margin: 1.0em 0 0 0;}
.section_form .free_form .free_btn p{ margin: 0 0 0 0; padding: 0; display: flex; justify-content: center;}
.section_form .free_form .free_push { margin: 0 0.5em; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.section_form .free_form .free_push[type="reset"]{ border: solid 3px #ffa449; background: #FFFFFF; color: #000000; padding: 0.7em 0; width: 10em; font-weight: bold; border-radius: 0.3em;}
.section_form .free_form .free_push[type="submit"]{ border: solid 3px #ffa449; background: #ffa449; color: #000000; padding: 0.7em 0; width: 10em; font-weight: bold; border-radius: 0.3em;}
.section_form .free_form .wpcf7-not-valid-tip{ font-size: 93%; font-weight: bold;}
@media ( max-width: 480px ){
  .section_form .section_form_block01{ display: block; width: 100%;}
  .section_form .free_form{ width: 100%;}
  .section_form .free_form table,
  .section_form .free_form tbody,
  .section_form .free_form th,
  .section_form .free_form td{ display: block; width: 100%; margin: 0;}
}

.fc{ margin: 0; padding: 0; background: #003342; color: #FFFFFF;}
.fc .mb{ padding: 2.0em 0; }
.fc .section_title{ color: #FFFFFF; margin: 0;}
.fc h2{}
.fc h2 img{ display: block; margin: 0 auto;}
.fc .fc_nav{ margin: 2.0em auto 0 auto; padding: 0; display: flex; justify-content: space-between; flex-wrap: wrap; width: 90%;}
.fc .fc_nav li{ margin: 0.7em 0 0 0; flex: 0 0 30%;}
.fc .fc_nav li a{ display: block; margin: 0; padding: 0.5em 1.0em; border: solid 1px #FFFFFF; color: #FFFFFF; text-align: center; text-decoration: none; font-size: 93%; transition: all 0.5s;}
.fc .fc_nav li a:hover{ background: rgba(255,255,255,0.1);}
.fc .copyright{ margin: 0; padding: 2.0em 0; background: #FFFFFF; color: #003342; font-size: 86%; text-align: center;}
@media ( max-width: 480px ){
  .fc h2{ width: 50%; margin-left: auto; margin-right: auto;}
  .fc .fc_nav li{ flex: 0 0 48%;}
}


@media ( max-width: 480px ){
  .arrow_dl{ display: block; max-width: 35%; margin: 0 auto !important;}
}

.step3{ margin-bottom: 50px;}
.step3 .step3_title{ font-size: 200%; color: #003342; text-align: center;}
.step3 .step3_title span{ font-size: 200%; color: #A20022;}
.step3 article{ background: #003342; color: #FFFFFF; padding: 0.7em 1.0em; margin:0 0 30px 0; display: flex; align-items: center; position: relative;}
.step3 article *{ margin: 0;}
.step3 article p{ text-align: center; line-height: 1.0; white-space: nowrap; margin-right: 1.0em;}
.step3 article p span:nth-child(1){ margin: 0; padding: 0; font-size: 73%; display: block; text-align: center;}
.step3 article p span:nth-child(2){ margin: 0; padding: 0; font-size: 250%; text-align: center; display: block;}
.step3 article h3{ line-height: 1.5;}
.step3 article::after{ content:''; display: block; width: 0; height: 0; position: absolute; margin: 0 auto;left: 0; right: 0; bottom: -30px;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 30px solid #003342;}
@media ( max-width: 480px ){
  .step3 article{ margin: 0 0 15px 0;}
  .step3 article::after{ border-width: 15px; bottom: -15px;}
}


.section_line_tel{ line-height: 1.5; font-size: 93%;}
.section_line_tel *{ margin-top: 0;}
.section_line_tel .flbox01{ display: flex; margin: 0; gap: 0 2.0rem; align-items: center; justify-content: center;}
.section_line_tel .flbox01 .tel{ display: flex; align-items: center;}
.section_line_tel .flbox01 .tel img{ margin-right: 0.5rem;}
.section_line_tel .flbox01 .tel a{ font-size: 285%; text-decoration: none;}
@media ( max-width: 480px ) {
  .section_line_tel .flbox01{ display: block; text-align: center;}
}