@charset "utf-8";
/* CSS Document */

/* The way to use
---------------------*/
.utilize-wrap .left-box .parallel-title::before{background-image: url("../images/success-img.png");}
.utilize-wrap .right-box .parallel-title::before{background-image: url("../images/regret-img.png");}
.utilize-wrap .parallel-title h3 span::after{bottom: -10px;}

/* point
---------------------*/
.new-opening-point{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.new-opening-point > li{
	width: 48%;
	padding: 55px 40px 50px;
}
.new-opening-point > li:not(:nth-child(n+3)){margin-bottom: 80px;}
.new-opening-point h3,.new-opening-point > li > div p{font-size: 20px;}
.new-opening-point h3{
	padding-bottom: 30px;
	margin-bottom: 35px;
}
.new-opening-point > li > div p{
	color: #006bad;
	font-weight: bold;
	background-image: url("../images/check-mark.png");
	background-size: 18px 17px;
	background-repeat: no-repeat;
	background-position: left 7px;
	padding-left: 30px;
	margin-bottom: 15px;
}
.new-opening-point li ul li{
	position: relative;
	padding-left: 20px;
	line-height: 1.4em;
}
.new-opening-point li ul li::before{
	content: "";
	background: #8bd7e8;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 9px;
}
.new-opening-point li ul li:not(:last-child){margin-bottom: 15px;}

/* meo-measures
---------------------*/
.meo-measures .img-box{
	position: relative;
	z-index: 2;
}
.meo-measures .img-box > div{width: 51%;}
.meo-measures .img-box > p{width: 45%;}
.meo-measures .img-box > p img{border-radius: 30px;}



/* 1025px以下から
------------------------------------------------------------*/
@media only screen and (max-width:1025px){
	
	/* point
	---------------------*/
	.new-opening-point > li{padding: 40px 25px 35px;}
	.new-opening-point > li:not(:nth-child(n+3)){margin-bottom: 50px;}
		.new-opening-point h3{
		font-size: 16px;
		padding-bottom: 20px;
		margin-bottom: 25px;
	}	
	.new-opening-point li ul li{font-size: 14px;}
	.new-opening-point > li > div p{
		font-size: 16px;
		background-size: 12px 11px;
		padding-left: 20px;
		margin-bottom: 10px;
	}
	.new-opening-point li ul li{padding-left: 15px;}
	.new-opening-point li ul li::before{
		width: 6px;
		height: 6px;
		top: 7px;
	}
	/* meo-measures
	---------------------*/
	.meo-measures .img-box > p img{border-radius: 20px;}
}

/* 750px以下から
------------------------------------------------------------*/
@media only screen and (max-width:750px){

	/* point
	---------------------*/
	.new-opening-point > li{width: 100%;}
	.new-opening-point > li:not(:last-child){margin-bottom: 50px;}

	/* meo-measures
	---------------------*/
	.meo-measures .img-box{flex-direction: column-reverse;}
	.meo-measures .img-box > p,.meo-measures .img-box div{width: 100%;}
	.meo-measures .img-box > p{
		width: 280px;
		margin: 0 auto 30px;
		display: block;
	}
}
/* 500px以下から
------------------------------------------------------------*/
@media only screen and (max-width:500px){
    body {min-width: inherit!important;width: 100%;}
	
	/* point
	---------------------*/
	.new-opening-point > li{padding: 40px 20px 35px;}
}