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

#head{
	margin-bottom: 100px;
}
#wrapMainvisual {
	background-image: url(../../images/0001/bg-mainvisual.png); background-color: #007BC3; 
	/* background-attachment: fixed; */
	background-position: center top;
	background-size:contain;
	background-size: cover;
	max-height: 510px;
}

.fwB {font-weight: 700;}

#mainvisual{
	max-width: 1060px;
	margin: auto;
}


#mainvisual .title{
	font-weight: 900;
	font-size: 2.6rem;
	line-height: 1.3;
	color: #fff;
	text-align: left;
	max-width: 1060px;
	margin: auto;
	margin-top: 3rem;
	margin-bottom: 2.5rem;
	margin-left: 9rem;
	padding-top: 3rem;
	text-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
}
#mainvisual .title span{font-size: 3.6rem;}


#mainvisual .box {background-color: #F4F4F4;color: #333;display: block;width: 100%;max-width: 780px;margin: 0 auto;
	padding: 30px;
	line-height: 1.6;
	position: relative;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
}
#mainvisual .aword{
	position: absolute;
	right: 30px;
	top: -90px;
}

#mainvisual .box h2{
	color: #007BC3;
	font-weight: 700;
	margin-bottom: 1rem;
}





#toContact{
	text-align: center;
	color: #fff;
	background-image: url(../../images/0001/bg-mainvisual.png);
	background-attachment: fixed;
	background-color: #007BC3; 
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center top;
	padding: 6em 0;
	}

#toContact h2{font-size: 2.6em;}
#toContact h3{font-size: 1.6em;}

/* IT導入 */

#lead .inner{max-width: 800px;}
#lead  li h3{font-size: 1.4rem;font-weight: 700;	font-weight: 700;}
#lead  li ol{padding: 10px;}
#lead  li ol li{width: 100%;}
#lead  .title img{vertical-align: bottom;}
#lead .box{padding: 60px 0;}
#lead .boxL{width: 33%;}
#lead .boxR{width: 66%;padding: 0 40px;}

#lead .target li h3{padding: 2rem 1rem 1rem;margin-top: -2rem;}
#lead .target li ol {padding: 1rem;min-height: 13.0rem;}
#lead .target li ol li{font-size: 1.2rem;font-weight: bold;}
#lead .target li ol li .mini{font-weight: normal;font-size: 0.8rem;line-height: 1.2;margin-left: 1rem;display: block;margin-bottom: 1rem;margin-top: 0.5rem;}


#choice .wrapFlex{padding: 0 30px 0 60px;}
#choice .wrapFlex img{max-width: 338px;z-index: 99;}
#choice h2{background-color: #9B2127;color: #fff;padding: 0.3rem;font-size: 2.0rem;display: block;}
#choice h2 p{display: inline-block;font-weight: bold;position: relative;}
#choice h2 span{font-size: 1.2rem}

#choice h2 p:before{
	position: absolute;
	content:url(../../images/prize.png);
	left: -100px;
	top: -20px;
}

#choice h3{
	font-size: 2.0rem;
	border-bottom: 2px solid #f00;
	display: inline-block;
	padding-bottom: 10px;
	font-weight: bold;
}
#choice h3 em{
	font-weight: 900;
	font-size: 2.6rem;
	color: #f00;
}

#halfPrice{
	margin-top: -60px;
	z-index: 0;
}

#halfPrice .inner{position: relative;}

#halfPrice .pad{
	padding: 30px 60px 40px;
}

#halfPrice h2{
	font-size: 2.0rem;
	font-weight: bold;
	line-height: 1.2;
}
#halfPrice h2 span{
	font-size: 1.0rem;
}

#halfPrice .aword{
	position: absolute;
	right: 60px;
}
#demerit h2{
	font-size: 2.6rem;
	font-weight: 900;
}
#reason h2{
	/* color: #f00; */
	font-size: 2.0rem;
	font-weight: 700;
	
	margin-top: 1rem;
	margin-bottom: 1.0rem;
}
#reason h3{
	font-size: 1.4rem;
	font-weight: 500;
}
#reason h3 span{
	color: #007BC3;
	font-weight: 700;
	background:linear-gradient(transparent 60%, #FFFF1A 60%);
}

#reason h4{
	font-size: 1.18rem;
	line-height: 1.6;
	/* margin-top: 5rem; */	
	font-weight: 500;
	padding: 0 5px;
}
#reason h4 span{
	/* font-size: 1.8rem; */
	font-weight: 700;
	color: #f00;
	color: #007BC3;
}
#reason h4 span{
	/* background:linear-gradient(transparent 60%, #FFFF1A 60%); */
}

#reason h5{
	background-color: #f00;
	/* background-color:#007BC3; */
	color: #fff;
	font-size: 1.5rem;
	font-weight: 700;
	text-align: center;
	padding: 0.2rem;
	border-radius: 3rem;
	/* display: inline-block; */
	/* margin-top: 1rem;
	margin-bottom: 1.4rem;
	margin-top: 4rem; */
}
#reason h5 span{
	/* color: #FFFF1A; */
	font-size: 2.0rem;
	padding: 0 0.5rem;
}

#reason .wrapFlex > ul li.colL{width: 39.5%;}
#reason .wrapFlex > ul li.colR{width: 69.5%;}

#price {
	padding: 60px 0;
}
#price h2{
	font-size: 1.8rem;
	font-weight: 500;
	margin-bottom: 30px;
}
#price h2 span{
	font-size: 2.6rem;
	color: #f00;
	font-weight: 700;
}
#price .wrapTable {
	max-width: 800px;
	background-color: #fff;
	margin: auto;
	padding: 30px;
}

#price .wrapTable h3{
	font-size: 1.6rem;
	color: #007BC3;
	font-weight: 500;
	margin-bottom: 30px;
}

#price .wrapTable table tr,
#price .wrapTable table th,
#price .wrapTable table td{
	border: none;
	color: #333;
	font-weight: 500;
}
#price .wrapTable table th{}
#price .wrapTable table td{}

#price .wrapTable table th,
#price .wrapTable table td{
	font-size: 1.0rem;
	padding: 0.3rem 60px;
}

#price .wrapTable table :nth-child(odd) th,
#price .wrapTable table :nth-child(odd) td {background-color: #F4F4F4;   /* 奇数行の背景色 */}
#price .wrapTable table :nth-child(even) th,
#price .wrapTable table :nth-child(even) td {background-color: #fff;   /* 偶数行の背景色 */}


@media screen and (min-width: 768px) {
	#mainvisual{
		/* max-width: 1188px; */ /* min-width: 1000px; */
		margin: 0 auto;
		height: auto;
		max-height: 18.5rem;
		max-height: 21rem;
		position: relative;
		padding-bottom: 40px;
	}
}

/* SP */
@media screen and (max-width: 767px) and (min-width: 0px) {
	
	h2{
		font-size: 5.5vw;
	}
	
	.mb60{margin-bottom: 8vw;}
	
	#wrapMainvisual{
/* 		height: 66vw; */
/*		height: 500px;*/
/* 		min-height: 490px; */
		padding: 10px;
		background-size: inherit;
	}

	#mainvisual{max-width: 100%; margin: 0 auto; position: relative;}
	#wrapMainvisual h1 img{margin-top: 0;}
	
	#mainvisual .title{
		font-size: 8.0vw;
		line-height: 10vw;
		margin-top:6vw;
		margin-bottom: 6vw;
		margin-left: 0;
	}
	#mainvisual .title span{
		font-size: 10.0vw;
	}
	
	#mainvisual .aword{
		width: 30vw;
		top: -20vw;
		right: 2vw;
	}
	#lead .inner{padding: 10px;}

	#choice h2{font-size: 5.5vw;}
	
	#choice h2 p:before{display: none;}
	#choice .wrapFlex{padding: 0;}
	#choice .wrapFlex img{width: 90%;margin: 0 auto;}
	#choice h3{font-size: 5.5vw;text-align: center;margin: 10px auto;display: block;margin-bottom: 1rem;}
	#halfPrice .pad{padding: 10px;}
	#halfPrice .aword{right: 0;top: 30vw;width: 30vw;}
	#halfPrice h2 span{font-size: 1.0rem;line-height: 1.0;}
	#demerit h2{font-size: 6.5vw;}
	#reason {padding: 0 10px;margin-bottom: 2rem;}
	#reason h2{font-size: 7.0vw;}
	#reason h3{font-size: 5.0vw;}
	#reason h4{font-size: 5.0vw; margin-top: 0}
	/* #reason h4 span{font-size: 7.0vw;} */
	#reason h5{font-size: 5.5vw;display: block;margin-top: 0;padding: 0.5rem 0;}
	#reason h5 span {font-size: 9.0vw;}
	#reason .wrapFlex > ul li.colL{width: 100%;}
	#reason .wrapFlex > ul li.colR{width: 100%;}
	#reason .wrapFlex > ul li.colL img{margin-top: 0;}
	#price {padding: 30px 0;}
	#price h2{font-size: 5.5vw;}
	#price .wrapTable{padding: 0;}
	.wrapTable table{width: 100%}
	#price .wrapTable table th, #price .wrapTable table td{padding: 5px;font-size: 12px;}
	
	

}