@charset "utf-8";

/* ===========================================================================
    products
=========================================================================== */
.keyvisual { margin-bottom:0; }

/* mainvisual */
.main .mainvisual { background:url(../img/img-mainvisual.jpg) 50% 0 / cover no-repeat; position:relative; margin:0 -20px; }
.main .mainvisual img { display:none; width:100%; }
.main .mainvisual div { padding:15px 20px; }
.main .mainvisual p { margin:5px 0 0; }
.main .mainvisual p.eng { color:#b3b3b3; font-family:'Helvetica Light',Helvetica,Arial,sans-serif; font-size:22px; text-align:center; margin:0; }
.main .mainvisual p.eng strong { font-weight:lighter; }
.main .mainvisual p.eng span { color:#396fb9; }

/* car */
.car { background:#396fb9; text-align:center; margin:0 -20px; }

/* products-box */
.products-box { border-top:1px solid #d7d7d7; clear:both; margin:0 -20px; padding:20px; }
.products-box#product01 { border-top:none; }
.products-box h2 { background:#396fb9; border-radius:50%; box-sizing:border-box; color:#fff; font-size:14px; text-align:center; line-height:1.54; width:140px; height:140px; position:relative; margin:0 auto; z-index:2; }
.products-box#product01 h2 { line-height:140px; }
.products-box#product02 h2 { padding-top:50px; }
.products-box#product03 h2 { line-height:140px; }
.products-box#product04 h2 { line-height:140px; }
.products-box h2::before { border:2px solid #fff; border-radius:50%; content:""; position:absolute; top:5px; left:5px; right:5px; bottom:5px; z-index:-1; }
.products-box .photo { text-align:center; }
.products-box .photo li { margin:10px 0 0; }

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
}


@media screen and (min-width: 640px) {
.keyvisual { margin-bottom:0; }

/* mainvisual */
.main .mainvisual { background:none; margin:0; }
.main .mainvisual img { display:block; }
.main .mainvisual div { position:absolute; top:50%; left:50%; padding:0; transform:translate(-50%,-50%); }
.main .mainvisual p { font-size:1.29em; line-height:2.06; width:760px; margin:10px 0 0; }
.main .mainvisual p.eng { font-size:4.75em; line-height:1.9; width:auto; margin:0; }

/* car */
.car { margin:0; }

/* products-box */
.products-box { margin:0; padding:71px 20px 64px; }
.products-box#product01 { padding-top:89px; }
.products-box .box-inner { max-width:1175px; margin:0 auto; }
.products-box h2 { font-size:1.46em; float:left; width:184px; height:184px; margin:20px 0 0; }
.products-box#product01 h2 { line-height:184px; }
.products-box#product02 h2 { padding-top:70px; }
.products-box#product03 h2 { line-height:184px; }
.products-box#product04 h2 { line-height:184px; }
.products-box p { line-height:2.14; margin:10px 0 0 266px; }
.products-box .photo { margin:5px 0 0 246px; }
.products-box .photo li { float:left; margin:20px 0 0 20px; }

}