@charset "UTF-8";

/* -------------------------------------
about
------------------------------------- */
.bdrttl {
	margin-bottom:30px;
}

.maincap {
	line-height:2.8;
	text-align:center;
	margin-bottom:40px;
}
.maincap span {
	font-size:11px;
}
.maincap .img {
	margin-bottom:40px;
}

section h2 {
	width:27.6%;
	min-width:220px;
	margin:0 auto 30px auto;
}
#point {
	margin-bottom:55px;
}
#point p {
	text-align:center;
	line-height:2.8;
}
#point p span {
	font-size:36px;
	font-weight:bold;
	color:#7AAFAA;
	line-height:1.4;
	display:block;
	margin-bottom:23px;
}


section#use h2 {
	margin-bottom:50px;
}
#use ul {
	margin:0 auto 10px auto;
}
#use ol {
	max-width:850px;
	margin:0 auto;
}
#use ol li {
	font-size:0;
	margin-bottom:25px;
	border:6px solid #A3C1AE;
	border-radius:6px;
	background-color:#fff;
}
#use ol li:last-child {
	margin-bottom:0px;
}
#use ol li dl, #use ol li .img {
	display:inline-block;
	vertical-align:middle;
}
#use ol li dl {
	font-size:0;
	width:calc(100% - 158px);
	padding:10px 10px 10px 30px;
}
#use ol li dl dt, #use ol li dl dd {
	display:inline-block;
	vertical-align:middle;
}
#use ol li dl dt {
	width:44px;
	vertical-align:-25px;
}
#use ol li dl dt img {
	width:100%;
	height:auto;
	display:block;
}
#use ol li dl dd {
	font-size:21px;
	font-weight:bold;
	width:calc(100% - 44px);
	padding-left:20px;
}
#use ol li dl dd span.stx {
	font-size:80%;
	display:block;
}

#use ol li .img {
	width:158px;
	border-left:6px solid #A3C1AE;
}



@media screen and (max-width:1360px) {
	.maincap {
		line-height:2.6;
		margin-bottom:37px;
	}
	.maincap .img {
		margin-bottom:37px;
	}
	
	section h2 {
		margin:0 auto 28px auto;
	}
	#point {
		margin-bottom:52px;
	}
	#point p {
		line-height:2.6;
	}
	#point p span {
		font-size:34px;
		margin-bottom:22px;
	}
	
	section#use h2 {
		margin-bottom:47px;
	}
}
@media screen and (max-width:1180px) {
	.maincap {
		line-height:2.4;
		margin-bottom:34px;
	}
	.maincap .img {
		margin-bottom:34px;
	}
	
	section h2 {
		margin:0 auto 26px auto;
	}
	#point {
		margin-bottom:49px;
	}
	#point p {
		line-height:2.4;
	}
	#point p span {
		font-size:32px;
		margin-bottom:21px;
	}
	
	
	section#use h2 {
		margin-bottom:44px;
	}
	#use ol li {
		margin-bottom:24px;
	}
	#use ol li dl {
		width:calc(100% - 142px);
		padding:10px 10px 10px 27px;
	}
	#use ol li dl dt {
		width:41px;
		vertical-align:-22px;
	}
	#use ol li dl dd {
		font-size:20px;
		width:calc(100% - 41px);
		padding-left:18px;
	}
	#use ol li dl dd span.stx {
		font-size:80%;
		display:block;
	}
	#use ol li .img {
		width:142px;
	}
}
@media screen and (max-width:980px) {
	.maincap {
		line-height:2.2;
		margin-bottom:31px;
	}
	.maincap .img {
		margin-bottom:31px;
	}
	
	section h2 {
		margin:0 auto 24px auto;
	}
	#point {
		margin-bottom:44px;
	}
	#point p {
		line-height:2.2;
	}
	#point p span {
		font-size:29px;
		margin-bottom:20px;
	}
	
	
	section#use h2 {
		margin-bottom:39px;
	}
	#use ol li {
		margin-bottom:23px;
	}
	#use ol li dl {
		width:calc(100% - 126px);
		padding:10px 10px 10px 24px;
	}
	#use ol li dl dt {
		width:38px;
		vertical-align:-21px;
	}
	#use ol li dl dd {
		font-size:18px;
		width:calc(100% - 38px);
		padding-left:16px;
	}
	#use ol li .img {
		width:126px;
	}
}
@media screen and (max-width:768px) {
	.maincap {
		line-height:2.0;
		margin-bottom:28px;
	}
	.maincap span {
		font-size:10px;
	}
	.maincap .img {
		margin-bottom:28px;
	}
	
	section h2 {
		margin:0 auto 22px auto;
	}
	#point {
		margin-bottom:39px;
	}
	#point p {
		line-height:2.0;
	}
	#point p span {
		margin-bottom:19px;
	}
	
	
	section#use h2 {
		margin-bottom:34px;
	}
	#use ol li {
		margin-bottom:22px;
		border:5px solid #A3C1AE;
	}
	#use ol li dl {
		width:calc(100% - 118px);
		padding:10px 10px 10px 20px;
	}
	#use ol li dl dt {
		width:35px;
		vertical-align:-19px;
	}
	#use ol li dl dd {
		font-size:17px;
		width:calc(100% - 35px);
		padding-left:14px;
	}
	#use ol li .img {
		width:118px;
		border-left:5px solid #A3C1AE;
	}
}
@media screen and (max-width:640px) {
	.maincap {
		text-align:left;
		margin-bottom:25px;
	}
	.maincap span:last-child {
		text-align:center;
		display:block;
	}
	.maincap .img {
		margin-bottom:25px;
	}
	
	section h2 {
		margin:0 auto 20px auto;
	}
	#point {
		margin-bottom:34px;
	}
	#point p span {
		font-size:26px;
		margin-bottom:18px;
	}
	
	
	section#use h2 {
		margin-bottom:29px;
	}
	#use ol li {
		margin-bottom:21px;
	}
	#use ol li dl {
		width:calc(100% - 110px);
		padding:10px 10px 10px 15px;
	}
	#use ol li dl dt {
		width:32px;
		vertical-align:-17px;
	}
	#use ol li dl dd {
		font-size:16px;
		width:calc(100% - 32px);
		padding-left:12px;
	}
	#use ol li .img {
		width:110px;
	}
}
@media screen and (max-width:480px) {
	#point {
		margin-bottom:30px;
	}
	#point p span {
		font-size:23px;
	}
	
	
	section#use h2 {
		margin-bottom:25px;
	}
	#use ol li {
		margin-bottom:20px;
		border:4px solid #A3C1AE;
	}
	#use ol li dl {
		width:calc(100% - 100px);
	}
	#use ol li dl dt {
		width:28px;
		vertical-align:-15px;
	}
	#use ol li dl dd {
		font-size:15px;
		width:calc(100% - 28px);
		padding-left:10px;
	}
	#use ol li .img {
		width:100px;
		border-left:4px solid #A3C1AE;
	}
}
@media screen and (max-width:400px) {
	#point {
		margin-bottom:25px;
	}
	#point p span {
		font-size:20px;
	}
	
	
	section#use h2 {
		margin-bottom:20px;
	}
	#use ol li dl {
		width:calc(100% - 95px);
	}
	#use ol li dl dt {
		width:25px;
		vertical-align:-13px;
	}
	#use ol li .img {
		width:95px;
	}
}
@media screen and (max-width:320px) {
	
}
@media screen and (min-width:769px) {
	
}