@charset "UTF-8";

/*-------------------------
__kenchiku_request_style
-------------------------*/
@media screen and (max-width:767px) {
.p-main--inside {  margin-bottom:10vw;}
}

@media screen and (min-width:768px) {
.nav_area {  margin-top:20px;}
}
@media screen and (max-width:767px) {
.nav_area {  margin-top:10px;}
}

@media screen and (min-width:768px) {
.select_box_wrap{  display:inline-block;  margin-right:1em;}
}

.tab_area {display:flex;}
.tab_area .tab {display:block;line-height:1.4;vertical-align:middle;width:calc(50%  - 10px); margin-right: 10px; box-sizing: border-box; padding:15px 10px 15px 40px;color:#693A08;background-color:#F8F1E3;border:1px solid #bbb;cursor:pointer;position: relative;}
.tab_area .tab::before{content:"";display:inline-block;width:20px;height:20px;margin:auto;border-radius:5px;box-sizing:border-box;background-color:#FFF;border:1px solid #AAA;position:absolute;top:0;left:10px;bottom:0;}
.tab_area .tab::after{opacity:0;content:"";display:block;width:10px;height:20px;margin:auto;transform:rotate(40deg);border-bottom:3px solid #693A08;border-right:3px solid #693A08;position:absolute;top:-8px;left:15px;bottom:0}
.tab_area .tab.active{color:#FFF;background-color:#693A08;}
.tab_area .tab.active::after{opacity:1;}






/*
@media screen and (min-width:768px) {
.tab_area {  margin:40px -5px;}
}

@media screen and (max-width:767px) {
.tab_area {  margin:15px -5px 25px;}
}
@media screen and (min-width:768px) {
.tab_area .tab {  font-size:2rem;  padding:15px 10px;}
}
@media screen and (max-width:767px) {
.tab_area .tab {  padding:10px;}
}


.tab_area .tab.active {color:#fff;background-color:#693A08;border-color:#693A08;}
.tab_area .tab.active::after {content:"";display:block;width:0;height:0;border-left:15px solid transparent;border-right:15px solid transparent;border-top:15px solid #693A08;position:absolute;bottom:-15px;left:50%;transform:translateX(-50%);}

#content .form_base .ck2 .ck2_inpt{display:none;}
#content .form_base .ck2 .ck2_inpt + span{}
#content .form_base .ck2 .ck2_inpt + span > span{}
#content .form_base .ck2 .ck2_inpt + span > span::before{}
#content .form_base .ck2 .ck2_inpt + span > span::after{}
#content .form_base .ck2 .ck2_inpt:checked + span > span{}
#content .form_base .ck2 .ck2_inpt:checked + span > span::after{opacity:1;}
*/

#content .form_base fieldset.col{display:flex;flex-wrap:wrap;margin-bottom:0;}

#content .form_base .bg_brown{	background: #5d330d; padding:15px; font-size:16px; line-height: 1.5; color: #FFF;vertical-align: baseline; display: inline-block;}
#content .form_base .bg_brown span{font-size:24px;color: #FFF;padding: 0 15px 0 0;
	display: block;
}