@charset "utf-8";

body {
	font-size: 20px;
	line-height: 1.4;
}
body.f-large { font-size: 24px;}
body.f-small { font-size: 16px;}
@media screen and (max-width: 768px) {
body { font-size: 14px;}
body.f-large { font-size: 18px;}
body.f-small { font-size: 10px;}
}


#area-hdr .bar .btn a { font-size: 90%;}
@media screen and (max-width: 768px) {
}

#area-hdr .header .btn a { font-size: 110%;}
@media screen and (max-width: 768px) {
}

#area-hdr .gnav a { font-size: 110%;}
.f-large #area-hdr .gnav a { font-size: 100%;}
.f-small #area-hdr .gnav a { font-size: 125%;}

#area-hdr .link .bt01 a { font-size: 200%; letter-spacing: 0.15em;}
#area-hdr .link .bt02 div { font-size: 70%;}
#area-hdr .link .bt02 .tel { font-size: 200%;}
#area-hdr .link .bt04 div { font-size: 90%;}
.f-large #area-hdr .link .bt01 a { font-size: 158%;}
.f-large #area-hdr .link .bt02 div { font-size: 66%;}
.f-large #area-hdr .link .bt02 .tel { font-size: 175%;}
.f-large #area-hdr .link .bt04 div { font-size: 83%;}
@media screen and (max-width: 768px) {
#area-hdr .link .bt01 a { font-size: 100%; letter-spacing: 0em}
#area-hdr .link .bt03 a { font-size: 100%;}
#area-hdr .link .bt03 .tel { font-size: 90%;}
}

#area-hdr .footer .bcl li:before { font-size: 70%;}
#area-hdr .footer .bcl span,
#area-hdr .footer .bcl a { font-size: 70%;}
.f-large #area-hdr .footer .bcl li:before { font-size: 75%;}
.f-large #area-hdr .footer .bcl span,
.f-large #area-hdr .footer .bcl a { font-size: 75%;}
.f-small #area-hdr .footer .bcl li:before { font-size: 87.5%;}
.f-small #area-hdr .footer .bcl span,
.f-small #area-hdr .footer .bcl a { font-size: 87.5%;}
#area-hdr .footer .fr p { font-size: 120%;}
#area-hdr .fontsize li a { font-size: 120%;}

#area-ftr .nav li a { font-size: 90%;}
#area-ftr .nav li:first-child a { font-size: 110%;}
@media screen and (max-width: 768px) {
#area-ftr .nav li a { font-size: 100%;}
#area-ftr .nav li:first-child a { font-size: 128.5%;}
}


#area-ftr .nav02 a { font-size: 90%;}
#area-ftr .nav02 li:first-child a { font-size: 110%;}
@media screen and (max-width: 768px) {
#area-ftr .nav02 a { font-size: 100%;}
#area-ftr .nav02 li:first-child a { font-size: 128.5%;}
}

#area-ftr .link a {
	font-size: 70%;
	line-height: 1;
}
@media screen and (max-width: 768px) {
#area-ftr .link a {
	font-size: 100%;
	line-height: 1.3;
}
}

#area-ftr .footer a,
#area-ftr .footer .copyright {
	font-size: 53.3%;
	line-height: 1;
}
@media screen and (max-width: 768px) {
#area-ftr .footer a,
#area-ftr .footer .copyright { font-size: 100%;}
#area-ftr .footer .copyright { line-height: 1.6;}
}

#area-pagetop .btn a { font-size: 70%;}
@media screen and (max-width: 768px) {
#area-pagetop .btn a { font-size: 100%;}
}



/* parts.css */

#area-container .h1 { font-size: 370%;}
#area-container .h2 { font-size: 350%;}
#area-container .h3 { font-size: 250%;}
#area-container .h4 { font-size: 225%;}
.f-large #area-container .h1 { font-size: 308%;}
.f-large #area-container .h2 { font-size: 300%;}
.f-large #area-container .h3 { font-size: 216%;}
.f-small #area-container .h1 { font-size: 437.5%;}
.f-small #area-container .h2 { font-size: 412.5%;}
.f-small #area-container .h3 { font-size: 287.5%;}
#area-container .h3 span { font-size: 52%;}
#area-container .headline { font-size: 300%;}
#area-container .readtext {
	font-size: 130%;
	line-height: 1.6;
}

@media screen and (max-width: 768px) {
#area-container {
	text-align: left!important;
}
#area-container .h1 { font-size: 250%;	text-align: left!important;} /*35px*/
#area-container .h2 { font-size: 214%; text-align: center!important;} /*30px*/
#area-container .h3 { font-size: 171%;	text-align: left!important;}/*24px*/

.f-large #area-container .h1 { font-size: 244%;	text-align: left!important;} /*44px*/
.f-large #area-container .h2 { font-size: 200%;	text-align: left!important;} /*36px*/
.f-large #area-container .h3 { font-size: 156%;	text-align: left!important;} /*28px*/
.f-small #area-container .h1 { font-size: 300%;	text-align: left!important;} /*30px*/
.f-small #area-container .h2 { font-size: 250%;	text-align: left!important;} /*25px*/
.f-small #area-container .h3 { font-size: 200%;	text-align: left!important;} /*20px*/
#area-container .headline { font-size: 200%;	text-align: left!important;}
#area-container .readtext {font-size: 105%;	text-align: left!important;}
}
.f-18 { font-size: 90%;}
.f-25 { font-size: 125%;}
.f-30 { font-size: 150%;}
.f-40 { font-size: 200%;}
.f-50 { font-size: 250%;}
.f-60 { font-size: 300%;}
@media screen and (max-width: 768px) {
.f-18 { font-size: 100%;	text-align: left!important;}
.f-25 { font-size: 105%;	text-align: left!important;}
.f-30 { font-size: 107.1%;	text-align: left!important;}
.f-40 { font-size: 142.8%;	text-align: left!important;}
.f-50 { font-size: 185.7%;	text-align: left!important;}
.f-60 { font-size: 214.3%;	text-align: left!important;}
}

.parts-btn a { font-size: 240%;}
.parts-btn a span { font-size: 62.5%;}
@media screen and (max-width: 768px) {
.parts-btn a { font-size: 128.5%;}
}

.area-cv .link .bt01 a { font-size: 350%;}
.area-cv .link .bt01 span { font-size: 28.6%;}
.area-cv .link .bt02 div { font-size: 80%;}
.area-cv .link .bt02 .tel { font-size: 300%;}
.f-large .area-cv .link .bt02 .tel { font-size: 260%;}
@media screen and (max-width: 768px) {
.area-cv .link .bt01 a { font-size: 300%;}
.area-cv .link .bt01 span { font-size: 38%;}
.area-cv .link .bt02 div { font-size: 100%;}
.area-cv .link .bt02 .tel { font-size: 200%;}
}


.area-step .icon { font-size: 56%;}


.line43 { line-height: 43px; }