@charset "utf-8";

.access_box .subhead {
    background: url(../img/access/subhead.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
/* common */

.cap {
    font-size: 10px;
}
.inner_ttl {
    text-align: center;
}
.inner_ttl_ja{
    font-size: 24px;
    letter-spacing: 0.3em;
    line-height: 1.8em;
}

.pc_on {
    display: block;
}
.sp_on {
    display: none;
}
@media screen and (max-width: 1000px){
    .inner_ttl_ja {
        font-size: 20px;
    }
}
@media screen and (max-width: 650px){
    .inner_ttl_ja {
        font-size: 18px;
        letter-spacing: 0.2em;
    }

    .pc_on {
        display: none;
    }
    .sp_on {
        display: block;
    }
    
    
}

.db800 {
    display: none;
}
@media screen and (max-width: 800px){
    .db800 {
        display: block;
    }
}




/* ///////////// access_section1 ///////////// */
/* .scroll {
    display: none;
} */

.ac_train_map_area {margin-top: 40px;}
.access_section1 .con_ttl {
    margin: 80px 0 30px;
}
.access_section1 {
    margin-bottom: 60px;
}

/**/

@media screen and (max-width: 650px){
.ac_train_map_area {
    margin-top: 0%;
}

.ac_train_map_img{
    overflow-x: scroll;
		overflow-y: hidden;
}
.ac_train_map_img img{
    min-width: 655px;
    padding-bottom: 20px;
}
/* .scroll {
    position: relative;
    color: #333;
    padding: 10px 0;
    display: inline-block;
    text-decoration: none;
    outline: none;
    left: 50%;
    transform: translateX(-50%);
}

.scroll::before {
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #333;
}

.scroll::after {
    content: "";
    position: absolute;
    bottom: -4px;
    width: 8px;
    height: 8px;
    border-top: 1px solid #333;
    border-right: 1px solid #333;
    transform: rotate(45deg);
}

.scroll::before {
    animation: arrowlong01 2s ease infinite;
}

.scroll::after {
    animation: arrowlong02 2s ease infinite;
}

@keyframes arrowlong01 {
    0% {
        width: 0;
        opacity: 0
    }

    20% {
        width: 0;
        opacity: 1
    }

    80% {
        width: 105%;
        opacity: 1
    }

    100% {
        width: 105%;
        opacity: 0
    }
}

@keyframes arrowlong02 {
    0% {
        left: 0;
        opacity: 0
    }

    20% {
        left: 0;
        opacity: 1
    }

    80% {
        left: 103%;
        opacity: 1
    }

    100% {
        left: 103%;
        opacity: 0
    }
} */


/*  */

.access_section1 .con_ttl {margin: 40px 0 30px;}
.access_section1 {
    margin-bottom: 40px;
}


}

/* ///////////// access_section2 ///////////// */
.access_section2 {
    margin-bottom: 100px;
}
.time_list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: -3%;   
}
.time_list_box {
    margin-top: 40px;
}
.time_item {
    width: 31%;
    margin-bottom: 4%;
}
.time_flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.to {
    font-size: 22px;
    margin-right: 15px;
    line-height: 1;
    text-align: left;
    white-space: nowrap;
}
.sta_name {
    font-size: 30px;
    letter-spacing: 0em;
}
.dots {
    flex-grow: 1;
    border-top: dotted 5px #333;
}
.time {
    font-size: 22px;
    margin-left: 15px;
    line-height: 1;
    letter-spacing: 0.05em;
    white-space: nowrap;
}
.time span.choku {
    padding: 0px 0px;
    margin-right: 6px;
    font-size: 22px;
    vertical-align: baseline;
    border-radius: 5px;
}
.time span.minite {
    color: #b6001f;
    font-size: 50px;
    line-height: 0;
    font-weight: 300;
}
.time_cap_flex {
    display: flex;
    justify-content: space-between;
    margin-top: 8px;
}
.time_cap_l, .time_cap_r {
    font-size: 14px;
    letter-spacing: 0;
    line-height: 1.2;
    padding-left: 1em;
    text-indent:-1em;
}
.time_cap_r {
    min-width: 70px;
    white-space: nowrap;
    text-align: right;
}

.time_list_ttlbox {
    width: 100%;
    border-bottom: solid 1px #333;
    padding-bottom: 10px;
}
.time_list_ttl p {
    font-size: 18px;
    letter-spacing: 0.2em;
}
.time_list_ttl p span {
    font-size: 30px;
}

.com_cap.access_cap01 {
    line-height: 2;
    margin-top: 30px;
}

@media screen and (max-width: 1040px){
    .to {
        font-size: 18px;
        margin-right: 10px;
    }
    .sta_name {
        font-size: 20px;
    }
    .time {
        /* font-size: 16px; */
        margin-left: 10px;
    }
    .time span.choku {
        font-size: 16px;
    }
    .time span.minite {
        font-size: 30px;
    }
}
@media screen and (max-width: 1000px){
    .time_list_ttl p {
        font-size: 15px;
    }
    .time_list_ttl p span {
        font-size: 22px;
    }
    .to {
        font-size: 15px;
    }
    .time span.choku {
        font-size: 15px;
    }
    .time {
        font-size: 18px;
    }
    .time span.minite {
        font-size: 26px;
    }
    .time span.choku {
        font-size: 15px;
        margin-right: 3px;
    }
    .time_cap_l, .time_cap_r {
        font-size: 12px;
    }
    .dots {
        border-top: dotted 3px #333;
    }

}
@media screen and (max-width: 850px){
    .time_item {
        width: 48%;
        margin-bottom: 4%;
    }
    .time_list_box {
        max-width: 650px;
        margin: 40px auto 0;
    }
}
@media screen and (max-width: 800px){
    .time_list_ttl p {
        line-height: 1.5;
        text-align: center;
    }
}

@media screen and (max-width: 650px){
    .time_item {
        width: 100%;
    }
    .time_item {
        margin-bottom: 6%;
    }
    .time_list_box {
        max-width: 400px;
    }
    .time_list_ttl p {
        font-size: 13px;
    }
    .time_list_ttl p span {
        font-size: 20px;
    }
    .time_cap_l, .time_cap_r {
        font-size: 10px;
    }
    .access_section2 {
        margin-bottom: 40px;
    }
}


/* ///////////// access_section3 ///////////// */
/* .access_bg {
    background: #c2dade;
    padding: 80px 20px 80px;
} */
.column_bg.bg1 {
    background: #faf6f0;
}
.white_box {
    background: #fff;
    width: 86%;
    max-width: 750px;
    margin: 0 auto;
    height: auto;
    padding: 25px 0 50px;
}
.white_box p {
    font-size: 20px;
    letter-spacing: 0.3em;
    text-align: center;
}
.access_svgbox {
    width: 100%;
    margin: -25px auto 50px;
    max-width: 1050px;
}
.access_imgbox {
    max-width: 750px;
    margin: 0 auto;
}
.train_cap {
    font-size: 16px;
    letter-spacing: 0;
    margin-top: 5px;
}
.com_cap.width750 {
    max-width: 750px;
    margin: 30px auto 0;
}
.access_section3 .inner_ttl {
    margin-bottom: 40px;
}
/* .access_section3 .ac_train_map_img.img2 {
    margin-top: 55px;
} */
.access_imgbox.svgcaption img {
    height: 22px;
    width: auto;
    margin-top: 15px;
}
@media screen and (max-width: 1000px){
    .white_box p {
        font-size: 18px;
    }
    .train_cap {
        font-size: 13px;
    }
    .access_imgbox.svgcaption img {
        height: 18px;
        margin-top: 10px;
    }
    /* .access_bg {
        background: #c2dade;
        padding: 60px 20px 50px;
    } */

}
@media screen and (max-width: 650px){
    .ac_train_map_img.img2 img{
        min-width: 500px;
        padding-bottom: 20px;
    }
    .white_box p {
        font-size: 16px;
    }
    .train_cap {
        font-size: 12px;
    }
    .access_imgbox.svgcaption img {
        height: 16px;
    }
    .access_bg {
        padding: 30px 20px 30px;
    }
    .access_section3 .inner_ttl {
        margin-bottom: 20px;
    }
    .white_box {
        width: 100%;
        padding: 20px 0 40px;
        max-width: 400px;
    }
    .access_svgbox {
        width: 90%;
        margin: -25px auto 30px;
        max-width: 225px;
    }
    .svgcaption.mbtm {
        margin-bottom: 30px;
    }

}

/* ///////////// access_section4 ///////////// */
.access_flex_center {
    display: flex;
    justify-content: center;
}
.access_flex_center_inner {
    width: 50%;
}
.access_img {
    width: 100%;
    max-width: 1050px;
    margin: 0 auto;
}
.access_section4 {
    margin: 65px 0 60px;
}
.access_section4 .con_ttl {
    margin-bottom: 30px;
    margin-top: 80px;
}
@media screen and (max-width: 1000px){
    .access_section4 .con_ttl {
        margin-bottom: 30px;
        margin-top: 60px;
    }
}
@media screen and (max-width: 650px){
    .access_section4 {
        margin: 45px 0 40px;
    }
    .access_img {
        max-width: 400px;
    }
    .access_section4 .con_ttl {
        margin-bottom: 30px;
        margin-top: 40px;
    }
}

/* ///////////// access_section5 ///////////// */
.sec5_in1 {

}
.sec5_in2 {
    
}
.access_flex {
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 1050px;
    margin: 0 auto;
}
.access_flex_inner {
    width: 48%;
}
.train_cap.font10 {
    font-size: 10px;
    line-height: 1.5;
}
.com_cap.width1050 {
    max-width: 1050px;
    margin: 0 auto 35px;
}

.com_cap.access_cap01.width1050 {
    max-width: 1050px;
    margin: 0 auto;
}
.access_section5 .inner_ttl {
    margin-bottom: 50px;
}
.access_section5 .access_img {
    /* margin-bottom: 50px; */
}
.access_section5 .access_flex {
    margin-bottom: 10px;
}

@media screen and (max-width: 650px){
    .access_section5 .access_img {
        /* margin-bottom: 50px; */
    }
    .access_section5 .access_img {
        /* margin-bottom: 30px; */
    }
    .access_section5 .inner_ttl {
        margin-bottom: 30px;
    }
    .access_flex {
        flex-wrap: wrap;
    }
    .access_flex_inner {
        width: 100%;
        max-width: 400px;
        margin: 0 auto 30px;
    }
    .access_section5 .access_flex {
        margin-bottom: 0;
    }
}




.train_time_area{
   /* max-width: 960px;*/
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.train_time_ttl{
    font-size: 24px;
    color: #fff;
    background: #bd9e5f;
    text-align: center;
    padding: 0.8em 0;
    margin-bottom: 1em;
}
.train_time{
    max-width: 757px;
    margin: 0 auto;
}
.train_time .com_cap{
    margin-top: 0.5em;
}
.train_time_item{
	width: 48%;
}
.train_time_item .column_ttl{
	font-size: 18px;
}
.train_time_item:not(:last-child){
    margin-bottom: 50px;
}

.bus_flex{
    display: flex;
    flex-wrap: wrap;
    background: #bd9e5f;
    align-items: center;
    margin: 60px auto 0;
}
.bus_flex_text{
    width: 50%;
    padding: 2.5em;
}
.bus_flex_img{
    width: 50%;
}
.ac_train_map_area .loc_flex04{
	flex-wrap: wrap;
	row-gap:30px;
}
.ac_train_map_area .loc_flex04_txt03{
	font-size: 26px;
	line-height: 1.5;
}

@media screen and (max-width: 1200px){
    .bus_flex{
        max-width: 650px;
    }
    .bus_flex_text{
        width: 100%;
        order: 2;
    }
    .bus_flex_img{
        width: 100%;
    }
}
@media screen and (max-width: 1000px){
    .train_time_ttl {
        font-size: 20px;
    }
	.train_time_item{
	width: 100%;
	}
}
@media screen and (max-width: 650px){
    .train_time_ttl {
        font-size: 16px;
        margin-bottom: 1em;
    }
    .bus_flex_text{
        padding: 40px 20px;
    }
    .bus_flex_text .column_ttl{
        letter-spacing: 0.05em;
    }
	.ac_train_map_area .loc_flex04_txt03{
		font-size: 22px;
		margin: 0;
	}
	.ac_train_map_area .ac_train_map_img.img2 img {
        min-width: 600px;
        padding-bottom: 20px;
    }
}

















.AccImg{
	width:100%;
}
.AccImg ul{
	width:100%;
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
}
.AccImg ul li{
	width:33.33333333%;
	position:relative;
}
.AccImg ul li span{
	font-size:10px;
	color:#FFFFFF;
	display:block;
	position:absolute;
	bottom:5px;
	right:5px;
	opacity:0.68;
}
@media (max-width: 650px){
	.AccImg ul li{
		width:50%;
	}
}






.Acc_time{
	width:100%;
	background:#F7F2EE;
	padding:60px 0;
	margin-top:60px;
}
.Acc_time .Area{
	width:90%;
	max-width:1000px;
	margin:auto;
}
.Acc_time .Area p.Tit{
	text-align:center;
	font-size:30px;
	line-height:175%;
	margin-bottom:35px;
}
.Acc_time .Area p.Tit span{
	font-size:130%;
}
.Acc_time .Area p.Sub{
	text-align:center;
	font-size:22px;
	padding-bottom:15px;
	margin-bottom:15px;
	border-bottom:solid 1px #333333;
	position:relative;
}
.Acc_time .Area p.Sub span{
	font-size:12px;
	position:absolute;
	bottom:4px;
	right:0;
}
.Acc_time .Area span.c{
	display:block;
	font-size:12px;
	margin-top:8px;
	line-height:155%;
}
.Acc_time .Area span.c i{
	font-style:normal;
	color:#a44d3c;
}
@media (max-width: 650px){
	.Acc_time{
		padding:30px 0;
		margin-top:40px;
	}
	.Acc_time .Area p.Tit{
		font-size:20px;
		margin-bottom:25px;
	}
	.Acc_time .Area p.Sub{
		font-size:18px;
	}
	.Acc_time .Area p.Sub span{
		font-size:11px;
		display:block;
		text-align:center;
		position: static;
		bottom:auto;
		right:auto;
	}
	.Acc_time .Area span.c{
		font-size:10px;
	}
}