@charset "UTF-8";

/* --------------------------------------------------------------------------------------
	body
--------------------------------------------------------------------------------------- */

body { background-color: var(--color-orange) !important; }

.ymtr-widget { background-color: transparent !important; }

/* --------------------------------------------------------------------------------------
	ボタン
--------------------------------------------------------------------------------------- */

.ymtr-widget .ymtr--button .ymtr--button__wrapper {
	background-color: var(--color-yellow) !important;
	border-radius: 100vw !important;
	box-shadow: 4px 4px 0 rgba(0,0,0,.15) !important;
}

.ymtr-widget .ymtr--button .ymtr--button__link {
	color: var(--color-brown) !important;
	display: inline-block !important;
	font-size: 26px !important;
	min-width: 430px !important;
	padding: 26px 60px !important;
	position: relative !important;
	transition: var(--transition) !important;
}

.ymtr-widget .ymtr--button .ymtr--button__under { display: none !important; }

.ymtr-widget .ymtr--button .ymtr--button__link > span { font-weight: var(--Bold) !important; }

.ymtr-widget .ymtr--button .ymtr--button__link::after {
	background: url(../img/btn-arrow.png) no-repeat;
	background-size: 100% auto;
	content: '';
	display: block;
	height: 36px;
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	width: 36px;
}

.ymtr-widget .ymtr--button,
.ymtr-widget .ymtr--main-image {
	position: relative !important;
	z-index: 11 !important;
}

@media (max-width: 768px) {


	.ymtr-widget .ymtr--button .ymtr--button__wrapper { width: 75.385vw !important;}

	.ymtr-widget .ymtr--button .ymtr--button__link {
		font-size: 5.128vw !important;
		min-height: 0 !important;
		min-width: 78.667vw !important;
		padding: 4.933vw 10.667vw !important;
	}

	.ymtr-widget .ymtr--button .ymtr--button__link::after {
		height: 6.154vw !important;
		right: 6.154vw !important;
		width: 6.154vw !important;
	}

}

/* --------------------------------------------------------------------------------------
	画像
--------------------------------------------------------------------------------------- */

.ymtr-widget .ymtr--main-image .ymtr--main-image__content img {
	height: auto !important;
	max-width: 100% !important;
	width: auto !important;
}

/* --------------------------------------------------------------------------------------
	キービジュアル
--------------------------------------------------------------------------------------- */

.ymtr-widget .ymtr--page {
	background: url(../img/key-bg.png) no-repeat center top !important;
	background-size: 1500px auto !important;
	padding-bottom: 120px !important;
}

.ymtr-widget .ymtr--page > .ymtr--division:nth-of-type(1) {
	padding-bottom: 34px !important;
	padding-top: 0 !important;
}

.ymtr-widget .ymtr--header .ymtr--inner { padding: 0 !important; }

@media (max-width: 768px) {

	.ymtr-widget .ymtr--page {
		background: none !important
		/* background-image: url(../img/key-bg-sp.png) !important;
		background-size: 100% auto !important; */;
		padding-bottom: 14.872vw !important;
	}

	.ymtr-widget .ymtr--page > .ymtr--division:nth-of-type(1) {
		overflow-x: clip !important;
		padding-bottom: 3.333vw !important;
		padding-top: 0 !important;
	}

	.ymtr-widget .ymtr--page > .ymtr--division:nth-of-type(1) .ymtr--inner,
	.ymtr-widget .ymtr--page > .ymtr--division:nth-of-type(1) .ymtr--division__inner {
		max-width: 100% !important;
		width: auto !important;
	}

	.ymtr-widget .ymtr--page > .ymtr--division:nth-of-type(1) + .ymtr--button { margin-top: -48.667vw !important; }
}

/* --------------------------------------------------------------------------------------
	リード文章
--------------------------------------------------------------------------------------- */

.ymtr-widget .ymtr--page > .ymtr--division + .ymtr--button + .ymtr--division { margin-top: 142px !important; }
.ymtr-widget .ymtr--page > .ymtr--division + .ymtr--button + .ymtr--division .ymtr--rich-text-row { font-size: 46px !important; }

.ymtr-widget .ymtr--page > .ymtr--division + .ymtr--button + .ymtr--division + .ymtr--division { position: relative; }

.ymtr-widget .ymtr--page > .ymtr--division + .ymtr--button + .ymtr--division + .ymtr--division .ymtr--division-paragraph-text {
	margin: 48px auto auto !important;
	max-width: 600px !important;
	position: relative;
}

.ymtr-widget .ymtr--page > .ymtr--division + .ymtr--button + .ymtr--division + .ymtr--division .ymtr--division-paragraph-text .ymtr--rich-text-row {
	font-family: 'Noto Sans JP', sans-serif !important;
	font-size: 24px !important;
	font-weight: var(--Medium) !important;
}

.ymtr-widget .ymtr--page > .ymtr--division + .ymtr--button + .ymtr--division + .ymtr--division .ymtr--division-paragraph-text::before {
	background: url(../img/bg-card-left.png) no-repeat center top;
	background-size: 100% auto;
	content: '';
	display: block;
	height: 1282px;
	left: -229px;
	position: absolute;
	top: 19px;
	width: 349px;
	z-index: -1;
}

.ymtr-widget .ymtr--page > .ymtr--division + .ymtr--button + .ymtr--division + .ymtr--division .ymtr--division-paragraph-text::after {
	background: url(../img/bg-card-right.png) no-repeat center top;
	background-size: 100% auto;
	content: '';
	display: block;
	height: 1244px;
	position: absolute;
	right: -143px;
	top: -113px;
	width: 271px;
	z-index: -1;
}

@media (max-width: 768px) {

	.ymtr-widget .ymtr--page > .ymtr--division + .ymtr--button + .ymtr--division { margin-top: 30.769vw !important; }
	.ymtr-widget .ymtr--page > .ymtr--division + .ymtr--button + .ymtr--division .ymtr--rich-text-row { font-size: 6.154vw !important; }

	.ymtr-widget .ymtr--page > .ymtr--division + .ymtr--button + .ymtr--division + .ymtr--division .ymtr--inner {
		max-width: inherit !important;
		padding-left: 10.308vw !important;
		padding-right: 10.308vw !important;
		width: auto !important;
	}

	.ymtr-widget .ymtr--page > .ymtr--division + .ymtr--button + .ymtr--division + .ymtr--division .ymtr--division__inner { width: auto !important; }

	.ymtr-widget .ymtr--page > .ymtr--division + .ymtr--button + .ymtr--division + .ymtr--division .ymtr--division-paragraph-text { margin-top: 9.231vw !important; }

	.ymtr-widget .ymtr--page > .ymtr--division + .ymtr--button + .ymtr--division + .ymtr--division .ymtr--division-paragraph-text .ymtr--rich-text-row {
		font-size: 4.103vw !important;
	}

	.ymtr-widget .ymtr--page > .ymtr--division + .ymtr--button + .ymtr--division + .ymtr--division::after {
		background: url(../img/bg-card-sp.png) no-repeat center top;
		background-size: 100% auto;
		content: '';
		height: 274.128vw;
		left: 0;
		position: absolute;
		top: 2.974vw;
		width: 100%;
		z-index: -1;
	}

	.ymtr-widget .ymtr--page > .ymtr--division + .ymtr--button + .ymtr--division + .ymtr--division .ymtr--division-paragraph-text::before,
	.ymtr-widget .ymtr--page > .ymtr--division + .ymtr--button + .ymtr--division + .ymtr--division .ymtr--division-paragraph-text::after { display: none; }

}

/* --------------------------------------------------------------------------------------
	残りの画像
--------------------------------------------------------------------------------------- */

.ymtr-widget .ymtr--page > .ymtr--division + .ymtr--button + .ymtr--division + .ymtr--division + .ymtr--main-image + .ymtr--main-image {
	margin-bottom: 60px !important;
	margin-top: 60px !important;
}

.ymtr-widget .ymtr--page > .ymtr--division + .ymtr--button + .ymtr--division + .ymtr--division + .ymtr--main-image + .ymtr--main-image .ymtr--main-image__content img { max-width: 480px !important; }

@media (max-width: 768px) {
	.ymtr-widget .ymtr--page > .ymtr--division + .ymtr--button + .ymtr--division + .ymtr--division + .ymtr--main-image + .ymtr--main-image {
		margin: 8.205vw 7.692vw !important;
	}

	.ymtr-widget .ymtr--page > .ymtr--division + .ymtr--button + .ymtr--division + .ymtr--division + .ymtr--main-image + .ymtr--main-image .ymtr--main-image__content img { max-width: 100% !important; }
}

/* --------------------------------------------------------------------------------------
	クローズ対応
--------------------------------------------------------------------------------------- */

.ymtr-widget .ymtr--page > .ymtr--division:nth-of-type(1) picture * { display: none !important; }

.ymtr-widget .ymtr--page > .ymtr--division:nth-of-type(1) picture::before {
	background: url(../img/key-close.png) no-repeat center top;
	background-size: 100% auto;
	content: '';
	display: block;
	height: 736.5px;
	width: 760px;
}

.ymtr-widget .ymtr--page > .ymtr--division + .ymtr--button + .ymtr--division + .ymtr--division + .ymtr--main-image + .ymtr--main-image { display: none !important; }

.ymtr-widget .ymtr--page > .ymtr--button:last-of-type { margin-top: 60px !important; }

@media (max-width: 768px) {
	.ymtr-widget .ymtr--page > .ymtr--division:nth-of-type(1) picture::before {
		background-image: url(../img/key-close-sp.png);
		height: 186.8vw;
		width: 100%;
	}

	.ymtr-widget .ymtr--page > .ymtr--division:nth-of-type(1) + .ymtr--button { margin-top: -63.667vw !important; }

	.ymtr-widget .ymtr--page > .ymtr--division + .ymtr--button + .ymtr--division { margin-top: 14.769vw !important; }

	.ymtr-widget .ymtr--page > .ymtr--button:last-of-type { margin-top: 8.205vw !important; }

}