body{margin:0;padding:0;line-height:2rem;font-family:sans-serif;}
p,table,dl,ul,ol,hr,
h1,h2,h3,h4,h5,h6{margin-top:1rem;margin-bottom:1rem;}
img{max-width:100%;height:auto;vertical-align:bottom;border:none;}

a img{transition:0.3s;}
a:hover img{opacity:0.8;}

.center{margin-left:auto;margin-right:auto;text-align:center;}
.ta_r{text-align:right;}
.ta_l{text-align:left;}
.ofh{overflow:hidden;}
.ofa{overflow:auto;}
.tofh{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.w1px{width:1px;}
.w100{width:100%;box-sizing:border-box;}
.wsnr{white-space:nowrap;}
.mincho{font-family:serif;}
.dpn{display:none;}
.hide_txt{
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

.inner_w,
.inner{max-width:1600px;margin:auto;box-sizing:border-box;}
.inner{padding:0;}
.inner>*{overflow:hidden;}




.playfair-display-font {
  font-family: "Playfair Display", serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}
body{
	color:#444;
}
.clr{
	color:#ff618d;
}


#header .hdr{
	margin:0;
}
#nav_wrapper{
	background:#f07799;
	position:sticky;
	top:0;
	z-index:1;
}
#nav_wrapper .nav{
	margin:0;
	padding:0;
	list-style:none;
	display:flex;
	width:100%;
	justify-content:center;
}
#nav_wrapper .nav a{
	display:block;
	text-decoration:none;
	color:#fff;
	font-weight:bold;
}
#nav_wrapper .nav a:hover{
	background:rgba(255,255,255,0.4);
}



.content{
	padding:30px 0;
}
.box{
	margin:40px 0;
}


#contact,
#flow,
#about{
	background:url(../img/bg1.png);
}
#qa,
#benefits{
	background:url(../img/bg2.png);
}



#about .hdr{
	font-weight:normal;
}
#about .hdr .eng{
	font-weight:bold;
}



#benefits .bft{
	background:url(../img/bg_cell.png);
}



#flow .lst{
	display:flex;
	justify-content:center;
	padding:0;
	list-style:none;
}
#flow .lst li{
	color:#fff;
	text-align:center;
	border-radius:50%;
	white-space:nowrap;
	position:relative;
}
#flow .lst li::after{
	content:"";
	position:absolute;
	top:50%;
	clip-path:polygon(0 0,100% 50%,0 100%);
}
#flow .lst li:nth-child(1)::after,
#flow .lst li:nth-child(1){
	background:#ff5883;
}
#flow .lst li:nth-child(2)::after,
#flow .lst li:nth-child(2){
	background:#ff7883;
}
#flow .lst li:nth-child(3)::after,
#flow .lst li:nth-child(3){
	background:#70d5b1;
}
#flow .lst li:nth-child(4)::after,
#flow .lst li:nth-child(4){
	background:#a2b0e7;
}
#flow .lst li:nth-child(5)::after,
#flow .lst li:nth-child(5){
	background:#e099e0;
}
#flow .lst li:nth-child(5)::after{
	background:transparent;
}



#flow .subhdr{
	color:#fff;
	margin:0;
}
#flow .txt{
	background:#fff;
	margin:0;
	padding:20px;
}
#flow .box1 .subhdr{
	background:#ff5883;
}
#flow .box1 .txt{
	color:#ff5883;
}

#flow .box2 .subhdr{
	background:#ff7883;
}
#flow .box2 .txt{
	color:#ff7883;
}

#flow .box3 .subhdr{
	background:#70d5b1;
}
#flow .box3 .txt{
	color:#70d5b1;
}

#flow .box4 .subhdr{
	background:#a2b0e7;
}
#flow .box4 .txt{
	color:#a2b0e7;
}

#flow .box5 .subhdr{
	background:#e099e0;
}
#flow .box5 .txt{
	color:#e099e0;
}



#qa .box .subhdr{
	background:#fe799f;
	color:#f6ff00;
	margin:0;
}
#qa .box .txt{
	background:#fedbe4;
	margin:0;
	padding:20px;
}



#contact .wrp a{
	padding:10px;
	border-radius:20px;
	text-decoration:none;
	color:#fff;
	display:block;
	margin:auto;
	box-sizing:border-box;
}
#contact .wrp .line a{
	background:#06c755;
}
#contact .wrp .tel a{
	background:#eb9000;
}
#contact .wrp .form a{
	background:#ff7da1;
}
#contact .wrp .name{
	display:block;
	font-weight:bold;
}