@charset "UTF-8";


/*---------------------------------------------------------
 Notice
---------------------------------------------------------*/
#notice {
	text-align: center;
	background-color: var(--color-bei-500);
}
#notice .com_h__en {
	color: var(--color-blu);
}
#notice .com_box__s {
	width: 90%;
	max-width: 800px;
	color: #FFF;
	background-color: #97968e;
	margin: 3.6% auto 3.4%;
}
#notice .com_box__s .list__point > li::before {
	background-color: rgba(255,255,255,0.4);
}
#notice .com_box__s .list__point > li b {
	color: #ffffba;
}
/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {

#notice .com_box__s {
	width: 100%;
	margin: 6% auto 8%;
}
}


/*---------------------------------------------------------
 Flow
---------------------------------------------------------*/
#flow {
	--accent-color: var(--color-lgrn);
}

/* Flow - flow_step
-----------------------------------------------*/
.flow_step {
	list-style: none;
	counter-reset: stepCounter;
}
.flow_step > li {
	position: relative;
	counter-increment: stepCounter;
	background-color: #fff;
	padding: 6.2% 5.8% 6.2% 15%;
	margin-bottom: 7%;
}
.flow_step > li:last-of-type {
	margin-bottom: 0;
}
.flow_step .com_flt p.red {
	margin-top: .8em;
}
.flow_step .com_col_list p {
	text-align: center;
	font-size: min(1.8vw,133%);
	line-height: 1.5;
}
/* step_no */
.flow_step .step_no {
	position: absolute;
	width: 1.5em;
	height: calc(100% + 0.9em);
	font: var(--font-en);
	color: var(--color-bei-600);
	font-size: min(5.4vw,466%);
	line-height: 0.8;
	letter-spacing: .06em;
	padding-bottom: .5em;
	left: 8.6%;
	top: -0.4em;
	translate: -50% 0;
}
.flow_step .step_no::after {
	display: block;
	content: counter(stepCounter, decimal-leading-zero);
	background: url(../images/common/wave-grn.svg) no-repeat center bottom;
	background-size: contain;
	height: 1.2em;
}
.flow_step .step_no::before {
	position: absolute;
	content: "";
	width: 2px;
	height: calc(100% - 1.5em);
	border-left: var(--border-dash);
	left: 50%;
	bottom: 0;
}
.flow_step > li:last-of-type .step_no::before {
	display: none;
}
/* PC,Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) {

.flow_step .com_flt .img_r {
	width: 43%;
}
.flow_step .com_col_list.col__3 {
	grid-template-columns: repeat(3,min(31%,282px));
}
}
/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {

.flow_step > li {
	padding: 10% 6% 10% 16%;
	margin-bottom: 10%;
}
.flow_step .com_col_list.col__3 > * {
	padding-bottom: 0;
	border-bottom: none;
}
.flow_step .com_col_list p {
	font-size: 105%;
}
/* step_no */
.flow_step .step_no {
	height: calc(100% + 0.7em);
	font-size: 9vw;
	top: -0.3em;
}
.flow_step .step_no::before {
	border-width: 1px;
}
}


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

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

}

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

}