@charset "UTF-8";



/*導入
---------------------------------------------------------*/
.lead_box {
	position: relative;
}
.lead_box .abs {
	position: absolute;
	z-index: 0;
	width: 40%;
	max-width: 498px;
	left: 0;
	top: -10px;
}
.lead_box dl {
	position: relative;
	z-index: 1;
	padding-top: 30px;
}
.lead_box dt {
	text-align: center;
}
.lead_box dt p:first-child {
	width: 80%;
	max-width: 800px;
	font-size: 190%;
	letter-spacing: .15em;
	line-height: 1.5em;
	padding-bottom: 1.0em;
	border-bottom: solid 1px #cccdcd;
	margin: 0 auto 1.3em;
}
.lead_box dt p:last-child {
	font-size: 375%;
	letter-spacing: .05em;
	line-height: 1.3em;
	margin-bottom: .6em;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.lead_box .abs {
	width: 50%;
	left: 0;
	top: 0;
	transform: translate(-18%,-5%);
}
.lead_box dl {
	padding-top: 4%;
}
.lead_box dt p:first-child {
	font-size: 170%;
}
.lead_box dt p:last-child {
	font-size: 340%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.lead_box .abs {
	width: 80%;
	left: 0;
	top: 0;
	transform: translate(-15%,-6%);
}
.lead_box dl {
	padding-top: 5%;
}
.lead_box dt p:first-child {
	width: 100%;
	font-size: 130%;
	letter-spacing: .1em;
	padding-bottom: .8em;
	margin-bottom: 1.0em;
}
.lead_box dt p:last-child {
	font-size: 200%;
}
}



/*FLOW
---------------------------------------------------------*/
.flow_box {
	position: relative;
	z-index: 1;
}
.flow_box .box {
	position: relative;
	padding: 120px 0 70px;
	border-radius: 150px 150px 0 0;	/*揃える*/
	color: #fff;
}
.flow_box .box::before {
	content: "";
	position: absolute;
	z-index: 0;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}
.flow_box .box::after {
	content: "";
	position: absolute;
	z-index: -1;
	width: 100%;
	height: 150px;	/*揃える*/
	left: 0;
	top: 100%;
}
.flow_box .box .w1100 {
	position: relative;
	z-index: 1;
}

.flow_box .com_index1 {
	margin-bottom: 50px;
}
.flow_box .com_index1 .ft_sempl {
	color: #293e5a;
}

.flow_box .box .img_box {
	width: 80%;
	margin: 0 auto;
	position: relative;
}
.flow_box .box .img_box::before {
	content: "01";
	font-family: semplicitapro, sans-serif;
	font-weight: 400;
	font-style: normal;
	text-align: center;
	font-size: 875%;
	letter-spacing: -.05em;
	line-height: 1.2em;
	position: absolute;
	z-index: 1;
	left: 0;
	right: 0;
	bottom: -.4em;
}
.flow_box .box h3 {
	text-align: center;
	font-size: 250%;
	letter-spacing: .15em;
	line-height: 1.6em;
	margin: 1.2em 0 .4em;
}
.flow_box .box .txt {
	width: 100%;
	max-width: 1005px;
	margin: 0 auto;
}

.flow_box .flow01 {background: #3078ae;}
.flow_box .flow01::after {background: #3078ae;}
.flow_box .flow01 .img_box::before {content: "01";}

.flow_box .flow02 {background: #2c8bd9;}
.flow_box .flow02::after {background: #2c8bd9;}
.flow_box .flow02 .img_box::before {content: "02";}

.flow_box .flow03 {background: #2c9fd9;}
.flow_box .flow03::after {background: #2c9fd9;}
.flow_box .flow03 .img_box::before {content: "03";}

.flow_box .flow04 {background: #33b0e7;}
.flow_box .flow04::after {background: #33b0e7;}
.flow_box .flow04 .img_box::before {content: "04";}

.flow_box .flow05 {
	background: #2fc0e3;
	padding-bottom: 120px;
}
.flow_box .flow05::after {display: none;}
.flow_box .flow05 .img_box::before {content: "05";}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.flow_box .box {
	padding: 10% 0 8%;
	border-radius: 12vw 12vw 0 0;	/*揃える*/
}
.flow_box .box::after {
	height: 12vw;	/*揃える*/
}
.flow_box .com_index1 {
	margin-bottom: 6%;
}
.flow_box .box .img_box::before {
	font-size: 14vw;
}
.flow_box .box h3 {
	font-size: 220%;
}
.flow_box .flow05 {
	padding-bottom: 10%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.flow_box .box {
	padding: 18% 0 10%;
	border-radius: 15vw 15vw 0 0;	/*揃える*/
}
.flow_box .box::after {
	height: 15vw;	/*揃える*/
}
.flow_box .box .w1100 {
	position: relative;
	z-index: 1;
}
.flow_box .com_index1 {
	margin-bottom: 10%;
}

.flow_box .box .img_box {
	width: 100%;
}
.flow_box .box .img_box::before {
	font-size: 400%;
	letter-spacing: -.05em;
	bottom: -.4em;
}
.flow_box .box h3 {
	font-size: 160%;
	letter-spacing: .1em;
	margin: 1.2em 0 .5em;
}
.flow_box .box .txt {
	text-align: justify;
}
.flow_box .flow01 {
	padding-top: 12%;
}
.flow_box .flow05 {
	padding-bottom: 14%;
}
}



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

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

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



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

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

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



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

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

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