@import (once) "default.less";
@import (once) "common.less";



/* access ////////////////////////////// */
.access{
margin:40px 0 80px 0;

h2{
padding:0 0 30px 0;
}
h3{
.c1;
font-size:16pt;
padding:10px 0 10px 40px;
background:url(../image/icon1.svg) no-repeat 0 50%;
}

dl{
.dt;
padding:10px 0 30px 60px;
}
dd{
padding:0 30px 0 0;
.dtc;
.vat;
iframe{
vertical-align: bottom;
width:398px;
height:398px;
}
.wrap{
padding:10px;
border:1px @glay solid;
}
}

}

@media (max-width:960px){
.access{
margin:40px 0;

dl{
.dt;
padding:10px 0 30px 0;
.center;
}
dd{
.db;
padding:0;
margin:0 0 20px 0;
}
}
}

@media (max-width:480px){
.access{
margin:30px 0 0 0;

dd{
margin:0 0 20px 0;
width:300px;

iframe{
width:100%;
height:280px;
}
}

}
}