@charset "UTF-8";
/* ===================================================================
CSS information

 file name  : access.css
 author     :
 style info :
=================================================================== */
/* -----------------------------------------------------------
	layout
----------------------------------------------------------- */
/*works,pickup,access,news:left min:40 max:140 right min:70 max 140 start */
.wrap_main{}
@media only screen and (max-width: 1060px) {
.wrap_main { padding-left:40px;}
}
@media only screen and (max-width:767px){
.wrap_main { padding-left:0px;}
}
/* end */

#map iframe,
#map object,
#map embed {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}

#map{width:100%;height:500px;}
.access_content{padding:40px 0 50px 0;overflow:hidden;}
.access_content .left{width:45%;float:left;}
.access_content .right{width:45%;float:right;}
.access_content .right .mark1{position:relative;}
.access_content .right .mark1:before{content:url("../images/access/mark1.png");position:absolute;top:2px;left:-40px;}
.access_content .right .mark2{position:relative;margin-top:20px;}
.access_content .right .mark2:before{content:url("../images/access/mark2.png");position:absolute;top:2px;left:-40px;}
.access_content p{font-size:16px;line-height:1.9;}
.access_content p.info{margin-top:20px; line-height:1.6;}
.access_content span{font-size:12px;color:#909090;}
.access_content span.access_tit{position:absolute;font-size:18px !important;color:#1f1f1f;}
.access_content span.access_detail{padding-left:75px;padding-bottom:5px;font-size:18px !important;color:#1f1f1f;display:block;}

@media only screen and (max-width:767px){
#map{height:90vw; margin-left:-20px; margin-right:-20px; width:auto;}
.access_content{padding:25px 0 45px 0;}
.access_content p{line-height:1.8; font-size: 14px; letter-spacing: 0.05em;}
.access_content p.info{margin-top:5px;}
.access_content .left{width:100%;margin-bottom:40px;}
.access_content .right{width:100%;}
.access_content .right .mark1:before,
.access_content .right .mark2:before{ display: none;}
.access_content .right .mark1{padding-left:25px; background: url(../images/access/mark1.png) no-repeat 0px 2px; background-size: 16px auto;}
.access_content .right .mark2{padding-left:25px; background: url(../images/access/mark2.png) no-repeat 0px 2px; background-size: 16px auto;}
.access_content span.access_tit{font-size:14px !important;}
.access_content span.access_detail{padding-bottom:0px; font-size: 16px !important;}
.intro_footer{ margin-top: 0; border: none;}
}