#h1_head p{ background-image: url("../img/title/tit_about.webp");  }
#accessmap{display: flex; justify-content: center; align-items: center; flex-wrap: wrap; max-width: 1260px; margin: 0 40px; }
#accessmap h2{width: 100%; display: flex; justify-content: center; align-items: center; margin-bottom: 40px; }
#accessmap p{width: 70%; }
#accessmap address{width: 100%; margin: 80px 0; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap:40px;}
#accessmap address dt{font-size: 1.2rem;}

#train{ margin: 0; padding: 80px 40px; position: relative; background-color: #fff; }
.train01{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }
.train02{margin: 80px 0;}
.train03{margin-bottom: 80px;}
.traindetail{ display: flex; justify-content: space-between; align-items: stretch; flex-wrap: wrap; gap:30px;}
#train dl{width: calc(50% - 15px);}
#train dl dt{background-color: var(--bg_green);}
#train h2{width: auto;}
#train dl{border: 2px solid var(--bg_green);}
#train dl dt,#train dd{padding: 0.2em 0.5em;}
img.train{width: 750px; margin: 0 auto; display: block;}

/*******tablet*******/
@media screen and (orientation: portrait){
#accessmap{margin-top: 80px!important;}
#accessmap p{width: 100%; }
#train{padding: 80px 40px; }
.traindetail{ display: block;}
#train dl{width: 100%;}
.train02 dl:nth-child(2){margin-top: 20px;}
}

/*******SP*******/
@media screen and (max-width:600px){
#accessmap{display: block; margin: 0 20px; }
#accessmap address{width: 100%; margin: 80px 0 0 0;}
#train{padding: 80px 20px;}
img.train{width: 100%;}
}

/*******Wide*******/
@media screen and (min-width:1260px){
#accessmap{ margin: 0 auto; }
#train{ padding: 80px calc(50% - 630px);}
img.train{margin: 0;}
}