@charset 'UTF-8';

/*  closeup
--------------------------------------- */

.kv {
background: url("/ja/assets/img/products/bg_kv_01.jpg") no-repeat center;
}

.kv .inner {
max-width: 900px;
margin: 0 auto;
padding: 0 20px;
box-sizing: border-box;
}

.kv h1 {
padding: 49px 0 10px;
color: #000033;
font-size: 30px;
font-weight: bold;
}

.kv p {
padding: 0 0 30px;
color: #000033;
font-size: 15px;
font-weight: bold;
line-height: 1.47;
}

.closeup {
max-width: 900px;
margin: 0 auto;
padding:  65px 20px 30px;
text-align: center;
box-sizing: border-box;
}

.closeup h2 {
margin: 0 0 35px;
padding: 0 0 18px;
color: #333;
font-size: 30px;
font-weight: bold;
background: url("/ja/assets/img/bg_h2_01.png") no-repeat center bottom;
}

.closeup .anc {
display: flex;
align-items: center;
justify-content: center;
margin: 0 0 8px;
}

.closeup .anc + .anc + .anc {
margin: 0 0 55px;
}

.closeup .anc li {
margin: 0 20px;
}

.closeup .anc li a {
padding: 0 25px 0 0;
color: #034a96;
font-size: 16px;
font-weight: bold;
background: url("/ja/assets/img/ico_arw_01.png") no-repeat right center;
background-size: 20px;
}

.closeup .ctBox {
padding: 0 0 70px;
}

.closeup .ctBox h3 {
margin: 0 0 40px;
padding: 8px 20px;
color: #fff;
font-size: 20px;
font-weight: bold;
text-align: left;
background: url("/ja/assets/img/bg_h3_01.png") no-repeat center;
}

.closeup .ctBox .img {
margin: 0 0 30px;
}

.closeup .ctBox .img02 {
margin: 0 0 35px;
}

.closeup .ctBox .txt {
margin: 0 0 25px;
font-size: 14px;
line-height: 1.58;
text-align: left;
}

.closeup .ctBox .txt02 {
position: relative;
margin: 0 0 25px;
padding: 20px 310px 20px 0;
font-size: 14px;
line-height: 1.58;
text-align: left;
}

.closeup .ctBox .txt02 span {
position: absolute;
top: 20px;
right: 0;
}

.closeup .ctBox dl {
text-align: left;
}

.closeup #anc04.ctBox dl {
padding: 0 0 10px;
}

.closeup .ctBox dl dt {
margin: 0 0 3px;
padding: 0 0 0 21px;
font-size: 18px;
font-weight: bold;
line-height: 1.89;
background: url("/ja/assets/img/products/closeup/ico_ttl_01.png") no-repeat left center;
background-size: 16px auto;
}

.closeup .ctBox dl dd {
margin: 0 0 23px;
font-size: 14px;
line-height: 1.58;
}

.closeup .ctBox .bnrBox {
display: flex;
align-items: center;
justify-content: space-between;
max-width: 680px;
margin: 0 auto;
padding: 19px 30px;
border: 1px solid #a5a6a6;
box-sizing: border-box;
}

.closeup .ctBox .bnrBox .bnrTxt {
flex: 1;
font-size: 14px;
line-height: 1.58;
text-align: left;
}

.closeup .ctBox .bnrBox .bnr {
width: 237px;
margin: 0 0 0 10px;
}

@media screen and (max-width: 870px) {
.closeup .ctBox h3 {
font-size: 17px;
}
}

@media screen and (max-width: 750px) {

.kv {
background: url("/ja/assets/img/products/bg_kv_01_sp.jpg") no-repeat center;
background-size: cover;
}

.kv .inner {
width: 88%;
margin: 0 auto;
padding: 0;
}

.kv h1 {
padding: 6% 0 0;
color: #000033;
font-size: 20px;
font-weight: bold;
line-height: 2;
}

.kv p {
padding: 0 0 7%;
color: #000033;
font-size: 11px;
font-weight: bold;
line-height: 1.23;
}

.closeup {
width: 86.666%;
margin: 0 auto;
padding:  8.5% 0 2%;
text-align: center;
box-sizing: border-box;
}

.closeup h2 {
margin: 0 0 8%;
padding: 0 0 2%;
color: #333;
font-size: 20px;
font-weight: bold;
background: url("/ja/assets/img/bg_h2_01.png") no-repeat center bottom;
background-size: 100px auto;
}

.closeup .anc {
display: flex;
align-items: center;
justify-content: center;
margin: 0 -5% 1%;
}

.closeup .anc + .anc + .anc {
margin: 0 -5% 10%;
}

.closeup .anc li {
margin: 0 3%;
}

.closeup .anc li a {
padding: 0 16px 0 0;
color: #034a96;
font-size: 10px;
font-weight: bold;
background: url("/ja/assets/img/ico_arw_01.png") no-repeat right center;
background-size: 13px;
}

.closeup .ctBox {
padding: 0 0 13%;
}

.closeup .ctBox h3 {
margin: 0 0 8%;
padding: 7px 8px;
color: #fff;
font-size: 15px;
font-weight: bold;
text-align: left;
letter-spacing: -0.5px;
background: url("/ja/assets/img/bg_h3_01_sp.png") no-repeat center;
background-size: cover;
}

.closeup #anc01 h3 {
padding: 3px 10px;
font-size: 13px;
line-height: 1.2;
}

.closeup .ctBox h3 span {
font-size: 10px;
vertical-align: baseline;
}

.closeup .ctBox .img {
margin: 0 0 4.5%;
}

.closeup .ctBox .img02 {
margin: 0 0 7%;
}

.closeup .ctBox .txt {
margin: 0 0 5.5%;
font-size: 12px;
line-height: 1.59;
text-align: left;
}

.closeup .ctBox .txt02 {
position: relative;
margin: 0 0 8%;
padding: 3% 0 0;
font-size: 12px;
line-height: 1.59;
text-align: left;
}

.closeup .ctBox .txt02 span {
position: static;
display: block;
margin: 4% 0 9%;
}

.closeup .ctBox dl {
text-align: left;
}

.closeup #anc04.ctBox dl {
padding: 0;
}

.closeup .ctBox dl dt {
margin: 0 0 2%;
padding: 0 0 0 16px;
font-size: 14px;
font-weight: bold;
line-height: 1.5;
letter-spacing: -0.5px;
background: url("/ja/assets/img/products/closeup/ico_ttl_01.png") no-repeat left center;
background-size: 12px auto;
}

.closeup .ctBox dl dd {
margin: 0 0 6%;
font-size: 12px;
line-height: 1.59;
}

.closeup .ctBox dl dd.wide {
display: block;
width: 6.46%;
margin: -5% 0 6% auto;
}

.closeup .ctBox .bnrBox {
display: block;
margin: 0 auto;
padding: 3% 0 5%;
border: 1px solid #a5a6a6;
box-sizing: border-box;
}

.closeup .ctBox .bnrBox .bnrTxt {
margin: 0 3% 3%;
font-size: 12px;
line-height: 1.59;
text-align: left;
}

.closeup .ctBox .bnrBox .bnr {
width: 61.6%;
margin: 0 auto;
}

}