/* CONTENTS

#whats
#ecopons_pt
#scene
#use_scene
	margin:50px 0 150px;

====================================================================*/

/*SECTION.cont
====================================================================*/

article > section{
	margin-bottom:20px;
}
.link_btn{
	margin-bottom:20px;
}
.link_btn .wrapper{
	padding:10px 0;
}
section header {
	text-align:center;
	margin-bottom:3em;
}
section header h2{
	display:inline-block;
	margin:0 auto;
	padding-bottom:0.25em;
	color:#e95377;
	font-size:48px;
	font-weight:900;
	position:relative;
}
section header h2:before{
	content:'';
	background-color:#ff0;
	height:2rem;
	width:100%;
	position:absolute;
	left:0;
	bottom:0em;
	z-index:0
}
section header h2 span{
	position:relative;
	z-index:1;
}

@media screen and (max-width:1280px){
}
@media screen and (max-width:960px){
}
@media screen and (max-width:770px){
	section header h2{
		font-size:36px;
	}
}
@media screen and (max-width:480px){
}
@media screen and (max-width:320px){
}

/*SECTION.cont
====================================================================*/


#whats{
	margin:50px 0 150px;
	padding-bottom:20px;
	position:relative;
}
#whats:before{
	content:'';
	position:relative;
	width:60%;
	height:100%;
	position:absolute;
	top:0;
	left:40%;
	background:transparent url(../img/cont01_bk.jpg) no-repeat left bottom;
}
#whats .cont_body .copy_txt{
	width:600px;
	padding:1em;
	margin-bottom:2em;
	font-size:24px;
	box-sizing:border-box;
	background-color:#e95377;
	color:#fff;
	position:relative;
	left:00px;
	top:30px;
}
#whats .cont_body .copy_txt span{
	color:#ff0;
}
#whats .cont_body .copy_txt + p{
	position:relative;
	left:00px;
	top:30px;
}
@media screen and (max-width:1280px){
}
@media screen and (max-width:960px){
	#whats{
		margin:50px 0;
		padding-bottom:20px;
	}
	#whats .cont_body .copy_txt{
		width:70vw;
	}
}
@media screen and (max-width:770px){
	
	#whats .cont_body .copy_txt{
		font-size:18px;
		width:60vw;
	}
	#whats .cont_body .copy_txt + p img{
		width:50vw;
		max-width:480px;
		box-sizing:border-box;
		padding:1em;
	}
	#whats:before{
		background-size:250%;
	}
}
@media screen and (max-width:640px){
	#whats header h2 img{
		width:40%;
		max-width:290px;
	}
	
	#whats .cont_body{
		padding-bottom:30px;
	}
	#whats .cont_body .copy_txt{
		width:auto;
		margin:0 50px 20px;
	}
	#whats .cont_body .copy_txt + p img{
		width:60vw;
	}
}
@media screen and (max-width:480px){
	#whats:before{
		width:50%;
		left:50%;
		background-size:250%;
	}
	#whats header{
		margin-bottom:0;
	}
	#whats .cont_body .copy_txt{
		width:auto;
		margin:0 1em 1em;
	}
	#whats .cont_body .copy_txt + p img{
		width:70vw;
	}
}
@media screen and (max-width:320px){
}


#ecopons_pt{
	margin:50px 0 150px;
	background:#fff url(../img/point_bk.jpg) no-repeat center center;
	background-size:cover;
}
#ecopons_pt > header{
	padding:2em 0;
	background-color:#fff;
}
#ecopons_pt header .wrapper{
	text-align:center;
}
#ecopons_pt .cont_body{
	overflow:hidden;
}
#ecopons_pt .cont_body > p{
	display:inline-block;
	background-color:#e95377;
	color:#fff;
	padding:0.5em;
	margin-bottom:0.5em;
	font-size:2em;
	position:relative;
}
#ecopons_pt .cont_body > div{
	width:60%;
	float:right;
}
#ecopons_pt .cont_body > div h3{
	background-color:#ff0;
	color:#e95377;
	padding:0.5em;
	margin-bottom:0.5em;
	font-size:1.5em;
}
#ecopons_pt .cont_body > div p{
	margin-bottom:3em;
	font-size:18px;
}
#ecopons_pt .cont_body > figure{
	width:40%;
	float:left;
}

@media screen and (max-width:1280px){
}
@media screen and (max-width:960px){
}
@media screen and (max-width:768px){
	#ecopons_pt .cont_body > div{
		width:auto;
		float:none;
		padding:2em;
	}
	#ecopons_pt .cont_body > figure{
		width:auto;
		float:none;
		text-align:left;
	}
}
@media screen and (max-width:640px){
	#ecopons_pt{
		margin:3vw 0 10vw;
	}
	#ecopons_pt header h2 img{
		width:40%;
		max-width:290px;
	}
	#ecopons_pt .cont_body > p{
		margin: 0 1em 1em;
		display:block;
		font-size: 18px;
	}
	#ecopons_pt .cont_body > div {
		padding:2em 2em 0;
	}
	#ecopons_pt .cont_body > div h3 {
		font-size: 1.2em;
	}
	#ecopons_pt .cont_body > div p {
		font-size:16px;
	}
	#ecopons_pt .cont_body > figure img{
		width:50%;
	}
}
@media screen and (max-width:480px){
}
@media screen and (max-width:320px){
}




#welfare{
	margin:50px 0 150px;
}
#welfare .cont_body .leading{
	text-align:center;
}
#welfare .cont_body .multi_box{
	margin:50px 100px 0;
	border:10px solid #e95377;
}
#welfare .cont_body .multi_box > p{
	background-color:#e95377;
	padding:0.5em;
	text-align:center;
	font-size:36px;
	font-weight:900;
	color:#fff;
}
#welfare .cont_body .multi_box > div {
	padding:1em;
	text-align:center;
}
#welfare .cont_body .multi_box > div p{
	display:inline-block;
	position:relative;
}
#welfare .cont_body .multi_box > div p:last-child{
	margin-left:100px;
}
#welfare .cont_body .multi_box > div p:last-child:before{
	content:"";
	background:transparent url(../img/recruit_ltor.png) no-repeat center center;
	width:100px;
	height:100px;
	position:absolute;
	left:-100px;
	top:100px;
}
#welfare .cont_body .merit{
	margin:0 100px 100px;
}
#welfare .cont_body .merit header{
	margin-bottom:0;
}
#welfare .cont_body .merit header h3{
	padding:0.75em;
	font-size:36px;
	color:#e95377;
	font-weight:900;
	background-color:#fdeef1;
}
#welfare .cont_body .merit ul{
	display:flex;
}
#welfare .cont_body .merit ul li:before{
	content:'';
	width:100%;
	height:33px;
	background:transparent url(../img/merit_item_bk.png) no-repeat center top;
	position:absolute;
	top:-15px;
	left:0;
}
#welfare .cont_body .merit ul li{
	width:calc( 100% / 3 );
	padding-bottom:150px;
	position:relative;
	color:#e95377;
	padding-top:40px;
	font-size:24px;
	list-style-type:none;
	text-align:center;
}
#welfare .cont_body .merit ul li:nth-child(1){
	background:transparent url(../img/merit01.png) no-repeat center bottom;
}
#welfare .cont_body .merit ul li:nth-child(2){
	background:transparent url(../img/merit02.png) no-repeat center bottom;
}
#welfare .cont_body .merit ul li:nth-child(3){
	background:transparent url(../img/merit03.png) no-repeat center bottom;
}

@media screen and (max-width:1280px){
}
@media screen and (max-width:960px){
}
@media screen and (max-width:770px){
	#welfare{
		margin:50px 0;
	}
	#welfare .cont_body .multi_box > p{
		font-size:28px;
	}
	#welfare .cont_body .multi_box{
		margin:50px 50px 0;
		border:10px solid #e95377;
	}
	#welfare .cont_body .multi_box > div p:first-child img{
		width:85%;
		max-width:367px;
		}
	#welfare .cont_body .multi_box > div p:last-child{
		margin-left:0;
		padding-top:50px;
	}
	#welfare .cont_body .multi_box > div p:last-child img{
		width:95%;
		max-width:441px;
	}
	#welfare .cont_body .multi_box > div p:last-child:before{
		transform:rotate(90deg);
		width:100px;
		height:50px;
		position:absolute;
		left:calc( 50% - 50px );
		top:0px;
	}
	#welfare .cont_body .merit{
		margin:0 50px 100px;
	}
	#welfare .cont_body .merit header{
		margin-bottom:0;
	}
	#welfare .cont_body .merit header h3{
		padding:1em 0.25em;1
		font-size:24px;
	}
	#welfare .cont_body .merit ul{
		display:flex;
	}
	#welfare .cont_body .merit ul li{
		font-size:16px;
	}
}
@media screen and (max-width:640px){

	#welfare{
		margin:5vw 0 10vw;
	}
	#welfare .cont_body .multi_box{
		margin:50px 20px 0;
		border:10px solid #e95377;
	}
	#welfare .cont_body .merit{
		margin:5vw 4vw;
	}
	#welfare .cont_body .merit header h3{
		padding:0.75em;
		font-size:5.5vw;
	}
	#welfare .cont_body .merit header h3 br{
		display:none;
	}
	#welfare .cont_body .merit ul{
		display:block
	}
	#welfare .cont_body .merit ul li{
		width:80%;
		padding:15px 60px 15px 50px;
		box-sizing:border-box;
		text-align:left;
		font-size:4vw;
		font-weight:bold;
		min-height:25vw;
	}
	#welfare .cont_body .merit ul li:before{
		width:50px;
		height:16px;
		background:transparent url(../img/merit_item_bk.png) no-repeat center top;
		background-size:contain;
		position:absolute;
		top:calc( 30% );
		left:0;
		transform:rotate(-90deg);
	}
	#welfare .cont_body .merit ul li:nth-child(1){
		background-size:60px;
		background-position:right center;
	}
	#welfare .cont_body .merit ul li:nth-child(2){
		margin-left:10%;
		background-size:60px;
		background-position:right center;
	}
	#welfare .cont_body .merit ul li:nth-child(3){
		margin-left:20%;
		background-size:60px;
		background-position:right center;
	}
	#welfare .cont_body .merit ul li br{
		display:none;
	}
}
@media screen and (max-width:480px){
	#welfare .cont_body .multi_box{
		margin:2em 1em 0;
		border:10px solid #e95377;
	}
	#welfare .cont_body .multi_box > p{
		font-size:18px;
	}
}
@media screen and (max-width:320px){
}


#welfare .cont_body .for_recruit{
	margin:50px 100px 100px;
	padding:10px;
	background-color:#ffc;
	border-radius:10px;
	position:relative;
}
#welfare .cont_body .for_recruit header{
	margin-bottom:0;
}
#welfare .cont_body .for_recruit header h3{
	width:300px;
	margin-top:-30px;
	margin-left:20px;
	float:left;
	padding:1em;
	box-sizing:border-box;
	position:relative;
	background-color:#e95377;
	color:#fff;
	font-size:24px;
}
#welfare .cont_body .for_recruit header p{
	width:600px;
	padding:1em 0 0;
	float:right;
	font-size:36px;
	color:#e95377;
	font-weight:bold;
	text-align:left;
}
#welfare .cont_body .for_recruit header p span{
	display:block;
	font-size:16px;
}
#welfare .cont_body .for_recruit figure{
	clear:both;
	width:450px;
	float:left;
}
#welfare .cont_body .for_recruit ul{
	width:500px;
	float:right;
	padding:1em 0 0;
}
#welfare .cont_body .for_recruit ul li{
	margin-bottom:1em;
	list-style-type:disc;
}
#welfare .cont_body .for_recruit div:last-child{
	position:absolute;
	right:20px;
	bottom:-30px;
}
#welfare .cont_body .for_recruit div:last-child p{
	padding:1em;
	box-sizing:border-box;
	position:relative;
	background-color:#e95377;
	color:#fff;
	font-size:18px;
}
#welfare .cont_body .for_employee{
	margin:0px 100px;
	padding:50px 0;
	background:transparent url(../img/woman_img.jpg) no-repeat left bottom;
	background-size:40%;
}
#welfare .cont_body .for_employee header h3{
	color:#e95377;
	font-size:36px;
	font-weight:900;
}
#welfare .cont_body .for_employee header + div{
	display:flex;
	flex-wrap:wrap;
	padding-left:400px;
}
#welfare .cont_body .for_employee dl{
	display:flex;
	flex-direction:column;
	width:calc( 100% / 3 - 1em );
	margin:0.5em;
	background-color:#eee;
	box-sizing:border-box;
}
#welfare .cont_body .for_employee dl dt{
	padding:0.5em;
	background-color:#e95377;
	text-align:center;
	font-size:21px;
	font-weight:900;
	color:#fff;
}
#welfare .cont_body .for_employee dl dd{
	font-size;18px;
	padding:0.5em;
	text-align:center;
}
#welfare .cont_body .for_employee .link_btn{
	margin-top:20px;
	margin-left:410px;
	border:5px solid #ccc;
	padding:5px;
	background-color:#fff;
}
#welfare .cont_body .for_employee .link_btn a{
	display:block;
	padding:1em 0.5em;
	background-color:#e95377;
	text-align:center;
	font-size:21px;
	font-weight:900;
	color:#fff;
	text-decoration:none;
	transition:0.3s;
}
#welfare .cont_body .for_employee .link_btn a:hover,
#welfare .cont_body .for_employee .link_btn a:active{
	background-color:#c00;
}
@media screen and (max-width:1280px){
}
@media screen and (max-width:960px){
	#welfare .cont_body .for_recruit figure{
		width:auto;
		float:none;
		text-align:center;
	}
	#welfare .cont_body .for_recruit figure img{
		width:80%;
		max-width:432px;
	}
	#welfare .cont_body .for_recruit ul{
		width:auto;
		float:none;
		clear:left;
		padding:1em 0 2em 2em;
	}
	#welfare .cont_body .for_employee{
		background-size:60%;
	}
	#welfare .cont_body .for_employee header + div{
		padding-left:40%;
	}
	#welfare .cont_body .for_employee dl{
		width:calc( 100% / 2 - 1em );
	}
	#welfare .cont_body .for_employee .link_btn{
		margin-left:40%;
	}
}
@media screen and (max-width:770px){
	#welfare .cont_body .for_recruit{
		margin:50px 50px 100px;
		padding:10px 10px 50px;
		background-color:#ffc;
		border-radius:10px;
		position:relative;
	}
	#welfare .cont_body .for_recruit header{
		margin-bottom:0;
	}
	#welfare .cont_body .for_recruit header p{
		width:auto;
		padding:0;
		float:none;
		clear:left;
		text-align:center;
	}
	#welfare .cont_body .for_employee{
		margin:50px;
		background-size:60%;
		background-position:left center;
	}

	#welfare .cont_body .for_employee header h3{
		font-size:28px;
	}
	#welfare .cont_body .for_employee header + div{
		display:flex;
		flex-wrap:wrap;
		padding-left:40%;
	}
	#welfare .cont_body .for_employee dl{
		display:flex;
		flex-direction:column;
		width:calc( 100% / 2 - 1em );
		margin:0.5em;
		box-sizing:border-box;
	}
	#welfare .cont_body .for_employee dl dt{
		padding:0.5em;
		background-color:#e95377;
		text-align:center;
		font-size:21px;
		font-weight:900;
		color:#fff;
	}
	#welfare .cont_body .for_employee dl dd{
		font-size;18px;
		padding:0.5em;
		background-color:#eee;
		text-align:center;
	}
	#welfare .cont_body .for_employee .link_btn{
		margin-top:20px;
		margin-left:50%;
		border:5px solid #ccc;
		padding:5px;
		background-color:#fff;
	}
	#welfare .cont_body .for_employee .link_btn a{
		display:block;
		padding:1em 0.5em;
		background-color:#e95377;
		text-align:center;
		font-size:21px;
		font-weight:900;
		color:#fff;
		text-decoration:none;
		transition:0.3s;
	}
	#welfare .cont_body .for_employee .link_btn a:hover,
	#welfare .cont_body .for_employee .link_btn a:active{
		background-color:#c00;
	}

}
@media screen and (max-width:640px){
	#welfare .cont_body .for_recruit{
		margin:50px 20px 100px;
	}

	#welfare .cont_body .for_employee{
		margin:50px 20px 100px;
	}
}
@media screen and (max-width:480px){
	#welfare .cont_body .for_recruit header h3{
		width:auto;
		margin-top:-30px;
		margin-left:00px;
		float:left;
		padding:1em;
		box-sizing:border-box;
		position:relative;
		background-color:#e95377;
		color:#fff;
		font-size:24px;
	}
	#welfare .cont_body .for_employee{
		margin:2em 1em 3em;
		background-position: right bottom;
		background-size:50%;
	}
	#welfare .cont_body .for_employee header h3{
		font-size:5.5vw;
	}
	#welfare .cont_body .for_employee header + div{
		padding:0;
	}
}
@media screen and (max-width:320px){
}


#tools{
	margin:50px 0 150px;
}

#tools header h2{
	background-color:#fff;
	padding:0 0.5em;
}
#tools header h2:before{
	width:calc( 100% - 1em );
	left:0.5em;
}
#tools .cont_body {
//	border:5px solid #e95377;
	margin:0 100px;
	padding:50px 20px 20px;
	text-align:center;
	margin-top:-80px;
}
#tools .cont_body > p{
	display:inline-block;
	vertical-align:top;
}
@media screen and (max-width:1280px){
}
@media screen and (max-width:960px){
}
@media screen and (max-width:770px){
	#tools .cont_body {
		margin:0 10px;
		padding:50px 20px 20px;
		margin-top:-80px;
	}
	#tools .cont_body > p:first-child{
		margin-bottom:2em;
	}
	#tools .cont_body > p img{
		width:90%;
		max-width:452px;
	}
}
@media screen and (max-width:640px){
	#tools{
		margin:5vw 0 10vw;
	}
	#tools .cont_body {
		padding-bottom:30vw;
	}
}
@media screen and (max-width:480px){
}
@media screen and (max-width:320px){
}




#ope{
	margin:50px 0 150px;
	background-color:#feffd8;
	padding-top:50px;
}
#ope header h2{
	margin-bottom:50px;
}
#ope .cont_body{
	margin:0 100px;
}
#ope .cont_body dl:nth-child(1),
#ope .cont_body dl:nth-child(2){
	border:1px solid #e95377;
	box-sizing:border-box;
}
#ope .cont_body dl:nth-child(1){
	width:400px;
	float:left;
}
#ope .cont_body dl:nth-child(2){
	width:550px;
	float:right;
}
#ope .cont_body dl:nth-child(1) dt,
#ope .cont_body dl:nth-child(2) dt{
	padding:0.25em;
	background-color:#e95377;
	text-align:center;
	color:#fff;
	font-size:32px;
	font-weight:900;
}
#ope .cont_body dl:nth-child(1) dd ,
#ope .cont_body dl:nth-child(2) dd {
	padding:1em;
}
#ope .cont_body dl:nth-child(1) dd li,
#ope .cont_body dl:nth-child(2) dd li{
	font-size:21px;
	margin-left:2em;
	color:#e95377;
	font-weight:bold;
}
#ope .cont_body dl:nth-child(1) dd{
	display:flex;
}
#ope .cont_body dl:nth-child(1) dd > ul{
	width:50%;
	padding:0.25em;
	box-sizing:border-box;
}
#ope .cont_body ol:nth-child(3){
	clear:both;
	padding:1em 0;
	display:flex;
	list-style-type:none;
}
#ope .cont_body ol:nth-child(3) li{
	position:relative;
	width:250px;
}
#ope .cont_body ol:nth-child(3) li:nth-child(1):after,
#ope .cont_body ol:nth-child(3) li:nth-child(2):after,
#ope .cont_body ol:nth-child(3) li:nth-child(3):after{
	content:'';
	width:27px;
	height:60px;
	position:absolute;
	top:calc( 50% - 30px );
	right:0;
	background:transparent url(../img/oparation_next.png) no-repeat center center;
}
#ope .cont_body dl:nth-child(4){
	margin-bottom:2em;
	border:2px dotted #e95377;
	box-sizing:border-box;
	backgrond-color:#fff;
	display:table;
}
#ope .cont_body dl:nth-child(4) dt{
	display:table-cell;
	width:200px;
	vertical-align:middle;
	background-color:#e95377;
	text-align:center;
	color:#fff;
	font-size:24px;
	font-weight:900;
}
#ope .cont_body dl:nth-child(4) dd{
	display:flex;
	background-color:#fff;
}
#ope .cont_body dl:nth-child(4) dd ul{
	width:50%;
	margin:1em 0.5em;
	font-size:16px;
	font-weight:bold;
}
#ope .cont_body dl:nth-child(4) dd ul li{
	margin-left:2em;
	padding:0.25em;
}
@media screen and (max-width:1280px){
}
@media screen and (max-width:960px){
}
@media screen and (max-width:770px){
	#ope header{
		margin: 0 50px 50px;
	}
	#ope header p br{
		display:none;
	}
	#ope .cont_body{
		margin: 0 50px;
	}
	#ope .cont_body dl:nth-child(1),
	#ope .cont_body dl:nth-child(2){
		width:auto;
		float:none;
		margin-bottom:2em;
	}
	#ope .cont_body ol:nth-child(3){
		display:block;
	}
	#ope .cont_body ol:nth-child(3) li{
		width:auto;
		padding-bottom:40px;
		text-align:center;
	}
	#ope .cont_body ol:nth-child(3) li:nth-child(1):after,
	#ope .cont_body ol:nth-child(3) li:nth-child(2):after,
	#ope .cont_body ol:nth-child(3) li:nth-child(3):after{
		content:'';
		position:absolute;
		transform:rotate(90deg);
		top:auto;
		right:50%;
		bottom:0;
	}
	#ope .cont_body dl:nth-child(4){
		display:block;
	}

	#ope .cont_body dl:nth-child(4) dd{
		display:block;
	}
	#ope .cont_body dl:nth-child(4) dt{
		display:block;
		width:auto;
	}
	#ope .cont_body dl:nth-child(4) dd ul{
		width:auto;
	}
}
@media screen and (max-width:640px){
	#ope{
		margin:5vw 0 10vw;
	}
	#ope .cont_body dl:nth-child(1) dt,
	#ope .cont_body dl:nth-child(2) dt{
		padding:0.25em;
		font-size:5vw;
	}
	#ope .cont_body dl:nth-child(1) dd li,
	#ope .cont_body dl:nth-child(2) dd li{
		font-size:4vw;
	}
}
@media screen and (max-width:480px){
	#ope header{
		margin: 0 1em 2em;
	}
	#ope .cont_body{
		margin: 0 1em;
	}
}
@media screen and (max-width:320px){
}






#price_plan{
	margin:50px 0 150px;
}
#price_plan h2{
	margin-bottom:1em;
}

#price_plan .box_container{
	display:flex;
	padding:0 100px;
}
#price_plan .box_container section{
	width:50%;
	box-sizing:border-box;
	padding:2em;
	margin:1em;
	background:transparent url(../img/plan_bk.png) repeat left top;
	border-radius:0.5em;
}
#price_plan .cont_body > p{
	padding-bottom:1em;
	margin:1em 100px;
	border-bottom:1px solid #ccc;
	text-align:center;
	font-size:24px;
	font-weight:900;
}
#price_plan .box_container section header{
	text-align:center;
}
#price_plan .box_container header h3{
	padding:0.5em 0;
	font-weight:900;
	font-size:36px;
	color:#fff;
	border-radius:0.5em;
}
#price_plan .box_container .patarn_a header h3{
	background-color:#ca67a4;
}
#price_plan .box_container .patarn_b header h3{
	background-color:#ee7829;
}
#price_plan .box_container header h3 + p{
	position:relative;
	top:-1em;
	display:inline-block;
	background-color:#fff;
	padding:0.25em 1em;
}
#price_plan .box_container .patarn_a header h3 + p{
	border:3px solid #ca67a4;
}
#price_plan .box_container .patarn_b header h3 + p{
	border:3px solid #ee7829;
}
#price_plan .box_container section > div > div{
	margin:2em 0 1em;
	background-color:#fff;
	padding:1em;
	border-radius:1em;
}
#price_plan .box_container section h4{
	border-bottom:1px solid #ccc;
	padding-bottom:0.5em;
	margin-bottom:0.5em;
	text-align:center;
	font-size:24px;
	font-weight:900;
}
#price_plan .box_container section > div > div dl dt{
	display:inline-block;
	padding:0.25em 1em;
	border-radius:0.5em;
	background-color:#ca67a4;
	color:#fff;
}
#price_plan .box_container .patarn_b > div > div dl dt{
	background-color:#ee7829;
}
#price_plan .box_container .patarn_a > div > div dl dd{
	color:#ca67a4;
}
#price_plan .box_container .patarn_b > div > div dl dd{
	color:#ee7829;
}
#price_plan .box_container section > div > div .attention{
	margin-bottom:0.5em;
	text-align:right;
	font-weight:900;
}
#price_plan .box_container section > div > div dl dd{
	text-align:right;
	font-weight:900;
}
#price_plan .box_container section > div > div dl dd .num_l{
	font-size:36px;
}
#price_plan .box_container .section> div > div dl dd .num_ll{
	font-size:40px;
	color:#f00;
}
@media screen and (max-width:1280px){
}
@media screen and (max-width:960px){
}
@media screen and (max-width:770px){
	#price_plan .box_container{
		display:block;
		padding:0 10px;
	}
	#price_plan .box_container section{
		width:auto;
	}
	#price_plan .box_container section figure{
		text-align:center;
	}
	#price_plan .box_container section figure img{
		width:100%;
		max-width:400px;
	}
}
@media screen and (max-width:640px){
	#price_plan {
		margin:5vw 0 10vw;
	}
	#price_plan header p{
		margin:1em;
	}
	#price_plan header p br{
		display:none;
	}
	#price_plan .cont_body > p{
		margin:1em 0.5em;
		font-size:6vw;
	}
	#price_plan .box_container header{
		margin-bottom:0em;
	}
	#price_plan .box_container header h3{
		font-size:6vw;
		padding:0.5em 0 1em;
	}
	#price_plan .box_container header h3 + p{
		top:-2em;
		padding:0.25em 1em;
		font-size:3.5vw;
	}
	#price_plan .box_container section{
		padding:1em;
		margin:0;
	}

	#price_plan .box_container section h4{
		font-size:6vw;
	}
	#price_plan .box_container section > div > div .attention{
		font-size:4vw;
	}
	#price_plan .box_container section > div > div dl dd {
		font-size:4vw;
	}
	#price_plan .box_container section > div > div dl dd .num_l{
		font-size:6.5vw;
	}
	#price_plan .box_container .section> div > div dl dd .num_ll{
		font-size:8vw;
	}
}
@media screen and (max-width:480px){
}
@media screen and (max-width:320px){
}



#flow{
	margin:50px 0 150px;
}
#flow .cont_body ol{
	padding:0 100px;
	list-style-type:none;
	display:flex;
}
#flow .cont_body ol li{
	width:20%;
	padding:0.5em 0;
	margin:0.5em;
	border-radius:0.5em;
}
#flow .cont_body ol li:nth-child(1){
	background-color:#ff9595;
}
#flow .cont_body ol li:nth-child(2){
	background-color:#ff7796;
}
#flow .cont_body ol li:nth-child(3){
	background-color:#e95677;
}
#flow .cont_body ol li:nth-child(4){
	background-color:#e41443;
}
#flow .cont_body ol li:nth-child(5){
	background-color:#e40000;
}
#flow .cont_body ol li div{
	padding:0.5em 1em;
	color:#fff;
}
#flow .cont_body ol li div:first-child{
	font-size:1.2em;
	font-weight:900;
	border-bottom:1px solid #fff;
}
@media screen and (max-width:1280px){
}
@media screen and (max-width:960px){
}
@media screen and (max-width:770px){
	#flow .cont_body ol{
		padding:0 20px;
		display:block;
	}
	#flow .cont_body ol li{
		width:auto;
		margin:1em 2em;
	}
	#flow .cont_body ol li div{
		font-size:4vw;
	}
}
@media screen and (max-width:640px){
	#flow .cont_body ol{
		padding:0;
	}
}
@media screen and (max-width:480px){
}
@media screen and (max-width:320px){
}



#faq{
	background-color:#ffC;
}
#faq dl{
	margin:0 100px;
}
#faq dl dt{
	color:#e95677;
	font-size:24px;
	font-weight:900;
}


#use_scene{
	margin:50px 0 150px;
}
#use_scene .cont_body{
	padding:00px 150px;
	display:flex;
	flex-wrap:wrap;
}
#use_scene .cont_body p{
	width:50%;
	font-size:36px;
	line-height:1.2;
	font-weight:900;
	color:#e95377;
	height:220px;
	box-sizing:border-box;
}
#use_scene .cont_body p:nth-child(1){
	padding:0.5em 4em 0em 0.5em; 
	background:transparent url(../img/scene01.png) no-repeat right bottom;
}
#use_scene .cont_body p:nth-child(2){
	padding:2em 0.5em 0em 7.5em; 
	background:#ffc url(../img/scene02.png) no-repeat left bottom;
}
#use_scene .cont_body p:nth-child(3){
	padding:0.5em 0em 0em 5.5em; 
	background:#ffc url(../img/scene03.png) no-repeat left bottom;
}
#use_scene .cont_body p:nth-child(4){
	padding:2em 0.5em 0em 7em; 
	background:transparent url(../img/scene04.png) no-repeat left bottom;
}

#use_scene .cont_body + .link_btn{
	margin:00px 150px 10px;
	border:5px solid #ccc;
	padding:5px;
	background-color:#fff;
}
#use_scene .cont_body + .link_btn a{
	display:block;
	padding:1em 0.5em;
	background-color:#e95377;
	text-align:center;
	font-size:21px;
	font-weight:900;
	color:#fff;
	text-decoration:none;
	transition:0.3s;
}
#use_scene .cont_body + .link_btn a:hover,
#use_scene .cont_body + .link_btn a:active{
	background-color:#c00;
}
@media screen and (max-width:1280px){
}
@media screen and (max-width:960px){
	#use_scene .cont_body{
		padding:50px 100px;
		display:flex;
		flex-wrap:wrap;
	}
	#use_scene .cont_body p:nth-child(1){
		padding:0.5em 0em 0em 0.5em; 
		background-size:60%;
	}
	#use_scene .cont_body p:nth-child(2){
		padding:0.5em 0em 0em 5.5em; 
		background-size:60%;
	}
	#use_scene .cont_body p:nth-child(3){
		padding:0.5em 0em 0em 0.5em; 
		background-size:60%;
	}
	#use_scene .cont_body p:nth-child(4){
		padding:0.5em 0em 0em 3em; 
		background-size:60%;
	}
}
@media screen and (max-width:770px){

	#use_scene .cont_body{
		padding:50px;
	}
	#use_scene .cont_body p{
		width:50%;
		font-size:24px;
		line-height:1.2;
		font-weight:900;
		color:#e95377;
		height:200px;
		box-sizing:border-box;
	}
	#use_scene .cont_body p:nth-child(1){
		padding:0.5em 0em 0em 0.5em; 
		background-size:80%;
	}
	#use_scene .cont_body p:nth-child(2){
		padding:0.5em 0em 0em 0.5em; 
		background-size:80%;
	}
	#use_scene .cont_body p:nth-child(3){
		padding:0.5em 0em 0em 0.5em; 
		background-size:80%;
	}
	#use_scene .cont_body p:nth-child(4){
		padding:0.5em 0em 0em 0.5em; 
		background-size:80%;
	}
	#use_scene .cont_body p br{
		display:none;
	}
	#use_scene .cont_body + .link_btn{
		margin:00px 50px 10px;
		border:5px solid #ccc;
		padding:5px;
		background-color:#fff;
	}
	#use_scene .cont_body + .link_btn a{
		display:block;
		padding:1em 0.5em;
		background-color:#e95377;
		text-align:center;
		font-size:21px;
		font-weight:900;
		color:#fff;
		text-decoration:none;
		transition:0.3s;
	}
	#use_scene .cont_body + .link_btn a:hover,
	#use_scene .cont_body + .link_btn a:active{
		background-color:#c00;
	}
}
@media screen and (max-width:640px){
	#use_scene{
		margin:5vw 0 10vw;
	}
	#use_scene .cont_body{
		padding:50px 20px;
	}
	#use_scene .cont_body + .link_btn{
		margin:00px 20px 10px;
	}
}

@media screen and (max-width:480px){
	#use_scene header{
		margin-bottom:0;
	}
	#use_scene .cont_body{
		padding:5vw 10vw;
	}
	#use_scene .cont_body{
		display:block;
	}
	#use_scene .cont_body > p{
		width:auto;
	}
	#use_scene .cont_body p:nth-child(3){
		background-color: #fff
	}
	#use_scene .cont_body p:nth-child(4){
		background-color: #ffc
	}
}
@media screen and (max-width:320px){
}



#cont04{
}
#cont04 > .wrapper{
	padding-top:50px;
	padding-bottom:50px;
}
#cont04 > .wrapper > header h2{
	text-align:center;
}
#cont04 > .wrapper > div{
	margin:65px;
	padding:20px;
	background-color:#fff;
}
#cont04 > .wrapper > div p{
	padding:30px 0;
	text-align:center;
}
#cont04 > .wrapper > div dl{
	padding:0 50px;
}
#cont04 > .wrapper > div dt{
	background-color:#fff;
}
#cont04 > .wrapper > div dd{
	padding-left:70px;
	padding-bottom:20px;
	background:transparent url(../img/dm-t_cont04_12.png) no-repeat left bottom;
}
@media screen and (max-width:1280px){
}
@media screen and (max-width:960px){
	#cont04 > .wrapper{
		padding:3vw 0;
	}
	#cont04 > .wrapper > header h2 img{
		width:100%;
	}
	#cont04 > .wrapper > div{
		margin:3vw;
		padding:2vw;
	}
	#cont04 > .wrapper > div p{
		padding:2vw 0;
	}
	#cont04 > .wrapper > div p img{
		width:100%;
	}
	#cont04 > .wrapper > div dl{
		padding:0 2vw;
	}
	#cont04 > .wrapper > div dt img{
		width:100%;
	}
	#cont04 > .wrapper > div dd{
		padding-left:3vw;
		padding-bottom:1.5vw;
		background:transparent url(../img/dm-t_cont04_12.png) no-repeat left bottom;
		background-size:6%;
	}
	#cont04 > .wrapper > div dd img{
		margin-left:4vw;
		width:calc( 100% - 4vw );
	}
}
@media screen and (max-width:770px){
}
@media screen and (max-width:480px){
}
@media screen and (max-width:320px){
}

#cont05{
}
#cont05 > .wrapper{
	padding-top:50px;
	padding-bottom:50px;
}
#cont05 > .wrapper > header h2{
	text-align:center;
}
#cont05 > .wrapper > div{
	margin:20px 50px;
	background-color:#fff;
}
#cont05 > .wrapper > div h3{
	width:750px;
	float:right;
}
#cont05 > .wrapper > div p{
	width:750px;
	float:right;
	padding:0 10px;
	box-sizing:border-box;
	font-size:21px;
}
#cont05 > .wrapper > div figure{
	display:block;
	float:left;
}
@media screen and (max-width:1280px){
}
@media screen and (max-width:960px){
	#cont05 > .wrapper{
		padding:3vw 0;
	}
	#cont05 > .wrapper > header h2 img{
		width:100%;
	}
	#cont05 > .wrapper > div{
		margin:1.5vw 3vw;
	}
	#cont05 > .wrapper > div h3{
		width:auto;
		float:none;
	}
	#cont05 > .wrapper > div h3 img{
		width:100%;
	}
	#cont05 > .wrapper > div p{
		width:auto;
		float:none;
		padding:0 1.5vw 1.5vw;
	}
	#cont05 > .wrapper > div figure{
		width:30%;
		float:left;
		margin-right:1em;
	}
	#cont05 > .wrapper > div figure img{
		width:100%;
	}

}
@media screen and (max-width:770px){
	#cont05 > .wrapper > div p{
		font-size:18px;
	}
}
@media screen and (max-width:480px){
}
@media screen and (max-width:320px){
}


#cont06{
}
#cont06 > .wrapper{
	padding-top:50px;
	padding-bottom:50px;
}
#cont06 > .wrapper > header h2{
	text-align:center;
}
#cont06 > .wrapper > div{
	margin:20px 100px;
	padding:20px 0;
	background-color:#fff;
}
#cont06 > .wrapper > div >div{
	padding:10px 0 10px 100px;
	background:transparent url(../img/dm-t_cont06_2.png) no-repeat left top;
}
#cont06 > .wrapper > div >div p{
	font-size:21px;
}
@media screen and (max-width:1280px){
}
@media screen and (max-width:960px){
	#cont06 > .wrapper{
		padding:3vw;
	}
	#cont06 > .wrapper > header h2 img{
		width:100%;
	}
	#cont06 > .wrapper > div{
		margin:2vw 3vw;
		padding:2vw 0;
	}
	#cont06 > .wrapper > div > div{
		padding:1.5vw 1.5vw 1.5vw 10vw;
		background:transparent url(../img/dm-t_cont06_2.png) no-repeat left top;
		background-size:10vw;
	}
	#cont06 > .wrapper > div h3{
		margin-right:2vw;
	}
	#cont06 > .wrapper > div h3 img{
		width:100%;
	}
}
@media screen and (max-width:770px){
	#cont06 > .wrapper > div > div p{
		font-size:18px;
	}
}
@media screen and (max-width:480px){
}
@media screen and (max-width:320px){
}