@charset "utf-8";

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


/* loc01 */
.location_box .sec_text {
    margin-bottom: 80px;
}
.location_box .column_bg.column_bg {
    background: #c2dade;
}
.location_box .column_bg.column_bg.loc01_bg{
    background: url(../img/location/loc01_bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.location_box .column_bg.column_bg.loc02_bg{
    background: url(../img/location/loc02_bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.loc_flex01 {
    display: flex;
    justify-content: space-between;
}
.loc_flex01_inner {
    width: 48%;
}
.loc_flex01_txt01 {
    font-size: 16px;
    margin-top: 20px;
    letter-spacing: 0.2em;
}
.loc_flex01_txt02 {
    font-size: 12px;
    margin-top: 10px;
}
.loc_flex01_txt03{
    font-size: 12px;
    margin-top: 10px;
    text-align: justify;
    line-height: 1.5;
}
.loc_flex01_aka {
    font-size: 14px;
    color: #c30d23;
    margin-top: 10px;
}
.chari_svg img {
    height: 70px;
    width: auto;
}
.chari_svg.big img{
    height: 120px;
}
.loc_flex01_txtbox {
    text-align: center;
}
.loc_flex01_txtbox.flex01 {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 50px;
}
.chari_svg {
    position: absolute;
    bottom: 0.5em;
    right: 0.5em;
}
.chari_svg.und {position: absolute;bottom: -40%;right: 0%;}
.chari_svg.yoko01 {
    position: absolute;
    bottom: -20%;
    right: 18%;
}
.chari_svg.yoko02 {
    position: absolute;
    bottom: -20%;
    right: 12%;
}
.loc01_01{
    margin-bottom: 40px;
}

.loc_flex01.flex4 {
    margin-top: 20px;
}
.loc_flex01_inner.flex4 {
    width: 22%;
    max-width: 220px;
}
.loc_flex01_txtbox.left {
    text-align: center;
    width: 70%;
}

/* loc02 */
.location_box .column_bg.loc02 {
    background: #00575e;
}
.loc_flex02 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.loc_flex02_inner {
    width: 30%;
}
.loc_flex02_inner:nth-child(n + 4){
    margin-top: 30px;
}
.column_ttl.white {
    color: #fff;
}
.loc_flex02_ttl {
    display: flex;
    margin: 16px 0;
    align-items: flex-start;
}
.loc_flex02_num {
    color: #fff;
    background: #a40000;
    border: solid 1px #fff;
    border-radius: 5px;
    width: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
    padding-left: 2px;
}
.loc_flex02_txt01 {
    font-size: 16px;
    color: #fff;
}
.loc_flex02_txt02 {
    font-size: 12px;
    color: #fff;
    text-align: justify;
    line-height: 1.8;
}
.loc_map01 {
    max-width: 550px;
    margin: 0 auto 40px;
}
.loc_m70 {
    margin-top: 75px;
}
.com_cap.white {
    color: #fff;
}

/* loc03 */
.location_box .column_bg.loc03 {
    background: #c1e1f3;
}
.loc_flex03 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-end;
}
.loc_flex03_inner {
    width: 22%;
}
.loc_flex03_inner.w48 {
    width: 48%;
}

.loc_flex03_ttl {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    margin-top: 16px;
}
.loc_flex03_num {
    color: #fff;
    background: #333;
    border-radius: 10px;
    width: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 5px;
    padding-left: 2px;
    margin-top: 2px;
}
.loc_flex3_ttl {
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0;
}
.loc_flex03_txt02 {
    font-size: 12px;
    margin-top: 5px;
    line-height: 1.5;
}
.m35 {
    margin-top: 35px;
}
.bey_map {
}
/* .loc_flex03::after {
    content: "";
    width: 48%;
} */
.flex03_cap {
    position: absolute;
    top: -20%;
    right: -10%;
}
.flex03_cap.toho {
    position: absolute;
    top: -15%;
    right: -10%;
}

.flex03_cap img {
    height: 70px;
    width: auto;
}
.loc_flex03.fs {
    align-items: flex-start;
    margin-top: 40px;
}

/* loc04 */
.con_ttl_jaonly {
    font-size: 18px;
    text-align: center;
    font-weight: bold;
}
.loc_ttl {
    margin: 60px auto 30px;
}
.loc_flex04 {
    display: flex;
    justify-content: space-between;
    max-width: 1140px;
    margin: 40px auto 0;
    align-items: center;
}
.loc_flex04_inner {
    width: 48%;
    max-width: 547px;
}
.loc_flex04_txt01 {
    font-size: 16px;
    margin-top: 30px;
    text-align: center;
    line-height: 1.5;
}
.under_line01 {
    border-bottom: solid 1px #333;
    padding-bottom: 20px;
}
.under_line02 {
    /*border-bottom: solid 1px #333;*/
    padding-bottom: 10px;
}
.loc_flex04_txt02 {
    font-size: 11px;
    position: absolute;
    top: 10px;
    left: 0;
}
.loc_flex04_txt03 {
    font-size: 33px;
    margin-top: 50px;
    text-align: center;
}
.loc_flex04_txt03 .toho {
    font-size: 20px;
}
.loc_flex04_txt03 .num {
    font-size: 64px;
}
.loc_flex04_txt03 .yaku {
    font-size: 16px;
    display: block;
    margin-top: 0.5em;
}
.loc_map03 {
    margin-top: 15px;
}
.loc_map02 {
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
}

@media (max-width: 1000px){
    .loc_ttl {
        margin: 30px auto 30px;
    }
}
@media (max-width: 650px){
    .loc_ttl {
        margin: 40px auto 30px;
    }
}


/* loc05 */
.column_ttl.loc05 {
    margin-bottom: 0;
    /* margin-top: 100px; */
}
.loc_flex05 {
    display: flex;
    justify-content: space-between;
}
.loc_flex05_inner {
    width: 23%;
}
.mtop {
    margin-top: 15px;
}
.infomation{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 100px;
	max-width: 1140px;
	margin: 50px auto 0;
}
.infomation::after{
	content: "";
	width: 32%;
}
.infomation ul{
	width: 48%;
	margin-top: 0px;
}

.infomation ul li.ttl{
	font-size: 16px;
	color: #333;
	margin: 30px 0 15px;
	display: block;
	background: #e4d7bd;
	padding: 5px 10px;
}
.infomation ul li{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 10px 0;
	position: relative;
}
.infomation ul li.ttl::before{
	display: none;
}
.infomation ul li::before{
	content: "";
	width: 100%;
	height: 1px;
	border-bottom: 2px dotted #000;
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 0;
}
.loc_name{
	font-size: 14px;
	letter-spacing: 0.04em;
	background: #fff;
	padding-right: 5px;
	z-index: 1;
	font-feature-settings: "palt";
	line-height: 1.2;
}
.infomation .info_time{
	font-size: 14px;
	letter-spacing: 0.04em;
	background: #fff;
	padding-left: 5px;
	z-index: 1;
}
.loc_m35 {
    margin-top: 35px;
    margin-bottom: 100px;
}
.com_bottom {
    margin: 80px auto 30px;
}
@media (max-width: 650px){
    .infomation ul li.ttl{
		font-size: 14px;
	}
    .infomation ul{
		width: 49%;
	}
    .infomation ul{
		width: 100%;
	}
	.infomation ul li.ttl{
		margin-top: 30px;
	}
}
@media all and (-ms-high-contrast: none) {
    .loc_name{
		margin-right: auto;
	}
}

/* loc06 */
.location_box .column_bg.loc06 {
    background: #00575e;
}
.loc_flex06 {
    display: flex;
    justify-content: space-between;
}
.loc_flex06_inner {
    width: 48%;
}
.loc_flex06_inner .loc_flex01_txt01{
    margin-top: 0;
    font-size: 21px;
}
.loc_flex06_inner_lead {
    font-size: 12px;
    color: #fff;
    line-height: 2;
    margin: 1.5em 0 2em;
    letter-spacing: 0em;
    text-align: justify;
}
.m10 {
    margin-top: 10px;
}
.ekijyouka {
    width: 100%;
    max-width: 400px;
}
.column_ttl.white.mb50 {
    margin-bottom: 50px;
}

/* loc07 */
.column_bg.loc07 {
    background: #c0d7db;
}
.column_ttl.loc07 {margin-bottom: 30px;}
.column_lead.loc07 {
    text-align: center;
    margin-bottom: 80px;
    letter-spacing: 0.2em;
    line-height: 2;
}
.loc_flex05.loc07 .loc_flex05_inner {
    width: 22%;
}
.white_box_loc {
    background-color: #fff;
    margin: 65px auto 0;
    height: auto;
    width: 100%;
    padding: 45px 20px 25px;
}
.loc_flex07 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 955px;
    margin: 0 auto;
}
.loc_flex07_inner {
    width: 48%;
    margin-bottom: 30px;
}
.flex7_ttl {
    color: #fff;
    background-color: #00575e;
    font-size: 20px;
    text-align: center;
    padding: 8px 10px;
}
.flex7_lead {
    font-size: 12px;
    line-height: 1.8;
    text-align: justify;
    max-width: 450px;
    margin: 15px auto 0;
}
.loc_flex07_inner img {
    margin-top: 20px;
}
.ttl.mt20 {
    margin-top: 20px;
}

.location_box .db1220 {
    display: none;
}
.location_box .db1100 {
    display: none;
}
.location_box .db868 {
    display: none;
}
.location_box .dn650 {
    display: none;
}
.location_box .db868.dn650 {
    display: none;
}
.location_box .db1220.dn650 {
    display: none;
}
.location_box .on1000 {
    display: none;
}
.location_box .none1000 {
    display: block;
}
.loc_flex3_ttl.loc05 {
    text-align: center;
}
@media (max-width: 1220px){
    .location_box .db1220 {
        display: block;
    }
    .location_box .db1220.dn650 {
        display: block;
    }
    
    .loc_flex04_txt02 {
        /* top: -5px; */
    }

}

@media (max-width: 1100px){
    .location_box .db1100 {
        display: block;
    }
    .loc_flex03_ttl {
        justify-content: center;
    }
    .chari_svg img {
        height: 70px;
    }
    .chari_svg.yoko01 {
        position: absolute;
        bottom: -10%;
        right: 2%;
    }
    .chari_svg.yoko02 {
        position: absolute;
        bottom: -10%;
        right: 2%;
    }
    .chari_svg.und {
        position: absolute;
        bottom: -10%;
        right: 2%;
    }
    .loc_flex01_txtbox.left {
        text-align: left;
        width: 100%;
    }
        /* loc05 */
        .loc_name {
            font-size: 12px;
        }
        .infomation .info_time {
            font-size: 11px;
        }
    
}
@media (max-width: 1000px){
    /* loc01 */
    .loc_flex01_txt01 {
        font-size: 13px;
    }
    .loc_flex01_aka {
        font-size: 13px;
    }
    .chari_svg.und {
        bottom: -30%;
        right: 0%;
    }
    /* loc02 */
    .loc_flex02_txt01 {
        font-size: 14px;
    }
    .loc_flex02_num {
        font-size: 14px;
        width: 18px;
    }
    /* loc03 */
    .loc_flex03_ttl {
        align-items: flex-start;
    }
    .loc_flex3_ttl {
        font-size: 13px;
        text-align: left;
    }
    .loc_flex03_num {
        margin-top: 1px;
    }
    /* loc04 */
    .con_ttl_jaonly {
        font-size: 16px;
    }
    .loc_flex04_txt01 {
        font-size: 14px;
    }
    .loc_flex04_txt03 {
        font-size: 18px;
        text-align: center;
        margin-top: 30px;
    }
    .loc_flex04_txt03 .toho {
        font-size: 14px;
    }
    .loc_flex04_txt03 .num {
        font-size: 35px;
    }
    /* loc06 */
    .loc_flex06_inner_lead {
        font-size: 13px;
    }
    /* loc07 */
    .flex7_ttl {
        font-size: 16px;
    }
    .loc_flex03_txt02 {
        font-size: 11px;
        margin-top: 5px;
    }
    .loc_flex06_inner .loc_flex01_txt01 {
        font-size: 16px;
    }
    
    .on1000 {
        display: inline-block;
        font-size: 12px;
    }
    .none1000 {
        display: none;
    }
    
}
@media (max-width: 868px){
    .location_box .db868 {
        display: block;
    }
    .location_box .db868.dn650 {
        display: block;
    }
    .dn650 {
        display: block;
    }
    

    
    /* loc01 */
    .loc_flex01_aka {
        font-size: 11px;
    }
    /* loc05 */
    .loc_flex05_inner {
        width: 48%;
        margin-bottom: 30px;
    }
    .loc_ttl {
        margin: 30px auto 30px;
    }
    .infomation {
        margin-top: 0px;
    }
    /* loc07 */
    .loc_flex05 {
        flex-wrap: wrap;
        max-width: 650px;
        margin: 0 auto;
    }    
    .loc_flex05.loc07 .loc_flex05_inner {
        width: 48%;
        margin-bottom: 30px;
    }
    .flex03_cap {
        top: -25%;
        right: -5%;
    }
    .white_box_loc {
        margin: 35px auto 0;
    }
    .column_lead.loc07 {
        margin-bottom: 50px;
    }

    .chari_svg img {
        height: 55px;
    }
    .flex03_cap img {
        height: 55px;
    }
    .flex03_cap.toho {
        position: absolute;
        top: -7%;
        right: -3%;
    }
    .chari_svg.und {
        bottom: -20%;
        right: 0%;
    }
    .loc_flex04_txt02 {
        top: -15px;
    }

}
@media (max-width: 650px){
    /* loc01 */
    .loc_flex01 {
        flex-wrap: wrap;
    }
    .loc_flex01_inner {
        width: 100%;
        margin-bottom: 30px;
    }
    .loc_flex01_inner.flex4 {
        width: 48%;
    }
    .loc_m70 {
        margin-top: 20px;
    }
    .loc_flex01.flex4 {
        margin-top: 0px;
    }
    .loc_flex01_txt02 {
        font-size: 11px;
    }
    .chari_svg.und img {
        height: 50px;
    }
    .chari_svg.und {
        bottom: -20%;
        right: 0%;
    }
    /* loc02 */
    .loc_flex02 {
        flex-wrap: wrap;
    }
    .loc_flex02_inner {
        width: 100%;
        margin-bottom: 30px;
    }
    .location_box .dn650 {
        display: none;
    }
    .location_box .db868.dn650 {
        display: none;
    }
    .location_box .db1220.dn650 {
        display: none;
    }
    
    /* loc03 */
    .loc_flex03_inner.w48 {
        width: 100%;
        order: 1;
        margin-bottom: 30px;
    }
    .loc_flex03_inner {
        width: 48%;
        order: 2;
    }
    .loc_flex03.fs {
        margin-top: 30px;
    }
    .spmt {
        margin-top: 30px;
    }
    .loc_flex03_num {
        font-size: 14px;
        width: 17px;
    }

    /* loc04 */
    .loc_flex04 {
        flex-wrap: wrap;
    }
    .loc_flex04_inner {
        width: 100%;
        margin-bottom: 30px;
    }
    .loc_flex04_txt01 {
        margin-top: 0px;
    }
    .loc_flex04_txt03 {
        text-align: center;
    }
    .loc_flex04_txt02 {
        left: 80px;
        top: -15px;
    }
    .loc_flex04_txt03 {
        margin-top: 30px;
    }
    /* loc05 */
    .loc_flex05 {
        flex-wrap: wrap;
    }
    .loc_flex05_inner {
        width: 48%;
        margin-bottom: 30px;
    }
    .com_bottom {
        margin: 30px auto 30px;
    }
    /* loc06 */
    .loc_flex06 {
        flex-wrap: wrap;
    }
    .loc_flex06_inner {
        width: 100%;
    }
    .column_ttl.white.mb50 {
        margin-bottom: 30px;
    }
    .loc_m35 {
        margin-bottom: 0px;
    }
    /* loc07 */
    .loc_flex05.loc07 .loc_flex05_inner {
        width: 48%;
    }
    .loc_flex07_inner {
        width: 100%;
        margin-bottom: 30px;
    }
    .white_box_loc {
        margin: 5px auto 0;
        padding: 25px 20px 15px;
    }
    .flex7_ttl {
        font-size: 15px;
    }
    .loc_flex07_inner .ac_train_map_img{
        overflow-x: scroll;
            overflow-y: hidden;
    }
    .loc_flex07_inner .ac_train_map_img img{
        min-width: 440px;
        padding-bottom: 20px;
    }
    
    .loc_flex06_inner_up{
        order: 1;
        margin-bottom: 20px;
    }
    .loc_flex06_inner_down{
        order: 2;
    }

    .chari_svg.big img {
        height: 80px;
    }
}







.LocArea{
	width:92%;
	max-width:1000px;
	margin:40px auto 90px auto;
}
@media (max-width: 650px){
	.location_box .sec_text{
	    margin-bottom:20px !important;	
	}
	.LocArea{
		margin:10px auto 50px auto;
	}
}


.LocTit{
	width:100%;
	padding:80px 0;
	position:relative;
}
.LocTit p{
	text-align:center;
	font-size:36px;
	font-weight:bold;
	letter-spacing:3px;
}
.LocTit p span{
	display:block;
	font-size:18px;
	font-weight: normal;
	letter-spacing:1px;
}
.LocTit i{
	font-size:11px;
	position:absolute;
	bottom:5px;
	right:5px;
	display:block;
	font-style:normal;
	color:#FFFFFF;
	text-shadow:0 0 5px rgba(0,0,0,1);
}
.LocTit i.b{
	color:#222222;
	text-shadow:none;
}
.LocTit#Loc02 i,
.LocTit#Loc04 i{
	right:auto;
	left:5px;
}
.LocTit#Loc01{
	background:url(../img/location/loc_bg1.jpg) no-repeat top right;
	background-size:contain;
}
.LocTit#Loc02{
	background:url(../img/location/loc_bg2.jpg) no-repeat top left;
	background-size:contain;
}
.LocTit#Loc03{
	background:url(../img/location/loc_bg3.jpg) no-repeat top right;
	background-size:contain;
}
.LocTit#Loc04{
	background:url(../img/location/loc_bg4.jpg) no-repeat top left;
	background-size:contain;
}
@media (max-width: 650px){
	.LocTit{
		padding:40px 0;
	}
	.LocTit p{
		font-size:25px;
	}
	.LocTit p span{
		font-size:14px;
	}
	.LocTit i{
		font-size:10px;
	}
	.LocTit#Loc01{
		background:url(../img/location/loc_bg1.jpg) no-repeat top right;
		background-size: cover;
	}
	.LocTit#Loc02{
		background:url(../img/location/loc_bg2.jpg) no-repeat top left;
		background-size: cover;
	}
	.LocTit#Loc03{
		background:url(../img/location/loc_bg3.jpg) no-repeat top right;
		background-size: cover;
	}
	.LocTit#Loc04{
		background:url(../img/location/loc_bg4.jpg) no-repeat top left;
		background-size: cover;
	}
}



.LocWrap{
	width:100%;
	padding:70px 0;
	background:#F7F2EE;
}
.LocWrap .Area{
	width:90%;
	max-width:1200px;
	margin:auto;
}
.LocWrap .Area .Column{
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.LocWrap .Area .Column .w{
	margin-bottom:45px;
}
.LocWrap .Area .Column .w p{
	font-size:18px;
	text-align:center;
	margin:20px auto 0 auto;
}
.LocWrap .Area .Column .w span{
	display:block;
	font-size:12px;
	text-align:center;
	margin:8px auto 0 auto;
}
.LocWrap .Area .Column .w span i{
	font-style:normal;
	font-size:11px;
}
.LocWrap .Area .Column.Two .w{
	width:47.5%;
}
.LocWrap .Area .Column.Three .w{
	width:30.5%;
}
.LocWrap .Area .Column.Four .w{
	width:23%;
}
@media (max-width: 650px){
	.LocWrap{
		padding:40px 0;
	}
	.LocWrap .Area .Column .w{
		margin-bottom:35px;
	}
	.LocWrap .Area .Column .w p{
		font-size:14px;
		margin:15px auto 0 auto;
	}
	.LocWrap .Area .Column .w span{
		font-size:10px;
		margin:5px auto 0 auto;
	}
	.LocWrap .Area .Column .w span i{
		font-size:10px;
	}
	.LocWrap .Area .Column.Two .w{
		width:100%;
	}
	.LocWrap .Area .Column.Three .w{
		width:48%;
	}
	.LocWrap .Area .Column.Four .w{
		width:48%;
	}
}



.Park_Pickup{
	background:#e3eee1;
	padding:40px;
	max-width:1200px;
	margin:40px auto;
}
.Park_Pickup .f{
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.Park_Pickup .f .i{
	width:50%;
}
.Park_Pickup .f .i img{
	width:100%;
	display:block;
}
.Park_Pickup .f .t{
	width:45%;
	position:relative;
}
.Park_Pickup .f .t div{
	width:100%;
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
}
.Park_Pickup .f .t strong{
	font-size:26px;
	line-height:165%;
	letter-spacing:2px;
	margin-bottom:20px;
	display:block;
}
.Park_Pickup .f .t strong span{
	display:block;
	font-size:70%;
	font-weight:normal;
}
.Park_Pickup .f .t p{
	font-size:16px;
	line-height:165%;
}
.Park_Pickup ul{
	margin-top:30px;
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.Park_Pickup ul li{
	width:31.5%;
}
.Park_Pickup ul li img{
	display: block;
	width:100%;
}
@media (max-width: 650px){
	.Park_Pickup{
		padding:28px;
		margin:28px auto;
	}
	.Park_Pickup .f .i{
		width:88%;
		margin:auto;
	}
	.Park_Pickup .f .t{
		width:88%;
		margin:15px auto;
	}
	.Park_Pickup .f .t div{
		position: static;
		top:auto;
		left:auto;
		transform:none;
	}
	.Park_Pickup .f .t strong{
		font-size:22px;
	}
	.Park_Pickup .f .t p{
		font-size:14px;
	}
	.Park_Pickup ul{
		margin:auto;
		margin-top:12px;
		width:88%;
	}
	.Park_Pickup ul li{
		width:100%;
		margin-bottom:15px;
	}
}