@charset "UTF-8";

/*nayami_list
---------------------------------------------------------*/
.nayami_list{
	margin-bottom: 100px;
	display: flex;
	justify-content: space-between;
	font-size: min(125%,1.65vw);
	letter-spacing: 0.18em;
	line-height: 1.5em;
	text-align: center;
}
.nayami_list li{
	max-width: 170px;
	width: 15.5%;
}
.nayami_list div{
	max-width: 170px;
	margin: 0 auto 0.7em;
	text-align: center;
}
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.nayami_list{
	margin-bottom: 8%;
}
}
/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.nayami_list{
	margin-bottom: 10%;
    flex-wrap: wrap;
	font-size: 90%;
	letter-spacing: 0.1em;
}
.nayami_list li{
	max-width: 31%;
	width: 31%;
	margin-top: 5%;
}
.nayami_list li:nth-child(-n + 3){
	margin-top: 0;
}
.nayami_list div{
	margin: 0 auto 0.4em;
	text-align: center;
}
}



/*consultation_box
---------------------------------------------------------*/
.consultation_box {
	border: 1px solid #808080;
}
.consultation_box > div:first-child{
	padding: 60px 4% 50px;
	box-sizing: border-box;
}
.consultation_box .inbox{
	max-width: 1060px;
	margin: 0 auto;
}
.consultation_box .tit{
	font-size: min(255%,4.2vw);
	letter-spacing: 0.18em;
	line-height: 1.5em;
	text-align: center;
	margin-bottom: 1.4em;
	padding-bottom: 1em;
	border-bottom: 1px solid #ccc;
}
.consultation_box .tit p{
	font-size: 53%;
	letter-spacing: 0.08em;
	line-height: 1em;
	color: #89898f;
	margin-bottom: 0.6em;
}
.consultation_box .med_flt{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.consultation_box .med_flt .img_l{
	max-width: 366px;
	width: 35%;
	font: none;
}
.consultation_box .med_flt .txt_r{
	max-width: 635px;
	width: 61%;	
	font: none;
}
.consultation_box .contact{
	background-color: #f6f6f6;
	padding: 40px 0;
	font-size: min(100%,1.7vw);
}
.consultation_box .contact dl{
	max-width: 1080px;
	margin: 0 auto;
	display: flex;
}
.consultation_box .contact dl dt{
	width: 28.7%;
	font-size: 200%;
	letter-spacing: 0.08em;
	line-height: 1em;
	color: #89898f;
	text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.consultation_box .contact dl dd{
	width: 71.3%;
	border-left: 1px solid #d3d3d3;
	padding: 12px 0;
}
.consultation_box .contact dl dd .com_contact{
	max-width: 610px;
	width: 88%;
	margin: 0 auto;
}
.consultation_box .contact dl dd .com_contact .com_tel{
	max-width: 267px;
	width: 44%;
}
.consultation_box .contact dl dd .com_contact .com_tel p{
	font-size: min(112.5%,1.725vw);
	letter-spacing: 0.18em;
	line-height: 1em;
	margin-bottom: 1em;
}
.consultation_box .contact dl dd .com_contact .com_web{
	max-width: 300px;
	width: 50%;
}
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.consultation_box > div:first-child{
	padding: 6% 4% 5%;
}
.consultation_box .tit{
	margin-bottom: 1.2em;
	padding-bottom: 0.8em;
}
.consultation_box .med_flt{
	display: block;
}
.consultation_box .med_flt .img_l{
	float: left;
	margin-right: 4%;
	margin-bottom: 1em;
}
.consultation_box .med_flt .txt_r{
	max-width: 100%;
	width: 100%;
}
.consultation_box .contact{
	padding: 4% 0;
}
.consultation_box .contact dl dd{
	padding: 1.2vw 0;
}
}
/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.consultation_box > div:first-child{
	padding: 8% 5% 7%;
}
.consultation_box .inbox{
	max-width: 100%;
}
.consultation_box .tit{
	font-size: 180%;
	letter-spacing: 0.1em;
	margin-bottom: 1em;
	padding-bottom: 0.8em;
}
.consultation_box .med_flt{
	display: block;
}
.consultation_box .med_flt .img_l{
	width: 80%;
}
.consultation_box .med_flt .txt_r{
	max-width: 100%;
	width:100%;	
}
.consultation_box .med_flt .txt_r dt{
	text-align: center;
	letter-spacing: 0.05em;
	
}
.consultation_box .contact{
	padding: 7% 5%;
	font-size: 100%;
}
.consultation_box .contact dl{
	max-width: 100%;
	display:block;
}
.consultation_box .contact dl dt{
	width: 100%;
}
.consultation_box .contact dl dd{
	width: 100%;
	border-left: none;
	border-top: 1px solid #d3d3d3;
	padding-top: 1em;
	margin-top: 1em;
	padding-bottom: 0;
}
.consultation_box .contact dl dd .com_contact{
	max-width: 100%;
	width: 100%;
	margin: 0 auto;
}
.consultation_box .contact dl dd .com_contact .com_tel{
	max-width: 15em;
	width: 100%;
}
.consultation_box .contact dl dd .com_contact .com_tel p{
	font-size: 100%;
	letter-spacing: 0.1em;
	text-align: center;
}
.consultation_box .contact dl dd .com_contact .com_web{
	max-width: 13em;
	width: 100%;
}
}



/*effect_list
---------------------------------------------------------*/
.effect_list li{
	padding: 50px 0;
	display: flex;
	align-items: center;
	border-bottom: 1px solid #ccc;
}
.effect_list li:last-child{
	border-bottom: none;
	padding-bottom: 0;
}
.effect_list li:first-child{
	padding-top: 0;
}
.effect_list li .tit{
	width: 25%;
	text-align: center;
	font-size: min(100%,1.7vw);
}
.effect_list li .tit .icon{
	max-width: 120px;
	width: 7.5em;
	margin: 0 auto 1em;
}
.effect_list li .tit h3{
	font-size: 162.5%;
	letter-spacing: 0.18em;
	line-height: 1em;
}
.effect_list li .tit p{
	font-size: 118.75%;
	letter-spacing: 0.08em;
	line-height: 1.8em;
	color: #89898f;
	margin-top: 0.5em;
}
.effect_list li .txt{
	width: 75%;
}
.effect_list li .txt dl{
	max-width: 820px;
	width: 90%;
	margin: 0 auto 40px; 
}
.effect_list li .txt dl:last-of-type{
	margin-bottom: 0;
}
.effect_list li .txt dt{
	font-size: min(143.75%,2.4vw);
	letter-spacing: 0.18em;
  	line-height: 1.7em;
	margin-bottom: 0.5em;
}
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.effect_list li{
	padding: 5% 0;
}
.effect_list li .txt{
	width: 75%;
}
.effect_list li .txt dl{
	margin: 0 auto 4%; 
}
}
/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.effect_list li{
	padding: 7% 0;
	display: block;
}
.effect_list li .tit{
	width:100%;
	text-align: center;
	font-size: 90%;
	margin-bottom: 5%;
}
.effect_list li .tit h3{
	letter-spacing: 0.1em;
}
.effect_list li .txt{
	width: 100%;
}
.effect_list li .txt dl{
	max-width: 100%;
	width:100%;
	margin: 0 auto 6%; 
}
.effect_list li .txt dl:last-of-type{
	margin-bottom: 0;
}
.effect_list li .txt dt{
	font-size:	130%;
	letter-spacing: 0.1em;
	margin-bottom: 0.4em;
	text-align: center;
}
}



/*med_col_list
---------------------------------------------------------*/
.med_col_list .zen18{
	color: #fff;
	padding: 0.5em 0;
	border-radius: 0.223em;
	margin: 0.8em auto 1.6em;
}
.med_col_list li:nth-child(1) .zen18{
	background-color: #7bb257;
}
.med_col_list li:nth-child(2) .zen18{
	background-color: #c49762;
}
/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.med_col_list li{
	padding-top: 6%;
}
.med_col_list .zen18{
	color: #fff;
	padding: 0.5em 0;
	border-radius: 0.223em;
	margin: 0.6em auto 1em;
}
}



/*com_btn2
---------------------------------------------------------*/
.com_btn2.w19em,
.com_btn2.w19em a{
	max-width: 19em;
}




/*notes_box
---------------------------------------------------------*/
.notes_box{
	background-color: #f6f6f6;
	padding: 40px 3%;
	box-sizing: border-box;
}
.notes_box dt,
.notes_box dd{
	max-width: 1060px;
	margin: 0 auto;
}
.notes_box dt .icon_open{
	background-color: #b1b1b5;
	width: 1.7em;
	height: 1.7em;
	border-radius: 1.7em;
	transform: translateY(-.15em);
}
.notes_box dt .icon_open::before,
.notes_box dt .icon_open::after {
	width: .56em;
	height: 1px;
}
.notes_box dd{
	padding: 35px 0 15px;
}
.notes_box dd li{
	line-height: 1.8em;
	padding-left: 1em;
	position: relative;
	margin-top: 0.6em;
}
.notes_box dd li:first-child{
	margin-top: 0;
}
.notes_box dd li::before{
	position: absolute;
	content: "";
	background: #999999;
	width: 0.4em;
	height: 0.4em;
	border-radius: 0.4em;
	left: 0;
	top:0.8em;
}
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.notes_box{
	padding: 4% 3%;
}
.notes_box dd{
	padding: 3.5% 0 1.5%;
}
}
/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.notes_box{
	padding: 5% 5%;
}
.notes_box dt{
	letter-spacing: 0.05em!important;
}
.notes_box dd{
	padding: 4% 0 1.5%;
}
}