@import url('https://fonts.googleapis.com/css2?family=Sawarabi+Gothic&display=swap');

html {
	scroll-behavior: smooth;
}

html {
	scroll-behavior: smooth;
}

.body {
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
}

.body img {
	width: 100%;
}

.section {
	width: 90%;
	max-width: 1190px;
	margin: 0 auto;
}


/* 表示非表示 */
.timerHidden {
	display: none;
}

.timerVisible {
	display: block;
}

/* 言語選択 */
.selectbox-5 {
	display: inline-flex;
	align-items: center;
	position: absolute;
	right: 15px;
	top: 3%;
	font-weight: bold;
}

.selectbox-5::after {
	position: absolute;
	right: 15px;
	width: 10px;
	height: 7px;
	background-color: #EBA833;
	clip-path: polygon(0 0, 100% 0, 50% 100%);
	content: '';
	pointer-events: none;
}

.selectbox-5 select {
	appearance: none;
	min-width: 100px;
	height: 2.8em;
	padding: .4em calc(.8em + 30px) .4em .8em;
	border: none;
	border-bottom: 2px solid #EBA833;
	background-color: #fff;
	color: #EBA833;
	font-size: 1em;
	cursor: pointer;
	font-weight: bold;
}

.selectbox-5 select:focus {
	outline: none;
}




.MV {
	display: flex;
	flex-wrap: wrap;
}

.MV img {
	width: calc(100% / 4 - 0px);
	object-fit: cover;
	aspect-ratio: 13 / 12;
	object-position: 50% 50%;
	/* デフォルト値。center centerと同じ */
}

@media screen and (max-width: 1190px) {
	.MV img {
		width: calc(100% / 2 - 0px);
	}
}











.ttl_font {
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	text-align: center;
	margin: 100px auto;
	color: #EBA833;
	font-weight: 600;
	line-height: 1.8;
	font-size: clamp(20px, 3vw, 30px);
}

@media screen and (max-width: 1190px) {
	.ttl_font {
		margin: 60px auto;
	}
}

.box-wrap {
	margin: 0 auto 0;
	display: flex;
	justify-content: flex-start;
	width: 90%;
	flex-wrap: wrap;
	gap: 40px;
}

.box {
	width: calc(50% - 20px);
}

.box h2 {
	width: 100%;
	font-size: 18px;
	font-weight: 600;
	margin: 0 auto 20px;
	padding: 0.5em;
	/*文字周りの余白*/
	color: #494949;
	/*文字色*/
	background: #F9F4EA;
	/*背景色*/
	border-left: solid 5px #EBA833;
	/*左線（実線 太さ 色）*/
}

.box iframe {
	width: 100%;
	height: 350px
}

.google-btn {
	text-align: center;
	margin: 20px auto 0;
	font-size: 16px;
	color: #EBA833;
	font-weight: 600;
}


.box-img {
	display: flex;
	gap: 10px;
	margin: 20px auto 0;
}

.box-img a {
	width: calc(100% / 2 - 5px);

}

.box-img a img {
	object-fit: cover;
	height: auto;
	aspect-ratio: 16 / 9;
}

.box-table {
	width: 100%;
	margin: auto auto 0;
}

.box-table th {
	width: 25%;
	text-align: left;
	padding: 22px 0 18px;
}

.box-table td {
	padding: 22px 0 18px 15px;
	vertical-align: text-top;
}

.box-table tr+tr {
	border-top: solid 1px #ccc;
}

.box-table tr:nth-last-child(1) {
	border-bottom: solid 1px #ccc;
}

.box-table tr strong {
	display: block;
	margin-top: 15px;
}

.currency {
	display: flex;
	flex-wrap: wrap;
	gap: 20px 10px;
}

.currency div {
	width: calc(100% / 3 - 20px);
	text-align: center;
}

.currency div img {
	width: 50%;
	margin: 0 auto 10px;
	display: block;
	border: solid .5px #f6f6f6;
}

@media screen and (max-width: 1190px) {
	.box-wrap {
		flex-wrap: wrap;
		gap: 60px;

	}

	.box {
		width: 100%;
	}
}

@media screen and (max-width: 640px) {
	.box iframe {
		height: 250px
	}

	.box-table th,
	.box-table td {
		display: block;
		width: 100%;
		padding: 18px 0 5px;
	}

	.box-table td {
		padding: 0 0 18px
	}

	td.currency {
		display: flex;
		flex-wrap: wrap;
		gap: 20px 10px;
		margin: 18px auto 0;
	}

	.currency div {
		width: calc(100%/ 3 - 9px);
	}
}



a.icon-zoom {
	position: relative;
}

.icon-zoom img:nth-of-type(2) {
	width: 20px;
	height: 24px;
	position: absolute;
	bottom: 2%;
	right: 2%;
}



.footer {
	width: 100%;
	margin: 80px auto 0;
	color: #fff;
	background: #EBA833;
	padding: 20px 0;
}

.footer-wrap {
	width: 90%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}