#title{
    text-align:center;position:relative;
    margin-bottom: 100px;
}
@media screen and (max-width:1200px){

#title{
    margin-bottom: 50px;
}

}

#model{
text-align:center;
}
.models{
margin:2% 0px 4% 0px;
}
.t_center{
text-align:center;
}
.t_left{
text-align:left;
}
.t_right{
text-align:right;
}
.t_bold{
font-weight:bold;
}
.pd1{
padding:1%;
}
.pd2{
padding:2%;
}
.pd1_tb{
padding:1% 0px;
}
.pd2_tb{
padding:2% 0px;
}
.pd4_tb{
padding:4% 0px;
}
.exp_box{
position:relative;
}
img#exp0_r{
position:absolute;top:11%;right:0px;width:48%;
}
img#exp1_l{
position:absolute;top:66%;left:-1%;width:90%;
}
img#exp1_r{
position:absolute;top:28%;right:11%;width:90%;
}
img#exp2_r{
position:absolute;bottom:4%;right:0%;width:31%;
}
img#exp3_l{
position:absolute;top:38%;left:8%;width:73%;
}
img#exp3_r{
position:absolute;top:70%;left:10%;width:70%;
}
img#exp3_c{
position:absolute;top:28%;left:10%;width:70%;
}
img#exp4_r{
position:absolute;top:28%;right:11%;width:43%;
}
img#exp4_l{
position:absolute;top:27%;left:1%;width:48.5%;

}
.mes0{
padding:0px 4%;
}
.exp_mesbox{
/*position:relative;*/
background:#145368;border-radius:20px;padding:4%;width:90%;margin:0px auto;color:#fff;
}
.exp_deco{
position:absolute;top:-20%;left:0%;width:10%;
}
.exp_title{
font-size:18px;font-weight:bold;
}
.exp_detail{
width:90%;margin:0px 0px 0px 10%;padding:0px 2%;
}
.exp0_mx{
max-width:920px;
}
.exp1_mx{
max-width:926px;
}
.exp2_mx{
max-width:928px;
}
.exp3_mx{
max-width:914px;
}
.exp4_mx{
max-width:926px;
}
img.mes1_base{
width:69%;
}
#btn_c0{
width:45%;max-width:466px;height:20.6%;position: absolute;
bottom:0%;left:65%;
}
#btn_c0 a{
display:block;width:90%;height:90%;padding-top:20.6%;
background:url(../images/top/cc_topbtn_00_2.png) no-repeat;background-size:100% 200%;
}

@media screen and (max-width:1200px){
#btn_c0{
  left:55%;
}

}

/*
#btn_c0{
width:15%;max-width:155px;height:24%;position: absolute;
bottom:4%;left:49%;
}
#btn_c0 a{
display:block;width:100%;height:100%;padding-top:12%;
background:url(../images/top/cc_topbtn_00.png) no-repeat;background-size:100% 200%;
}
#btn_c1{
width:15%;max-width:155px;height:24%;position: absolute;
bottom:4%;left:32.5%;
}
#btn_c1 a{
display:block;width:100%;height:100%;padding-top:12%;
background:url(../images/top/cc_topbtn_01.png) no-repeat;background-size:100% 200%;
}
#btn_c2{
width:15%;max-width:155px;height:24%;position: absolute;
bottom:4%;left:16%;
}
#btn_c2 a{
display:block;width:100%;height:100%;padding-top:12%;
background:url(../images/top/cc_topbtn_02.png) no-repeat;background-size:100% 200%;
}*/

#btn_c2 a:hover,
#btn_c1 a:hover,
#btn_c0 a:hover{
background-position:0px 100%;
}

@media screen and (max-width:599px) {
.exp_deco{
top:-10%;left:0%;width:12%;
}
}

.top-bnr{
display:block;
width:calc(100% - 40px);
max-width:1200px;
margin:20px auto}
.top-bnr > img{display:block; width:100%; transition:opacity .2s ease;}
.top-bnr:hover > img{opacity:.7;}
.top-bnr > img + img{margin-top:20px;}
@media screen and (max-width:640px){
.top-bnr{width:calc(100% - 20px); margin:10px auto}
.top-bnr > img + img{margin-top:10px;}}

#sns{display:flex; justify-content:center; align-items:center; margin:50px auto;}
#sns a{display:block; width:60px;}
#sns a img{width:100%; transition:opacity .2s ease;}
#sns a:hover img{opacity:.7;}
#sns a + a{margin-left:15px;}
@media screen and (max-width:480px){
#sns a{width:50px;}}