@charset "utf-8";

/**********************************************/
/***************共通コンテンツ******************/
/**********************************************/
.respd {
	max-width: 100%;
	height: auto;
	width
	/***/
	: auto;
}

body {
	line-height: 1em;
	font-size: 14px;
	overflow-x: hidden;
}

img {
	flex-shrink: 0
}

.kizuna_contents {
	overflow-x: hidden;
	background-color: #fff;
	background-image: linear-gradient(#f5f5f5 1px, transparent 1px), linear-gradient(to right, #f5f5f5 1px, #fff 1px);
	background-size: 20px 20px;
	position: relative;
	overflow-wrap: anywhere;
}

.storeimg {
	width: 200px;
}

/* .store {
	display: flex;
	gap: 10px 20px;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 10px;
} */
.iconbox li {
	/* padding-left: 2em; */
	padding-bottom: 0.3em;
	position: relative;
	font-size: 0.9em;
	word-break: break-all;
	line-height: 1.5em;
	padding-top: 0.2em;
}

.icondetail li {
	padding-left: 2em;
	position: relative;
}

#drive_spots .icondetail li.icon1_lb::before,
#drive_spots .icondetail li.icon2_lb::before,
#drive_spots .icondetail li.icon3_lb::before,
#drive_spots .icondetail li.icon4_lb::before,
#drive_spots .icondetail li.icon5_lb::before,
#drive_spots .icondetail li.icon6_lb::before,
#drive_spots .icondetail li.icon1_o::before,
#drive_spots .icondetail li.icon2_o::before,
#drive_spots .icondetail li.icon3_o::before,
#drive_spots .icondetail li.icon4_o::before,
#drive_spots .icondetail li.icon5_o::before,
#drive_spots .icondetail li.icon6_o::before,
#drive_spots .icondetail li.icon1_g::before,
#drive_spots .icondetail li.icon2_g::before,
#drive_spots .icondetail li.icon3_g::before,
#drive_spots .icondetail li.icon4_g::before,
#drive_spots .icondetail li.icon5_g::before,
#drive_spots .icondetail li.icon6_g::before {
	content: '';
	position: absolute;
	top: 0.1em;
	left: 0;
	width: 1.5em;
	height: 1.5em;
}

#drive_spots .icondetail li.icon1_lb::before {
	background: url('../img/p1/icon1_lb.png')no-repeat center center;
	background-size: contain;
}

#drive_spots .icondetail li.icon2_lb::before {
	background: url('../img/p1/icon2_lb.png')no-repeat center center;
	background-size: contain;
}

#drive_spots .icondetail li.icon3_lb::before {
	background: url('../img/p1/icon3_lb.png')no-repeat center center;
	background-size: contain;
}

#drive_spots .icondetail li.icon4_lb::before {
	background: url('../img/p1/icon4_lb.png')no-repeat center center;
	background-size: contain;
}

#drive_spots .icondetail li.icon5_lb::before {
	background: url('../img/p1/icon5_lb.png')no-repeat center center;
	background-size: contain;
}

#drive_spots .icondetail li.icon6_lb::before {
	background: url('../img/p1/icon6_lb.png')no-repeat center center;
	background-size: contain;
}

#drive_spots .icondetail li.icon1_o::before {
	background: url('../img/p1/icon1_o.png')no-repeat center center;
	background-size: contain;
}

#drive_spots .icondetail li.icon2_o::before {
	background: url('../img/p1/icon2_o.png')no-repeat center center;
	background-size: contain;
}

#drive_spots .icondetail li.icon3_o::before {
	background: url('../img/p1/icon3_o.png')no-repeat center center;
	background-size: contain;
}

#drive_spots .icondetail li.icon4_o::before {
	background: url('../img/p1/icon4_o.png')no-repeat center center;
	background-size: contain;
}

#drive_spots .icondetail li.icon5_o::before {
	background: url('../img/p1/icon5_o.png')no-repeat center center;
	background-size: contain;
}

#drive_spots .icondetail li.icon6_o::before {
	background: url('../img/p1/icon6_o.png')no-repeat center center;
	background-size: contain;
}

#drive_spots .icondetail li.icon2_g::before {
	background: url('../img/p1/icon2_g.png')no-repeat center center;
	background-size: contain;
}

#drive_spots .icondetail li.icon3_g::before {
	background: url('../img/p1/icon3_g.png')no-repeat center center;
	background-size: contain;
}

#drive_spots .icondetail li.icon4_g::before {
	background: url('../img/p1/icon4_g.png')no-repeat center center;
	background-size: contain;
}

#drive_spots .icondetail li.icon5_g::before {
	background: url('../img/p1/icon5_g.png')no-repeat center center;
	background-size: contain;
}

#drive_spots .icondetail li.icon6_g::before {
	background: url('../img/p1/icon6_g.png')no-repeat center center;
	background-size: contain;
}

/********マイマップ*********/
.mymap_iframe {
	width: 100%;
	height: 540px;
}

.mymap_cover {
	padding: 15px;
	border: 2px solid #0d3161;
	border-radius: 10px;
	background: #fff;
}

/*----------------------------------*/
/*----------- AdobeFonts -----------*/
/*----------------------------------*/
.tsukushiB {
	font-family: 'Zen Maru Gothic', sans-serif;
	font-weight: 700;
	font-style: normal;
}

/*----------------------------------*/
/*-------------- body --------------*/
/*----------------------------------*/
body {
	font-feature-settings: "palt" 1;
	letter-spacing: 0.5px;
	font-size: 14px;
	line-height: 1.8;
}

a,
div,
table,
tr,
td,
th {
	box-sizing: border-box;
}

/*----------------------------------*/
/*---------- main slider -----------*/
/*----------------------------------*/
#mainvisual {
	width: 100%;
	background-color: hsla(0, 0%, 100%, 1);
	background-image:
		radial-gradient(at 40% 20%, hsla(150, 69%, 66%, 1) 0px, transparent 50%),
		radial-gradient(at 80% 0%, hsla(189, 100%, 56%, 1) 0px, transparent 50%),
		radial-gradient(at 80% 50%, hsla(86, 76%, 91%, 1) 0px, transparent 50%),
		radial-gradient(at 0% 100%, hsla(181, 71%, 70%, 1) 0px, transparent 50%),
		radial-gradient(at 80% 100%, hsla(150, 69%, 66%, 1) 0px, transparent 50%),
		radial-gradient(at 0% 0%, hsla(181, 71%, 70%, 1) 0px, transparent 50%);
}

#mainvisual .wrapper {
	max-width: 1400px;
	position: relative;
	padding: 0 !important;
}

#mainvisual .top_slider {
	width: 100%;
	margin: 0 auto;
}

.slick-slide {
	margin: 0;
}

.slick-list {
	width: 100%;
	overflow: hidden;
}

.slick-track {
	display: flex;
}

#mainvisual .mainlogo {
	width: 320px;
	position: absolute;
	z-index: 2;
	top: 20px;
	left: 35px;
}

/*----------------------------------*/
/*---------- slider 番号付き -----------*/
/*----------------------------------*/
/* .slider_num .slick-dots {
	bottom: -35px;
}

.slider_num .slick-dots li {
	width: 20px;
	height: 20px;
	margin: 0 4px;
	padding: 0;
	cursor: pointer;
	border: 1px solid #025851;
}

.slider_num .slick-dots li.slick-active {
	background: #87caac;
}

.slider_num .slick-dots li button {
	font-size: initial;
	background: initial;
	width: 100%;
	height: 100%;
	color: #025851;
}

.slider_num .slick-dots li button:before {
	content: none;
} */

/*----------------------------------*/
/*------------- pageing ------------*/
/*----------------------------------*/
#pageing {
	text-align: center;
	margin: 40px 0 0;
}

#pageing .wrapper {
	text-align: center;
}

#pageing .pageing a,
#pageing .pageing span {
	width: 36px;
	height: 36px;
	border: 1px solid #005952;
	color: #005952;
	line-height: 36px;
	text-align: center;
	font-size: 16px;
	display: inline-block;
	margin: 0 3px;
	box-sizing: border-box;
	cursor: pointer;
	font-weight: bold;
}

#pageing .pageing a:hover {
	opacity: 0.8;
}

#pageing .pageing span.nowpage {
	background: #005952;
	color: #fff;
	cursor: auto;
}

#pageing .pageing span.hide {
	opacity: 0.5;
	cursor: auto;
}

#pageing .nextlink {
	padding: 10px 45px 10px 25px;
	background: #ebf5ec;
	color: #005952;
	font-size: 15px;
	line-height: 1.4;
	position: relative;
	border: 1px solid #005952;
	display: inline-block;
	margin-bottom: 25px;
}

#pageing .nextlink::after {
	content: '';
	width: 25px;
	height: 10px;
	position: absolute;
	top: calc(50% - 5px);
	right: 10px;
	background: url('../img/btnarrow.png')no-repeat center center;
	background-size: contain;
}

#mymap {
	margin-top: min(5vw, 70px);
}

/*----------------------------------*/
/*----------- page_common ----------*/
/*----------------------------------*/
.ZenmaruM {
	font-family: 'Zen Maru Gothic', sans-serif;
	font-weight: 500;
	font-style: normal;
	letter-spacing: normal;
}

.ZenmaruB {
	font-family: 'Zen Maru Gothic', sans-serif;
	font-weight: 700;
	font-style: normal;
	letter-spacing: normal;
}

.ZenkakuB {
	font-family: "Zen Kaku Gothic New", sans-serif;
	font-weight: 700;
	font-style: normal;
}

.NotoSansB {
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 700;
	font-style: normal;
}

.flex_sb {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.flex_cn {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 15px;
}

.flex_c {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.ruby .rt {
	font-size: clamp(11px, 1vw, 0.5em);
	display: block;
}

.ruby .rb {
	display: block;
	line-height: 1;
}

.cap {
	display: flex;
	align-items: center;
	margin: 0.5em 1em;
	line-height: 1.3em;
	font-size: 0.8rem;
}

.cap i {
	display: inline-block;
	width: 1.2em;
}

.cap p {
	width: calc(100% - 1.2em);
}

main {
	padding-bottom: 50px;
}

.drive_back {
	position: relative;
	background-color: #fff;
}

.drive_back::before,
.drive_back::after {
	content: '';
	width: 50%;
	height: 100%;
	z-index: 0;
}

.drive_back::before {
	position: absolute;
	left: 0;
	top: 0;
	background-image: repeating-linear-gradient(-45deg, #bce2e8, #bce2e8 5px, transparent 5px, transparent 10px);
}

.drive_back::after {
	position: absolute;
	right: 0;
	top: 0;
	background-image: repeating-linear-gradient(-45deg, #cae4c3, #cae4c3 5px, transparent 5px, transparent 10px);
}

.drive_back_white {
	width: 85%;
	margin: auto;
	background: #fff;
	position: relative;
	z-index: 1;
}

.drive_back_white::before,
.drive_back_white::after {
	content: '';
	position: absolute;
	top: 0;
	width: 3%;
	height: 100%;
	z-index: -1;
}

.drive_back_white::before {
	background: url('../img/p1/drive_back_white_l.gif');
	background-repeat: repeat-y;
	background-size: contain;
	right: 100%;
}

.drive_back_white::after {
	background: url('../img/p1/drive_back_white_r.gif');
	background-repeat: repeat-y;
	background-size: contain;
	background-position-y: bottom;
	left: 100%;
}

.drive_back_white .wrapper {
	padding: clamp(2rem, 10vw, 7rem) 20px;
}

.back_dec {
	position: relative;
}

.back_dec::before,
.back_dec::after {
	content: '';
	position: absolute;
	width: 30%;
	aspect-ratio: 400 / 285;
}

.title_about {
	font-size: clamp(1.3rem, 5vw, 2.5rem);
	line-height: 1.4;
	text-align: center;
	display: inline-block;
	width: 100%;
	line-height: 1.2;
	position: relative;
	letter-spacing: 0.1em;
}

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

	.drive_back_white::before,
	.drive_back_white::after {
		width: 5%;
	}

	.drive_back::before {
		background-image: repeating-linear-gradient(-45deg, #bce2e8, #bce2e8 3px, transparent 3px, transparent 6px);
	}

	.drive_back::after {
		background-image: repeating-linear-gradient(-45deg, #cae4c3, #cae4c3 3px, transparent 3px, transparent 6px);
	}
}

/* ルビの文字サイズを調整 */
ruby[data-ruby] {
	position: relative;
}

ruby[data-ruby]::before {
	content: attr(data-ruby);
	position: absolute;
	line-height: 100%;
	text-align: center;
	left: -3em;
	right: -3em;
	transform-origin: bottom center;
	/* ルビの文字サイズを親文字に対する比率で指定 */
	transform: scale(0.4);
	bottom: 84%;
}

ruby[data-ruby] rt {
	display: none;
}


/*----------------------------------*/
/*---------- ScrollTrigger ---------*/
/*----------------------------------*/
.scrolltrigger__item {
	opacity: 0;
}

.scrolltrigger__fadeUp {
	animation-name: stAnime;
	animation-duration: 1s;
	animation-fill-mode: forwards;
	opacity: 0;
}

@keyframes stAnime {
	from {
		opacity: 0;
		transform: translateY(50px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}


/*----------------------------------*/
/*--------------- read -------------*/
/*----------------------------------*/
#read {
	padding: 80px 0 150px 0;
	margin: 0;
	font-weight: bold;
	position: relative;
}

#read .read_obj {
	position: relative;
	font-size: clamp(0.875rem, 0.7714rem + 0.442vw, 1.125rem);
	margin: 0;
	font-weight: 500;
	line-height: 1.8;
	width: 50%;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

#read .read_obj_img2 {
	width: 48%;
}

#read h1 {
	width: 60%;
	margin: 0 0 35px;
}

@media screen and (max-width: 1220px) {
	#read .read_obj1 {
		left: -50px;
	}

	#read .read_obj2 {
		right: -50px;
	}
}

@media screen and (max-width: 1120px) {
	#read .read_obj1 {
		left: 0px;
	}

	#read .read_obj2 {
		right: 0px;
	}
}

@media screen and (max-width: 970px) {
	#read .read_obj1 {
		width: 60px;
	}

	#read .read_obj2 {
		width: 60px;
	}
}

@media screen and (max-width: 768px) {
	#read h1 img {
		width: 96%;
		margin: 0 auto 1em;
		display: block;
	}

	#read h1 img.show_640 {
		display: none;
	}

	#read h1 {
		width: 100%;
		max-width: 580px;
	}

	#read .read_obj {
		width: 100%;
	}

	#read .read_obj_img2 {
		width: 100%;
		max-width: 450px;
		margin: auto;
	}

	#read .flex_sb {
		gap: 30px;
		flex-direction: column;
		margin: 20px auto 0;
		max-width: 560px;
	}
}

@media screen and (max-width: 640px) {
	#read {
		margin: 80px 0 120px 0;
		padding: 0;
	}

	#read h1 img {
		max-width: 400px;
	}

	#read h1 img.show_640 {
		display: block;
	}

	#read .read_obj {
		width: 100%;
	}
}

@media screen and (max-width: 480px) {
	#read {
		margin: 50px 0 90px 0;
	}

	#read h1 span {
		display: inline;
		font-size: 13.8px;
	}

	#read h1 img {
		width: 80%;
		margin-left: 0;
	}
}

.contents_bg {
	background: #FFF;
	margin-bottom: 70px;
}

/*----------------------------------*/
/*------------ navigator -----------*/
/*----------------------------------*/
#navigator .navigator_bg {
	position: relative;
	margin: auto;
	padding: 40px 30px 10px 30px;
	border: 3px solid #2eb6aa;
	border-radius: 10px;
	background: #f6faf6;
}

#navigator h2 {
	position: absolute;
	top: max(-40px, -9vw);
	left: 0;
	right: 0;
	width: 80%;
	max-width: 300px;
	margin: 0 auto;
}

#navigator .navigator_persons {
	width: 56%;
	align-items: flex-end;
}

#navigator .navigator_profiles {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 1em;
}

#navigator .navigator_profile {
	position: relative;
	width: 48%;
	align-items: flex-end;
	padding-top: 20px;
}

#navigator .navigator_person {
	width: 100%;
	padding-right: 1em;
}

#navigator .navigator_comment {
	width: 100%;
	position: absolute;
	top: 4%;
	left: 42%;
	max-width: 180px;
	z-index: 2;
}

#navigator .navigator_name {
	font-size: clamp(1.4rem, 3vw, 1.2rem);
	line-height: 1.3;
	display: block;
}

#navigator .navigator_name small {
	font-size: 50%;
}

#navigator .navigator_textcenter {
	margin: auto;
	width: fit-content;
}

#navigator .navigator_info {
	width: 44%;
	line-height: 1.2;
}

#navigator .navigator_info p {
	margin-top: 0.5em;
	font-size: 0.8rem;
}

#navigator .navigator_job {
	margin-top: 0.8em;
	font-size: 10px;
	margin-bottom: 4%;
}

#navigator .kome {
	width: 100%;
	text-align: right;
	font-size: 0.8rem;
	margin-top: 30px;
}

#navigator .navigator_text .font_s {
	font-size: 18px;
	font-weight: 400;
}

@media screen and (max-width: 860px) {
	#navigator .navigator_bg {
		max-width: 650px;
	}

	#navigator .navigator_profile {
		width: 100%;
	}

	#navigator .navigator_profile:first-child {
		margin-bottom: 30px;
	}

	#navigator .navigator_persons {
		width: 54%;
		max-width: 500px;
	}

	#navigator .navigator_info {
		width: 45%;
	}

	#navigator .navigator_comment {
		width: 40%;
		max-width: 220px;
	}

}

@media screen and (max-width: 540px) {
	#navigator .navigator_bg {
		padding: 30px 20px 10px 20px;
	}

	#navigator .navigator_info {
		width: 100%;
		margin-top: 10px;
	}

	#navigator .navigator_persons {
		width: 100%;
	}

	#navigator .navigator_person {
		width: 70%;
		max-width: 280px;
	}

	#navigator .navigator_textcenter {
		width: max-content;
		position: absolute;
		right: 0;
		top: min(30%, 200px);
		background: #fff;
		padding: 0 1em 0.5em;
	}

	#navigator .navigator_comment {
		width: 46%;
		max-width: 220px;
		right: 0;
		left: auto;
		top: 10%;
	}
}

@media screen and (max-width: 330px) {
	#navigator .navigator_textcenter {
		width: fit-content;
		position: relative;
		right: auto;
		top: auto;
		background: none;
		padding: 0;
		margin: 0 0 0 0;
	}
}


/*----------------------------------*/
/*------------ travelcar -----------*/
/*----------------------------------*/
#travelcar {
	position: relative;
	z-index: 79;
	margin-bottom: 0;
}

#travelcar .cap {
	position: absolute;
	right: 0;
	left: 0;
	width: fit-content;
	margin: auto;
	bottom: -5.5em;
}

.travelcar_bg_dec1,
.travelcar_bg_dec2 {
	position: absolute;
}

.travelcar_bg_dec1 {
	top: -100px;
	right: 10%;
	width: 150px;
}

.travelcar_bg_dec2 {
	bottom: -90px;
	left: 10%;
	width: 150px;
}

.travelcar__title {
	align-items: center;
	gap: 10px 20px;
	font-size: clamp(1.3rem, 4vw, 2rem);
	margin-bottom: 0.5em;
}

.travelcar_bg {
	background: url('../img/p1/travelcar_bg.jpg');
	background-position: bottom left;
	background-size: cover;
	width: 100%;
	aspect-ratio: 960 / 473;
	margin: auto;
	padding-top: 8%;
	position: relative;
}

.travelcar_copy {
	width: 55%;
	max-width: 950px;
	right: 5%;
	top: 20%;
	position: absolute;
}

.travelcar_sub-content {
	position: relative;
	padding: 15px;
}

.travelcar_title {
	position: absolute;
	width: 35%;
	top: -35px;
	left: -20px;
	max-width: 157px;
}

.travelcar_sub-content {
	position: absolute;
	max-width: 560px;
	bottom: 40px;
	right: 45px;
	background-color: #fff;
	border-radius: 5px;
}

.travelcar_sub-content .flex_cn,
.travelcar_sub-content_sp .flex_cn {
	align-items: center;
	gap: 10px;
}

.travelcar_sub-content h3,
.travelcar_sub-content_sp h3 {
	text-align: center;
	font-size: 1.5rem;
	font-weight: bold;
	width: 7em;
	overflow-wrap: unset;
}

.travelcar_sub-content p,
.travelcar_sub-content_sp p {
	width: calc(100% - 8em - 80px);
}

.travelcar_sub-content p span,
.travelcar_sub-content_sp p span {
	display: inline-block;
}

.travelcar_sub-content_sp .show_860 {
	display: none;
}

.travelcar_sub-content_sp .cap {
	position: absolute;
	top: 0;
	right: 10px;
}

@media screen and (max-width: 1040px) {
	.travelcar_copy {
		width: 57%;
	}

	.travelcar_sub-content_sp {
		padding: 30px 0 0;
	}

	.travelcar_title {
		top: -20px;
		max-width: 130px;
	}

	.travelcar_sub-content_sp .flex_cn {
		position: relative;
		border: 1px solid #EA5532;
		margin: 0 auto;
		border-radius: 5px;
		width: 90%;
		max-width: 580px;
		padding: 20px;
		display: flex !important;
	}

	.travelcar_sub-content_sp .cap {
		position: relative;
		top: unset;
		right: unset;
		width: 90%;
		max-width: 580px;
		margin: 1em auto 0 auto;
	}
}

@media screen and (max-width: 860px) {
	.travelcar_bg {
		background: url('../img/p1/travelcar_bg_sp.jpg');
		background-position: bottom left;
		background-size: cover;
		aspect-ratio: 1290 / 1109;
	}

	.travelcar_copy {
		width: 77%;
	}
}

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

	.travelcar__img,
	.travelcar__about {
		width: 100%;
	}

	.travelcar__img {
		margin-bottom: 10px;
	}

	.travelcar__img img {
		width: 100%;
	}

	.travelcar__about h3 {
		position: absolute;
		padding: 0.5em;
		top: 0;
		left: 0;
	}

	.travelcar_bg_dec1 {
		top: -35px;
		right: auto;
		left: 5%;
		width: 60px;
	}

	.travelcar_bg_dec2 {
		bottom: -26px;
		left: auto;
		right: 3%;
		width: 70px;
	}

	.travelcar_bg_dec1,
	.travelcar_bg_dec2 {
		transform: scale(-1, 1);
	}

}

@media screen and (max-width: 480px) {
	.travelcar_title {
		width: 40%;
		top: -18px;
		left: -18px;
	}

	.travelcar__info .rt {
		padding-left: 0.4em;
	}

	.travelcar_sub-content_sp p {
		width: 100%;
	}

	.travelcar_sub-content_sp h3 {
		width: 100%;
	}
}

/*----------------------------------*/
/*------------ lead_img -----------*/
/*----------------------------------*/
#lead_img {
	max-width: 1000px;
	width: 100%;
	margin: 0 auto clamp(1.875rem, -0.766rem + 11.268vw, 9.375rem);
}

#lead_img h2 {
	margin: 0 auto 50px;
	text-align: center;
	max-width: 770px;
}

#lead_img .lead_img_flex {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
	margin-top: 4%;
}

#lead_img .lead_img_flex .intro2 {
	width: 54%;
	height: 100%;
}

#lead_img .lead_img_flex .intro3 {
	width: 46%;
	height: 100%;
}

@media screen and (max-width: 640px) {
	#lead_img {
		max-width: 728px;
		width: 100%;
	}

	#lead_img .lead_img-main {
		max-width: 500px;
		margin: auto;
	}

	#lead_img .lead_img_flex .intro2,
	#lead_img .lead_img_flex .intro3 {
		width: 100%;
		width: 480px;
		margin: auto;
	}

	#lead_img .lead_img_flex {
		gap: 20px;
	}
}

@media screen and (max-width: 480px) {
	#lead_img h2 {
		margin-bottom: 28px;
	}

	#lead_img h2 img {
		max-width: 352px;
		width: 100%;
	}

	#lead_img .lead_img_flex .intro2,
	#lead_img .lead_img_flex .intro3 {
		width: 100%;
		height: 100%;
	}
}

/*----------------------------------*/
/*------------ present -----------*/
/*----------------------------------*/
.present__bg {
	background: #d9f3d9;
	padding: 30px 20px 40px 20px;
	border-radius: 10px;
	position: relative;
	z-index: 2;
}

.present__title {
	width: 75%;
	max-width: 400px;
	margin: -88px auto auto auto;
}

.present__main {
	width: 100%;
	margin: 0 auto;
	margin-top: 0;
}

.present__person {
	width: 30%;
	position: absolute;
	top: -38%;
}

.present__bg a {
	display: block;
	width: fit-content;
	margin: 0 auto 0 auto;
	background: #006934;
	padding: 0.5em 1.5em;
	letter-spacing: 0.1em;
	font-size: clamp(1rem, 3vw, 1.5rem);
	color: #fff;
	border-radius: 3em;
}

.present__contents {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

.present_person_comment {
	max-width: 230px;
	width: 60%;
	margin-top: 3em;
	margin-left: 6.5em;
}

.pp2504 {
	width: 57%;
	margin-top: -4.8em;
	margin-left: -1em;
}

.present__person.show_640 {
	display: none;
}

@media screen and (max-width: 980px) {
	.present_person_comment {
		margin-left: 5em;
		width: 50%;
	}
}

@media screen and (max-width: 940px) {
	.pp2504 {
		width: 60%;
		margin-top: -4.2em;
		margin-left: -1em;
	}

	.present__person {
		width: 27%;
		position: absolute;
		top: -25%;
	}

	.present_person_comment {
		margin-left: 5em;
		width: 50%;
		margin-top: 2.0em;
	}
}

@media screen and (max-width: 860px) {
	.present_person_comment {
		margin-left: 4.4em;
	}

	.pp2504 {
		margin-top: -3em;
	}
}

@media screen and (max-width: 768px) {
	.present__person {
		width: 50%;
		position: relative;
		margin: -4em auto 2em auto;
	}

	.present_person_comment {
		margin-left: 7.4em;
		margin-top: 5em;
	}
}

@media screen and (max-width: 640px) {
	.present__bg {
		width: 90%;
		margin: auto;
		padding: 30px 10px 40px 10px;
	}

	.present__title {
		max-width: 400px;
	}

	.present__person {
		width: 60%;
		position: relative;
		margin: -4em auto 2em auto;
	}

	.present_person_comment {
		margin-top: 4em;
	}

	.present__main {
		width: 74%;
		margin-top: 0em;
	}

	.present__contents {
		margin-top: 0em;
		flex-wrap: wrap;
	}
}

@media screen and (max-width: 480px) {
	.present__main {
		width: 90%;
		margin-top: 1em;
		margin-bottom: 8%;
	}

	.present__person {
		width: 72%;
	}

	.present_person_comment {
		margin-top: 20%;
		margin-left: 34%;
		width: 67%;
	}

	.present__title {
		margin-top: -4.2em;
	}
}

@media screen and (max-width: 380px) {
	.present__title {
		margin-top: -4.4em;
	}
}

/*----------------------------------*/
/*------------ history -----------*/
/*----------------------------------*/
#history {
	padding: min(10vw, 120px) 0;
}

#history .history__bg {
	padding: 35px;
	background: url('../img/p1/history-bg.jpg');
	width: 100%;
	background-repeat: repeat;
	background-size: cover;
	justify-content: space-between;
	position: relative;
}

#history .history__bg::before {
	content: "";
	background: url('../img/p1/history-dec.png');
	width: 60%;
	max-width: 300px;
	height: auto;
	aspect-ratio: 69 / 43;
	background-repeat: no-repeat;
	background-size: 100%;
	position: absolute;
	right: 0;
	top: 0;
	position: absolute;
	mix-blend-mode: color-burn;
}

#history .history__bg::after {
	content: "";
	background: url('../img/p1/history-dec.png');
	width: 60%;
	max-width: 300px;
	height: auto;
	aspect-ratio: 69 / 43;
	background-repeat: no-repeat;
	background-size: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	transform: scale(-1);
	position: absolute;
	mix-blend-mode: color-burn;
}

#history .history_title {
	margin: -8% auto 20px;
	width: 100%;
	max-width: 780px;
	z-index: 4;
	position: relative;
	display: block;
}

#history .history_title.show_640 {
	display: none;
}

#history .history_info__content {
	width: 48%;
	z-index: 4;
}

#history .history_info__content p {
	margin-bottom: 20px;
}

#history .history_btn {
	padding: 10px 20px;
	margin: auto;
	background-color: #fff;
	border-top: #005952 solid 2px;
	border-bottom: #005952 solid 2px;
	color: #005952;
	font-weight: bold;
	font-size: clamp(0.875rem, 0.790rem + 0.364vw, 1.063rem);
	z-index: 4;
	max-width: 400px;
}

#history .history_info {
	gap: 25px 4%;
}

@media screen and (max-width: 768px) {
	#history .history_info {
		width: 100%;
		max-width: 500px;
		margin: auto;
	}

	#history {
		gap: 10px;
	}

	#history .history_info {
		gap: 20px 4%;
	}
}

@media screen and (max-width: 640px) {
	#history .history_title {
		margin: -12% auto 20px;
		max-width: 370px;
	}
}

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

	#history .history_info {
		gap: 20px 4%;
	}

	#history .history_title {
		margin: -7% auto 10px;
		width: 100%;
	}
}

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

	#history .history_btn {
		padding: 10px;
	}

	#history .history_info {
		gap: 15px 0;
	}

	#history .history_info__content {
		width: 100%;
	}

	#history .history_info p {
		margin-bottom: 10px;
	}

	#history .history__bg {
		padding: 20px 10px;
	}

	#history .history_title {
		margin: -9% auto 10px;
	}
}


/*----------------------------------*/
/*------------ spot -----------*/
/*----------------------------------*/
.spot_title__sub_lb,
.spot_title__sub_o {
	transform: rotate(-5deg);
	margin-left: -0.5em;
}

.spot_title__sub_lb span,
.spot_title__sub_o span {
	padding: 0.2em 0.5em;
	border-radius: 0 2rem 2rem 0;
	color: #fff;
	line-height: 2;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
	font-size: 1.6em;
}

.spot_title__sub_lb span {
	background: #2badd7;
}

.spot_title__sub_o span {
	background: #ed7346;
}

.howto_access {
	width: 80%;
	max-width: 400px;
	margin: auto;
}

.spot__mainimg {
	position: relative;
}

.spot__mainimg .cap {
	position: absolute;
}

.img__radius-righttop-leftbottom {
	border-radius: 50px 0 50px 0;
}

.img__radius-lefttop-rightbottom {
	border-radius: 0 50px 0 50px;
}

#drive_spots .cap {
	text-shadow: 1px 1px 0 #FFF, -1px -1px 0 #FFF,
		-1px 1px 0 #FFF, 1px -1px 0 #FFF,
		0px 1px 0 #FFF, 0 -1px 0 #FFF,
		-1px 0 0 #FFF, 1px 0 0 #FFF;
}

#drive_spots .spot__sub {
	margin-top: 1em;
}

#drive_spots .spot_title__num {
	width: min(15vw, 100px);
	margin-bottom: 1em;
}

#drive_spots .spot__caparea {
	position: relative;
	width: 100%;
}

#drive_spots .spot__mainimg .cap {
	bottom: 0;
	left: 0;
	width: calc(100% - 2em);
	font-weight: bold;
	color: #4b4b4b;
}

#drive_spots .store {
	background: #eee;
	padding: 10px;
	border-radius: 10px;
}

#drive_spots section {
	margin: 50px 0;
}

@media screen and (max-width: 860px) {
	#drive_spots section {
		margin: 0 0 50px 0;
	}
}

@media screen and (max-width: 640px) {
	#drive_spots .spot__sub {
		margin-top: 2em;
	}

	.img__radius-righttop-leftbottom {
		border-radius: 20px 0 20px 0;
	}

	.img__radius-lefttop-rightbottom {
		border-radius: 0 20px 0 20px;
	}

	.spot_title__sub_lb span,
	.spot_title__sub_o span {
		font-size: 1.4em;
	}
}

@media screen and (max-width: 480px) {
	.spot__mainimg .img__radius-righttop-leftbottom {
		border-radius: 0;
	}

	.spot__mainimg .img__radius-lefttop-rightbottom {
		border-radius: 0;
	}

	#drive_spots .spot__caparea {
		width: calc(100% + 40px + 20%);
		margin-left: calc(-20px - 10%);
	}
}

/*-----------------spot1-----------------*/
#spot1 .spot__main {
	display: grid;
	column-gap: 5%;
	row-gap: 20px;
	grid-template-columns: 45% 50%;
}

#spot1 .spot__mainimg {
	grid-column-start: 2;
	grid-column-end: 3;
	grid-row-start: 1;
	grid-row-end: 3;
}

#spot1 .spot_title {
	grid-column-start: 1;
	grid-column-end: 2;
	grid-row-start: 1;
	grid-row-end: 2;
}

#spot1 .spot__maintext {
	grid-column-start: 1;
	grid-column-end: 2;
	grid-row-start: 2;
	grid-row-end: 3;
}

#spot1 .spot_title__num {
	margin-top: 3.5rem;
}

#spot1 .spot_title h2 {
	width: 100%;
}

#spot1 .spot_title__sub_lb {
	width: 100%;
}

#spot1 .spot__sub {
	gap: 5%;
	align-items: flex-end;
}

#spot1 .spot__subimg1 {
	width: 45%;
}

#spot1 .spot__subtext1 {
	width: 50%;
}

#spot1 .spot__store {
	width: calc(95% - 180px);
	margin-top: 20px;
}

#spot1 .spot__subimg2 {
	width: 180px;
	margin-top: 20px;
}

@media screen and (max-width: 860px) {
	#spot1 .spot__main {
		grid-template-columns: 30% 65%;
	}

	#spot1 .spot_title {
		grid-column-start: 1;
		grid-column-end: 3;
		grid-row-start: 1;
		grid-row-end: 2;
	}

	#spot1 .spot__mainimg {
		grid-row-start: 2;
		grid-row-end: 3;
	}
}

@media screen and (max-width: 640px) {
	#spot1 .spot__main {
		grid-template-columns: 1fr;
		grid-template-rows: 3fr;
		gap: 1em;
	}

	#spot1 .spot_title {
		grid-column-start: 1;
		grid-column-end: 2;
		grid-row-start: 1;
		grid-row-end: 2;
	}

	#spot1 .spot__mainimg {
		grid-column-start: 1;
		grid-column-end: 2;
		grid-row-start: 2;
		grid-row-end: 3;
	}

	#spot1 .spot__maintext {
		grid-column-start: 1;
		grid-column-end: 2;
		grid-row-start: 3;
		grid-row-end: 4;
	}

	#spot1 .spot__subimg1,
	#spot1 .spot__subtext1 {
		width: 100%;
	}

	#spot1 .spot__subtext1 {
		margin-top: 1em;
	}

	#spot1 .spot__store {
		width: 80%;
	}

	#spot1 .spot__subimg2 {
		margin-left: auto;
		margin-right: -12%;
		margin-top: -39%;
		z-index: 3;
	}
}

@media screen and (max-width: 480px) {
	#spot1 .spot__store {
		width: 100%;
		order: 4;
	}

	#spot1 .spot__subimg2 {
		margin-left: auto;
		margin-right: auto;
		margin-top: 20px;
		order: 3;
	}

	#spot1 .spot_title__num {
		margin-top: 1.8rem;
	}

}

/*-----------------spot2-----------------*/
#spot2 .spot__main {
	display: grid;
	column-gap: 5%;
	row-gap: 20px;
	grid-template-columns: 50% 45%;
}

#spot2 .spot__mainimg {
	grid-column-start: 1;
	grid-column-end: 2;
	grid-row-start: 1;
	grid-row-end: 3;
}

#spot2 .spot_title {
	grid-column-start: 2;
	grid-column-end: 3;
	grid-row-start: 1;
	grid-row-end: 2;
}

#spot2 .spot__maintext {
	grid-column-start: 2;
	grid-column-end: 3;
	grid-row-start: 2;
	grid-row-end: 3;
}

#spot2 .spot_title__num {
	margin-top: 3.5rem;
}

#spot2 .spot_title h2 {
	width: 100%;
}

#spot2 .spot_title__sub_lb {
	width: 100%;
}

#spot2 .spot__sub {
	gap: 5%;
	align-items: flex-end;
}

#spot2 .spot__subimg1 {
	width: 45%;
}

#spot2 .spot__subtext1 {
	width: 50%;
}

#spot2 .spot__store {
	width: calc(95% - 210px);
	margin-top: 20px;
}

#spot2 .spot__subimg2 {
	width: 210px;
	margin-top: 20px;
}

@media screen and (max-width: 860px) {
	#spot2 .spot__main {
		grid-template-columns: 65% 30%;
	}

	#spot2 .spot_title {
		grid-column-start: 1;
		grid-column-end: 3;
		grid-row-start: 1;
		grid-row-end: 2;
	}

	#spot2 .spot__mainimg {
		grid-row-start: 2;
		grid-row-end: 3;
	}
}

@media screen and (max-width: 640px) {
	#spot2 .spot__main {
		grid-template-columns: 1fr;
		grid-template-rows: 3fr;
		gap: 1em;
	}

	#spot2 .spot_title {
		grid-column-start: 1;
		grid-column-end: 2;
		grid-row-start: 1;
		grid-row-end: 2;
	}

	#spot2 .spot__mainimg {
		grid-column-start: 1;
		grid-column-end: 2;
		grid-row-start: 2;
		grid-row-end: 3;
	}

	#spot2 .spot__maintext {
		grid-column-start: 1;
		grid-column-end: 2;
		grid-row-start: 3;
		grid-row-end: 4;
	}

	#spot2 .spot__subimg1,
	#spot2 .spot__subtext1 {
		width: 100%;
	}

	#spot2 .spot__subimg1 {
		order: 1;
	}

	#spot2 .spot__subtext1 {
		order: 2;
		margin-top: 1em;
	}

	#spot2 .spot__store {
		width: 80%;
		order: 3;
	}

	#spot2 .spot__subimg2 {
		order: 4;
		margin-left: auto;
		margin-right: -12%;
		margin-top: -42%;
		z-index: 3;
	}

	#spot2 .spot_title h2 img {
		width: min(65%, 245px);
	}
}

@media screen and (max-width: 520px) {
	#spot2 .spot__subimg2 {
		order: 3;
		margin-left: auto;
		margin-right: auto;
		margin-top: 20px;
		z-index: 3;
	}

	#spot2 .spot__store {
		width: 100%;
		order: 4;
	}
}

@media screen and (max-width: 480px) {
	#spot2 .spot_title__num {
		margin-top: 1.8rem;
	}
}


/*-----------------spot3-----------------*/
#spot3 .spot__mainimg {
	margin-bottom: 20px;
}

#spot3 .spot_title__sub_lb {
	width: 40%;
}

#spot3 .spot_title {
	width: 60%;
}

#spot3 .spot_title h2 {
	width: 100%;
}

#spot3 .spot__maintext {
	width: 100%;
	margin-top: 1em;
}

#spot3 .spot__sub {
	align-items: flex-end;
}

#spot3 .spot__store {
	width: 55%;
}

#spot3 .spot__subimg1 {
	width: 40%;
}

@media screen and (max-width: 860px) {
	#spot3 .spot_title__sub_lb {
		width: 100%;
		order: 1;
		z-index: 1;
	}

	#spot3 .spot__mainimg {
		order: 2;
	}

	#spot3 .spot_title {
		order: 3;
		width: 100%;
	}

}

@media screen and (max-width: 640px) {
	#spot3 {
		position: relative;
	}

	#spot3 .spot_title h2 img {
		width: min(50%, 245px);
	}

	#spot3 .spot__store {
		width: 100%;
	}

	#spot3 .spot__subimg1 {
		width: 45%;
		position: absolute;
		top: min(34%, 200px);
		right: 0;
	}
}

@media screen and (max-width: 540px) {
	#spot3 .spot__subimg1 {
		top: 37%;
	}
}

@media screen and (max-width: 480px) {
	#spot3 .spot__mainimg {
		width: calc(120% + 40px);
		margin-right: calc(-20px - 10%);
		margin-left: calc(-20px - 10%);
	}
}

/*-----------------spot4-----------------*/
#spot4 {
	margin-top: 40px !important;
}

#spot4 .spot__main {
	display: grid;
	column-gap: 5%;
	row-gap: 20px;
	grid-template-columns: 47.5% 47.5%;
}

#spot4 .spot__mainimg {
	grid-column-start: 1;
	grid-column-end: 2;
	grid-row-start: 1;
	grid-row-end: 3;
}

#spot4 .spot_title {
	grid-column-start: 2;
	grid-column-end: 3;
	grid-row-start: 1;
	grid-row-end: 2;
}

#spot4 .spot__maintext {
	grid-column-start: 2;
	grid-column-end: 3;
	grid-row-start: 2;
	grid-row-end: 3;
}

#spot4 .spot__subimg1_text {
	text-align: center;
	margin: 1em 0 0;
}

#spot4 .grid>* {
	min-width: 0;
}

#spot4 .spot_title__num {
	margin-top: 3.5rem;
}

#spot4 .spot_title h2 {
	width: 100%;
}

#spot4 .spot__subimg1 {
	width: 50%;
}

#spot4 .spot__subimg2 {
	width: 45%;
}

@media screen and (max-width: 860px) {
	#spot4 .spot__main {
		grid-template-columns: 65% 30%;
	}

	#spot4 {
		margin-top: 0 !important;
	}

	#spot4 .spot_title {
		grid-column-start: 1;
		grid-column-end: 3;
		grid-row-start: 1;
		grid-row-end: 2;
	}

	#spot4 .spot__mainimg {
		grid-row-start: 2;
		grid-row-end: 3;
	}

	#spot4 .spot__sub {
		margin-top: 0;
	}

	#spot4 .spot__subimg1 {
		width: 59%;
		margin-left: auto;
		margin-bottom: -27%;
		z-index: 2;
	}

	#spot4 .spot__subimg2 {
		width: 58%;
	}

	#spot4 .spot__subimg1_text {
		width: 65%;
		margin-left: 35%;
		text-align: left;
	}
}

@media screen and (max-width: 640px) {
	#spot4 .spot__main {
		grid-template-columns: 1fr;
		grid-template-rows: 3fr;
		gap: 1em;
	}

	#spot4 .spot_title {
		grid-column-start: 1;
		grid-column-end: 2;
		grid-row-start: 1;
		grid-row-end: 2;
	}

	#spot4 .spot__mainimg {
		grid-column-start: 1;
		grid-column-end: 2;
		grid-row-start: 2;
		grid-row-end: 3;
		width: 100%;
		max-width: 100%;
		overflow: hidden;
	}

	#spot4 .slick-list {
		overflow: hidden;
	}

	#spot4 .slick-slider {
		width: 100%;
		max-width: 100%;
	}

	#spot4 .spot__maintext {
		grid-column-start: 1;
		grid-column-end: 2;
		grid-row-start: 3;
		grid-row-end: 4;
	}

	#spot4 .spot__sub {
		margin-top: 20px;
	}

	#spot4 .spot__subimg1 {
		width: 100%;
		margin-bottom: 0;
	}

	#spot4 .spot__subimg2 {
		width: 90%;
	}

	#spot4 .spot__subimg1_text {
		width: 100%;
		margin: 1em 0;
	}

}

@media screen and (max-width: 480px) {
	#spot4 .spot_title__num {
		margin-top: 1.8rem;
	}

	#spot4 .spot__mainimg {
		width: calc(100% + 40px + 20%);
		margin-left: calc(-20px - 10%);
		max-width: unset;
	}

	#drive_spots #spot4 .spot__caparea {
		width: 100%;
		margin-left: auto;
	}
}

/* アコーディオンエリア */

.accordion__showinner {
	margin-top: clamp(1.875rem, 1.357rem + 2.2099vw, 3.125rem);
}

.accordion__showinner .cap {
	position: absolute;
	bottom: 0px;
	right: 0px;
	text-shadow: 1px 1px 0 #4b4b4b, -1px -1px 0 #4b4b4b,
		-1px 1px 0 #4b4b4b, 1px -1px 0 #4b4b4b,
		0px 1px 0 #4b4b4b, 0 -1px 0 #4b4b4b,
		-1px 0 0 #4b4b4b, 1px 0 0 #4b4b4b !important;
	color: #fff;
}

.accordion__showinner .accordion__header {
	background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #29A339 70%);
}

#drive_spots .accordion__header-text {
	font-size: clamp(1.5rem, 3vw, 1.7rem) !important;
}

.accordion__showinner .accordion__inner {
	background-color: #EBF5EC;
	padding: 40px;
}

.accordion__inner-content h2 {
	max-width: 600px;
	margin: 0 auto 30px;
}

#spot4 .spot__store {
	margin-top: 30px;
	align-items: center;
}

#spot4 .spot__store .store {
	width: 42%;
}

#drive_spots .accordion__inner-content .store {
	background: #fff;
	width: 70%;
}

.accordion__inner-content .spot__store .spot4_sub-img {
	width: 25%;
}

.accordion__inner-content__spot1,
.accordion__inner-content__spot2,
.accordion__inner-content__spot3,
.accordion__inner-content__spot4 {
	margin-bottom: clamp(1.875rem, 1.357rem + 2.2099vw, 3.125rem);
}

.accordion__inner-content__spot2-sub-conetnt {
	margin-top: 40px;
}

.spot4_sub-img-all {
	width: 100%;
	margin-bottom: 30px;
}

.spot4_sub-img-left {
	margin-left: -40px;
	width: calc(55% + 40px);
	position: relative;
}

.spot4_sub-img-right {
	margin-right: -40px;
	width: calc(55% + 40px);
}

.spot4_sub-text {
	width: 42%;
}

.spot4_sub-comment {
	width: 85%;
	max-width: 350px;
	display: block;
	margin-top: 30px;
}

.accordion__inner-content__spot2-sub-conetnt h3 {
	width: 80%;
	max-width: 350px;
	margin-bottom: 30px;
}

.accordion__inner-content__spot2-sub-conetnt:nth-child(5) h3 {
	width: 100%;
}

.spot4_sub-img {
	width: 55%;
}

.accordion__inner-content__spot3 .spot4_sub-img {
	width: 48%;
	position: relative;
}

.accordion__inner-content__spot3 .spot4_sub-img .comment {
	position: absolute;
	width: 65%;
	top: -25%;
	right: -20px;
	max-width: 180px;
}

.accordion__inner-content__spot3 .spot4_sub-img-left {
	margin-bottom: 30px;
}

.accordion__inner-content__spot4 .spot4_sub-text img {
	margin: 30px auto 0;
	width: 80%;
	display: block;
}

.spot4_sub-img_logo {
	width: 49%;
}

#spot4 .spot4_sub-imgs {
	width: 90%;
}

.accordion__inner-content__spot2-sub-conetnt:nth-child(4) .spot4_sub-imgs {
	margin-left: 10%;
}

.accordion__inner-content__spot3 .spot4_sub-imgs {
	margin: auto;
}

@media screen and (max-width: 840px) {
	.spot4_sub-img-left {
		width: calc(100% + 40px);
	}

	.spot4_sub-text {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
		align-items: center;
	}

	.accordion__inner-content__spot1 .spot4_sub-text p,
	.spot4_sub-imgs p {
		width: calc(50% - 10px);
		display: block;
	}

	#spot4 .spot4_sub-imgs {
		width: 100%;
		gap: 20px;
		margin: 0;
	}

	.accordion__inner-content__spot2-sub-conetnt:nth-child(4) .spot4_sub-imgs,
	.accordion__inner-content__spot2-sub-conetnt:nth-child(5) .flex_sb {
		flex-direction: column-reverse;
	}

	.accordion__inner-content__spot2-sub-conetnt:nth-child(5) .flex_sb {
		gap: 20px;
	}

	.accordion__inner-content__spot2-sub-conetnt .spot4_sub-img {
		width: 85%;
		max-width: 400px;
	}

	.accordion__inner-content__spot2-sub-conetnt:nth-child(5) .spot4_sub-img {
		max-width: 600px;
		width: 100%;
	}

	.spot4_sub-comment {
		width: 50%;
	}

	.flex_sb:has(.spot4_sub-img-right) {
		flex-direction: column-reverse;
		gap: 10px;
	}

	.spot4_sub-img-right {
		width: calc(100% + 40px);
	}

	.accordion__inner-content__spot2-sub-conetnt h3 {
		width: 50%;
		margin-bottom: 0;
	}

	.spot4_sub-img-all {
		margin-bottom: 20px;
	}

	#drive_spots .accordion__inner-content .store {
		width: 66%;
	}

	.accordion__inner-content .spot__store .spot4_sub-img {
		width: 60%;
		max-width: 180px;
	}

	.accordion__inner-content__spot3 .spot4_sub-text {
		margin-bottom: 20px;
	}

	#spot4 .spot__store .store {
		width: 100%;
	}

	#spot4 .spot__store {
		gap: 20px;
	}

	.spot4_sub-img {
		width: 100%;
		margin: auto;
		max-width: 460px;
	}

	.accordion__inner-content__spot3 .spot4_sub-img {
		width: 100%;
	}

	.accordion__inner-content__spot3 .spot4_sub-img .comment {
		width: 45%;
		top: -8%;
		right: -39px;
	}
}

@media screen and (max-width: 640px) {
	.accordion__inner-content h2 {
		width: 100%;
		margin-bottom: 20px;
		max-width: 380px;
	}

	.accordion__showinner .accordion__inner {
		padding: 30px 10px;
	}

	.accordion__inner-content__spot1 .spot4_sub-text p,
	.spot4_sub-imgs p {
		width: 100%;
	}

	.spot4_sub-comment {
		width: 100%;
		margin-top: 0px;
		max-width: 270px;
	}

	.spot4_sub-text {
		margin-top: 10px;
	}

	.accordion__inner-content__spot2-sub-conetnt h3 {
		width: 80%;
		max-width: 270px;
	}

	.accordion__inner-content__spot2-sub-conetnt:nth-child(5) h3 {
		max-width: 320px;
		width: 90%;
	}

	#spot4 .spot4_sub-imgs {
		gap: 10px;
	}

	#spot4 .accordion__inner-content__spot3 .spot4_sub-imgs {
		gap: 60px;
	}

	.accordion__inner-content__spot3 .spot4_sub-img .comment {
		width: 46%;
		top: -21%;
		right: -5px;
	}

	.accordion__inner-content__spot2-sub-conetnt:nth-child(5) .flex_sb {
		gap: 0px;
	}

	.spot4_sub-img-all {
		margin-bottom: 0px;
	}

	.accordion__inner-content__spot3 .spot4_sub-img {
		width: 85%;
	}

	.accordion__inner-content__spot4 .spot4_sub-text img {
		margin: 0 auto;
		width: 85%;
	}

	.spot4_sub-img_logo:first-child {
		width: 54%;
		margin-left: -4%;
	}

	.spot4_sub-img_logo:last-child {
		width: 55%;
		margin-right: -6%;
	}

	.accordion__inner-content__spot2-sub-conetnt h3 {
		margin-bottom: 10px;
		margin-left: 10px;
	}

	.spot4_sub-img-left,
	.spot4_sub-img-right,
	.spot4_sub-img-all,
	.accordion__inner-content__spot2-sub-conetnt:nth-child(5) .spot4_sub-img {
		width: calc(100% + 20px);
		margin-left: -10px;
		margin-right: -10px;
		max-width: none;
	}
}