@charset "UTF-8";

#back1 {
	background-image: url(./images/back.jpg);
}
#Delivery,#Purchase {
	background-color: #354a67;
}

article {
    small {
        display: block;
        margin-top: min(10vw, 3em);
        text-align: center;
        font-size: 90%;
        color: #fff;
    }
}

section h2.mt1 {
	color: #fff;
}
section h2.mt2 {
	color: #000;
	background-color: #ffc403;
}
section h2.mt2::after {
	border-color: #ffc403 transparent transparent transparent;
}

#Product .contArea {
    h3 {
        padding-bottom: .5em;
        line-height: 1.2;
    }
    h5 {
        margin-top: min(4vw, 1em);
        font-size: 100%;
        border-bottom: 1px solid #000;
    }
    .leftmargin { margin-left: 1em; }
}

#Benefits .contArea {
    padding: min(4vw, 2em);
    h3 {
        font-size: 140%;
    }
}


#jk1 .img img { background-image: url("images/jk1.jpg"); }
#jk2 .img img { background-image: url("images/jk2.jpg"); }
#jk3 .img img { background-image: url("images/jk3.jpg"); }
#jk4 .img img { background-image: url("images/jk4.jpg"); }
#jk5 .img img { background-image: url("images/jk5.jpg"); }
#jk6 .img img { background-image: url("images/jk6.jpg"); }


/* min-width 769px */
/* -------------------------------------------------------------------------- */
@media screen and (min-width: 769px) {
header h1 img {
	padding-top: 33.3%;
}
}


/* max-width 768px */
/* -------------------------------------------------------------------------- */
@media screen and (max-width: 768px) {
header h1 img {
	padding-top: 106%;
}
#Product .contArea {
    h3 {
        font-size: 130%;
        span {
            font-size: 140% !important;
        }
    }
}
}