@charset "utf-8";
/* ===================================================
	Access CSS
====================================================== */

/* ---------------------------------------------------
	Main_img
------------------------------------------------------ */

@media screen and (max-width: 600px) {
}


/* ---------------------------------------------------
	Lead_col
------------------------------------------------------ */
#lead_col { margin-bottom: 140px; }

.map_col { padding-bottom: 46%; height: 0; overflow: hidden; position: relative;}
.map_col iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

@media screen and (hover: hover) {
}

@media screen and (max-width: 600px) {
	#lead_col { margin-bottom: 70px; }
	.map_col { padding-bottom: 65%; }
}



/* ---------------------------------------------------
	access_layout
------------------------------------------------------ */
.icon_tab { position: relative; padding-right: 24px; }
.icon_tab::after { content: ''; width: 1em; height: 1em; position: absolute; right: 0; top: calc(50% - 0.5em); }
.icon_tab::after { background: url(../img/common/icon_tab.svg) no-repeat; }
.icon_car { background-image: url(../img/access/icon_car.svg); background-size: 38px; }
.icon_train { background-image: url(../img/access/icon_train.svg); background-size: 34px; }
.icon_bus { background-image: url(../img/access/icon_bus.svg); background-size: 36px; }
.icon_plane { background-image: url(../img/access/icon_plane.svg); background-size: 40px; }
.icon_ship { background-image: url(../img/access/icon_ship.svg); background-size: 44px; }

.access_layout_02 { padding-bottom: 150px; }
.access_layout_02 > div { margin: 120px 0 0; }
.access_layout_02 > div:last-child { padding-bottom: 0; }
.access_layout_02 .cmn_tit01 { margin-bottom: 35px; padding: 5px 0 5px 65px; }
.access_layout_02 > div > dl { display: flex; flex-wrap: wrap; border-bottom: 1px solid var(--color02); line-height: 1.8; letter-spacing: 0.05em; }
.access_layout_02 > div > dl:last-of-type { margin-bottom: 30px; }
.access_layout_02 > div > dl > dt { width: 240px; text-align: center; padding: 58px 0; background: var(--color01); color: #fff; display: flex; align-items: center; justify-content: center; }
.access_layout_02 > div > dl > dd { padding: 35px 20px 35px 50px; background: var(--color03); width: calc(100% - 240px); box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; }
.access_layout_02 > div > dl > dd div:not(:first-child) { border-top: 1px dashed var(--color02); margin-top: 12px; padding-top: 12px; }
.access_layout_02 > div > dl > dd .clr_txt { color: #926010; margin-bottom: 10px; }
.access_layout_02 > div > dl > dd p + .clr_txt,
.access_layout_02 > div > dl > dd dl { margin-top: 45px; }
.access_layout_02 > div > dl > dd dl dt { margin-bottom: 10px; }
.access_layout_02 > div > dl > dd dl dd p span { margin-right: 30px; }
.access_layout_02 .bottom_link { display: flex; justify-content: flex-start; flex-wrap: wrap; }
.access_layout_02 .bottom_link li:not(.googlemap_link) a span { border-bottom: 1px solid transparent; }
.access_layout_02 .bottom_link .caution { margin-top: 20px; }
.access_layout_02 .bottom_link .caution + .googlemap_link { margin-top: 20px;}
.access_layout_02 .bottom_link .googlemap_link { margin: 0 0 0 auto; }
.access_layout_02 .bottom_link .googlemap_link a { background: url(../img/access/icon_map.svg) no-repeat center left calc(50% - 85px) ,#fff; padding: 15px 70px 15px 115px; border-radius: 100px; line-height: 1.5; display: flex; align-items: center; border: 1px solid var(--color02); transition: background-color .5s; }
.access_layout_02 .bottom_link li:not(.googlemap_link) > a { display: block; }
.access_layout_02 .bottom_link li:not(.googlemap_link) { margin-right: 70px; }
.access_layout_02 .bottom_link li.caution > a { display: inline-block;margin: 0 5px; }
.access_layout_02 .bottom_link li.caution > a span { border-color: #000; }

@media screen and (hover: hover) {
	.access_layout_02 .bottom_link li:not(.googlemap_link) a:hover span { border-color: #000; }
	.access_layout_02 .bottom_link li.caution > a:hover span { border-color: transparent; }
	.access_layout_02 .bottom_link .googlemap_link a:hover { opacity: 1; background-color: var(--color03);}
}

@media screen and (max-width: 600px){
	.icon_tab { padding-right: 0; }
	.icon_tab::after { display: inline-block; position: static; margin-left: 5px; }
	.icon_car { background-size: 30px; }
	.icon_train { background-size: 28px; }
	.icon_bus { background-size: 30px; }
	.icon_plane { background-size: 32px; }
	.icon_ship { background-size: 34px; }
	.access_layout_02 { padding-bottom: 70px; }
	.access_layout_02 > div { margin: 50px 0 0; }
	.access_layout_02 .cmn_tit01 { margin-bottom: 10px; padding: 5px 0 5px 45px; }
	.access_layout_02 > div > dl { border-bottom: none; }
	.access_layout_02 > div > dl > dt { width: 100%; padding: 8px 10px; justify-content: flex-start; }
	.access_layout_02 > div > dl > dd { padding: 10px 10px 20px; width: 100%; }
	.access_layout_02 > div > dl:last-of-type { margin-bottom: 25px; border-bottom: 1px solid var(--color02); }
	.access_layout_02 .bottom_link { flex-direction: column; align-items: center; font-size: 14px; }
	.access_layout_02 .bottom_link .caution { text-indent: -1em; padding-left: 1em; font-size: 13px; }
	.access_layout_02 .bottom_link .caution + .googlemap_link { margin-top: 0;}
	.access_layout_02 .bottom_link .googlemap_link { width: 100%; }
	.access_layout_02 .bottom_link .googlemap_link a { padding: 10px 30px; width: 100%; box-sizing: border-box; display: flex; align-items: center; justify-content: center; background-position: center left 20px; }
	.access_layout_02 .bottom_link li:not(.googlemap_link) { margin: 0 0 15px; }
	.access_layout_02 .bottom_link [class^="tab_icon"] { margin-right: 0; }
	.access_layout_02 > div > dl > dd .clr_txt { margin-bottom: 5px; }
	.access_layout_02 > div > dl > dd p + .clr_txt,
	.access_layout_02 > div > dl > dd dl { margin-top: 15px; }
	.access_layout_02 > div > dl > dd dl dt { margin-bottom: 5px;}
	.access_layout_02 > div > dl > dd dl dd p span { display: block; width: 100%; margin: 5px 0 0; line-height: 1.2; }
}


/* ---------------------------------------------------
	sec_junnkannbasu
------------------------------------------------------ */
#sec_junnkannbasu  { padding-bottom: 155px; }
#sec_junnkannbasu .cmn_tit01 { padding: 9px 0 9px 65px; margin-bottom: 25px; background-image: url(../img/access/icon_bus02.svg); background-size: 55px;  }
#sec_junnkannbasu .junnkannbasu_col > dt { font-size: 18px; background: var(--color01); color: #fff; padding: 15px 30px; }
#sec_junnkannbasu .junnkannbasu_col > dd { background: var(--color03); padding: 45px 55px 0 50px; letter-spacing: 0.05em; }
#sec_junnkannbasu .junnkannbasu_col > dd + dd { padding-top: 30px; }
#sec_junnkannbasu .junnkannbasu_col > dd:last-of-type { padding-bottom: 75px; }
#sec_junnkannbasu .junnkannbasu_col .detail_col { display: flex; justify-content: space-between; }
#sec_junnkannbasu .junnkannbasu_col .detail_col .photo { flex-shrink: 0; }
#sec_junnkannbasu .junnkannbasu_col .detail_col .txt { margin-left: 30px; }
#sec_junnkannbasu .junnkannbasu_col .detail_col .txt p { line-height: 2; }
#sec_junnkannbasu .junnkannbasu_col .detail_col .txt p + p { margin-top: 30px; }
#sec_junnkannbasu .junnkannbasu_col .detail_col .txt a { display: block; margin: 25px 0 0 auto; padding: 7px 45px; box-sizing: border-box; width: fit-content; border: 1px solid #000; }
#sec_junnkannbasu .junnkannbasu_col .price table caption { text-align: left; color: #926010; font-size: 20px; margin-bottom: 5px; }
#sec_junnkannbasu .junnkannbasu_col .price tr { border-bottom: 1px solid var(--color02);}
#sec_junnkannbasu .junnkannbasu_col .price th { padding: 35px 40px; box-sizing: border-box; background: var(--color01); color: #fff; font-weight: normal; vertical-align: middle; width: 240px; }
#sec_junnkannbasu .junnkannbasu_col .price td { padding: 35px 20px 35px 40px; box-sizing: border-box; }
#sec_junnkannbasu .junnkannbasu_col .price td .caution { line-height: 1.8; }
#sec_junnkannbasu .junnkannbasu_col .caution { font-size: 13px; }
#sec_junnkannbasu .junnkannbasu_col + .junnkannbasu_col { margin-top: 60px;}
#sec_junnkannbasu #junnkannbasu01 .price td dl { display: flex; align-items: center; color: #926010; margin: 20px 0 30px; }
#sec_junnkannbasu #junnkannbasu01 .price td dl dt { width: 50px; height: 50px; border-radius: 50%; border: 1px solid #926010; flex-shrink: 0; margin-right: 20px; text-align: center; line-height: 50px; }
#sec_junnkannbasu #junnkannbasu01 .price td dl dd ul { line-height: 2; display: flex; flex-wrap: wrap; justify-content: space-between; }
#sec_junnkannbasu #junnkannbasu01 .price td dl dd ul li::before { content: '■'; font-size: 10px; display: inline-block; margin-right: 5px; }
#sec_junnkannbasu #junnkannbasu02 .price td .caution { margin-top: 20px; }

@media screen and (max-width: 600px){
	#sec_junnkannbasu  { padding-bottom: 70px; }
	#sec_junnkannbasu .cmn_tit01 { padding: 9px 0 9px 45px; margin-bottom: 10px; background-size: 40px; }
	#sec_junnkannbasu .junnkannbasu_col > dt { font-size: 16px; padding: 8px 10px; }
	#sec_junnkannbasu .junnkannbasu_col > dd { padding: 20px 10px; }
	#sec_junnkannbasu .junnkannbasu_col > dd + dd { padding-top: 15px; }
	#sec_junnkannbasu .junnkannbasu_col > dd:last-of-type { padding-bottom: 35px; }
	#sec_junnkannbasu .junnkannbasu_col .detail_col { flex-direction: column; }
	#sec_junnkannbasu .junnkannbasu_col .detail_col .photo { width: 100%; }
	#sec_junnkannbasu .junnkannbasu_col .detail_col .txt { margin: 15px 0 0; }
	#sec_junnkannbasu .junnkannbasu_col .detail_col .txt p { line-height: 1.8; }
	#sec_junnkannbasu .junnkannbasu_col .detail_col .txt p + p { margin-top: 10px; }
	#sec_junnkannbasu .junnkannbasu_col .detail_col .txt a { margin: 10px 0 0 auto; padding: 5px 30px; }
	#sec_junnkannbasu .junnkannbasu_col .price table caption { font-size: 18px; }
	#sec_junnkannbasu .junnkannbasu_col .price tr { display: flex; flex-direction: column; border-bottom: none; font-size: 14px; }
	#sec_junnkannbasu .junnkannbasu_col .price th { text-align: left; padding: 8px 10px; width: 100%; }
	#sec_junnkannbasu .junnkannbasu_col .price td { padding: 10px 10px 15px; width: 100%; }
	#sec_junnkannbasu .junnkannbasu_col .price tr:last-of-type td { border-bottom: 1px solid var(--color02);}
	#sec_junnkannbasu .junnkannbasu_col + .junnkannbasu_col { margin-top: 40px;}
	#sec_junnkannbasu #junnkannbasu01 .price td dl { flex-direction: column; margin: 15px 0; }
	#sec_junnkannbasu #junnkannbasu01 .price td dl dt { width: 100%; height: auto; margin: 0 0 10px; line-height: 1.8; border-radius: 50px; }
	#sec_junnkannbasu #junnkannbasu01 .price td dl dd ul li { line-height: 1.5; padding-left: 1em; text-indent: -1em; }
	#sec_junnkannbasu #junnkannbasu01 .price td dl dd ul li::before { display: inline;}
	#sec_junnkannbasu #junnkannbasu01 .price td dl dd ul li + li { margin-top: 5px; }
	#sec_junnkannbasu #junnkannbasu02 .price td .caution { margin-top: 10px; }
}


/* ---------------------------------------------------
	sec_taxi
------------------------------------------------------ */
#sec_taxi  { padding-bottom: 25px; }
#sec_taxi .cmn_tit01 { padding-left: 65px; margin-bottom: 50px; background-image: url(../img/access/icon_taxi.svg); background-size: 47px;  }
#sec_taxi dl div { display: flex; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid var(--color02); }
#sec_taxi dl div dt { width: 265px;}
#sec_taxi dl div dt a { display: inline-block; padding-right: 35px; background: url(../img/common/icon_tab.svg) no-repeat right center/17px; }
#sec_taxi dl div dt a span { border-bottom: 1px solid transparent; transition: border-color .5s; }
#sec_taxi dl div dt::before { content: '■'; font-size: 12px; display: inline-block; margin-right: 3px; }
#sec_taxi dl div dd:nth-of-type(1) { width: 355px; }

@media screen and (hover: hover) {
	#sec_taxi dl div dt a:hover span { border-color: #000; }
}

@media screen and (max-width: 600px){
	#sec_taxi .cmn_tit01 { padding-left: 45px; margin-bottom: 20px; background-size: 35px;  }
	#sec_taxi dl div { flex-direction: column; padding-bottom: 10px; margin-bottom: 10px; }
	#sec_taxi dl div dt { width: 100%; margin-bottom: 5px; }
	#sec_taxi dl div dt a { padding-right: 25px; background-size: 12px; }
	#sec_taxi dl div dd { padding-left: 15px; }
	#sec_taxi dl div dd:nth-of-type(1) { width: 100%; }
}