@charset "UTF-8";

/* メインイメージ */
.contentpage .m_img_area::before {
	background-image: url("../images/first/m_img@2x.jpg")
}



/*policy
---------------------------------------------------------*/
#policy {
	background-color: #faf4e3;
	padding: 65px 0 110px;
}


/* PC,Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) {


}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
#policy {
	padding: 6% 0 10%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
#policy {
	padding: 12% 0;
}
#policy .com_contact {
	width: 90%;
}
}


/*flow
---------------------------------------------------------*/
#flow .flow_lead {
	text-align: center;
}
#flow .flow_lead dt {
	font-size: min(3vw,200%);
	letter-spacing: .15em;
	line-height: 1.6;
	margin-bottom: .4em;
}
#flow .flow_lead dd {
	line-height: 2.6;
}
#flow .flow_index {
	position: relative;
	text-align: center;
	font-size: min(3vw,200%);
	letter-spacing: .2em;
	line-height: 1.5;
	padding: .6em 0;
	background-color: #fbe9e4;
	border-radius: 2em;
	margin-bottom: 1.6em;
}
#flow .flow_index .no {
	position: absolute;
	width: 3.3em;
	left: 1em;
	top: -10%;
}
#flow .flow_list > li {
	margin-bottom: 100px;
}
#flow .flow_list > li:last-of-type {
	margin-bottom: 0;
}
#flow .flt_box {
	width: 94%;
	max-width: 1140px;
	margin: 0 auto;
}
#flow .flt_box .box_img {
	max-width: 450px;
	margin-bottom: 1em;
}
#flow .flow_point {
	box-sizing: border-box;
	padding: 1.6em 2.5%;
	border: 4px solid rgba(255,150,138,0.3);
	border-radius: 10px;
	margin-top: 1.8em;
	margin-bottom: 1em;
}
#flow .flow_point dt {
	color: #df6749;
	font-size: 146%;
	letter-spacing: .2em;
	line-height: 1.5;
	margin-bottom: .5em;
}


/* PC,Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) {
	
#flow .flt_box .box_img {
	width: 39.5%;
	float: right;
	margin-left: 9%;
}
#flow .flow_point {
	width: 52%;
}

}


/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {

#flow .flow_lead dd {
	line-height: 2.2;
}
#flow .flow_list > li {
	margin-bottom: 10%;
}
#flow .flt_box .box_img {
	margin-left: 5%;
	margin-bottom: 1em;
}
#flow .flow_point {
	width: 100%;
	padding: 1.3em 4%;
	margin-top: 14%;
}
#flow .flow_point dt {
	font-size: 130%;
	letter-spacing: .15em;
}


}
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 870px) and (max-width: 959px) {
	
#flow .flow_point {
	margin-top: 20%;
}	
	
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {

#flow .flow_lead dt {
	font-size: 130%;
	letter-spacing: .1em;
}
#flow .flow_lead dd {
	text-align: left;
	line-height: 1.8;
}
#flow .flow_index {
	font-size: 130%;
	letter-spacing: .12em;
	padding: 1em 0 .7em;
}
#flow .flow_index .no {
	width: 2.4em;
	left: .8em;
}
#flow .flow_list > li {
	margin-bottom: 12%;
}
#flow .flt_box .box_img {
	width: 80%;
	margin: 0 auto 6%;
}
#flow .flow_point {
	padding: 6% 5%;
	margin-top: 1.8em;
}
#flow .flow_point dt {
	font-size: 125%;
	letter-spacing: .1em;
}
#flow .flow_list .com_link2 {
	text-align: center;
}
	
}



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

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {

}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {

}