@charset "utf-8";
#hd .nav { width: 68%; max-width: 660px;}
@media (max-width: 641px) {
	#hd .nav { width: 90px;}
}
@media (max-width: 481px) {
	#hd .nav { width: 62px;}
}

.ttl { text-align: center;}
.ttl:after { content: ''; display: block; width: 0px; height: 0px; margin: 0 auto;
 border: solid 16px transparent; border-top: solid 12px #3160d1; border-bottom: 0px;
}
.ttl h2 { color: #3160d1; font-size: 42px; font-weight: 700; line-height: 1.2;}
.ttl h2 span { display: inline-block; padding-bottom: 8px; border-bottom: solid 3px #3160d1;}
@media (max-width: 1001px) {
	.ttl h2 { font-size: 4.0vw;}
}
@media (max-width: 481px) {
	.ttl:after { border: solid 12px transparent; border-top: solid 8px #3160d1; border-bottom: 0px;}
	.ttl h2 { font-size: 20px;}
	.ttl h2 span { max-width: 90%; padding-bottom: 4px; border-width: 2px;}
}


@media (max-width: 641px) {
	#reason ol li dl dd { font-size: 15px;}
	#reason ol li dl dd span.aside { font-size: 12px;}
	#reason ol li dl dd span.aside br { display: none;}
}
#feature ul li dl dd.txt { text-align: left;}
@media (max-width: 1001px) {
}
@media (max-width: 641px) {
}
@media (max-width: 481px) {
}


#works .ctn .txt ol li span.tit { font-size: 18px;}
@media (max-width: 1001px) {
}
@media (max-width: 801px) {
}
@media (max-width: 641px) {
}
@media (max-width: 481px) {
	#works .ctn .txt ol li span.tit { font-size: 15px;}
}

#type {}
@media (max-width: 1001px) {
}
@media (max-width: 801px) {
}
@media (max-width: 641px) {
	#type ul li dl { width: 94%;}
}
@media (max-width: 481px) {
	#type ul li dl dt { width: 24%;}
	#type ul li dl dd { width: 76%; padding-left: 12px;}
	#type .btn a { font-size: 13px;}
	#type .btn a span { display: block;}
}


#flow p br { display: block;}
@media (max-width: 1001px) {
}
@media (max-width: 801px) {
}
@media (max-width: 641px) {
	#flow ol li dl dt { width: 60px; position: absolute; left: 10px; top: 18px;}
	#flow ol li dl dd.txt { font-size: 13px;}
	#flow ol li dl dd.txt span { padding-left: 50px; font-size: 15px;}
}
@media (max-width: 481px) {
	#flow p { font-size: 14px;}
	#flow ol li dl dt { width: 50px; top: 14px;}

	#flow ol li dl dd.txt { padding-right: 120px; font-size: 12px;}
	#flow ol li dl dd.txt span { padding-left: 40px;}
}


#products {}
@media (max-width: 1001px) {
}
@media (max-width: 801px) {
	#products .box .inner-box { padding: 20px 25px;}
	#products .box .tit { margin-bottom: 15px; padding-bottom: 10px;}
	#products .box .tit h3 { font-size: 15px; letter-spacing:0.05rem;}
	#products .box .tit h3 span { font-size: 17px;}
	#products .box .txt-1 p,
	#products .box .txt-2 p { font-size: 14px;}
}
@media (max-width: 481px) {
	#products .box .tit h3 { font-size: 12px;}
	#products .box .tit h3 span { font-size: 14px;}
	#products .box .txt-1 p,
	#products .box .txt-2 p { font-size: 12px;}
}



#contact .ctn ul li dl dt { width: 350px; font-size: 18px;}
#contact .ctn ul li dl dt span.must { width: 100px;}
#contact .ctn .submit input[type="submit"]{ max-width: 400px;}
@media (max-width: 1001px) {
}
@media (max-width: 801px) {
	#contact .ctn ul li dl dt,
	#contact .ctn ul li dl dd { display: block; width: 100%;}
	#contact .ctn ul li dl dt { width: 100%; padding: 5px; font-size: 16px;}
	#contact .ctn ul li dl dd { padding-top: 0px;}
}
@media (max-width: 481px) {
	#contact p { font-size: 14px;}
	#contact .ctn ul li dl dt span.must { width: 85px;}
	#contact .ctn .submit input[type="submit"] { font-size: 14px;}
}


@media (max-width: 801px) {
}
@media (max-width: 481px) {
	#ft .copyright { padding: 20px 0 80px;}
}


.ft-fixd .inner:after { background: url('../img/fix-bnr-en.png') no-repeat 50% 0 / 100% auto;}
@media (max-width: 481px) {
	.ft-fixd .inner { padding-right: 86px;}
	.ft-fixd .inner:after { background: url('../img/fix-bnr-sp.png') no-repeat 50% 0 / 100% auto;}
	.ft-fixd ul li.tel a { padding: 12px 0; font-size: 12px; letter-spacing: 0.02rem;}
	.ft-fixd ul li.form a { padding: 12px 0; font-size: 12px; letter-spacing: 0.02rem;}
}