@charset "utf-8";
/* ===================================================
	Access CSS
====================================================== */
#access .cnav li{ width: 48%;}

.inner_1360 { display: flex; flex-wrap: wrap; justify-content: space-between; width: 1360px; max-width: 94%; margin: 0 auto; }

.link_exit:hover,
.acc_link:hover { text-decoration: none; }

.link_exit { transition: opacity .5s; }
.acc_link { display: flex; align-items: center; justify-content: center; border-radius: 30px; border: 1px solid #aaa; width: 300px; max-width: 100%; height: 60px; box-sizing: border-box; transition: background-color .5s; }
.acc_link::before { content: ''; display: inline-block; width: 16px; height: 22px; margin-right: 8px; background: url(../../access/img/ico_map.svg)no-repeat center/cover; }
.wrap_bg_w { background: #fff; }

@media screen and (hover: hover) {
	.link_exit:hover {opacity: .5;  }
	.acc_link:hover { background: #eee; }
}
@media screen and (min-width: 601px) {
	#access #contents_wrap { font-size: 16px; }
	#lead_col { margin: 60px auto 100px; }
	.cnav li+li { margin-left: 40px; }
}
@media screen and (min-width: 601px) and (max-width: 1500px) {
	.inner_1360 { width: calc(100% - 140px); }
}
@media screen and (min-width: 601px) and (max-width: 1340px) {
	.inner_md { width: calc(100% - 140px); }
}
@media screen and (max-width: 600px) {
	.cmn_tit_01::before, .cmn_tit_03::before { margin: 0 auto 8px; }
	.acc_link::before { width: 14px; height: 20px; }
}


/* ---------------------------------------------------
	#sec01
------------------------------------------------------ */
#sec01 { padding: 75px 0 0; background: url(../img/cmn_bg.jpg); }
#sec01 #google_map { height: 640px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; line-height: 0; }
#sec01 .wrap_bg_w { padding: 80px 0 100px; }
#sec01 .add_col { display: flex; }
#sec01 .add_col dl { padding: 45px 0 0 50px; box-sizing: border-box; }
#sec01 .add_col dt { font-size: 24px; }
#sec01 .add_col dd { margin-top: 1em; line-height: 2; }
#sec01 .add_col .acc_link { margin-top: 50px; }
#sec01 .cmn_outline { align-items: stretch; flex-wrap: wrap; margin-top: 80px; border-bottom: none; }
#sec01 .cmn_outline dt { line-height: 1.2; text-align: center; }
#sec01 .cmn_outline dt::before { content: ''; display: block; width: 22px; height: 30px; margin: 0 auto 5px; }
#sec01 .cmn_outline dt:nth-of-type(1):before { background: url(../../access/img/ico_car.svg)no-repeat center/contain; }
#sec01 .cmn_outline dt:nth-of-type(2):before { background: url(../../access/img/ico_train.svg)no-repeat center/cover; }
#sec01 .cmn_outline dt span { display: block; margin-top: 10px; font-size: 16px; color: #7e6b2e; }
#sec01 .cmn_outline dt,
#sec01 .cmn_outline dd { border-bottom: 1px solid #aaa; }
#sec01 .cmn_outline dd { display: flex; flex-wrap: wrap; justify-content: space-between; }
#sec01 .cmn_outline .list { line-height: 2.3; }
#sec01 .cmn_outline .list li { text-indent: -14px; padding-left: 14px; }
#sec01 .cmn_outline .list li::before { content: '・'; margin-right: 5px; }
#sec01 .cmn_outline .link { display: flex; flex-wrap: wrap; width: 100%; margin-top: 25px; }
#sec01 .cmn_outline .link li { margin-right: 40px; }

@media screen and (min-width: 601px) {
	#sec01 .add_col .img { width: 350px; }
	#sec01 .add_col dl { width: calc(100% - 650px); }
	#sec01 .cmn_outline dt { padding: 28px 15px 35px; }
	#sec01 .cmn_outline dt { width: 260px; font-size: 22px; }
	#sec01 .cmn_outline dd { width: calc(100% - 260px); padding: 28px 0px 30px 45px; }
	#sec01 .cmn_outline .list { width: calc(100% - 320px); }
}
@media screen and (max-width: 600px) {
	#sec01 { padding: 8.5vw 0 0; }
	#sec01 #google_map { height: 45vh; }
	#sec01 .wrap_bg_w { padding: 8vw 0 12vw; }
	#sec01 .add_col { flex-direction: column; }
	#sec01 .add_col dl { padding: 5vw 0 0; }
	#sec01 .add_col dt { font-size: 20px; }
	#sec01 .add_col dd { margin-top: .5em; line-height: 1.8; }
	#sec01 .add_col .acc_link { margin: 6vw auto 0; }
	#sec01 .cmn_outline { margin-top: 10vw; }
	#sec01 .cmn_outline dt { border-bottom: none; }
	#sec01 .cmn_outline dt::before { width: 19px; height: 25px; }
	#sec01 .cmn_outline dd { padding: 3vw 3vw 5vw; }
	#sec01 .cmn_outline .list,
	#sec01 .cmn_outline .link { line-height: 2; }
	#sec01 .cmn_outline .link { margin-top: 5vw; }
	#sec01 .cmn_outline .link li { margin-right: 1.5em; }
	#sec01 .cmn_outline .link a { font-size: 14px; }
	#sec01 .cmn_outline .acc_link { margin: 15px auto 0; }
}


/* ---------------------------------------------------
	#sec02
------------------------------------------------------ */
#sec02 { padding: 75px 0 100px; background: url(../img/cmn_bg.jpg); }
#sec02 h2 { width: 100%; }
[class^="spot"] { display: flex; } 
[class^="spot"] dt { border-bottom: 1px solid #bbb; font-size: 24px; color: #7e6b2e; text-align: center; } 
[class^="spot"] dt span { display: inline-block; }
[class^="spot"] .time { padding: 1.3em 0; text-align: center;}
[class^="spot"] .time+p { line-height: 2; }
[class^="spot"] .time::before { content: ''; display: inline-block; margin-right: 10px; vertical-align: sub; }
[class^="spot"] .time.car::before { width: 22px; height: 19px; background: url(../../access/img/ico_car_bk.svg)no-repeat center/cover; }
[class^="spot"] .time.foot::before { width: 17px; height: 20px; background: url(../../access/img/ico_foot.svg)no-repeat center/cover; }
[class^="spot"] dd>ul { display: flex; justify-content: space-between; margin-top: 2em; }
[class^="spot"] dd li { width: 100%; }
[class^="spot"] dd li+li { margin-left: 10px; }
[class^="spot"] dd li a { display: flex; align-items: center; justify-content: center; height: 43px; border: 1px solid #aaa; font-size: 15px; text-align: center; background-color: #fff;  transition: background-color .5s; } 
[class^="spot"] dd li a::before { content: ''; display: inline-block; margin-right: 8px; }
[class^="spot"] dd li a:hover { text-decoration: none; }
[class^="spot"] dd li .map::before { width: 11px; height: 15px; background: url(../../access/img/ico_map.svg)no-repeat center/cover; }
[class^="spot"] dd li .web::before { width: 14px; height: 12px; background: url(../../access/img/ico_web.svg)no-repeat center/cover; }
.spot_lg { width: 100%; }
.spot_lg dt { padding-bottom: 15px; }
.spot { flex-direction: column; width: 400px; max-width: 29.4%; margin-top: 100px; }
.spot dt { padding: 13px 0 15px; }
.spot .note{ color: #E94435;}

@media screen and (hover: hover) {
	[class^="spot"] dd li a:hover { background: #eee; }
}
@media screen and (min-width: 601px) {
	.spot_lg .img { width: calc(100% - 480px); }
	.spot_lg .txt { width: 480px; padding: 85px 0 0 90px; }
}
@media screen and (max-width: 600px) {
	#sec02 { padding: 10vw 0 12vw; }
	[class^="spot"] dt { font-size: 20px; }
	[class^="spot"] .time+p { line-height: 1.8; }
	[class^="spot"] .time::before { margin-right: 7px; }
	[class^="spot"] .time.car::before { width: 19px; height: 16px; }
	[class^="spot"] .time.foot::before { width: 14px; height: 17px; }
	[class^="spot"] dd li+li { margin-left: 7px; }
	.spot_lg { flex-direction: column; }
	.spot_lg dt { padding: 13px 0 15px; }
	.spot { width: 100%; max-width: none; margin-top: 10vw; }
}


/* ---------------------------------------------------
	#sec03
------------------------------------------------------ */
#sec03 { padding: 80px 0 150px; }
#sec03 .cmn_tit_03 { color: #7e6b2e; }
#sec03 ul { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; }
#sec03 li a { display: flex; align-items: center; justify-content: center; height: 120px; box-sizing: border-box; }
#sec03 li:not(.none) { width: 380px; max-width: calc((100% - 60px)/ 3); margin-bottom: 50px; }
#sec03 li:not(.none) a { padding: 0 20px; border: 1px solid #ccc; }
#sec03 .none a { height: auto; }

@media screen and (max-width: 600px) {
	#sec03 { padding: 10vw 0 18vw; }
	#sec03 ul { display: block; }
	#sec03 li:not(.none) { max-width: 86%; margin: 0 auto 10px; }
	#sec03 li:not(.none) a { height: max(18vw, 68px); padding: 5px; }
	#sec03 li:not(.none) img { max-width: 50vw; }
	#sec03 li:last-child { margin-top: 6vw; }
}