@charset "UTF-8";

.guide_hd {
}

.guide_hd_ttl {
	height: 600px;
	background: url(../img/guide/hd-bg@2x.jpg) center / cover;
}

.guide_hd_ttl_inner {
	display: flex;
	align-items: center;
	width: 100%;
	max-width: 1240px;
	height: 100%;
	margin: 0 auto;
	padding: 0 40px;
}

.guide_hd_ttl_wrap {
}

.guide_hd_ttl_cnt {
}

.guide_hd_ttl_cnt h1 {
}

.guide_hd_ttl_cnt p {
}

.guide_hd_pnkz {
	padding: 30px 0;
}

.guide_hd_pnkz_list {
}

.page_pnkz_list_item {
}

.intro {
	padding: 75px 0;
}

.intro_wrap {
	position: relative;
	padding: 44px 0 30px;
	font-weight: bold;
	text-align: center;
}

.intro_wrap::before {
	content: "";
	display: block;
	position: absolute;
	right: 50%;
	bottom: 50%;
	width: 535px;
	height: auto;
	background: url(../img/guide/intro-bg@2x.png) center / cover;
	transform: translate(50%, 50%);
	aspect-ratio: 107 / 65;
}

.intro_catch {
	position: relative;
	z-index: 2;
	margin-bottom: 10px;
	font-size: 24px;
	line-height: 2;
}

.intro_catch > p > span.tex_shadow {
	font-size: 40px;
	text-shadow: 2px 2px 0 #c4ff00;
}

.intro_txt {
	position: relative;
	z-index: 2;
	line-height: 1.9;
}

.link {
	margin-bottom: 130px;
}

.link_wrap {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 85px 39px;
}

.link_cnt {
	position: relative;
	width: 100%;
	height: auto;
	aspect-ratio: 56 / 34;
}

.link_img {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.link_img img {
	width: 100%;
	height: 100%;
	transition: all 0.3s;
	object-fit: cover;
}

.link_cnt:hover .link_img img {
	scale: 1.06;
}

.link_btn {
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: absolute;
	right: -20px;
	bottom: -30px;
	z-index: 10;
	width: 325px;
	height: 60px;
	padding: 0 20px 0 28px;
	border: #000000 solid 1px;
	background: #c4ff00;
	font-weight: bold;
	font-size: 20px;
}

.link_cnt:hover .link_btn {
	background: #198e3f;
	color: #ffffff;
}

.link_btn_txt {
}

.link_btn_arrow {
}

.link_cnt:hover .cmnlink_arrow > .icon-arrow.cmnlink_arrow_after {
	transform: translate(50%, 50%);
}

.link_cnt:hover .cmnlink_arrow > .icon-arrow.cmnlink_arrow_before {
	transform: translate(200%, 50%);
}

.kouka {
}

.kouka_wrap {
}

.kouka_btn {
	position: relative;
	width: 100%;
	max-width: 560px;
	margin: 0 auto;
	cursor: pointer;
}

.kouka_btn_item {
	position: absolute;
	right: 7.14%;
	bottom: 50%;
	width: 16.61%;
	height: auto;
	transform: translateY(50%);
	aspect-ratio: 1;
}

.kouka_play {
}

.kouka_stop {
	display: none;
}

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

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

	.guide_hd_ttl {
		height: 220px;
		background-position: left;
	}

	.guide_hd_ttl_inner {
		padding: 0;
	}

	.guide_hd_ttl_wrap {
	}

	.guide_hd_ttl_cnt {
	}

	.guide_hd_ttl_cnt h1 {
	}

	.guide_hd_ttl_cnt p {
	}

	.guide_hd_pnkz {
		padding: 15px 0;
	}

	.guide_hd_pnkz_list {
	}

	.page_pnkz_list_item {
	}

	.intro {
		margin-bottom: 20px;
		padding-bottom: 60px;
	}

	.intro_wrap {
		padding: 0;
	}

	.intro_wrap::before {
		width: 98%;
	}

	.intro_catch {
		margin-bottom: 15px;
		font-size: 21px;
	}

	.intro_catch > p > span.tex_shadow {
		font-size: 34px;
		line-height: 1.4;
	}

	.txt_eq {
		writing-mode: vertical-rl;
	}

	.intro_txt {
		line-height: 1.5;
		text-align: start;
	}

	.link {
		padding-bottom: 60px;
	}

	.link_wrap {
		grid-template-columns: 1fr;
		gap: 55px;
		max-width: 450px;
		margin: 0 auto;
	}

	.link_cnt {
	}

	.link_img {
	}

	.link_img img {
	}

	.link_cnt:hover .link_img img {
	}

	.link_btn {
		right: -13px;
		width: 300px;
		font-size: 18px;
	}

	.link_cnt:hover .link_btn {
	}

	.link_btn_txt {
	}

	.link_btn_arrow {
	}

	.link_cnt:hover .cmnlink_arrow > .icon-arrow.cmnlink_arrow_after {
	}

	.link_cnt:hover .cmnlink_arrow > .icon-arrow.cmnlink_arrow_before {
	}
}