@charset "shift_jis";
/* CSS Document */

#contents .pc_none {
display: none;
}

.mainimg_box {
position: relative;
}

.mainimg_box h1 {
position: absolute;
}


.price_box {
padding: 20px;
background: #322927;
}

.price_box .price_inbox{

display: -webkit-flex;
display: flex;
-webkit-justify-content: space-around;
justify-content: space-around;

align-items: center;
max-width: 1200px;
margin:  0 auto;

}
.price_box .price_inbox .price_txt{
max-width: 535px;
width: 80%;
}

.price_box .price_inbox .btn_mall{
max-width: 180px;
display: block;
width: 75%;
}


.btn_mall .btn {
display: inline-block;
font-weight: bold;
line-height: 1.5;
color: #212529;
text-align: center;
text-decoration: none;
vertical-align: middle;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
background-color: transparent;
border: 1px solid transparent;
padding: .5rem 2rem;
font-size: 18px;
width: 240px;
border-radius: 6px;
}
.btn_mall .btn.btn-light {
display: block;
color: #fff;
background-color: #F86E2C;
border-color: #F86E2C;
-webkit-box-shadow: 5px 5px 0 0 rgba(0,0,0,0.3) ;
box-shadow: 5px 5px 0 0 rgba(0,0,0,0.3) ;
}
.btn_mall .btn.btn-light:hover {
display: block;
color: #fff;
background-color: #F86E2C;
border-color: #F86E2C;
-webkit-box-shadow: 2px 2px 0 0 rgba(0,0,0,0.3) ;
box-shadow: 2px 2px 0 0 rgba(0,0,0,0.3) ;
}



.movie_area {
padding: 40px 20px;

display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}

.promo_movie_box {
width: 100%;
max-width: 980px;
margin: 0 auto;
}

#contents .youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
#contents .youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}




#contents .ct_box {
max-width: 1600px;
width: 100%;
margin: 0 auto;
padding-bottom: 60px;

background: url(../images/bg.png);
}

#contents .ct_inbox {
width: 98%;
max-width: 1200px;
margin: 0 auto;
background: #FFF6E4;
padding: 40px 20px 120px;
}


#contents .ct_inbox.no_bg {
background: none;
padding: 60px 20px 120px;
}

#contents .btn_reserve {
display: block;
width: 240px;
margin:0 auto 50px;
}

#contents .bnr_diagnosis {
display: block;
margin-bottom: 40px;
}

#contents .btn_box {
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}

#contents .btn_box a {
display: block;
width: 33%;
max-width: 376px;
}



#contents .ttl_box {
width: 100%;
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
align-items: center;
height: 160px;

background: url(../images/ttl_bg.png) center center no-repeat;
background-size: cover;
}

#contents .ttl_box h2 {
display: block;
width: 96%;
max-width: 1050px;
margin: 0 auto;
}


#contents .sec01_ttl {
display: block;
width: 96%;
max-width: 990px;
margin: 0 auto 30px;
}

#contents .sec01_item01 {
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 80px;
}
#contents .sec01_item01 .sec01_item01_img {
width: 50%;
}
#contents .sec01_item01 .sec01_item01_img a {
display: block;
margin-bottom: 15px;
}
#contents .sec01_item01 .sec01_item01_img .sec01_item01_img_inbox {
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
#contents .sec01_item01 .sec01_item01_img .sec01_item01_img_inbox a {
width: 31%;
}

#contents .sec01_item01 .sec01_item01_txt {
width: 45%;
}

#contents p.item_txt {
font-size: 20px;
line-height: 1.6em;
font-weight: bold;
color:#755e5a;
margin-bottom: 1em;
}

#contents p.item_txt strong {
display: inline-block;
padding: 6px 15px 4px;
background: #F7BBEE;
font-weight: bold;
margin-bottom: 8px;
}

#contents p.item_txt .line_txt {
display: inline-block;
padding-top: 6px;
background:linear-gradient(transparent 60%, #FFE3E4 60%);
}



#contents .sec01_item01 {
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 80px;
}

#contents .sec01_item01 .sec01_item02_each {
width: 50%;
padding: 0 30px;
box-sizing: border-box;
}

#contents .sec01_item01 .sec01_item02_each a.fancybox {
display: block;
margin-bottom: 20px;
}

#contents .sec01_item01 .sec01_item02_each:first-of-type {
border-right: dashed #D2C4B7 4px;
}


#contents .about_img {
max-width: 993px;
margin: 0 auto 30px;
}
#contents .about_img:nth-child(2) {
margin: 0 auto 80px;
}



.ct_box .copyright {
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;

width: 94%;
max-width: 1200px;
margin: 0 auto;
}

.ct_box .copyright_img {
width: 25%;
max-width: 200px;
}

.ct_box .copyright_txt {
width: 40%;
text-align: left;
font-size: 11px;
color:#333;
}



/*---------------------------------*/



.ct_box .diagnosis_main {
display: block;
width: 100%;
max-width: 1200px;
margin: 0 auto;
}

#contents .diagnosis_inbox {
width: 98%;
max-width: 1200px;
margin: 0 auto;
background: #FFF6E4;
padding: 0px 20px 120px;
}

.ct_box form {
display: block;
width: 100%;
max-width: 800px;
margin: 0 auto 100px;
}

.ct_box form .check-box {
  cursor: pointer;
display: block;
margin-bottom: 30px;
}
.ct_box form .check-text {
  /* チェックボックスとテキストの上下を中央に */
  align-items: center;
  display: flex;
  font-size: 20px;
color:#7b584a;
font-weight: bold;
}
.ct_box form .check-text span {
width: calc(100% - 40px);
}
.ct_box form .check-box input {
  display: none; /* デフォルトのチェックボックスを非表示 */
} 
.ct_box form .check-box input + .check-text::before {
  display: block;
  /* チェック入れる前のチェックボックス画像 */
  background-image: url("../images/diagnosis_check_off.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 40px;
  position: relative;
  width: 40px;
margin-right: 15px;
box-sizing: border-box;
}
.ct_box form .check-box input:checked + .check-text::before {
  /* チェック入れた後のチェックボックス画像 */
  background-image: url("../images/diagnosis_check_on.png");
}


.ct_box .diagnosis_start {
display: inline-block;
font-weight: bold;
line-height: 1.5;
color: #212529;
text-align: center;
text-decoration: none;
vertical-align: middle;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
background-color: transparent;
border: 1px solid transparent;
padding: .5rem 2rem;
font-size: 24px;
width: 240px;
border-radius: 6px;

display: block;
color: #5E475B;
background-color: #F7BBEE;
border-color: #F7BBEE;
-webkit-box-shadow: 5px 5px 0 0 rgba(0,0,0,0.3) ;
box-shadow: 5px 5px 0 0 rgba(0,0,0,0.3) ;
margin: 0 auto;
}
.ct_box .diagnosis_start:hover {
display: block;
color: #5E475B;
background-color: #F7BBEE;
border-color: #F7BBEE;
-webkit-box-shadow: 2px 2px 0 0 rgba(0,0,0,0.3) ;
box-shadow: 2px 2px 0 0 rgba(0,0,0,0.3) ;
}



.ct_box .btn_back {
display: inline-block;
font-weight: bold;
line-height: 1.5;
color: #212529;
text-align: center;
text-decoration: none;
vertical-align: middle;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
background-color: transparent;
border: 3px solid transparent;
padding: .5rem 2rem;
font-size: 18px;
width: 180px;
border-radius: 6px;

display: block;
color: #fff;
background-color: #9F715F;
border-color: #6D4738;
-webkit-box-shadow: 5px 5px 0 0 rgba(0,0,0,0.3) ;
box-shadow: 5px 5px 0 0 rgba(0,0,0,0.3) ;
margin: 40px auto 0;
}
.ct_box .btn_back:hover {
display: block;
color: #fff;
background-color: #9F715F;
border-color: #6D4738;
-webkit-box-shadow: 2px 2px 0 0 rgba(0,0,0,0.3) ;
box-shadow: 2px 2px 0 0 rgba(0,0,0,0.3) ;
}


.ct_box .result_box {
padding: 0 0 40px;
display: none;
}


.ct_box .result_box .diagnosis_result {
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
align-items: center;

background: url(../images/diagnosis_result_ttl_bg.png) center center no-repeat;
background-size: cover;
height: 160px;

margin-bottom: 30px;
}

.ct_box .result_box .diagnosis_result img {
width: 90%;
height: auto;
max-width: 503px;
}

.ct_box .result_box .result_img_box {
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
align-items: center;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 40px;
}

.ct_box .result_box .result_img_box>* {
width: 48%;
}

.ct_box .result_box .result_img_box .txt_box {
color: #7b584a;
line-height: 2;
font-weight: bold;
font-size: 30px;
}

.ct_box .result_box .txt_recommend {
color: #7b584a;
font-weight: bold;
text-align: center;
font-size: 24px;
padding-bottom: 15px;
}