@charset "UTF-8";
.access-wrap { position: relative; padding-bottom: 40px; }
.access-wrap::before { position: absolute; top: 27px; left: 50%; transform: translateX(-50%); display: block; width: 100vw; height: calc(100% - 27px); background: url("../../common/img/obj_blue_wind.png") repeat-y 50% 0/100% auto; content: ""; z-index: 0; }
.access { position: relative; background: #fff; padding: 41px 20px 30px; border-radius: 20px; }
.access:not(:last-of-type) { margin-bottom: 152px; }
.access--vehicle { padding-top: 51px; }
.access--public::before { position: absolute; right: -10px; bottom: -122px; display: block; width: 239px; height: 140px; background: url("../img/obj_seminar.png") no-repeat center/contain; content: ""; }

.access__ttl { position: absolute; top: -20px; left: 50%; transform: translateX(-50%); display: inline-flex; justify-content: center; align-items: center; min-width: 220px; height: 40px; background: #ffe000; border-radius: 20px; padding: 11px 10px 11px; font-size: 1.6rem; font-weight: 700; line-height: 1; letter-spacing: 0.05em; text-indent: 0.05em; text-align: center; color: #1a1a1a; }

.access__train-exp { margin-bottom: 20px; text-align: center; }
.access__train-exp__txt { font-size: 1.6rem; font-weight: 700; line-height: 2; letter-spacing: 0.02em; text-indent: 0.02em; }
.access__train-exp__notice { margin-top: 1px; font-size: 1.1rem; font-weight: 400; line-height: 1.3636; }
.access__train-exp__notice li::before { content: "※"; }

.access__train { position: relative; text-align: center; }
.access__train::before { position: absolute; right: -75px; bottom: -68px; display: block; width: 160px; aspect-ratio: 1/1; background: url("../img/obj_tuna.png") no-repeat center/contain; content: ""; }
.access__train__txt { margin-top: 16px; font-size: 1.1rem; font-weight: 400; line-height: 1.3636; text-align: left; text-indent: -1.0em; }
.bus { margin-top: 44px; }
.bus__label { position: relative; left: 50%; transform: translateX(-50%); display: inline-block; background: #0dac67; padding: 7px 20px 8px; border-radius: 15px; font-size: 1.5rem; font-weight: 700; line-height: 1; letter-spacing: 0.05em; text-indent: 0.05em; text-align: center; color: #fff; }
.bus__ttl { border-bottom: 1px solid #cbcbcb; margin-top: 14px; margin-bottom: 16px; padding-bottom: 10px; text-align: center; }
.bus__ttl__sub,
.bus__ttl__main { display: block; font-weight: 700; letter-spacing: 0.02em; text-indent: 0.02em; }
.bus__ttl__sub { margin-bottom: 5px; font-size: 1.4rem; line-height: 1; }
.bus__ttl__main { font-size: 1.8rem; line-height: 1.55555; }
.bus__ttl__main span { transform: translateY(-2px); display: inline-flex; justify-content: center; align-items: center; width: 40px; height: 18px; background: #ed1c24; border-radius: 9px; margin-left: 4px; font-size: 1.1rem; font-weight: 700; text-align: center; color: #fff; }
.bus__time { display: flex; justify-content: center; align-items: center; margin-bottom: 15px; }
.bus__time__label { background: #666666; margin-right: 8px; padding: 6px 9px 7px; font-size: 1.1rem; font-weight: 700; line-height: 1; letter-spacing: 0.02em; text-indent: 0.02em; text-align: center; color: #fff; }
.bus__time__number { display: flex; font-size: 2.4rem; font-weight: 700; }
.bus__time__number .ff-dinpb { font-weight: 500; }
.bus__txt { font-size: 1.3rem; line-height: 1.6923; letter-spacing: 0.02em; text-indent: 0.02em; text-align: center; }
.bus__txt strong { font-weight: 700; }
.bus__img { position: relative; margin-top: 48px; margin-bottom: 16px; }
.bus__img::before { position: absolute; left: 0; bottom: -93px; display: block; width: 60px; aspect-ratio: 1/2.2; background: url("../img/obj_woman.png") no-repeat center/contain; content: ""; }
.bus__notice { font-size: 1.1rem; font-weight: 400; line-height: 1.636363; letter-spacing: 0.02em; text-indent: 0.02em; }
.bus__notice2 { position: relative; margin-top: 34px; padding-left: 40px; font-size: 1.2rem; line-height: 1.667; }
.bus__notice2::before { position: absolute; top: 5px; left: 0; display: block; width: 30px; height: 30px; background: url("../../common/img/icon_caution_red.svg") no-repeat center/contain; content: ""; }
.bus__notice2 a { color: #0071bb; border-bottom: 1px solid #0071bb; }
.access__car-1 { margin-bottom: 30px; text-align: center; }
.access__car-1 img { width: calc(100% - 20px); }
.access__road-wrap { margin-top: 20px; margin-bottom: 26px; }
.access__road:not(:last-of-type) { margin-bottom: 12px; }
.access__road dt { margin-bottom: 4px; font-size: 1.2rem; font-weight: 700; line-height: 1; }
.access__road dt::before,
.access__road dt::after { }
.access__road dt::before { content: "［"; }
.access__road dt::after { content: "］"; }
.access__road dd { font-size: 1.1rem; font-weight: 400; line-height: 1.818181; letter-spacing: 0.02em; text-indent: 0.02em; }
.access__road-notice { position: relative; display: flex; justify-content: center; align-items: center; height: 92px; border-radius: 10px; background: #3589c9; font-size: 1.2rem; font-weight: 700; line-height: 1.66666; letter-spacing: 0.02em; text-indent: 0.02em; text-align: center; color: #fff; }
.access__road-notice::before { position: absolute; top: 50%; transform: translateY(-54%); right: -28px; display: block; width: 63px; height: 133px; background: url("../img/obj_dude2.png") no-repeat center/contain; content: ""; }
.access__deco { position: absolute; pointer-events: none; }
.access__deco--woman2 { top: -72px; left: 3px; width: 97px; z-index: 10; }
@media screen and (max-width: 680px) {
	.access-wrap { width: calc(100% - 40px); }
	.access__train { margin-left: -4px; margin-right: -4px; }
	.access__train__txt { padding-left: 18px; }
	.bus__notice { text-align: justify; }
	.bus__notice1 { padding-left: 70px; }
	
	.access__deco--plant,
	.access__deco--flower,
	.access__deco--dude1,
	.access__deco--gene,
	.access__deco--experiment { display: none; }
	
}
@media screen and (min-width: 681px) {
	.access-wrap { width: 1000px; padding-bottom: 106px; }
	.access { padding: 83px 80px 80px; border-radius: 40px; }
	.access:not(:last-of-type) { margin-bottom: 130px; }
	
	.access--public::before { right: -327px; bottom: 203px; width: 480px; height: 280px; z-index: 10; }
	.access--vehicle { padding-top: 90px; }
	
	.access__ttl { top: -30px; min-width: 500px; height: 60px; border-radius: 30px; font-size: 2.2rem; }
	.access__train-exp { margin-bottom: 34px; }
	.access__train-exp__txt { font-size: 2.0rem; line-height: 1.6; }
	.access__train-exp__notice { display: flex; justify-content: center; margin-top: 4px; font-size: 1.4rem; }
	.access__train::before { right: -315px; bottom: -244px; width: 320px; }
	.access__train__img { max-width: 840px; }
	.access__train__txt { margin-top: 21px; padding-left: 16px; font-size: 1.4rem; line-height: 1; }
	.bus { margin-top: 65px; }
	.bus__label { padding: 10px 35px 12px; border-radius: 23px; font-size: 1.8rem; }
	.bus__ttl { margin-left: auto; margin-right: auto; margin-top: 18px; margin-bottom: 20px; padding-bottom: 15px; }
	.bus__ttl__sub { margin-bottom: 12px; font-size: 2.0rem; }
	.bus__ttl__main { font-size: 2.8rem; line-height: 1; }
	.bus__ttl__main span { transform: translateY(-4px); width: 63px; height: 28px; border-radius: 14px; margin-right: 4px; padding: 0 10px 2px; font-size: 1.6rem; }
	.bus__time__label { margin-right: 10px; padding: 7px 9px 8px; font-size: 1.5rem; }
	.bus__time__number { font-size: 3.2rem; }
	.bus__txt { font-size: 1.6rem; }
	.bus__img { margin-top: 40px; margin-bottom: 18px; }
	.bus__img::before { left: -140px; bottom: 57px; width: 121px; aspect-ratio: 1/2.2; }
	.bus__notice { font-size: 1.3rem; line-height: 1; letter-spacing: 0; text-indent: 0; }
	.bus__notice1 { font-size: 1.4rem; }
	.bus__notice2 { margin-top: 27px; padding-left: 50px; line-height: 1.714; }
	.bus__notice2::before { top: 50%; transform: translateY(-50%); width: 40px; height: 40px; }
	.access__car-1 { margin-bottom: 60px; }
	.access__car-1 img { width: 780px; }
	
	.access__road-wrap { margin-bottom: 60px; }
	.access__road { display: flex; align-items: center; }
	.access__road:not(:last-of-type) { margin-bottom: 10px; }
	.access__road dt { margin-bottom: 0; margin-right: 5px; font-size: 1.4rem; }
	.access__road dd { font-size: 1.4rem; line-height: 1; letter-spacing: 0; text-indent: 0; }

	.access__road-notice { height: 120px; border-radius: 30px; font-size: 2.0rem; line-height: 1.727272; letter-spacing: 0.05em; text-indent: 0.05em; }
	.access__road-notice::before { right: -52px; transform: translateY(-60%); width: 125px; height: 265px; }
	
	.access__deco--plant { top: 510px; left: -226px; width: 337px; }
	.access__deco--woman2 { top: 55px; left: calc(100% - 90px); width: 193px; }
	.access__deco--flower { top: -189px; left: -288px; width: 193px; }
	.access__deco--dude1 { top: 275px; left: -60px; width: 121px; }
	.access__deco--gene { bottom: 193px; left: -260px; width: 319px; }
	.access__deco--experiment { top: 346px; left: calc(100% + 85px); width: 190px; }
}

.gmap { position: relative; height: 300px; z-index: 50; }
.gmap iframe { width: 100%; height: 300px; border: none; }
@media screen and (max-width: 680px) {
	
}
@media screen and (min-width: 681px) {
	.gmap,
	.gmap iframe { height: 600px; }
}