@charset "utf-8";
/**********************************************
* 
* common
*
***********************************************/
/* Title
***********************************************/
.Title01 {
	font-size: 3.6rem;
	color: var(--color-soft);
	margin-bottom: 40px;
}

.Title02 {
	font-size: 3.6rem;
	color: var(--color-strong);
	margin-bottom: 40px;
}

.Title03 {
	position: relative;
	font-size: 3rem;
	color: var(--color-strong);
	padding-left: 24px;
	margin-bottom: 40px;
}

.Title03::before {
	position: absolute;
	content: "";
	height: 90%;
	width: 4px;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	background: var(--color-accent);
}

.Title04 {
	position: relative;
	font-size: 2.4rem;
	color: var(--color-strong);
	padding-left: 24px;
	margin-bottom: 40px;
}

.Title04.-marginSmall {
	margin-bottom: 20px;
}

.Title04.-colorBrand {
	color: var(--color-brand);
}

.Title04::before {
	position: absolute;
	content: "";
	height: 90%;
	width: 4px;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	background: var(--color-bg-balanced);
}

.Title04.-colorBrand::before {
	background: var(--color-brand);
}

.Title04_num {
	font-size: 3rem;
}

.Title05 {
	position: relative;
	font-size: 2rem;
	color: var(--color-strong);
	padding-left: 24px;
}

.Title05::before {
	position: absolute;
	content: "";
	height: 90%;
	width: 4px;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	background: var(--color-bg-balanced);
}

.Title06 {
	font-size: 2rem;
	color: var(--color-strong);
}

.Titlesquare {
	font-size: 2rem;
	color: var(--color-strong);
	position: relative;
	padding-left: 40px;
	display: flex;
	align-items: center;
}

.Titlesquare::before {
	position: absolute;
	content: "";
	width: 30px;
	height: 30px;
	background: var(--color-accent);
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}

.Title07 {
	font-size: 1.8rem;
	background: var(--color-bg-muted);
	padding: 5px 10px;
	margin-bottom: 15px;
}

.CopyTitle {
	font-size: 1.8rem;
	line-height: 1.6;
	color: var(--color-brand);
	margin-bottom: 30px;
}

.BorderTitle {
	font-size: 1.8rem;
	line-height: 1.6;
	color: var(--color-strong);
	margin-bottom: 40px;
	padding-bottom: 8px;
	border-bottom: 1px solid var(--color-bg-balanced);
}

@media (max-width: 767px) {
	.Title01 {
		font-size: 2.8rem;
		margin-bottom: 30px;
	}

	.Title02 {
		font-size: 2.5rem;
		margin-bottom: 20px;
	}

	.Title03 {
		font-size: 2.2rem;
		padding-left: 19px;
		margin-bottom: 30px;
	}

	.Title04 {
		font-size: 2rem;
		padding-left: 19px;
		margin-bottom: 20px;
	}

	.Title04::before {
		position: absolute;
		content: "";
		height: 90%;
		width: 4px;
		left: 0;
		top: 0;
		bottom: 0;
		margin: auto;
		background: var(--color-bg-balanced);
	}

	.Title04_num {
		font-size: 2.65rem;
	}

	.Title05 {
		font-size: 1.8rem;
		padding-left: 19px;
	}

	.Title06 {
		font-size: 1.8rem;
	}

	.Title07 {
		font-size: 1.6rem;
		margin-bottom: 10px;
	}

	.CopyTitle {
		font-size: 2.2rem;
		margin-bottom: 20px;
	}

	.BorderTitle {
		font-size: 1.6rem;
	}
}

/* Text
***********************************************/
.Text {
	font-size: 1.6rem;
	line-height: 1.8;
}

.Text.-large {
	font-size: 2rem;
}

.Text.-largeL {
	font-size: 2.4rem;
}

.Text.-middle {
	font-size: 1.4rem;
}

.Text.-small {
	font-size: 1.2rem;
}

.Text.-lineHeight16 {
	line-height: 1.6;
}

.Text.-lineHeight20 {
	line-height: 2;
}

.Text_alart {
	color: var(--color-alart);
}

.Text_note {
	color: var(--color-brand);
}

.Text_emLarge {
	font-size: 4.8rem;
}

.Text_emMiddle {
	font-size: 3.2rem;
}

.Text_emSmall {
	font-size: 2.4rem;
}

.Text_marginWrap .Text + .Text {
	margin-top: 1em;
}

@media (max-width: 767px) {
	.Text_note {
		font-size: 1.4rem;
	}

	.Text_emLarge {
		font-size: 4.4rem;
		line-height: 1.2;
	}

	.Text_emMiddle {
		font-size: 3rem;
		line-height: 1.4;
	}

	.Text_emSmall {
		font-size: 2.2rem;
	}
}

/* Notes
***********************************************/
.Notes {
	font-size: 1.4rem;
	line-height: 1.8;
}

@media (max-width: 767px) {
	.Notes {
		font-size: 1.4rem;
	}
}

/* Link
***********************************************/
.TextLink {
	position: relative;
	color: var(--color-accent);
	transition: opacity 0.3s ease;
	text-decoration: underline;
}

.TextLink[target="_blank"]:not([href$=".pdf"])::after {
	content: "";
	display: inline-block;
	width: 1em;
	height: 1em;
	margin-left: 0.25em;
	mask: url("../images/icon_blank.svg") no-repeat center / contain;
	background: var(--color-accent);
}

.TextLink[href$=".pdf"]::after {
	content: "";
	display: inline-block;
	width: 1em;
	height: 1em;
	margin-left: 0.25em;
	mask: url("../images/icon_pdf.svg") no-repeat center / contain;
	background: var(--color-accent);
}

@media (hover: hover) {
	.TextLink:hover {
		opacity: 0.7;
	}
}

@media (max-width: 767px) {
	.TextLink {
		font-size: 1.6rem;
	}
}

/* IconLink
***********************************************/
.IconLink {
	position: relative;
	padding-right: 48px;
	display: inline-block;
	padding: 5px 48px 5px 0;
	font-size: 1.4rem;
	font-weight: 500;
	color: var(--color-strong);
	transition: color 0.3s ease;
}

.IconLink::before {
	position: absolute;
	content: "";
	width: 30px;
	height: 30px;
	background-color: var(--color-strong);
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	border-radius: 100%;
	transition: background-color 0.3s ease;
}

.IconLink::after {
	position: absolute;
	content: "";
	display: block;
	width: 7px;
	height: 10px;
	background: url("../images/icon_arrow.svg") no-repeat center / contain;
	right: 11px;
	top: 1px;
	bottom: 0;
	margin: auto;
}

@media (hover: hover) {
	.IconLink:hover {
		color: color-mix(in srgb, var(--color-strong) 70%, transparent);
	}

	.IconLink:hover::before {
		background-color: var(--color-accent);
	}
}

/* DownloadLink
***********************************************/
.DownloadLink {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 20px;
	color: var(--color-accent);
	transition: opacity 0.3s ease;
}

.DownloadLink_button {
	display: flex;
	align-items: center;
	gap: 30px;
	border: 1px solid var(--color-accent);
	border-radius: 9999px;
	padding: 6px 13px 6px 10px;
	font-size: 1.4rem;
}

.DownloadLink_button::after {
	position: relative;
	content: "";
	width: 14px;
	height: 14px;
	display: inline-block;
	mask: url("../images/icon_download.svg") no-repeat center / contain;
	background-color: var(--color-accent);
}

@media (hover: hover) {
	.DownloadLink:hover {
		opacity: 0.7;
	}
}

/* Button
***********************************************/
.Button {
	position: relative;
	display: inline-flex;
	justify-content: space-between;
	align-items: center;
	border-radius: 5px;
	background: var(--color-brand);
	color: var(--color-soft);
	padding: 18px 32px 18px 20px;
	min-width: 500px;
	transition: opacity 0.3s ease;
}

.Button.-center {
	justify-content: center;
}

.Button.-width100 {
	min-width: 0;
	width: 100%;
}

.Button::after {
	position: absolute;
	content: "";
	display: block;
	width: 13px;
	height: 16px;
	background: url("../images/icon_arrow.svg") no-repeat center / contain;
	right: 11px;
	top: 1px;
	bottom: 0;
	margin: auto;
}

.Button.-download::after {
	width: 14px;
	height: 14px;
	display: inline-block;
	background: url("../images/icon_download.svg") no-repeat center / contain;
}

@media (hover: hover) {
	.Button:hover {
		opacity: 0.7;
	}
}

@media (max-width: 767px) {
	.Button {
		min-width: 90%;
	}
}

/* ColumnButton
***********************************************/
.ColumnButton {
	display: flex;
	transition: opacity 0.3s ease;
}

.ColumnButton_media {
	flex-basis: 45%;
}

.ColumnButton_img {
	width: 100%;
	height: auto;
}

.ColumnButton_textArea {
	position: relative;
	display: flex;
	flex-direction: column;
	flex-basis: 55%;
	background: var(--color-brand);
	color: var(--color-soft);
	padding: 50px 60px;
}

.ColumnButton_textArea.-center {
	align-items: center;
	justify-content: center;
}

.ColumnButton_textArea::after {
	position: absolute;
	content: "";
	display: block;
	width: 18px;
	height: 20px;
	background: url("../images/icon_arrow.svg") no-repeat center / contain;
	right: 15px;
	top: 0;
	bottom: 0;
	margin: auto;
}

.ColumnButton_title {
	font-size: 2.6rem;
	margin-bottom: 20px;
}

.ColumnButton_title.-noMargin {
	margin-bottom: 0;
}

@media (hover: hover) {
	.ColumnButton:hover {
		opacity: 0.7;
	}
}

@media (max-width: 767px) {
	.ColumnButton {
		display: block;
	}

	.ColumnButton_textArea {
		padding: 30px;
	}

	.ColumnButton_textArea::after {
		right: 10px;
	}

	.ColumnButton_title {
		font-size: 2rem;
	}
}

/* Blockquote
***********************************************/
.Blockquote {
	background-color: color-mix(in srgb, var(--color-accent) 20%, transparent);
	border-radius: 10px;
	padding: 16px;
}

/* List
***********************************************/
.List {
	display: flex;
	flex-direction: column;
	gap: 10px;
	list-style-type: "";
	line-height: 1.6;
}

.List_item {
	position: relative;
	padding-left: 19px;
}

.List_item::before {
	position: absolute;
	content: "";
	width: 9px;
	height: 9px;
	background: var(--color-bg-balanced);
	border-radius: 100%;
	top: 0.5em;
	left: 0;
}

/* NumberList
***********************************************/
.NumberList {
	display: flex;
	flex-direction: column;
	gap: 10px;
	line-height: 1.6;
	list-style: decimal;
	padding-left: 20px;
}

.NumberList_item::marker {
	font-weight: 700;
}

/* AnchorList
***********************************************/
.AnchorList {
	display: flex;
	flex-wrap: wrap;
	margin: 0 auto;
	justify-content: center;
}

.AnchorList_item {
	flex: 0 0 306px;
	border-left: 1px solid var(--color-bg-balanced);
}

.AnchorList_item:last-of-type {
	border-right: 1px solid var(--color-bg-balanced);
}

.AnchorList_link {
	position: relative;
	display: block;
	text-align: center;
	padding: 10px 70px 10px 10px;
	color: var(--color-strong);
}

.AnchorList_link::before {
	position: absolute;
	content: "";
	width: 30px;
	height: 30px;
	background-color: var(--color-strong);
	right: 30px;
	top: 0;
	bottom: 0;
	margin: auto;
	border-radius: 100%;
	transition: background-color 0.3s ease;
}

.AnchorList_link::after {
	position: absolute;
	content: "";
	display: block;
	width: 8px;
	height: 10px;
	background: url(../images/icon_arrow.svg) no-repeat center / contain;
	right: 41px;
	top: 1px;
	bottom: 0;
	margin: auto;
	transform: rotate(90deg);
}

.AnchorList_link:hover::before {
	background-color: var(--color-accent);
}

@media (max-width: 767px) {
	.AnchorList {
		justify-content: center;
	}

	.AnchorList_item {
		flex: 0 0 80%;
		border-left: 0;
		border-top: 1px solid var(--color-bg-balanced);
	}

	.AnchorList_item:last-of-type {
		border-right: 0;
		border-bottom: 1px solid var(--color-bg-balanced);
	}

	.AnchorList_link {
		padding: 16px 70px 16px 10px;
		text-align: left;
	}
}

/* .PageHeader
***********************************************/
.PageHeader {
	background: var(--color-strong);
	padding: 64px 0 20px;
}

@media (max-width: 767px) {
	.PageHeader {
		padding: 30px 0 5px;
	}
}

/* .Breadcrumbs
***********************************************/
.Breadcrumbs_list {
	list-style-type: "";
	display: flex;
	gap: 5px;
	font-size: 1.2rem;
	color: var(--color-soft);
}

.Breadcrumbs_item:not(:last-of-type) {
	position: relative;
}

.Breadcrumbs_item:not(:last-of-type)::after {
	position: relative;
	content: "";
	display: inline-block;
	width: 9px;
	height: 9px;
	background: url(../images/icon_arrow.svg) no-repeat center / contain;
	top: 1px;
	bottom: 0;
	margin: auto;
	right: -2px;
}

.Breadcrumbs_item:last-of-type {
	opacity: 0.5;
}

.Breadcrumbs_link {
	color: var(--color-soft);
}

@media (max-width: 767px) {
	.Breadcrumbs {
		padding-bottom: 5px;
	}

	.Breadcrumbs.-scroll {
		overflow-x: auto;
		white-space: nowrap;
	}
}

/* .HeroArea
***********************************************/
.HeroArea {
	position: relative;
	padding: 90px 0;
	height: 817px;
}

.HeroArea_media {
	position: absolute;
	top: 0;
	height: 100%;
	width: 100%;
}

.HeroArea_img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.HeroArea_box {
	position: relative;
	z-index: 1;
	background-color: color-mix(in srgb, var(--color-strong) 70%, transparent);
	width: fit-content;
	padding: 30px 36px;
	color: var(--color-soft);
}

.HeroArea_title {
	font-size: 3.6rem;
	font-weight: 500;
	margin-bottom: 20px;
}

.HeroArea_p {
	font-weight: 500;
	line-height: 2;
}

.HeroArea_p + .HeroArea_p {
	margin-top: 1em;
}

@media (max-width: 767px) {
	.HeroArea {
		padding: 0;
		height: auto;
	}

	.HeroArea_media {
		position: static;
	}

	.HeroArea_img {
		width: 100%;
		height: auto;
	}

	.HeroArea_box {
		padding: 40px var(--gutter-x);
		width: 100dvw;
		margin-left: calc(var(--gutter-x) * -1);
		margin-right: calc(var(--gutter-x) * -1);
	}

	.HeroArea_title {
		font-size: 2.8rem;
	}
}

/* .SmallHeroArea
***********************************************/
.SmallHeroArea {
	background: var(--color-soft);
	color: var(--color-soft);
	padding: 100px 0;
	overflow: hidden;
}

.SmallHeroArea_inner {
	position: relative;
}

.SmallHeroArea_img {
	width: 800px;
	height: auto;
}

.SmallHeroArea_img.-small {
	width: 464px;
	height: auto;
	margin-left: 120px;
}

.SmallHeroArea_box {
	position: absolute;
	left: 670px;
	top: 0;
	bottom: 0;
	margin: auto;
	height: fit-content;
	padding: 40px;
	color: var(--color-soft);
	z-index: 1;
}

.SmallHeroArea_box::before {
	position: absolute;
	content: "";
	width: 51vw;
	height: 100%;
	left: 0;
	top: 0;
	background-color: color-mix(in srgb, var(--color-strong) 70%, transparent);
	z-index: -1;
}

.SmallHeroArea_title {
	font-size: 3.6rem;
	font-weight: 500;
	margin-bottom: 20px;
}

.SmallHeroArea_title.-small {
	font-size: 3.5rem;
}

.SmallHeroArea_text {
	line-height: 1.8;
}

@media (max-width: 767px) {
	.SmallHeroArea {
		padding: 50px 0;
	}

	.SmallHeroArea_img {
		width: 100%;
	}

	.SmallHeroArea_img.-small {
		width: 80%;
		margin: 0 auto 80px;
		display: block;
	}

	.SmallHeroArea_box {
		position: relative;
		left: 20px;
		margin-top: -40px;
		padding: 20px 30px 30px;
	}

	.SmallHeroArea_box::before {
		width: 100%;
	}

	.SmallHeroArea_title {
		font-size: 2.8rem;
		margin-bottom: 10px;
	}

	.SmallHeroArea_title.-small {
		font-size: 2.8rem;
	}
}

/* Table
***********************************************/
.Table {
	width: 100%;
	border-collapse: collapse;
}

.Table_th,
.Table_td {
	border: 1px solid var(--color-bg-balanced);
	padding: 13px;
	vertical-align: middle;
	line-height: 1.7;
	font-size: 1.4rem;
	font-weight: 400;
}

.Table_th {
	background-color: var(--color-bg-soft);
	text-align: center;
	white-space: nowrap;
}

.Table_td {
	background-color: var(--color-soft);
	text-align: left;
}

.Table_td--empty {
	background-color: var(--color-bg-soft);
}

.Table_colgroupMinor {
	width: 15%;
	min-width: 90px;
}

.Table_wrap {
	overflow-x: auto;
	width: 100%;
}

@media (max-width: 767px) {
	.Table_scrollWrap {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		position: relative;
		background:
			linear-gradient(to right, white 30%, rgba(255, 255, 255, 0)),
			linear-gradient(to left, white 30%, rgba(255, 255, 255, 0)) 100% 0,
			linear-gradient(to right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)),
			linear-gradient(to left, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)) 100% 0;
		background-repeat: no-repeat;
		background-color: white;
		background-size:
			40px 100%,
			40px 100%,
			14px 100%,
			14px 100%;
		background-attachment: local, local, scroll, scroll;
	}

	.Table.-scroll {
		min-width: 600px;
	}

	.Table_colgroupMinor {
		min-width: 67px;
	}

	.Table_th,
	.Table_td {
		padding: 10px;
	}

	.Table.-scroll th {
		background-color: rgba(112, 128, 160, 0.063);
	}

	.Table.-scroll td {
		background-color: rgba(255, 255, 255, 0);
	}
}

/* Tab
***********************************************/
.Tab_list {
	display: flex;
	gap: 22px;
}

.Tab_button {
	flex: 1;
	padding: 19px 20px;
	cursor: pointer;
	background: var(--color-bg-muted);
	border: 0;
	border-radius: 5px 5px 0 0;
	color: var(--color-strong);
	font-size: 2rem;
	transition:
		background-color 0.3s ease,
		color 0.3s ease;
}

.Tab_button[aria-selected="true"] {
	background: var(--color-accent);
	color: var(--color-soft);
}

@media (hover: hover) {
	.Tab_button:hover {
		background: var(--color-accent);
		color: var(--color-soft);
	}
}

.Tab_panel {
	border-top: 1px solid var(--color-accent);
	border-bottom: 1px solid var(--color-accent);
	padding: 80px 70px;
	background: var(--color-soft);
}

.Tab_panel[hidden] {
	display: none;
}

@media (max-width: 767px) {
	.Tab_list {
		gap: 4px;
	}

	.Tab_button {
		padding: 9px 10px;
		font-size: 1.6rem;
	}

	.Tab_panel {
		padding: 40px 20px;
	}
}

/* EmbedIframe
***********************************************/
.EmbedIframe_wrap {
	width: 100%;
	max-width: 100%;
	aspect-ratio: 16 / 9;
}

.EmbedIframe {
	width: 100%;
	height: 100%;
	display: block;
}

/* Accordion
***********************************************/
.Accordion {
	border-top: 1px solid var(--color-bg-balanced);
	font-family: sans-serif;
}

.Accordion_item {
	border-bottom: 1px solid var(--color-bg-balanced);
}

.Accordion_trigger {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	padding: 25px 20px;
	background: none;
	border: none;
	cursor: pointer;
	text-align: left;
}

.Accordion_trigger:focus-visible {
	outline: 2px solid #007bff;
	outline-offset: -2px;
}

.Accordion_title {
	color: var(--color-strong);
	font-size: 2rem;
}

.Accordion_title.-small {
	font-size: 1.8rem;
}

.Accordion_titleDate {
	color: var(--color-bg-balanced);
	margin-right: 20px;
}

.Accordion_icon {
	position: relative;
	display: block;
	width: 30px;
	height: 30px;
	background-color: var(--color-strong);
	border-radius: 50%;
	flex-shrink: 0;
	transition: background-color 0.3s ease;
	margin-left: 10px;
}

.Accordion_icon::before,
.Accordion_icon::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	background-color: var(--color-soft);
	transform: translate(-50%, -50%);
	transition:
		transform 0.3s ease,
		opacity 0.3s;
	border-radius: 1px;
}

.Accordion_icon::before {
	width: 18px;
	height: 2px;
}

.Accordion_icon::after {
	width: 2px;
	height: 18px;
}

.Accordion_trigger[aria-expanded="true"] .Accordion_icon {
	background-color: var(--color-bg-balanced);
}

.Accordion_trigger[aria-expanded="true"] .Accordion_icon::after {
	transform: translate(-50%, -50%) rotate(90deg);
	opacity: 0;
}

.Accordion_panelWrapper {
	display: grid;
	grid-template-rows: 0fr;
	transition:
		grid-template-rows 0.3s ease-out,
		visibility 0.3s;
	visibility: hidden;
}

.Accordion_panelWrapper[aria-hidden="false"] {
	grid-template-rows: 1fr;
	visibility: visible;
}

.Accordion_panelContent {
	overflow: hidden;
}

.Accordion_alternatingItem:nth-of-type(odd) {
	background: var(--color-bg-soft);
}

.Accordion_linkRow {
	display: flex;
	align-items: center;
	padding: 20px;
	gap: 50px;
}

.Accordion_linkRowTitle {
	font-size: 1.8rem;
	line-height: 1.6;
	margin-right: auto;
}

.Accordion_panelQuestion {
	font-size: 2.4rem;
	margin-right: 5px;
	color: var(--color-brand);
}

.Accordion_panelAnswer {
	font-size: 2.2rem;
	margin-right: 5px;
	color: var(--color-brand);
}

@media (max-width: 767px) {
	.Accordion_title {
		font-size: 1.8rem;
	}

	.Accordion_title.-small {
		font-size: 1.6rem;
	}

	.Accordion_titleDate {
		display: block;
	}

	.Accordion_linkRow {
		flex-direction: column;
		gap: 20px;
	}

	.Accordion_linkRowTitle {
		font-size: 1.8rem;
		line-height: 1.6;
		margin-right: auto;
	}

	.Accordion_linkRowItem {
		margin-left: auto;
		padding-right: 30px;
	}
}

/* Card
***********************************************/
.Card {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
}

.Card_link {
	position: relative;
	display: block;
	height: 100%;
	background: var(--color-bg-soft);
	color: var(--color-strong);
	transition:
		background-color 0.3s ease,
		color 0.3s ease;
}

.Card_link::before {
	position: absolute;
	content: "";
	width: 22px;
	height: 22px;
	background-color: var(--color-strong);
	right: 20px;
	bottom: 20px;
	border-radius: 100%;
	transition: background-color 0.3s ease;
}

.Card_link::after {
	position: absolute;
	content: "";
	display: block;
	width: 7px;
	height: 10px;
	background: url(../images/icon_arrow.svg) no-repeat center / contain;
	right: 26px;
	bottom: 25px;
}

.Card_img {
	width: 100%;
	height: auto;
	transition: opacity 0.3s ease;
}

.Card_textArea {
	padding: 50px 20px 56px;
}

.Card_title {
	position: relative;
	font-size: 2rem;
	line-height: 1.6;
	margin-bottom: 20px;
}

.Card_title::before {
	position: absolute;
	content: "";
	width: 30px;
	height: 2px;
	background: var(--color-accent);
	top: -30px;
	left: 0;
	transition: background-color 0.3s ease;
}

.Card_text {
	font-size: 1.4rem;
	line-height: 1.8;
}

@media (hover: hover) {
	.Card_link:hover {
		color: color-mix(in srgb, var(--color-strong) 70%, transparent);
		background: color-mix(in srgb, var(--color-bg-soft) 70%, transparent);
	}

	.Card_link:hover::before {
		background-color: var(--color-accent);
	}

	.Card_link:hover .Card_img {
		opacity: 0.7;
	}
	.Card_link:hover .Card_title::before {
		opacity: 0.7;
	}
}

@media (max-width: 767px) {
	.Card {
		grid-template-columns: 1fr;
		gap: 40px;
	}
}

/* ModelCard
***********************************************/
.ModelCard {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 30px;
}

.ModelCard_item {
	display: grid;
	grid-template-rows: auto 1fr auto;
	text-align: center;
}

.ModelCard_media {
	margin-bottom: 15px;
}

.ModelCard_img {
	width: 100%;
	height: auto;
}

.ModelCard_text {
	height: 100%;
	margin-bottom: 15px;
}

.ModelCard_model {
	padding: 9px 0;
	border: 1px solid var(--color-bg-balanced);
}

@media (max-width: 767px) {
	.ModelCard {
		grid-template-columns: repeat(2, 1fr);
		gap: 40px 20px;
	}

	.ModelCard_model {
		padding: 4px 0;
	}
}

/* LocalCard
***********************************************/
.LocalCard_wrap {
	background: var(--color-bg-strong);
	padding: 60px 0;
}

.LocalCard {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 25px;
}

.LocalCard_link {
	position: relative;
	display: flex;
	gap: 20px;
	color: var(--color-bg-soft);
	transition: color 0.3s ease;
}

.LocalCard_imgWrap {
	flex: 0 0 150px;
	height: 150px;
	transition: opacity 0.3s ease;
	display: flex;
	align-items: center;
	justify-content: center;
}

.LocalCard_img {
	max-width: 100%;
	height: auto;
}

.LocalCard_title {
	position: relative;
	font-size: 2rem;
	font-weight: 700;
	line-height: 1.6;
	margin-bottom: 12px;
}

.LocalCard_text {
	font-size: 1.4rem;
	line-height: 1.8;
	margin-bottom: 20px;
}

.LocalCard_detail {
	position: relative;
	display: inline-block;
	font-size: 1.4rem;
	font-weight: 500;
	padding: 2px 40px 2px 0;
}

.LocalCard_detail::before {
	position: absolute;
	content: "";
	width: 22px;
	height: 22px;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	background-color: var(--color-bg-soft);
	border-radius: 100%;
	transition: background-color 0.3s ease;
}

.LocalCard_detail::after {
	position: absolute;
	content: "";
	width: 7px;
	height: 10px;
	right: 6px;
	top: 1px;
	bottom: 0;
	margin: auto;
	mask: url("../images/icon_arrow.svg") no-repeat center / contain;
	background-color: var(--color-strong);
	transition: background-color 0.3s ease;
}

@media (hover: hover) {
	.LocalCard_link:hover {
		color: color-mix(in srgb, var(--color-soft) 70%, transparent);
	}

	.LocalCard_link:hover .LocalCard_detail::before {
		background-color: var(--color-accent);
	}

	.LocalCard_link:hover .LocalCard_detail::after {
		background-color: var(--color-soft);
	}

	.LocalCard_link:hover .LocalCard_imgWrap {
		opacity: 0.7;
	}
}

@media (max-width: 767px) {
	.LocalCard_wrap {
		padding: 40px 0;
	}

	.LocalCard {
		grid-template-columns: 1fr;
		gap: 30px;
	}

	.LocalCard_imgWrap {
		flex: 0 0 100px;
		height: 100px;
		margin-top: 9px;
	}

	.LocalCard_img {
		max-width: 100%;
		max-height: 100%;
		object-fit: contain;
	}
}

/* CvSearch
***********************************************/
.CvSearch {
	background: var(--color-strong);
}

.CvSearch_link {
	position: relative;
	display: block;
	color: var(--color-soft);
	padding: 100px 0;
	transition: color 0.3s ease;
}

.CvSearch_link::before {
	position: absolute;
	content: "";
	inset: 0;
	background: url(../images/bg_search_pc.jpg) no-repeat center / cover;
	opacity: 1;
	transition: opacity 0.3s ease;
}

.CvSearch_inner {
	position: relative;
}

.CvSearch_textBox {
	width: calc(100% - 400px);
	margin-left: auto;
}

.CvSearch_title {
	margin-bottom: 30px;
}

.CvSearch_titleEn {
	position: absolute;
	left: 0;
	top: 0;
	font-size: 5.6rem;
	font-family: "Roboto", sans-serif;
	font-weight: 300;
	line-height: 1.2;
}

.CvSearch_titleJp {
	font-size: 3.6rem;
}

.CvSearch_text {
	margin-bottom: 40px;
	font-size: 1.6rem;
	line-height: 1.8;
}

.CvSearch_linkText {
	font-size: 1.4rem;
	position: relative;
	padding-right: 55px;
	color: var(--color-soft);
	transition: color 0.3s ease;
}

.CvSearch_linkText::before {
	position: absolute;
	content: "";
	width: 30px;
	height: 30px;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	background-color: var(--color-bg-soft);
	border-radius: 100%;
	transition: background-color 0.3s ease;
}

.CvSearch_linkText::after {
	position: absolute;
	content: "";
	width: 11px;
	height: 13px;
	right: 8px;
	top: 3px;
	bottom: 0;
	margin: auto;
	mask: url("../images/icon_arrow.svg") no-repeat center / contain;
	background-color: var(--color-strong);
	transition: background-color 0.3s ease;
}

@media (hover: hover) {
	.CvSearch_link:hover {
		color: color-mix(in srgb, var(--color-soft) 70%, transparent);
	}

	.CvSearch_link:hover::before {
		opacity: 0.7;
	}

	.CvSearch_link:hover .CvSearch_linkText {
		color: color-mix(in srgb, var(--color-soft) 70%, transparent);
	}

	.CvSearch_link:hover .CvSearch_linkText::before {
		background-color: var(--color-accent);
	}

	.CvSearch_link:hover .CvSearch_linkText::after {
		background-color: var(--color-soft);
	}
}

@media (max-width: 767px) {
	.CvSearch_link {
		padding: 40px 0 160px;
	}

	.CvSearch_link::before {
		background: url(../images/bg_search_sp.jpg) no-repeat center / cover;
	}

	.CvSearch_textBox {
		width: 100%;
	}

	.CvSearch_title {
		display: flex;
		flex-direction: column;
	}

	.CvSearch_titleEn {
		position: static;
		font-size: 5rem;
		line-height: 1.1;
	}

	.CvSearch_titleJp {
		font-size: 2.4rem;
	}

	.CvSearch_text {
		margin-bottom: 20px;
		font-size: 1.6rem;
	}

	.CvSearch_linkText {
		padding-right: 45px;
	}
}

/* BgContent
***********************************************/
.BgContent {
	background: var(--color-bg-soft);
	padding-top: 80px;
	padding-bottom: 120px;
	margin-bottom: -80px;
}

@media (max-width: 767px) {
	.BgContent {
		padding-top: 30px;
		padding-bottom: 100px;
	}
}

/* NarrowSection
***********************************************/
.NarrowSection {
	padding: 50px 70px;
	background: var(--color-soft);
}

.NarrowSection.-small {
	padding: 20px 40px;
}

.NarrowSection.-large {
	padding: 70px 70px 80px;
}

@media (max-width: 767px) {
	.NarrowSection {
		padding: 30px 20px;
	}

	.NarrowSection.-small {
		padding: 10px 10px;
	}

	.NarrowSection.-large {
		padding: 40px 20px 50px;
	}
}

/* BgSection
***********************************************/
.BgSection {
	padding: 30px;
	background: var(--color-bg-soft);
	flex-grow: 1;
}

.BgSection.-small {
	padding: 15px;
}

.BgSection_row {
	display: flex;
}

.BgSection_media {
	flex: 0 0 370px;
}

@media (max-width: 767px) {
	.BgSection {
		padding: 20px 15px;
	}

	.BgSection_row {
		flex-wrap: wrap;
	}

	.BgSection_media {
		flex: 0 0 100%;
	}
}

/* PlusColumn
***********************************************/
.PlusColumn {
	display: flex;
	justify-content: space-between;
	gap: 120px;
}

.PlusColumn_item {
	position: relative;
	flex-grow: 1;
}

.PlusColumn_item:first-of-type::before {
	position: absolute;
	top: 0;
	bottom: 0;
	right: -96px;
	width: 70px;
	height: 2px;
	margin: auto;
	content: "";
	background: var(--color-accent);
}

.PlusColumn_item:first-of-type::after {
	position: absolute;
	top: 0;
	bottom: 0;
	right: -61px;
	width: 2px;
	height: 70px;
	margin: auto;
	content: "";
	background: var(--color-accent);
}

@media (max-width: 767px) {
	.PlusColumn {
		flex-direction: column;
		gap: 60px;
	}

	.PlusColumn_item:first-of-type::before {
		width: 35px;
		height: 2px;
		top: auto;
		bottom: -34px;
		right: 0;
		left: 0;
	}

	.PlusColumn_item:first-of-type::after {
		width: 2px;
		height: 35px;
		top: auto;
		bottom: -50px;
		right: 0;
		left: 0;
	}
}

/* SunlightArrow
***********************************************/
.SunlightArrow {
	position: relative;
	border-bottom: 1px solid var(--color-bg-balanced);
	padding-bottom: 25px;
	margin-bottom: 25px;
}

.SunlightArrow::after {
	position: absolute;
	content: "";
	width: 8px;
	height: 50px;
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228%22%20height%3D%2251%22%20fill%3D%22none%22%20viewBox%3D%220%200%208%2051%22%3E%3Cpath%20fill%3D%22%230a2580%22%20d%3D%22M3.328%2050.354a.5.5%200%200%200%20.707%200l3.182-3.182a.5.5%200%201%200-.707-.707l-2.828%202.828-2.829-2.828a.5.5%200%201%200-.707.707zM3.682%200h-.5v50h1V0z%22%2F%3E%3C%2Fsvg%3E");
	background-repeat: no-repeat;
	background-size: contain;
	right: 265px;
	bottom: -25px;
}

.SunlightArrow_item {
	position: relative;
}

.SunlightArrow_item::before {
	position: absolute;
	content: "";
	width: 26px;
	height: 26px;
	background: var(--color-brand);
	clip-path: polygon(0 0, 50% 50%, 0 100%);
	left: -5px;
	top: 0;
	bottom: 0;
	margin: auto;
}

@media (max-width: 767px) {
	.SunlightArrow {
		padding-bottom: 50px;
	}

	.SunlightArrow::after {
		left: 0;
		right: 0;
		margin: auto;
	}

	.SunlightArrow_item::before {
		clip-path: polygon(0 0, 100% 0, 50% 50%);
		left: 0;
		right: 0;
		top: -40px;
		bottom: auto;
	}
}

/**********************************************
* 
* Header
*
***********************************************/
/* Header
***********************************************/
.Header {
	background-color: var(--color-strong);
	position: relative;
	z-index: 1000;
}

.Header_inner {
	height: var(--header-height);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.Header_logoList {
	position: relative;
	display: flex;
	align-items: center;
	height: var(--header-upper-height);
	gap: 30px;
}

.Header_logoList::after {
	position: absolute;
	content: "";
	width: calc(100% + 60px);
	left: -30px;
	bottom: -1px;
	height: 1px;
	background: var(--color-bg-balanced);
}

.Header_spButtonWrap {
	display: none;
}

@media (max-width: 767px) {
	.Header_inner {
		display: grid;
		grid-template-columns: 1fr auto;
		grid-auto-rows: auto;
	}

	.Header_logoList {
		height: var(--header-height);
	}

	.Header_logoList::after {
		display: none;
	}

	.Header_logoImg.-aisin {
		width: 100px;
		height: auto;
	}

	.Header_logoImg.-enefarm {
		width: 130px;
		height: auto;
	}

	.Header_spButtonWrap {
		display: grid;
		place-items: center;
		margin-right: -20px;
	}

	.Header_navWrap {
		position: fixed;
		top: var(--header-height);
		left: 0;
		width: 100%;
		height: 100vh;
		padding-bottom: var(--header-height);
		background: #000;
		z-index: 999;
		overflow-y: auto;
		transform: translateX(100%);
		visibility: hidden;
		transition:
			transform 0.3s,
			visibility 0.3s;
	}

	.Header_navWrap[aria-hidden="false"] {
		transform: translateX(0);
		visibility: visible;
	}
}

/* HeaderSpButton
***********************************************/
.HeaderSpButton {
	appearance: none;
	border: 0;
	position: relative;
	width: 56px;
	height: 100%;
	border: none;
	background: transparent;
	z-index: 1000;
	cursor: pointer;
}

.HeaderSpButton_icon {
	display: block;
	width: 22px;
	height: 2px;
	background: var(--color-soft);
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	transition:
		transform 0.3s,
		opacity 0.3s;
}

.HeaderSpButton_icon.-top {
	top: 19px;
}

.HeaderSpButton_icon.-middle {
	top: 26px;
}

.HeaderSpButton_icon.-bottom {
	top: 33px;
}

.HeaderSpButton[aria-expanded="true"] .HeaderSpButton_icon.-top {
	transform: translateY(7px) rotate(35deg);
}

.HeaderSpButton[aria-expanded="true"] .HeaderSpButton_icon.-middle {
	opacity: 0;
}

.HeaderSpButton[aria-expanded="true"] .HeaderSpButton_icon.-bottom {
	transform: translateY(-7px) rotate(-35deg);
}

/* HeaderCvNav
***********************************************/
.HeaderCvNav_list {
	display: flex;
}

/* HeaderNav
***********************************************/
.HeaderNav_list {
	display: flex;
	justify-content: center;
	width: fit-content;
	margin: 0 auto;
}

.HeaderNav_item {
	position: static;
}

.HeaderNav_link {
	position: relative;
	display: block;
	color: var(--color-soft);
	padding: 24px 25px;
	position: relative;
	z-index: 10;
	font-size: 1.4rem;
	transition: color 0.3s ease;
}

.HeaderNav_link[aria-expanded="true"] {
	color: var(--color-accent);
}

.HeaderNav_link::after {
	position: absolute;
	content: "";
	background: var(--color-accent);
	width: 100%;
	height: 2px;
	left: 0;
	right: 0;
	bottom: 9px;
	margin: auto;
	opacity: 0;
	transition: opacity 0.3s ease;
}

.HeaderNav_cvList {
	position: absolute;
	right: 0;
	top: 0;
	display: flex;
}

.HeaderCvNav_cvLink {
	color: var(--color-soft);
	font-size: 1.4rem;
	display: flex;
	align-items: center;
	height: var(--header-upper-height);
	transition:
		background-color 0.3s ease,
		color 0.3s ease;
}

.HeaderCvNav_cvLink.-icon {
	position: relative;
	padding: 0 74px 0 28px;
	transition: color 0.3s ease;
}

.HeaderCvNav_cvLink.-icon::before {
	position: absolute;
	content: "";
	width: 30px;
	height: 30px;
	right: 24px;
	top: 0;
	bottom: 0;
	margin: auto;
	background-color: var(--color-bg-soft);
	border-radius: 100%;
	transition: background-color 0.3s ease;
}

.HeaderCvNav_cvLink.-icon::after {
	position: absolute;
	content: "";
	width: 11px;
	height: 13px;
	right: 32px;
	top: 3px;
	bottom: 0;
	margin: auto;
	mask: url("../images/icon_arrow.svg") no-repeat center / contain;
	background-color: var(--color-strong);
	transition: background-color 0.3s ease;
}

.HeaderCvNav_cvLink.-contact {
	padding: 0 32px 0 28px;
	background: var(--color-brand);
	font-size: 1.6rem;
}

.HeaderNav_subWrapper {
	position: absolute;
	left: 0;
	width: 100%;
	top: 100%;
	background-color: #232a35;
	border-top: 1px solid #333;
	display: grid;
	grid-template-rows: 0fr;
	transition:
		grid-template-rows 0.3s ease-out,
		opacity 0.3s ease-out,
		visibility 0.3s ease-out;
	visibility: hidden;
	opacity: 0;
}

.HeaderNav_link[aria-expanded="true"] + .HeaderNav_subWrapper {
	grid-template-rows: 1fr;
	opacity: 1;
	visibility: visible;
}

.HeaderNav_link:focus-visible {
	color: var(--color-accent);
}

@media (hover: hover) {
	.HeaderNav_link:hover {
		color: var(--color-accent);
	}

	.HeaderNav_link:hover::after {
		opacity: 1;
	}

	.HeaderCvNav_cvLink:hover {
		color: color-mix(in srgb, var(--color-soft) 70%, transparent);
	}

	.HeaderCvNav_cvLink.-icon:hover::before {
		background-color: var(--color-accent);
	}

	.HeaderCvNav_cvLink.-icon:hover::after {
		background-color: var(--color-soft);
	}

	.HeaderCvNav_cvLink.-contact:hover {
		background: color-mix(in srgb, var(--color-brand) 70%, transparent);
	}

	.HeaderNav_item:hover .HeaderNav_subWrapper {
		grid-template-rows: 1fr;
		opacity: 1;
		visibility: visible;
	}
}

@media (max-width: 767px) {
	.HeaderNav_list {
		flex-direction: column;
		width: 100%;
		border-top: 1px solid var(--color-bg-balanced);
	}

	.HeaderNav_item {
		border-bottom: 1px solid color-mix(in srgb, var(--color-bg-balanced) 50%, transparent);
	}

	.HeaderNav_subWrapper {
		position: static;
		grid-template-rows: 1fr;
		opacity: 1;
		visibility: visible;
	}

	.HeaderNav_link {
		width: 100%;
		padding: 17px 16px;
	}

	.HeaderNav_link::before {
		position: absolute;
		content: "";
		width: 11px;
		height: 13px;
		right: 20px;
		top: 3px;
		bottom: 0;
		margin: auto;
		background: url(../images/icon_arrow.svg) no-repeat center / contain;
	}

	.HeaderNav_link::after {
		display: none;
	}

	.HeaderNav_cvList {
		position: static;
		display: block;
	}

	.HeaderCvNav_cvLink.-icon {
		padding: 0 74px 0 17px;
	}

	.HeaderCvNav_cvLink.-icon::before {
		right: 11px;
	}

	.HeaderCvNav_cvLink.-icon::after {
		right: 19px;
	}

	.HeaderCvNav_cvLink.-contact {
		position: relative;
		padding: 20px 17px;
		height: auto;
	}

	.HeaderCvNav_cvLink.-contact::after {
		position: absolute;
		content: "";
		width: 11px;
		height: 13px;
		right: 20px;
		top: 3px;
		bottom: 0;
		margin: auto;
		background: url(../images/icon_arrow.svg) no-repeat center / contain;
	}
}

/* HeaderLocalNav
***********************************************/
.HeaderLocalNav_container {
	width: fit-content;
	margin: 0 auto;
	overflow: hidden;
}

.HeaderLocalNav_list {
	display: flex;
	padding: 0;
}

.HeaderLocalNav_link {
	position: relative;
	display: block;
	color: var(--color-soft);
	font-size: 1.4rem;
	padding: 17px 47px 17px 25px;
	white-space: nowrap;
	transition: color 0.3s ease;
}

.HeaderLocalNav_link::before {
	position: absolute;
	content: "";
	width: 22px;
	height: 22px;
	right: 15px;
	top: 0;
	bottom: 0;
	margin: auto;
	background-color: var(--color-bg-soft);
	border-radius: 100%;
	transition: background-color 0.3s ease;
}

.HeaderLocalNav_link::after {
	position: absolute;
	content: "";
	width: 7px;
	height: 10px;
	right: 21px;
	top: 1px;
	bottom: 0;
	margin: auto;
	mask: url(../images/icon_arrow.svg) no-repeat center / contain;
	background-color: var(--color-strong);
	transition: background-color 0.3s ease;
}

.HeaderLocalNav_link:focus-visible {
	outline-offset: -2px;
	color: color-mix(in srgb, var(--color-soft) 70%, transparent);
}

.HeaderLocalNav_link:focus-visible::before {
	background-color: var(--color-accent);
}

.HeaderLocalNav_link:focus-visible::after {
	background-color: var(--color-soft);
}

@media (hover: hover) {
	.HeaderLocalNav_link:hover {
		color: color-mix(in srgb, var(--color-soft) 70%, transparent);
	}

	.HeaderLocalNav_link:hover::before {
		background-color: var(--color-accent);
	}

	.HeaderLocalNav_link:hover::after {
		background-color: var(--color-soft);
	}
}

@media (max-width: 767px) {
	.HeaderLocalNav_container {
		width: 100%;
	}

	.HeaderLocalNav_list {
		flex-direction: column;
	}

	.HeaderLocalNav_item {
		border-top: 1px solid color-mix(in srgb, var(--color-bg-balanced) 50%, transparent);
	}

	.HeaderLocalNav_link {
		padding: 15px 36px;
	}

	.HeaderLocalNav_link::before {
		display: none;
	}

	.HeaderLocalNav_link::after {
		background-color: var(--color-soft);
		width: 11px;
		height: 13px;
	}
}

/**********************************************
* 
* Footer
*
***********************************************/
.Footer {
	background-color: var(--color-strong);
	color: var(--color-soft);
	padding-top: 114px;
	padding-bottom: 20px;
}

.Footer_navList {
	display: flex;
	gap: 22px;
	margin-bottom: 40px;
}

.Footer_navLink {
	font-size: 1.4rem;
	position: relative;
	padding-right: 35px;
	color: var(--color-soft);
	transition: color 0.3s ease;
}

.Footer_navLink::before {
	position: absolute;
	content: "";
	width: 22px;
	height: 22px;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	background-color: var(--color-bg-soft);
	border-radius: 100%;
	transition: background-color 0.3s ease;
}

.Footer_navLink::after {
	position: absolute;
	content: "";
	width: 7px;
	height: 10px;
	right: 6px;
	top: 1px;
	bottom: 0;
	margin: auto;
	mask: url("../images/icon_arrow.svg") no-repeat center / contain;
	background-color: var(--color-strong);
	transition: background-color 0.3s ease;
}

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

.Footer_notes {
	font-size: 1.2rem;
}

.Footer_copyright {
	font-size: 1rem;
}

@media (hover: hover) {
	.Footer_navLink:hover {
		color: color-mix(in srgb, var(--color-soft) 70%, transparent);
	}

	.Footer_navLink:hover::before {
		background-color: var(--color-accent);
	}

	.Footer_navLink:hover::after {
		background-color: var(--color-soft);
	}
}

@media (max-width: 767px) {
	.Footer {
		padding-top: 40px;
		padding-bottom: 10px;
	}

	.Footer_navList {
		flex-direction: column;
		gap: 20px;
		margin-bottom: 30px;
	}

	.Footer_text {
		flex-direction: column;
		gap: 60px;
		align-items: center;
	}
}

/* Pagetop
***********************************************/
.Pagetop {
	position: fixed;
	right: 20px;
	bottom: 64px;
}

.Pagetop_link {
	position: relative;
	display: grid;
	place-content: center;
	width: 50px;
	height: 50px;
	font-size: 1.4rem;
	font-family: "Roboto", sans-serif;
	padding-top: 15px;
	border-radius: 100%;
	background: var(--color-soft);
	color: var(--color-strong);
	transition:
		background-color 0.3s ease,
		color 0.3s ease;
}

.Pagetop_link::after {
	position: absolute;
	content: "";
	width: 10px;
	height: 10px;
	mask: url("../images/icon_arrow.svg") no-repeat center / contain;
	top: -20px;
	right: 0;
	left: 0;
	bottom: 0;
	margin: auto;
	background-color: var(--color-strong);
	transform: rotate(-90deg);
	transition: background-color 0.3s ease;
}

@media (hover: hover) {
	.Pagetop_link:hover {
		background-color: var(--color-accent);
		color: var(--color-soft);
	}

	.Pagetop_link:hover::after {
		background-color: var(--color-soft);
	}
}

@media (max-width: 767px) {
	.Pagetop {
		bottom: 20px;
	}
}