@charset "UTF-8";
* {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

html {
	font-size: 1.125vw;
	scroll-behavior: smooth;
}

body {
	font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-weight: bold;
	font-style: normal;
	color: #212121;
}

a {
	text-decoration: none;
	color: #212121;
	cursor: pointer;
}

img {
	max-width: 100%;
}

li {
	list-style: none;
}

.sp-block {
	display: none;
}

.c-title {
	font-size: 60px;
	position: relative;
	color: #fff;
	z-index: 10;
	line-height: 1.8;
}
.c-title::before {
	position: absolute;
	top: 50%;
	left: 0;
	content: "STRONG";
	font-size: 115px;
	color: #287A3D;
	text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.2), -1px 0 0 rgba(255, 255, 255, 0.2), 1px 0 0 rgba(255, 255, 255, 0.2), 0 1px 0 rgba(255, 255, 255, 0.2);
	top: 8%;
	-webkit-transform: translateY(-30%);
	transform: translateY(-30%);
	width: 100%;
	white-space: nowrap;
	z-index: -1;
	opacity: 0;
	transform: translateY(20px); /* 下からふわっと */
	transition: opacity 0.8s ease, transform 0.8s ease;
}

.c-title.is-visible::before {
	opacity: 1;
	transform: translateY(-30%);
	transition-delay: 1s; /* 1秒遅れてふわっと */
}

@keyframes fadeInBefore {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@-webkit-keyframes slide-across-vw {
	0% {
		left: -100vw;
	}
	100% {
		left: 100vw;
	}
}

@keyframes slide-across-vw {
	0% {
		left: -100vw;
	}
	100% {
		left: 100vw;
	}
}
/* =====================
    top-header
===================== */
.top-header {
	background-color: transparent;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.top-header.is-fixed {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #fff;
	z-index: 1000;
}
.top-header.is-fixed .top-header__nav a {
	color: #1f4691;
	-webkit-transition: color 0.3s ease;
	transition: color 0.3s ease;
}
.top-header__container {
	max-width: 88.8888888889rem;
	padding: 0.462962963rem 0.462962963rem 0.462962963rem 0.9259259259rem;
	margin: 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.top-header__tel {
	font-size: 0.6944444444rem;
	font-weight: bold;
	font-family: "Noto Sans JP", sans-serif;
	color: #388e3c;
}
.top-header__tel--icon {
	margin-right: 0.1388888889rem;
}
.top-header__time {
	display: block;
}
.top-header__time,
.top-header__address {
	-webkit-transform: translateY(-0.0925925926rem);
	transform: translateY(-0.0925925926rem);
	font-size: 0.3240740741rem;
	font-weight: normal;
	font-family: "Noto Sans JP", sans-serif;
	color: #212121;
}
.top-header__logo {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 5.2777777778rem;
	height: 1.8518518519rem;
	margin-right: 3.5648148148rem;
}
.top-header__logo img {
	width: 100%;
	height: auto;
}
.top-header__list {
	padding-right: 0rem;
	border-bottom: none;
	gap: 1.3888888889rem;
}
.top-header__item a {
	font-size: 0.6944444444rem;
	padding: 0.462962963rem 0.462962963rem;
	opacity: 0;
	-webkit-transform: translateY(20px);
	transform: translateY(20px);
	-webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
	transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
	transition: opacity 0.5s ease, transform 0.5s ease;
	transition: opacity 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease;
}
.top-header__menu {
	display: none;
	position: fixed;
	width: 100vw;
	height: calc(100vh - 2.8703703704rem);
	top: 3.3333333333rem;
	left: 0;
	background-color: rgba(56, 142, 60, 0.9);
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
	opacity: 0;
	-webkit-transition: opacity 0.3s ease, -webkit-transform 0.5s ease;
	transition: opacity 0.3s ease, -webkit-transform 0.5s ease;
	transition: transform 0.5s ease, opacity 0.3s ease;
	transition: transform 0.5s ease, opacity 0.3s ease, -webkit-transform 0.5s ease;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	pointer-events: none;
	z-index: 1000;
}
.top-header__menu a {
	display: block;
	font-size: 20px;
	text-align: center;
	padding: 20px 0;
}
.top-header__menu.show {
	-webkit-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
	pointer-events: auto;
}
.top-header__menu.show .top-header__item a {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}
.top-header__menu .top-header__list {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	padding: 1.3888888889rem 0;
}
.top-header__menu .top-header__item a {
	color: #fff;
}
.top-header__icon {
	background-color: #388e3c;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	padding: 0.3703703704rem 0 0.3703703704rem 0.3703703704rem;
	cursor: pointer;
	width: 2.1759259259rem;
	height: 2.3148148148rem;
	margin: 0;
	z-index: 5000;
}
.top-header__icon .top-header__bar {
	width: 1.3888888889rem;
	background-color: #fff;
	height: 0.0925925926rem;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-transform-origin: center;
	transform-origin: center;
}
.top-header__icon .top-header__bar:nth-child(3) {
	width: 0.787037037rem;
}
.top-header__icon.open .top-header__bar:nth-child(1) {
	-webkit-transform: rotate(45deg) translate(0.3240740741rem, 0.3240740741rem);
	transform: rotate(45deg) translate(0.3240740741rem, 0.3240740741rem);
}
.top-header__icon.open .top-header__bar:nth-child(2) {
	-webkit-transform: rotate(-45deg) translate(0.0462962963rem, -0.0462962963rem);
	transform: rotate(-45deg) translate(0.0462962963rem, -0.0462962963rem);
}
.top-header__icon.open .top-header__bar:nth-child(3) {
	opacity: 0;
}

/* =====================
    top-mv
===================== */
.top-mv {
	position: relative;
}
.top-mv__container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: end;
	gap: 4.0277777778rem;
}
.top-mv__catch {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: left;
	-ms-flex-align: left;
	align-items: left;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-top: 0.3240740741rem;
}
.top-mv__subtitle {
	color: #000000;
	font-size: 1.3888888889rem;
	letter-spacing: 0.05em;
}
.top-mv__title {
	color: #388e3c;
	font-size: 2.9166666667rem;
	letter-spacing: 0.05em;
	text-shadow:0 0 10px #FFF;
}
.top-mv__text {
	color: #000;
	font-size: 1.1574074074rem;
	letter-spacing: 0.05em;
	-webkit-transform: translateY(0.787037037rem);
	transform: translateY(0.787037037rem);
}
.top-mv__text__number {
	font-size: 0.8644643408rem;
	margin-top: 1rem;
}
.top-mv__img {
	position: relative;
	overflow: hidden;
	width: 47.7314814815rem;
	height: 46.712962963rem;
}
.top-mv__img .js-slider {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	height: 100%;
	-webkit-transition: -webkit-transform 0.8s ease-in-out;
	transition: -webkit-transform 0.8s ease-in-out;
	transition: transform 0.8s ease-in-out;
	transition: transform 0.8s ease-in-out, -webkit-transform 0.8s ease-in-out;
	will-change: transform;
}
.top-mv__img img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: top;
	object-position: top;
	-ms-flex-negative: 0;
	flex-shrink: 0;
}
.top-mv__img img:nth-child(2) {
	-o-object-position: 60% top;
	object-position: 60% top;
}
.top-mv__img img:nth-child(5) {
	-o-object-position: 80% top;
	object-position: 80% top;
}
.top-mv__img img:nth-child(8) {
	-o-object-position: 40% top;
	object-position: 40% top;
}
.top-mv__img img:nth-child(10) {
	-o-object-position: 40% top;
	object-position: 40% top;
}
.top-mv__scroll {
	position: absolute;
	top: 90.5%;
	left: 3%;
	font-size: 1.0185185185rem;
	font-weight: 500;
	color: #fff;
}
.top-mv__scroll::after {
	content: "";
	display: block;
	margin: 0.2777777778rem 0 0 0.9722222222rem;
	background: url(../img/scroll.webp) center/cover no-repeat;
	width: 1.9444444444rem;
	height: 1.9444444444rem;
}
.top-mv__cta {
	position: absolute;
	top: 77%;
	left: 82.3%;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.top-mv__cta.is-fixed {
	position: fixed;
	top: 77%;
	left: 82.3%;
	z-index: 999;
}
.top-mv__cta.hide {
	opacity: 0;
	pointer-events: none;
	-webkit-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
}
.top-mv__line {
	width: 15.7407407407rem;
	height: 3.8888888889rem;
	border-radius: 0.6944444444rem 0 0 0.6944444444rem;
	color: #fff;
	background-color: #04c755;
	font-size: 0.787037037rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	gap: 0.6481481481rem;
}
.top-mv__line::before {
	content: "";
	background: url(../img/line.webp) center/cover no-repeat;
	width: 2.4074074074rem;
	height: 2.4074074074rem;
	margin-left: -1.2037037037rem;
}
.top-mv__icons {
	margin: 0.5555555556rem 1.4814814815rem 0 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: end;
	gap: 0.5555555556rem;
}
.top-mv__insta,
.top-mv__tel {
	width: 2.7777777778rem;
	height: 2.7777777778rem;
}

/* =====================
    top-construced
===================== */
.top-construced {
	overflow: hidden;
}
.top-construced__title {
	margin-top: 94px;
	position: relative;
	color: #212121;
	font-size: 43px;
	text-align: center;
	line-height: 2.4;
}
.top-construced__title::before {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -10%);
	transform: translate(-50%, -10%);
	background: url(../img/construced-bg.webp) center/cover no-repeat;
	content: "";
	width: 772px;
	height: 165px;
	opacity: 0;
	transition: opacity 0.8s ease, transform 0.8s ease;
}
.top-construced__title.is-visible::before {
	opacity: 1;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	transition-delay: 1s; /* 1秒遅れてふわっと */
}
.top-construced__title::after {
	z-index: -1;
	position: absolute;
	top: 72%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background: url(../img/construced-bar.webp) center/cover no-repeat;
	content: "";
	width: 592px;
	height: 13px;
}
.top-construced__catch {
	margin-top: 60px;
	position: relative;
	color: #212121;
	font-size: 25px;
	text-align: center;
	line-height: 2;
	letter-spacing: 0.05em;
}
.top-construced__catch::before {
	position: absolute;
	top: 39%;
	left: 55%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background: url(../img/construced-bar2.webp) center/cover no-repeat;
	content: "";
	width: 116px;
	height: 6px;
	z-index: -1;
}
.top-construced__catch::after {
	position: absolute;
	top: 92%;
	left: 50%;
	-webkit-transform: translate(-58%, -50%);
	transform: translate(-58%, -50%);
	background: url(../img/construced-bar3.webp) center/cover no-repeat;
	content: "";
	width: 506px;
	height: 7px;
	z-index: -1;
}
.top-construced__img {
	margin-top: 3.6111111111rem;
	width: 100%;
	height: 12.5rem;
}
.top-construced__img img {
	width: 100%;
	height: auto;
}
.top-construced__text {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 0 auto;
	background-color: #388e3c;
	width: 100%;
	height: 300px;
	padding: 68px 0;
	line-height: 1.6;
	letter-spacing: 0.05em;
	font-size: 25px;
	color: #fff;
}

/* =====================
    top-strong
===================== */
.top-strong {
	overflow: hidden;
	background-color: #388e3c;
	background-image: url(../img/strong-corol.webp);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
}
.top-strong__wrapper {
	max-width: 920px;
	margin: 0 auto;
	padding: 30px 0 59px;
}
.top-strong__container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	color: #fff;
}
.top-strong__span {
	font-size: 30px;
	display: block;
	margin-top: -9px;
	position: relative;
    z-index: 20;
}
.top-strong__list {
	margin-top: 38px;
	gap: 19.5px;
	letter-spacing: 0.05em;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}
.top-strong__item {
	font-size: 25px;
}
.top-strong__img {
	position: relative;
	z-index: 20;
	width: 315px;
	height: 400px;
}
.top-strong__img img {
	width: 100%;
	height: auto;
}

/* =====================
    top-paint
===================== */
.top-paint {
	overflow: hidden;
	background-color: #388e3c;
}
.top-paint__wrapper {
	max-width: 920px;
	margin: 0 auto;
	padding: 30px 0 60px;
}
.top-paint .c-title::before {
	top: 13%;
	left: 1%;
	content: "Paint";
	color: #388e3c;
}
.top-paint__description {
	padding: 25px 0;
}
.top-paint__container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	color: #fff;
}
.top-paint__span {
	font-size: 30px;
	display: block;
	margin-top: -9px;
	position: relative;
    z-index: 20;
}
.top-paint__text {
	margin-top: 36px;
	font-size: 25px;
	position: relative;
    z-index: 20;
}
.top-paint__other {
	display: block;
	margin-top: 36px;
	text-align: right;
	font-size: 20px;
}
.top-paint__other--span {
	margin-left: 15px;
}
.top-paint__img {
	position: relative;
	z-index: 20;
	width: 489px;
	height: 397px;
}
.top-paint__img img {
	width: 100%;
	height: auto;
}
.top-paint__imgs {
	width: 100%;
	height: 19.7685185185rem;
}
.top-paint__imgs img {
	width: 100%;
	height: auto;
}

/* =====================
    top-flow
===================== */
.top-flow__wrapper {
	max-width: 1200px;
	margin: 0 auto;
	padding: 73px 0;
}
.top-flow__container {
	border: 5px solid #388e3c;
	border-radius: 8px;
	padding: 15px 0 50px;
}
.top-flow__title {
	font-size: 40px;
	text-align: center;
	color: #388e3c;
}
.top-flow__list {
	margin: 20px auto 0;
	gap: 50px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.top-flow__item {
	width: 729px;
	height: 49px;
	text-align: center;
	padding: 5px 0;
	color: #fff;
	background-color: #388e3c;
	border-radius: 22px;
	font-size: 26px;
}
.top-flow__item:last-child::after {
	display: none;
}
.top-flow__item::after {
	content: "";
	display: block;
	background: url(../img/flow-icon.webp) center/cover no-repeat;
	width: 40px;
	height: 24px;
	margin: 23px auto;
}

/* =====================
    top-message
===================== */
.top-message {
	overflow: hidden;
	background: url(../img/message-corolo.webp) center -29px / cover no-repeat;
}
.top-message__wrapper {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 0 80px;
}
.top-message__container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 98px;
}
.top-message__description {
	color: #1e252f;
	width: 600px;
	letter-spacing: 0.03em;
}
.top-message .c-title {
	color: #1e252f;
	line-height: 1.5;
}
.top-message .c-title::before {
	content: "TOP MASSAGE";
	font-size: 115px;
	color: #fff;
	text-shadow: 0 -1px 0 rgba(30, 37, 32, 0.2), -1px 0 0 rgba(30, 37, 32, 0.2), 1px 0 0 rgba(30, 37, 32, 0.2), 0 1px 0 rgba(30, 37, 32, 0.2);
	top: 8%;
	width: 100%;
	white-space: nowrap;
	z-index: -1;
}
.top-message__span {
	display: block;
	font-size: 30px;
	position: relative;
    z-index: 20;
}
.top-message__text {
	margin-top: 20px;
	font-size: 25px;
}
.top-message__text:nth-of-type(2) {
	margin-top: 40px;
}
.top-message__credit {
	text-align: right;
	font-size: 25px;
	margin-top: 25px;
}
.top-message__name--span {
	margin-right: 20px;
}
.top-message__img {
	margin-top: 20px;
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none;
	width: 427px;
	height: 534px;
	position: relative;
    z-index: 20;
}
.top-message__img img {
	width: 100%;
	height: auto;
}

/* =====================
    top-member
===================== */
.top-member {
	overflow: hidden;
	margin-top: -30px;
	background-color: #43a047;
}
.top-member__wrapper {
	position: relative;
	max-width: 1240px;
	margin: 0 auto;
	padding: 74px 0 70px;
}
.top-member__wrapper::before {
	content: "";
	position: absolute;
	top: 3.5%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background: url(../img/member-bar.webp) center/cover no-repeat;
	width: 100%;
	height: 3px;
}
.top-member .c-title {
	text-align: center;
	z-index: 10;
}
.top-member .c-title::before {
	content: "OUR MEMBER";
	font-size: 112px;
	color: #43a047;
	background: none;
	text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.2), -1px 0 0 rgba(255, 255, 255, 0.2), 1px 0 0 rgba(255, 255, 255, 0.2), 0 1px 0 rgba(255, 255, 255, 0.2);
	top: 16%;
	left: -1%;
	width: 100%;
	z-index: -1;
}
.top-member__span {
	display: block;
	color: #fff;
	font-size: 30px;
	text-align: center;
	margin-top: -15px;
	position: relative;
	z-index: 10;
}
.top-member__slider {
	max-width: 1200px;
	margin-top: 46px;
	height: 400px;
}
.top-member .swiper-slide img {
	width: 100%;
	height: auto;
}
.top-member .swiper-pagination {
	top: 91% !important;
}
.top-member .swiper-pagination-bullet {
	width: 12px;
	height: 12px;
	background-color: #f3f4f6;
	opacity: 1;
	margin: 0 18px !important;
	-webkit-transition: background-color 0.3s ease;
	transition: background-color 0.3s ease;
}
.top-member .swiper-pagination-bullet-active {
	background-color: #fdd835;
}

/* =====================
    top-constructed
===================== */
.top-constructed {
	overflow: hidden;
}
.top-constructed__wrapper {
	max-width: 1200px;
	margin: 0 auto;
	padding: 50px 0 102px;
}
.top-constructed .c-title {
	color: #101010;
	text-align: center;
}
.top-constructed .c-title::before {
	content: "CONSTRUCTED";
	color: #fff;
	text-shadow: 0 -1px 0 rgba(33, 33, 33, 0.2), -1px 0 0 rgba(33, 33, 33, 0.2), 1px 0 0 rgba(33, 33, 33, 0.2), 0 1px 0 rgba(33, 33, 33, 0.2);
	font-size: 112px;
}
.top-constructed__span {
	display: block;
	font-size: 30px;
	color: #101010;
	text-align: center;
	-webkit-transform: translateY(-12px);
	transform: translateY(-12px);
	position: relative;
    z-index: 20;
}
.top-constructed__list {
	margin-top: 38px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 35px 26px;
	position: relative;
    z-index: 20;
}
.top-constructed__item {
	width: 382px;
}
.top-constructed__img {
	width: 382px;
	height: 193px;
}
.top-constructed__img img {
	width: 100%;
	height: auto;
}
.top-constructed__content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	color: #000000;
	margin-top: 17px;
	gap: 13px;
}
.top-constructed__icon {
	width: 45px;
	height: 23px;
}
.top-constructed__icon img {
	width: 100%;
	height: auto;
}
.top-constructed__meta {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 9px;
	font-weight: 500;
}
.top-constructed__user {
	margin-right: 5px;
}
.top-constructed__text {
	margin-top: 5px;
}
.top-constructed__text,
.top-constructed__tag {
	font-size: 9px;
	font-weight: 400;
	line-height: 1.8;
}
.top-constructed__insta {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 53px auto 0;
	width: 278px;
	height: 34px;
	background-color: #388e3c;
	color: #fff;
	padding: 5px 0;
	border-radius: 5px;
	font-size: 15px;
	font-weight: 400;
}
.top-constructed__insta::before {
	display: inline-block;
	content: "";
	background: url(../img/constructed-insta.webp) center/cover no-repeat;
	width: 20px;
	height: 20px;
	-webkit-transform: translateX(-12px);
	transform: translateX(-12px);
}

/* =====================
    top-feature
===================== */
.top-feature {
	overflow: hidden;
	background-color: #388e3c;
}
.top-feature__wrapper {
	position: relative;
	max-width: 1200px;
	margin: 0 auto;
	padding: 52px 0 61px;
}
.top-feature .c-title {
	text-align: center;
	z-index: 10;
}
.top-feature .c-title::before {
	content: "FEATURE";
	font-size: 112px;
	color: #388e3c;
	background: none;
	text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.2), -1px 0 0 rgba(255, 255, 255, 0.2), 1px 0 0 rgba(255, 255, 255, 0.2), 0 1px 0 rgba(255, 255, 255, 0.2);
	top: 15.5%;
	left: 0%;
	width: 100%;
	z-index: -1;
}
.top-feature__span {
	display: block;
	color: #fff;
	font-size: 30px;
	text-align: center;
	margin-top: -12px;
	position: relative;
	z-index: 10;
}
.top-feature__list {
	margin-top: 35px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	gap: 56px 31px;
}
.top-feature__item {
	width: 379px;
	height: 574px;
	padding: 13px 20px;
	background-color: #fff;
}
.top-feature__img {
	margin: 0 auto;
	width: 330px;
	height: 227px;
}
.top-feature__img img {
	width: 100%;
	height: auto;
}
.top-feature__subtitle {
	margin-top: 10px;
	font-size: 25px;
	text-align: center;
	color: #388e3c;
}
.top-feature__caption {
	margin-top: 2px;
	font-size: 14px;
	font-weight: 400;
	text-align: center;
	color: #101010;
}
.top-feature__text {
	margin: 0 auto;
	max-width: 330px;
	margin-top: 18px;
	font-size: 15px;
	letter-spacing: 0.07em;
	line-height: 1.65;
	color: #101010;
}

/* =====================
    top-question
===================== */
.top-question {
	overflow: hidden;
	background-color: #e8f5e9;
	/* 開いているときに「-」を表示 */
}
.top-question__wrapper {
	position: relative;
	max-width: 1200px;
	margin: 0 auto;
	padding: 66px 0 80px;
}
.top-question__container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.top-question .c-title {
	z-index: 10;
	color: #101010;
}
.top-question .c-title::before {
	content: "QUESTION";
	font-size: 112px;
	color: #e8f5e9;
	background: none;
	text-shadow: 0 -1px 0 rgba(59, 64, 67, 0.2), -1px 0 0 rgba(59, 64, 67, 0.2), 1px 0 0 rgba(59, 64, 67, 0.2), 0 1px 0 rgba(59, 64, 67, 0.2);
	top: 15%;
	left: 0%;
	width: 100%;
	z-index: -1;
}
.top-question__span {
	display: block;
	color: #101010;
	font-size: 30px;
	margin-top: -12px;
	position: relative;
	z-index: 10;
}
.top-question__list {
	margin-top: 13px;
	position: relative;
	z-index: 30;
	width: 789px;
	background-color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}
.top-question__item {
	border-bottom: 1px solid #f5f2ea;
}
.top-question__question {
	text-align: left;
	width: 100%;
	padding: 17px 20px;
	font-size: 17px;
	color: #3b4043;
	position: relative;
	letter-spacing: 0.03em;
}
.top-question__answer {
	padding: 26px 20px 50px;
	font-size: 17px;
	font-weight: 700;
	color: #3b4043;
	letter-spacing: 0.09em;
}
.top-question__q,
.top-question__a {
	margin-right: 19px;
}
.top-question__icon::after {
	content: "";
	background: url(../img/question-icon.webp) center/cover no-repeat;
	width: 0.4939796233rem;
	height: 0.6792219821rem;
	display: inline-block;
	margin-left: 8px;
	font-weight: bold;
	font-size: 20px;
	vertical-align: middle;
	margin-left: auto;
	position: absolute;
	top: 50%;
	left: 95%;
	-webkit-transform: translateY(-9%);
	transform: translateY(-9%);
}
.top-question .top-question__question[aria-expanded="true"] .top-question__icon::after {
	content: "ー";
	font-size: 10px;
	background: initial;
}
.top-question .top-question__question[aria-expanded="true"] {
	border-bottom: 1px solid #f5f2ea;
}
.top-question__img {
	width: 100%;
	height: 20.0462962963rem;
}
.top-question__img img {
	width: 100%;
	height: auto;
}

/* =====================
    top-column
===================== */
.top-column {
	overflow: hidden;
}
.top-column__wrapper {
	position: relative;
	max-width: 1200px;
	margin: 0 auto;
	padding: 53px 0 116px;
}
.top-column__container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.top-column .c-title {
	z-index: 10;
	color: #101010;
}
.top-column .c-title::before {
	content: "COLUMN";
	font-size: 112px;
	color: #fff;
	background: none;
	text-shadow: 0 -1px 0 rgba(59, 64, 67, 0.2), -1px 0 0 rgba(59, 64, 67, 0.2), 1px 0 0 rgba(59, 64, 67, 0.2), 0 1px 0 rgba(59, 64, 67, 0.2);
	top: 15.5%;
	left: 0%;
	width: 100%;
	z-index: -1;
}
.top-column__span {
	display: block;
	color: #101010;
	font-size: 30px;
	margin-top: -12px;
	position: relative;
	z-index: 10;
}
.top-column__content {
	margin-top: 20px;
}
.top-column__subtitle {
	font-size: 30px;
	text-align: right;
	color: #004d40;
	position: relative;
	z-index: 20;
}
.top-column__list {
	position: relative;
	z-index: 20;
	margin-top: 30px;
	width: 809px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}
.top-column__link {
	display: block;
	border-top: 1px solid #004d40;
	width: 100%;
	height: 123px;
}
.top-column__heading {
	position: relative;
	font-size: 15px;
	color: #004d40;
	padding: 10px 20px 8px;
	background-color: #fff;
}
.top-column__heading::after {
	position: absolute;
	display: block;
	content: "";
	background: url(../img/question-icon.webp) center/cover no-repeat;
	width: 0.2599935002rem;
	height: 0.3574910627rem;
	margin-left: auto;
	left: 97.5%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.top-column__excerpt {
	background-color: #e8f5e9;
	font-size: 15px;
	font-weight: 400;
	color: #004d40;
	padding: 8px 20px;
}

/* =====================
    top-company
===================== */
.top-company {
	overflow: hidden;
	background-color: #388e3c;
}
.top-company__wrapper {
	position: relative;
	max-width: 1200px;
	margin: 0 auto;
	padding: 53px 0 70px;
}
.top-company__container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.top-company__description {
	color: #fff;
	width: 644px;
}
.top-company .c-title {
	z-index: 10;
	color: #fff;
}
.top-company .c-title::before {
	content: "COMPANY";
	font-size: 112px;
	color: #388e3c;
	background: none;
	text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.2), -1px 0 0 rgba(255, 255, 255, 0.2), 1px 0 0 rgba(255, 255, 255, 0.2), 0 1px 0 rgba(255, 255, 255, 0.2);
	top: 15%;
	left: 0%;
	width: 100%;
	z-index: -1;
}
.top-company__span {
	display: block;
	font-size: 30px;
	margin-top: -12px;
	position: relative;
	z-index: 10;
}
.top-company__subtitle {
	margin-top: 20px;
	font-size: 30px;
}
.top-company__profile {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 15px;
	margin-top: 20px;
	font-size: 18px;
}
.top-company__item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border-bottom: 1px solid #FFF;
	padding-bottom: 15px;
}
.top-company__post {
	margin-right: 25px;
}
.top-company__term {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}
.top-company__desc {
	-webkit-box-flex: 3.6;
	-ms-flex: 3.6;
	flex: 3.6;
}
.top-company__desc a {
	color: #FFF!important;
}
.top-company__map {
	z-index: 20;
	width: 528px;
	height: auto;
}
.top-company__map p {
	color: #FFF;
	font-size: 25px;
	margin-bottom: 10px;
}
.top-company__map iframe {
	width: 100%;
    height: 500px;
	margin-bottom: 10px;
}

/* =====================
    top-merit
===================== */
.top-merit__wrapper {
	max-width: 1200px;
	margin: 0 auto;
	padding: 50px 0 0;
}
.top-merit__logo {
	margin: 0 auto;
	width: 266px;
	height: 92px;
}
.top-merit__logo img {
	width: 100%;
	height: auto;
}
.top-merit__title {
	margin-top: 10px;
	text-align: center;
	font-size: 48px;
	color: #388e3c;
}
.top-merit__title--strong {
	font-size: 53px;
}
.top-merit__subtitle {
	display: block;
	text-align: center;
	font-size: 32px;
	color: #000;
}
.top-merit__text {
	margin-top: 37px;
	font-size: 25px;
	color: #000;
	font-weight: 400;
}
.top-merit__container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: 60px;
}
.top-merit__catch {
	font-size: 25px;
	color: #388e3c;
}
.top-merit__movie {
	width: 575px;
	height: 308px;
	margin-top: 17px;
}
.top-merit__list {
	margin-top: 10px;
	width: 575px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 8px 7px;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.top-merit__item {
	width: 284px;
	height: 143px;
}
.top-merit__movie a:hover,
.top-merit__item a:hover,
.top-merit__urea a:hover,
.top-merit__img2 a:hover,
.top-merit__img3 a:hover {
	opacity: 0.6;
}
.top-merit__item img {
	width: 100%;
	height: auto;
}
.top-merit__urea {
	width: 578px;
	height: 257px;
	margin-top: 17px;
}
.top-merit__urea img {
	width: 100%;
	height: auto;
}
.top-merit__right .top-merit__catch:nth-of-type(2) {
	margin: 44px 0 0 24px;
}
.top-merit__img2 {
	margin-top: 10px;
	width: 574px;
	height: 124px;
}
.top-merit__img2 img {
	width: 100%;
	height: auto;
}
.top-merit__img3 {
	margin-top: 7px;
	width: 578px;
	height: 300px;
}
.top-merit__img3 img {
	width: 100%;
	height: auto;
}

/* =====================
    top-footer
===================== */
.top-footer__wrapper {
	max-width: 1200px;
	margin: 0 auto;
	padding: 50px 0 18px;
}
.top-footer__connection {
	display: block;
	font-size: 30px;
	color: #101010;
}
.top-footer__privacy {
	display: block;
	font-size: 30px;
	color: #101010;
	margin-top: 20px;
}
.top-footer__logo {
	margin: 52px auto 0;
	width: 266px;
	height: 92px;
}
.top-footer__logo img {
	width: 100%;
	height: auto;
}
.top-footer__copy {
	border-top: 1px solid #707070;
	margin-top: 10px;
	padding: 12px 0;
	text-align: center;
	font-size: 25px;
	color: #101010;
	font-weight: 400;
}

@media screen and (max-width: 1440px) {
	.c-title {
		font-size: 3.7048471751rem;
	}
	.c-title::before {
		font-size: 7.1009570855rem;
	}
	/* =====================
      top-construced
  ===================== */
	.top-construced__title {
		margin-top: 5.8042605743rem;
		font-size: 2.6551404755rem;
	}
	.top-construced__title::before {
		width: 47.6690336524rem;
		height: 10.1883297314rem;
	}
	.top-construced__title::after {
		width: 36.5544921272rem;
		height: 0.8027168879rem;
	}
	.top-construced__catch {
		margin-top: 3.7048471751rem;
		font-size: 1.5436863229rem;
	}
	.top-construced__catch::before {
		width: 7.1627045384rem;
		height: 0.3704847175rem;
	}
	.top-construced__catch::after {
		width: 31.2442111763rem;
		height: 0.4322321704rem;
	}
	.top-construced__text {
		height: 18.5242358753rem;
		padding: 4.1988267984rem 0;
		font-size: 1.5436863229rem;
	}
	.top-about__wrapper {
		max-width: 77.8017906761rem;
		margin: 0 auto;
		padding: 4.507564063rem 0 6.4834825563rem;
	}
	.top-about__title {
		font-size: 2.6551404755rem;
	}
	.top-about__container {
		margin-top: 4.6310589688rem;
		gap: 1.6054337759rem;
	}
	.top-about__container:nth-of-type(2) .top-about__inner {
		max-width: 77.8017906761rem;
		padding: 5.0632911392rem 0 6.4834825563rem;
		gap: 1.6054337759rem;
	}
	.top-about__container:nth-of-type(2) .top-about__img {
		width: 42.2970052485rem;
		height: 26.1191725841rem;
	}
	.top-about__container:nth-of-type(2) .top-about__img::after {
		top: 85%;
		left: -13%;
		width: 10.8058042606rem;
		height: 5.3720284038rem;
	}
	.top-about__container:nth-of-type(2) .c-btn {
		margin: 3.4578573634rem 0 0 7.9654214264rem;
	}
	.top-about__img {
		width: 42.2970052485rem;
		height: 23.5875270145rem;
	}
	.top-about__img::after {
		top: 79%;
		left: 84%;
		width: 14.6958937944rem;
		height: 6.1129978388rem;
	}
	.top-about__subtitle {
		font-size: 2.4698981167rem;
	}
	.top-about__text {
		margin-top: 1.0497066996rem;
		font-size: 1.3584439642rem;
	}
	.top-about .c-btn {
		margin: 2.0994133992rem 0 0 6.3599876505rem;
	}
	/* =====================
      top-strong
  ===================== */
	.top-strong__wrapper {
		max-width: 56.8076566842rem;
		padding: 1.8524235875rem 0 3.7048471751rem;
	}
	.top-strong__span {
		font-size: 1.8524235875rem;
		margin-top: -0.5557270763rem;
	}
	.top-strong__list {
		margin-top: 2.3464032109rem;
		gap: 1.2040753319rem;
	}
	.top-strong__item {
		font-size: 1.5436863229rem;
	}
	.top-strong__img {
		width: 19.450447669rem;
		height: 24.698981167rem;
	}
	/* =====================
      top-paint
  ===================== */
	.top-paint__wrapper {
		max-width: 56.8076566842rem;
		padding: 1.8524235875rem 0 3.7048471751rem;
	}
	.top-paint__description {
		padding: 1.5436863229rem 0;
	}
	.top-paint__span {
		font-size: 1.8524235875rem;
		margin-top: -0.5557270763rem;
	}
	.top-paint__text {
		margin-top: 2.222908305rem;
		font-size: 1.5436863229rem;
	}
	.top-paint__other {
		margin-top: 2.222908305rem;
		font-size: 1.2349490584rem;
	}
	.top-paint__other--span {
		margin-left: 0.9262117938rem;
	}
	.top-paint__img {
		width: 30.1945044767rem;
		height: 24.5137388083rem;
	}
	/* =====================
      top-flow
  ===================== */
	.top-flow__wrapper {
		max-width: 74.0969435011rem;
		padding: 4.507564063rem 0;
	}
	.top-flow__container {
		border: 0.3087372646rem solid #388e3c;
		border-radius: 0.4939796233rem;
		padding: 0.9262117938rem 0 3.0873726459rem;
	}
	.top-flow__title {
		font-size: 2.4698981167rem;
	}
	.top-flow__list {
		margin: 1.2349490584rem auto 0;
		gap: 3.0873726459rem;
	}
	.top-flow__item {
		width: 45.0138931769rem;
		height: 3.025625193rem;
		padding: 0.3087372646rem 0;
		border-radius: 1.3584439642rem;
		font-size: 1.6054337759rem;
	}
	.top-flow__item::after {
		width: 2.4698981167rem;
		height: 1.48193887rem;
		margin: 1.4201914171rem auto;
	}
	/* =====================
      top-message
  ===================== */
	.top-message {
		background: url(../img/message-corolo.webp) center -1.7906761346rem / cover no-repeat;
	}
	.top-message__wrapper {
		max-width: 74.0969435011rem;
		padding: 0 0 4.9397962334rem;
	}
	.top-message__container {
		gap: 6.0512503859rem;
	}
	.top-message__description {
		width: 37.0484717505rem;
	}
	.top-message .c-title::before {
		font-size: 7.1009570855rem;
		top: 8%;
	}
	.top-message__span {
		font-size: 1.8524235875rem;
	}
	.top-message__text {
		margin-top: 1.2349490584rem;
		font-size: 1.5436863229rem;
	}
	.top-message__text:nth-of-type(2) {
		margin-top: 2.4698981167rem;
	}
	.top-message__credit {
		font-size: 1.5436863229rem;
		margin-top: 1.5436863229rem;
	}
	.top-message__name--span {
		margin-right: 1.2349490584rem;
	}
	.top-message__img {
		margin-top: 1.2349490584rem;
		width: 26.3661623958rem;
		height: 32.973139858rem;
	}
	/* =====================
      member
  ===================== */
	.top-member {
		margin-top: -1.8524235875rem;
	}
	.top-member__wrapper {
		max-width: 76.5668416178rem;
		padding: 4.5693115159rem 0 4.3223217042rem;
	}
	.top-member__wrapper::before {
		height: 0.1852423588rem;
	}
	.top-member .c-title::before {
		font-size: 6.9157147268rem;
	}
	.top-member__span {
		font-size: 1.8524235875rem;
		margin-top: -0.9262117938rem;
	}
	.top-member__slider {
		max-width: 74.0969435011rem;
		margin-top: 2.8403828342rem;
		height: 24.698981167rem;
	}
	.top-member .swiper-pagination-bullet {
		width: 0.740969435rem;
		height: 0.740969435rem;
		margin: 0 1.1114541525rem !important;
	}
	/* =====================
     top-constructed
  ===================== */
	.top-constructed__wrapper {
		max-width: 74.0969435011rem;
		padding: 3.0873726459rem 0 6.2982401976rem;
	}
	.top-constructed .c-title::before {
		font-size: 6.9157147268rem;
	}
	.top-constructed__span {
		font-size: 1.8524235875rem;
		-webkit-transform: translateY(-0.740969435rem);
		transform: translateY(-0.740969435rem);
	}
	.top-constructed__list {
		margin-top: 2.3464032109rem;
		gap: 2.4698981167rem 1.6054337759rem;
	}
	.top-constructed__item {
		width: 23.5875270145rem;
	}
	.top-constructed__img {
		width: 23.5875270145rem;
		height: 11.9172584131rem;
	}
	.top-constructed__content {
		margin-top: 1.0497066996rem;
		gap: 0.8027168879rem;
	}
	.top-constructed__icon {
		width: 2.7786353813rem;
		height: 1.4201914171rem;
	}
	.top-constructed__meta {
		font-size: 0.5557270763rem;
	}
	.top-constructed__user {
		margin-right: 0.3087372646rem;
	}
	.top-constructed__text {
		margin-top: 0.3087372646rem;
	}
	.top-constructed__text,
	.top-constructed__tag {
		font-size: 0.5557270763rem;
	}
	.top-constructed__insta {
		margin: 3.2726150046rem auto 0;
		width: 17.1657919111rem;
		height: 2.0994133992rem;
		padding: 0.3087372646rem 0;
		border-radius: 0.3087372646rem;
		font-size: 0.9262117938rem;
	}
	.top-constructed__insta::before {
		width: 1.2349490584rem;
		height: 1.2349490584rem;
		-webkit-transform: translateX(-0.740969435rem);
		transform: translateX(-0.740969435rem);
	}
	/* =====================
     	top-feature
  	===================== */
	.top-feature__wrapper {
		max-width: 74.0969435011rem;
		padding: 3.2108675517rem 0 3.766594628rem;
	}
	.top-feature .c-title::before {
		font-size: 6.9157147268rem;
	}
	.top-feature__span {
		font-size: 1.8524235875rem;
		margin-top: -0.740969435rem;
	}
	.top-feature__list {
		margin-top: 2.1611608521rem;
		gap: 3.4578573634rem 1.9141710404rem;
	}
	.top-feature__item {
		width: 23.4022846558rem;
		height: 35.4430379747rem;
		padding: 0.8027168879rem 1.2349490584rem;
	}
	.top-feature__img {
		width: 20.3766594628rem;
		height: 14.0166718123rem;
	}
	.top-feature__subtitle {
		margin-top: 0.6174745292rem;
		font-size: 1.5436863229rem;
	}
	.top-feature__caption {
		margin-top: 0.1234949058rem;
		font-size: 0.8644643408rem;
	}
	.top-feature__text {
		max-width: 20.3766594628rem;
		margin-top: 1.1114541525rem;
		font-size: 0.9262117938rem;
	}
	/* =====================
  	top-question
  ===================== */
	.top-question__wrapper {
		padding: 4.0753318926rem 0 4.9397962334rem;
		max-width: 74.0969435011rem;
	}
	.top-question .c-title::before {
		font-size: 6.9157147268rem;
	}
	.top-question__span {
		font-size: 1.8524235875rem;
		margin-top: -0.740969435rem;
	}
	.top-question__list {
		margin-top: 0.8027168879rem;
		width: 48.718740352rem;
	}
	.top-question__question {
		padding: 1.0497066996rem 1.2349490584rem;
		font-size: 1.0497066996rem;
	}
	.top-question__answer {
		padding: 1.6054337759rem 1.2349490584rem 3.0873726459rem;
		font-size: 1.0497066996rem;
	}
	.top-question__q,
	.top-question__a {
		margin-right: 1.1732016054rem;
	}
	.top-question__icon::after {
		font-size: 1.2349490584rem;
		-webkit-transform: translateY(-9%);
		transform: translateY(-9%);
	}
	.top-question .top-question__question[aria-expanded="true"] .top-question__icon::after {
		font-size: 0.6174745292rem;
	}
	/* =====================
  	top-column
  ===================== */
	.top-column__wrapper {
		padding: 3.2726150046rem 0 7.1627045384rem;
		max-width: 74.0969435011rem;
	}
	.top-column .c-title::before {
		font-size: 6.9157147268rem;
	}
	.top-column__span {
		font-size: 1.8524235875rem;
		margin-top: -0.740969435rem;
	}
	.top-column__content {
		margin-top: 1.2349490584rem;
	}
	.top-column__subtitle {
		font-size: 1.8524235875rem;
	}
	.top-column__list {
		margin-top: 1.8524235875rem;
		width: 49.9536894103rem;
	}
	.top-column__link {
		height: 7.5949367089rem;
	}
	.top-column__heading {
		font-size: 0.9262117938rem;
		padding: 0.6174745292rem 1.2349490584rem 0.4939796233rem;
	}
	.top-column__heading::after {
		width: 0.4939796233rem;
		height: 0.6792219821rem;
	}
	.top-column__excerpt {
		font-size: 0.9262117938rem;
		padding: 0.4939796233rem 1.2349490584rem;
	}
	/* =====================
  	top-company
  ===================== */
	.top-company__wrapper {
		max-width: 74.0969435011rem;
		padding: 3.2726150046rem 0 4.3223217042rem;
	}
	.top-company__description {
		width: 39.7653596789rem;
	}
	.top-company .c-title::before {
		font-size: 6.9157147268rem;
	}
	.top-company__span {
		font-size: 1.8524235875rem;
		margin-top: -0.740969435rem;
	}
	.top-company__subtitle {
		margin-top: 1.2349490584rem;
		font-size: 1.8524235875rem;
	}
	.top-company__profile {
		gap: 0.9262117938rem;
		margin-top: 1.2349490584rem;
		font-size: 1.12rem;
	}
	.top-company__item {
		padding-bottom: 0.9262117938rem;
	}
	.top-company__post {
		margin-right: 1.5436863229rem;
	}
	.top-company__map {
		margin-top: 0.6174745292rem;
		width: 32.6026551405rem;
		height: auto;
	}
	.top-company__map iframe {
		height: 30.9354739117rem;
	}
	.top-company__map p {
		font-size: 1.5436863229rem;
		margin-bottom: 0.4631058969rem;
	}
	/* =====================
  	top-merit
  ===================== */
	/* =====================
      top-merit
  ===================== */
	.top-merit__wrapper {
		max-width: 74.0969435011rem;
		margin: 0 auto;
		padding: 3.0873726459rem 0 0rem;
	}
	.top-merit__logo {
		margin: 0 auto;
		width: 16.4248224761rem;
		height: 5.6807656684rem;
	}
	.top-merit__title {
		margin-top: 0.6174745292rem;
		font-size: 2.96387774rem;
	}
	.top-merit__title--strong {
		font-size: 3.2726150046rem;
	}
	.top-merit__subtitle {
		font-size: 1.9759184934rem;
	}
	.top-merit__text {
		margin-top: 2.2846557579rem;
		font-size: 1.5436863229rem;
	}
	.top-merit__container {
		margin-top: 3.7048471751rem;
	}
	.top-merit__catch {
		font-size: 1.5436863229rem;
	}
	.top-merit__movie {
		width: 35.5047854276rem;
		height: 19.0182154986rem;
		margin-top: 1.0497066996rem;
	}
	.top-merit__list {
		margin-top: 0.6174745292rem;
		width: 35.5047854276rem;
		gap: 0.4939796233rem 0.4322321704rem;
	}
	.top-merit__item {
		width: 17.5362766286rem;
		height: 8.8298857672rem;
	}
	.top-merit__urea {
		width: 35.6900277864rem;
		height: 15.8690953998rem;
		margin-top: 1.0497066996rem;
	}
	.top-merit__right .top-merit__catch:nth-of-type(2) {
		margin: 2.7168879284rem 0 0 1.48193887rem;
	}
	.top-merit__img2 {
		margin-top: 0.6174745292rem;
		width: 35.4430379747rem;
		height: 7.6566841618rem;
	}
	.top-merit__img3 {
		margin-top: 0.4322321704rem;
		width: 35.6900277864rem;
		height: 18.5242358753rem;
	}
	/* =====================
  	top-footer
  ===================== */
	.top-footer__wrapper {
		max-width: 74.0969435011rem;
		padding: 3.0873726459rem 0 1.1114541525rem;
	}
	.top-footer__connection {
		font-size: 1.8524235875rem;
	}
	.top-footer__privacy {
		font-size: 1.8524235875rem;
		margin-top: 1.2349490584rem;
	}
	.top-footer__logo {
		margin: 3.2108675517rem auto 0;
		width: 16.4248224761rem;
		height: 5.6807656684rem;
	}
	.top-footer__copy {
		margin-top: 0.6174745292rem;
		padding: 0.740969435rem 0;
		font-size: 1.5436863229rem;
	}
}
@media screen and (max-width: 750px) {
	html {
		font-size: 7.818vw;
	}
	.sp-block {
		display: block;
	}
	.sp-none {
		display: none;
	}
	.c-title {
		line-height: 1.624959376rem;
		font-size: 0.9749756256rem;
		height: 4.2248943776rem;
		overflow: hidden;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		padding-left: 0.6499837504rem;
	}
	.c-title::before {
		font-size: 3.7374065648rem;
		top: 41%;
		left: 0;
	}
	@-webkit-keyframes slide-across-vw {
		0% {
			left: 100vw;
		}
		100% {
			left: -140vw;
		}
	}
	@keyframes slide-across-vw {
		0% {
			left: 100vw;
		}
		100% {
			left: -140vw;
		}
	}
	/* =====================
  	top-header
  ===================== */
	.top-header {
		position: fixed;
		width: 100%;
		z-index: 9999;
		background-color: #fff;
	}
	.top-header.is-fixed .top-header__logo {
		width: 1.624959376rem;
		height: 1.5924601885rem;
	}
	.top-header__container {
		max-width: 62.398440039rem;
		margin: 0rem auto;
		padding: 0.3249918752rem 0.6499837504rem 0.1624959376rem;
	}
	.top-header.header-bg {
		background-color: #fff;
	}
	.top-header.header-bg .top-header__bar {
		background-color: #273470;
	}
	.top-header__cta {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: end;
		-ms-flex-align: end;
		align-items: flex-end;
	}
	.top-header__tel {
		font-size: 0.4224894378rem;
		vertical-align: middle;
	}
	.top-header__tel--icon {
		margin-right: 0.0974975626rem;
	}
	.top-header__time,
	.top-header__address {
		font-size: 0.2274943126rem;
		-webkit-transform: translateY(0rem);
		transform: translateY(0rem);
	}
	.top-header__logo {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
		margin: 0;
		width: 3.0874228144rem;
		height: 1.0724731882rem;
	}
	.top-header__logo picture {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	.top-header__nav {
		display: none;
	}
	.top-header__list {
		padding-right: 0rem;
		border-bottom: none;
		gap: 0.9749756256rem;
	}
	.top-header__item a {
		font-size: 0.4874878128rem;
		padding: 0.3249918752rem 0.3249918752rem;
		opacity: 0;
		-webkit-transform: translateY(20px);
		transform: translateY(20px);
		-webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
		transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
		transition: opacity 0.5s ease, transform 0.5s ease;
		transition: opacity 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease;
	}
	.top-header__icon {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		display: none;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-ms-flex-pack: distribute;
		justify-content: space-around;
		cursor: pointer;
		width: 1.1374715632rem;
		height: 1.0724731882rem;
		margin: 0;
		margin-right: 0.4549886253rem;
		z-index: 5000;
	}
	.top-header__icon .top-header__bar {
		width: 100%;
		background-color: #fff;
		height: 0.064998375rem;
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
		-webkit-transform-origin: center;
		transform-origin: center;
	}
	.top-header__icon.open .top-header__bar:nth-child(1) {
		-webkit-transform: rotate(45deg) translate(0.2437439064rem, 0.2437439064rem);
		transform: rotate(45deg) translate(0.2437439064rem, 0.2437439064rem);
	}
	.top-header__icon.open .top-header__bar:nth-child(2) {
		opacity: 0;
	}
	.top-header__icon.open .top-header__bar:nth-child(3) {
		-webkit-transform: rotate(-45deg) translate(0.2437439064rem, -0.2437439064rem);
		transform: rotate(-45deg) translate(0.2437439064rem, -0.2437439064rem);
	}
	.top-header__menu {
		position: fixed;
		width: 100vw;
		height: calc(100vh - 3.0874228144rem);
		top: 3.0874228144rem;
		left: 0;
		background-color: rgba(31, 70, 145, 0.9);
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%);
		opacity: 0;
		-webkit-transition: opacity 0.3s ease, -webkit-transform 0.5s ease;
		transition: opacity 0.3s ease, -webkit-transform 0.5s ease;
		transition: transform 0.5s ease, opacity 0.3s ease;
		transition: transform 0.5s ease, opacity 0.3s ease, -webkit-transform 0.5s ease;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		pointer-events: none;
	}
	.top-header__menu.show {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
		pointer-events: auto;
	}
	.top-header__menu.show .top-header__item a {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
		-webkit-transition-delay: 0.2s;
		transition-delay: 0.2s;
	}
	.top-header__menu .top-header__list {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		padding: 0.9749756256rem 0;
	}
	.top-header__menu .top-header__item a {
		color: #fff;
	}
	/* =====================
  	top-mv
  ===================== */
	.top-mv {
		padding-top: 1.7549561261rem;
	}
	.top-mv__container {
		gap: 0;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.top-mv__catch {
		position: absolute;
		top: 33.2%;
		left: 5%;
		z-index: 10;
	}
	.top-mv__subtitle {
		font-size: 0.3249918752rem;
	}
	.top-mv__title {
		font-size: 0.9749756256rem;
		line-height: 1.4;
	}
	.top-mv__text {
		-webkit-transform: translateY(0.6499837504rem);
		transform: translateY(0.6499837504rem);
		font-size: 0.3249918752rem;
	}
	.top-mv__text__number {
		font-size: 0.3249918752rem;
		margin-top: 0.8rem;
	}
	.top-mv__img {
		margin-left: auto;
		position: relative;
		width: 7.1498212545rem;
		height: 23.7894052649rem;
	}
	.top-mv__scroll {
		display: none;
	}
	.top-mv__cta {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		top: calc(71% + 10px);
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		width: 100%;
	}
	.top-mv__cta.is-fixed {
		top: 63%;
		top: calc(63% + 10px);
		left: 50%;
	}
	.top-mv__line {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
		width: 10.2697432564rem;
		height: 1.7874553136rem;
		border-radius: 1.0074748131rem;
		font-size: 0.5524861878rem;
		margin: 0.3899902502rem auto 0;
		font-size: 0.5524861878rem;
		gap: 0.3249918752rem;
	}
	.top-mv__line::before {
		width: 1.6899577511rem;
		height: 1.6899577511rem;
		margin-left: -1.0399740006rem;
	}
	.top-mv__line--span {
		display: none;
	}
	.top-mv__icons {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		margin: 0 0 0 auto;
		gap: 0.3249918752rem;
	}
	.top-mv__insta,
	.top-mv__tel {
		width: 1.9499512512rem;
		height: 1.9499512512rem;
	}
	/* =====================
  	top-construced
  ===================== */
	.top-construced__title {
		margin-top: 1.1699707507rem;
		font-size: 0.812479688rem;
		font-size: 0.7rem;
		overflow: hidden;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		width: 100%;
		height: 3.1199220019rem;
	}
	.top-construced__title::before {
		width: 14.5596360091rem;
		height: 3.1199220019rem;
	}
	.top-construced__title::after {
		top: 62%;
		width: 11.1147221319rem;
		width: 13.1147221319rem;
		height: 0.2599935002rem;
		background: url(../img/construced-bar-sp.webp) center/cover no-repeat;
	}
	.top-construced__catch {
		margin-top: 0.4224894378rem;
		font-size: 0.4874878128rem;
	}
	.top-construced__catch::before {
		left: 62%;
		width: 2.1774455639rem;
		height: 0.1299967501rem;
		background: url(../img/construced-bar2-sp.webp) center/cover no-repeat;
	}
	.top-construced__catch::after {
		top: 90%;
		left: 48.5%;
		width: 9.4897627559rem;
		height: 0.1299967501rem;
		background: url(../img/construced-bar3-sp.webp) center/cover no-repeat;
	}
	.top-construced__img {
		margin-top: 2.7949301267rem;
		height: 3.6724081898rem;
	}
	.top-construced__text {
		height: 6.4998375041rem;
		padding: 0.4549886253rem 0 1.624959376rem;
		font-size: 0.4549886253rem;
		line-height: 2.5;
	}
	/* =====================
      top-strong
  ===================== */
	.top-strong__wrapper {
		padding: 0.2274943126rem 0 0.9749756256rem;
	}
	.top-strong__container {
		position: relative;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.top-strong__span {
		font-size: 0.4874878128rem;
		margin-top: -1.4299642509rem;
		position: absolute;
		top: 38%;
		left: 5%;
		z-index: 10;
	}
	.top-strong__list {
		margin-top: 0.7149821254rem;
		gap: 0.3899902502rem;
		letter-spacing: 0;
		position: absolute;
		top: 32%;
		left: 5%;
		z-index: 20;
	}
	.top-strong__item {
		font-size: 0.4224894378rem;
	}
	.top-strong__img {
		position: relative;
		z-index: 10;
		margin: 1.3324666883rem 0 0 auto;
		width: 5.622359441rem;
		height: 9.619759506rem;
	}
	/* =====================
      top-paint
  ===================== */
	.top-paint__wrapper {
		padding: 1.2024699383rem 0 1.8524536887rem;
		overflow: hidden;
	}
	.top-paint__container {
		position: relative;
	}
	.top-paint .c-title {
		position: relative;
		height: auto;
		padding-left: 0;
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
		overflow: visible;
	}
	.top-paint .c-title::before {
		top: 20%;
		left: -47%;
	}
	.top-paint__description {
		padding: 0.812479688rem 0.6824829379rem 0 0;
	}
	.top-paint__span {
		position: relative;
		z-index: 20;
		font-size: 0.4874878128rem;
		margin-top: -0.2274943126rem;
	}
	.top-paint__text {
		letter-spacing: 0;
		line-height: 1.9;
		margin-top: 0.5849853754rem;
		font-size: 0.4224894378rem;
	}
	.top-paint__other {
		margin-top: 0.2274943126rem;
		font-size: 0.2924926877rem;
	}
	.top-paint__other--span {
		margin-left: 0.2599935002rem;
	}
	.top-paint__img {
		position: relative;
		z-index: 20;
		width: 5.622359441rem;
		height: 9.619759506rem;
	}
	.top-paint__imgs {
		height: 7.8648033799rem;
		background: url(../img/construced-bar3-sp.webp) center/cover no-repeat;
	}
	/* =====================
      top-flow
  ===================== */
	.top-flow__wrapper {
		max-width: 11.4722131947rem;
		padding: 1.4624634384rem 0;
	}
	.top-flow__container {
		border: 0.1624959376rem solid #388e3c;
		border-radius: 0.2599935002rem;
		padding: 1.2024699383rem 0 2.2749431264rem;
	}
	.top-flow__title {
		font-size: 0.812479688rem;
	}
	.top-flow__list {
		margin: 0.6499837504rem auto 0;
		gap: 0.877478063rem;
	}
	.top-flow__item {
		width: 8.7097822554rem;
		height: 1.4299642509rem;
		padding: 0.2274943126rem 0;
		border-radius: 0.7149821254rem;
		font-size: 0.6499837504rem;
	}
	.top-flow__item::after {
		width: 0.6499837504rem;
		height: 0.5524861878rem;
		margin: 0.4874878128rem auto;
		background: url(../img/flow-icon-sp.webp) center/cover no-repeat;
	}
	/* =====================
  	top-message
  ===================== */
	.top-message {
		overflow: hidden;
		background: url(../img/message-corolo-sp.webp) center 1.0399740006rem / cover no-repeat;
	}
	.top-message__wrapper {
		max-width: 11.4722131947rem;
		padding: 0.1624959376rem 0 1.2999675008rem;
	}
	.top-message__container {
		gap: 0rem;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.top-message__description {
		width: -webkit-fit-content;
		width: -moz-fit-content;
		width: fit-content;
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
		letter-spacing: 0;
	}
	.top-message .c-title {
		position: relative;
		padding-left: 0;
		height: 3.249918752rem;
		overflow: visible;
	}
	.top-message .c-title::before {
		font-size: 3.7374065648rem;
		top: 14%;
		left: -7%;
	}
	@-webkit-keyframes slide-across-vw2 {
		0% {
			left: 100vw;
		}
		100% {
			left: -220vw;
		}
	}
	@keyframes slide-across-vw2 {
		0% {
			left: 100vw;
		}
		100% {
			left: -220vw;
		}
	}
	.top-message__span {
		font-size: 0.4874878128rem;
		margin-top: -0.9099772506rem;
		position: relative;
		z-index: 20;
	}
	.top-message__text {
		margin-top: 0.812479688rem;
		font-size: 0.4224894378rem;
		line-height: 1.9;
	}
	.top-message__text:nth-of-type(2) {
		margin-top: 0.8449788755rem;
	}
	.top-message__credit {
		font-size: 0.4224894378rem;
		margin-top: 0.877478063rem;
	}
	.top-message__name {
		margin-top: 0.1949951251rem;
	}
	.top-message__name--span {
		margin-right: 0.4549886253rem;
	}
	.top-message__img {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
		margin-top: 0.877478063rem;
		width: 11.4722131947rem;
		height: 9.7822554436rem;
	}
	/* =====================
  	member
  ===================== */
	.top-member {
		overflow: hidden;
		margin-top: -0.9749756256rem;
	}
	.top-member__wrapper {
		max-width: 40.2989925252rem;
		padding: 2.0149496263rem 0 1.0399740006rem;
	}
	.top-member__wrapper::before {
		background: url(../img/member-bar-sp.webp) center/cover no-repeat;
		height: 0.0324991875rem;
		width: 10.8222294443rem;
		top: 3%;
	}
	.top-member .c-title {
		position: relative;
		height: auto;
		padding-left: 0.6499837504rem;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		overflow: visible;
	}
	.top-member .c-title::before {
		top: 28%;
		left: 0%;
		white-space: nowrap;
		font-size: 3.6399090023rem;
	}
	.top-member__span {
		font-size: 0.4874878128rem;
		margin: -0.1949951251rem 0 0 0.6174845629rem;
		text-align: left;
	}
	.top-member .sp-block {
		display: inline-block;
		margin-right: 5px;
	}
	.top-member__slider {
		max-width: 38.9990250244rem;
		margin-top: 1.0074748131rem;
		height: 9.0997725057rem;
	}
	.top-member .swiper-pagination {
		top: 85% !important;
	}
	.top-member .swiper-pagination-bullet {
		width: 0.2924926877rem;
		height: 0.2924926877rem;
		margin: 0 0.3899902502rem !important;
	}
	/* =====================
     top-constructed
  ===================== */
	.top-constructed {
		overflow: hidden;
	}
	.top-constructed__wrapper {
		max-width: 11.4722131947rem;
		padding: 2.1124471888rem 0 1.9824504387rem;
	}
	.top-constructed .c-title {
		position: relative;
		height: auto;
		padding-left: 0rem;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		overflow: visible;
	}
	.top-constructed .c-title::before {
		font-size: 3.6399090023rem;
		top: 12%;
		left: -5%;
	}
	.top-constructed__span {
		font-size: 0.4874878128rem;
		-webkit-transform: translateY(-0.0974975626rem);
		transform: translateY(-0.0974975626rem);
		text-align: left;
		position: relative;
		z-index: 20;
	}
	.top-constructed .sp-block {
		display: inline-block;
		margin-right: 0.0974975626rem;
	}
	.top-constructed__list {
		margin-top: 0.4874878128rem;
		gap: 1.624959376rem 0.3249918752rem;
	}
	.top-constructed__item {
		width: 5.557361066rem;
	}
	.top-constructed__img {
		width: 5.557361066rem;
		height: 4.809879753rem;
	}
	.top-constructed__content {
		margin-top: 0.3574910627rem;
		gap: 0.1624959376rem;
	}
	.top-constructed__icon {
		-webkit-box-flex: 0;
		-ms-flex: none;
		flex: none;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		width: 0.6499837504rem;
		height: 0.6499837504rem;
		-webkit-transform: translateY(-0.0974975626rem);
		transform: translateY(-0.0974975626rem);
	}
	.top-constructed__meta {
		font-size: 0.2924926877rem;
	}
	.top-constructed__user {
		margin-right: 0.1624959376rem;
	}
	.top-constructed__text {
		margin-top: 0rem;
	}
	.top-constructed__text,
	.top-constructed__tag {
		font-size: 0.2924926877rem;
	}
	.top-constructed__insta {
		margin: 1.8199545011rem auto 0;
		width: 6.6623334417rem;
		height: 0.812479688rem;
		padding: 0.1624959376rem 0;
		border-radius: 0.1624959376rem;
		font-size: 0.3899902502rem;
		gap: 10px;
	}
	.top-constructed__insta::before {
		width: 0.4874878128rem;
		height: 0.4874878128rem;
		-webkit-transform: translateX(0rem);
		transform: translateX(0rem);
	}
	/* =====================
  	top-feature
  ===================== */
	.top-feature {
		overflow: hidden;
	}
	.top-feature__wrapper {
		max-width: 11.4722131947rem;
		padding: 1.0399740006rem 0 1.6899577511rem;
	}
	.top-feature .c-title {
		position: relative;
		height: auto;
		padding-left: 0rem;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		overflow: visible;
	}
	.top-feature .c-title::before {
		font-size: 3.6399090023rem;
		top: 44%;
		left: -8%;
	}
	.top-feature__span {
		text-align: left;
		font-size: 0.4874878128rem;
		margin-top: -0.1299967501rem;
	}
	.top-feature .sp-block {
		display: inline-block;
		margin-right: 0.0974975626rem;
	}
	.top-feature__list {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		margin-top: 1.4299642509rem;
		gap: 1.2999675008rem;
	}
	.top-feature__item {
		width: 11.4722131947rem;
		height: 16.6720831979rem;
		padding: 0.5199870003rem 0.1624959376rem;
	}
	.top-feature__img {
		width: 10.7247318817rem;
		height: 7.3773155671rem;
	}
	.top-feature__subtitle {
		margin-top: 0.4874878128rem;
		font-size: 0.6499837504rem;
	}
	.top-feature__caption {
		margin-top: 0.064998375rem;
		font-size: 0.3249918752rem;
	}
	.top-feature__text {
		max-width: 10.7247318817rem;
		margin-top: 0.4549886253rem;
		line-height: 2.2;
		font-size: 0.3574910627rem;
	}
	/* =====================
  	top-question
  ===================== */
	.top-question {
		overflow: hidden;
	}
	.top-question__wrapper {
		padding: 1.2349691258rem 0 3.6074098148rem;
		max-width: 11.4722131947rem;
	}
	.top-question__container {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.top-question .c-title {
		position: relative;
		height: auto;
		padding-left: 0rem;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		overflow: visible;
	}
	.top-question .c-title::before {
		font-size: 3.6399090023rem;
		top: 28%;
		left: -6.5%;
	}
	@-webkit-keyframes slide-across-vw3 {
		0% {
			left: 100vw;
		}
		100% {
			left: -170vw;
		}
	}
	@keyframes slide-across-vw3 {
		0% {
			left: 100vw;
		}
		100% {
			left: -170vw;
		}
	}
	.top-question__span {
		font-size: 0.4874878128rem;
		-webkit-transform: translateY(0.7149821254rem);
		transform: translateY(0.7149821254rem);
		text-align: left;
		position: relative;
		z-index: 20;
	}
	.top-question__list {
		margin-top: 2.1124471888rem;
		width: 100%;
		border-top: 1px solid #3b4043;
	}
	.top-question__item {
		border-bottom: 1px solid #3b4043;
		width: 100%;
		height: auto;
	}
	.top-question__item.is-open-last {
		border-bottom: none;
	}
	.top-question__question {
		padding: 0.3899902502rem 0.6499837504rem 0.5524861878rem;
		font-size: 0.4874878128rem;
		display: block;
		letter-spacing: 0;
	}
	.top-question__answer {
		padding: 0.4549886253rem 0.6499837504rem 1.8849528762rem;
		font-size: 0.3899902502rem;
		background-color: #e8f5e9;
		color: #388e3c;
		letter-spacing: 0;
		line-height: 1.6;
	}
	.top-question__q,
	.top-question__a {
		margin-right: 0rem;
	}
	.top-question__q::after {
		content: ".";
	}
	.top-question__a {
		display: none;
	}
	.top-question__icon::after {
		content: "";
		background: url(../img/question-icon.webp) center/cover no-repeat;
		width: 0.1949951251rem;
		height: 0.2924926877rem;
		margin-left: auto;
		left: 91.5%;
		-webkit-transform: translateY(-66%);
		transform: translateY(-66%);
	}
	.top-question .top-question__question[aria-expanded="true"] .top-question__icon::after {
		font-size: 0.3249918752rem;
		background: none;
	}
	.top-question .top-question__question[aria-expanded="true"] {
		border-bottom: none;
	}
	.top-question__img {
		height: 17.679558011rem;
	}
	/* =====================
  	top-column
  ===================== */
	.top-column {
		overflow: hidden;
	}
	.top-column__wrapper {
		padding: 2.5999350016rem 0 2.2749431264rem;
	}
	.top-column__container {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.top-column__text {
		display: block;
		width: 100%;
		max-width: 11.4722131947rem;
		margin: 0 auto;
	}
	.top-column .c-title {
		position: relative;
		height: auto;
		padding-left: 0rem;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		overflow: visible;
	}
	.top-column .c-title::before {
		font-size: 3.6399090023rem;
		top: 23%;
		left: -6.5%;
	}
	.top-column__span {
		font-size: 0.4874878128rem;
		-webkit-transform: translateY(0.812479688rem);
		transform: translateY(0.812479688rem);
		text-align: left;
		position: relative;
		z-index: 20;
	}
	.top-column__content {
		margin-top: 0.6499837504rem;
	}
	.top-column__subtitle {
		margin: 0.747481313rem auto 0;
		max-width: 11.4722131947rem;
		font-size: 0.4549886253rem;
		text-align: left;
	}
	.top-column__list {
		margin-top: 0.3899902502rem;
		width: 100%;
	}
	.top-column__link {
		height: 3.9649008775rem;
	}
	.top-column__heading {
		font-size: 0.3737406565rem;
		padding: 0.3249918752rem 0.6499837504rem 0.2599935002rem;
	}
	.top-column__heading::after {
		width: 0.2274943126rem;
		height: 0.3249918752rem;
		left: 93%;
		top: 51%;
	}
	.top-column__excerpt {
		font-size: 0.3249918752rem;
		padding: 0.4874878128rem 0.6499837504rem;
	}
	/* =====================
  	top-company
  ===================== */
	.top-company {
		overflow: hidden;
	}
	.top-company__wrapper {
		max-width: 11.4722131947rem;
		padding: 1.9499512512rem 0 1.9174520637rem;
	}
	.top-company__container {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.top-company__description {
		width: 100%;
	}
	.top-company .c-title {
		position: relative;
		height: auto;
		padding-left: 0rem;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		overflow: visible;
	}
	.top-company .c-title::before {
		font-size: 3.6399090023rem;
		top: 17%;
	}
	.top-company__span {
		font-size: 0.4874878128rem;
		-webkit-transform: translateY(0.7149821254rem);
		transform: translateY(0.7149821254rem);
		text-align: left;
		position: relative;
		z-index: 20;
	}
	.top-company__subtitle {
		margin-top: 1.4949626259rem;
		padding-left: 0.3249918752rem;
		font-size: 0.5849853754rem;
	}
	.top-company__profile {
		gap: 0.406239844rem;
		margin-top: 0.4224894378rem;
		font-size: 0.4224894378rem;
		padding: 0 0.3249918752rem;
	}
	.top-company__post {
		margin-right: 0.4874878128rem;
	}
	.top-company__desc {
		-webkit-box-flex: 3.1;
		-ms-flex: 3.1;
		flex: 3.1;
	}
	.top-company__item {
		padding-bottom: 0.406239844rem;
	}
	.top-company__map {
		margin-top: 1.4299642509rem;
		width: 100%;
		height: 10.8872278193rem;
		height: initial;
		padding: 0 0.3249918752rem;
	}
	.top-company__map iframe {
		height: 65vw;
	}
	.top-company__map p {
		font-size: 0.4224894378rem;
		margin-bottom: 0.4224894378rem;
	}
	/* =====================
  	top-merit
  ===================== */
	.top-merit__wrapper {
		max-width: 11.4722131947rem;
		margin: 0 auto;
		padding: 2.5999350016rem 0 0;
	}
	.top-merit__logo {
		margin: 0 auto;
		width: 5.2973675658rem;
		height: 1.8524536887rem;
	}
	.top-merit__title {
		margin-top: 0.0974975626rem;
		font-size: 0.9749756256rem;
	}
	.top-merit__title--strong {
		font-size: 1.0724731882rem;
	}
	.top-merit__subtitle {
		font-size: 0.6499837504rem;
	}
	.top-merit__text {
		margin-top: 0.6499837504rem;
		font-size: 0.4224894378rem;
		line-height: 1.95;
		font-weight: bold;
	}
	.top-merit__container {
		margin-top: 0rem;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.top-merit__catch {
		margin-top: 1.624959376rem;
		font-size: 0.3899902502rem;
	}
	.top-merit__movie {
		width: 100%;
		height: 6.1423464413rem;
		margin-top: 0.3249918752rem;
	}
	.top-merit__list {
		margin-top: 0.1624959376rem;
		width: 100%;
		gap: 0.1624959376rem 0.1624959376rem;
	}
	.top-merit__item {
		width: 5.6548586285rem;
		height: 2.8599285018rem;
	}
	.top-merit__urea {
		width: 100%;
		height: 5.1348716282rem;
		margin-top: 0.3249918752rem;
	}
	.top-merit__right .top-merit__catch:nth-of-type(2) {
		margin: 1.624959376rem 0 0 0;
	}
	.top-merit__img2 {
		margin-top: 0.0974975626rem;
		width: 100%;
		height: 2.4699382515rem;
	}
	.top-merit__img3 {
		margin-top: 0.2274943126rem;
		width: 100%;
		height: 5.9798505037rem;
	}
	/* =====================
  	top-footer
  ===================== */
	.top-footer__wrapper {
		max-width: 11.4722131947rem;
		padding: 2.437439064rem 0 0.9749756256rem;
	}
	.top-footer__connection {
		font-size: 0.4874878128rem;
	}
	.top-footer__privacy {
		font-size: 0.4874878128rem;
		margin-top: 0.3249918752rem;
	}
	.top-footer__logo {
		margin: 1.2999675008rem auto 0;
		width: 5.2973675658rem;
		height: 1.8524536887rem;
	}
	.top-footer__copy {
		margin-top: 0.3249918752rem;
		padding: 0.5849853754rem 0;
		font-size: 0.2599935002rem;
	}
}



























































.c-btn {
	display: block;
	position: relative;
	width: 15.3240740741rem;
	height: 2.4537037037rem;
	background-color: #FFF;
	padding: 0.462962963rem 0;
	font-size: 0.9259259259rem;
	font-weight: bold;
	text-align: center;
	color: #388E3C;
	border-radius: 0.1851851852rem;
	letter-spacing: 0.05em;
}
.c-btn:hover {
	background-color: #388E3C;
	color: #FFF;
	border: 1px solid #FFF;
}
.c-btn:hover::before,
.c-btn:hover::after {
	border-bottom: 0.0925925926rem solid #FFF;
}
.c-btn::before,
.c-btn::after {
	position: absolute;
	content: "";
}
.c-btn::before {
	top: 58%;
	left: 81%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	border-bottom: 0.0925925926rem solid #388E3C;
	width: 2.0833333333rem;
}
.c-btn::after {
	top: 49%;
	left: 89%;
	-webkit-transform: translateY(-50%) rotate(33deg);
	transform: translateY(-50%) rotate(33deg);
	border-bottom: 0.0925925926rem solid #388E3C;
	width: 0.9259259259rem;
}


/* =====================
	mv
  ===================== */
.mv {
	background-color: #388E3C;
}
.mv__wrapper {
	padding: 4.6296296296rem 0;
}
.mv__title {
	text-align: center;
	color: #fff;
	font-weight: 900;
	letter-spacing: 0.05em;
}
.mv__ja {
	display: block;
	font-size: 1.8518518519rem;
}

.mv__ja {
	color: #FFF;
    font-size: 30px;
    display: block;
	text-align: center;
	margin-top: -9px;
}

@media screen and (max-width: 1440px) {
    .mv__ja {
        font-size: 1.8524235875rem;
        margin-top: -0.5557270763rem;
    }
}

/* =====================
	contact-form
  ===================== */
.contact-title.c-title::before {
    content: "CONTACT";
    font-size: 112px;
    color: #388e3c;
    background: none;
    text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.2), -1px 0 0 rgba(255, 255, 255, 0.2), 1px 0 0 rgba(255, 255, 255, 0.2), 0 1px 0 rgba(255, 255, 255, 0.2);
    top: -46%;
    left: 0%;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    width: 100%;
    z-index: -1;
}

.contact-form__wrapper {
	max-width: 1260px;
	margin: 0 auto;
	padding: 100px 0;
}
.contact-form__title {
	font-family: "Noto Serif JP", serif;
	position: relative;
	font-size: 50px;
	font-weight: 900;
	text-align: center;
	letter-spacing: 0.05em;
}
.contact-form__title::after {
	position: absolute;
	content: "";
	border-bottom: 1px solid #388E3C;
	width: 500px;
	top: 130%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.contact-form__text {
	font-family: "Noto Serif JP", serif;
	margin-top: 60px;
	text-align: center;
	font-size: 24px;
	font-weight: bold;
}
.contact-form__tel {
	font-family: "Noto Serif JP", serif;
	margin-top: 20px;
	text-align: center;
	font-size: 40px;
	font-weight: 900;
	color: #388E3C;
}
.contact-form__span {
	font-size: 30px;
}
.contact-form__span2 {
	margin-right: 10px;
}
.contact-form__time {
	font-family: "Noto Serif JP", serif;
	color: #212121;
	text-align: center;
	margin-top: 15px;
	font-size: 26px;
}
.contact-form__content {
	max-width: 1000px;
	margin: 0 auto;
	padding: 100px 0;
}
.contact-form__input::-webkit-input-placeholder,
.contact-form__textarea::-webkit-input-placeholder {
	color: #cdd6dd;
}
.contact-form__input::-moz-placeholder,
.contact-form__textarea::-moz-placeholder {
	color: #cdd6dd;
}
.contact-form__input:-ms-input-placeholder,
.contact-form__textarea:-ms-input-placeholder {
	color: #cdd6dd;
}
.contact-form__input::-ms-input-placeholder,
.contact-form__textarea::-ms-input-placeholder {
	color: #cdd6dd;
}
.contact-form__input::placeholder,
.contact-form__textarea::placeholder {
	color: #cdd6dd;
}
.contact-form__container form {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 30px;
}
.contact-form__group {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.contact-form__label {
	font-family: "Noto Sans JP", sans-serif;
	font-size: 26px;
	font-weight: bold;
	color: #707f89;
}
.contact-form__input {
	font-family: "Noto Sans JP", sans-serif;
	font-size: 20px;
	font-weight: 400;
	color: #000000;
	width: 700px;
	height: 64px;
	border: 1px solid #cdd6dd;
	padding: 20px 25px;
	background-color: #fff;
}
.contact-form__select {
	font-family: "Noto Sans JP", sans-serif;
	border: 1px solid #cdd6dd;
	width: 700px;
	height: 64px;
	padding: 18px 25px;
	font-size: 20px;
	font-weight: 400;
	color: #000000;
	background-color: #fff;
}
.contact-form__select--initial {
	color: #cdd6dd;
}
.contact-form .select-wrap {
	position: relative;
}
.contact-form .select-wrap::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 96%;
	border-top: 2px solid #98a6b5;
	border-right: 2px solid #98a6b5;
	-webkit-transform: rotate(136deg) translateY(45%);
	transform: rotate(136deg) translateY(45%);
	width: 10px;
	height: 10px;
}
.contact-form__textarea {
	font-family: "Noto Sans JP", sans-serif;
	font-size: 20px;
	font-weight: 400;
	color: #000000;
	width: 700px;
	height: 180px;
	padding: 20px 25px;
	border: 1px solid #cdd6dd;
	background-color: #fff;
}
.contact-form__privacy {
	font-family: "Noto Sans JP", sans-serif;
}
.contact-form__privacy-policy {
	font-family: "Noto Sans JP", sans-serif;
	margin: 30px auto;
}
.contact-form__privacy label {
	display: flex;
	align-items: center;
	color: #3B4043;
	font-weight: 400;
}
.contact-form__privacy label a {
	text-decoration: underline;
}
.contact-form__link {
	font-family: "Noto Sans JP", sans-serif;
	color: #3b4043;
	font-size: 20px;
	font-weight: 400;
}
.contact-form__link a {
	text-decoration: underline;
}
.contact-form__checkbox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 0.5em;
	cursor: pointer;
	position: relative;
}
.contact-form__checkbox input[type="checkbox"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 40px;
	height: 40px;
	margin: 5px 10px 0 0;
	border: 2px solid #cdd6dd;
	position: relative;
	cursor: pointer;
	-webkit-transition: border-color 0.2s, background-color 0.2s;
	transition: border-color 0.2s, background-color 0.2s;
	background-color: #fff;
}
.contact-form__checkbox input[type="checkbox"]:checked::after {
	content: "";
	position: absolute;
	top: 25%;
	left: 25%;
	width: 20px;
	height: 10px;
	border-left: 1px solid #98a6b5;
	border-bottom: 1px solid #98a6b5;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.contact-form__checkbox input[type="checkbox"]:focus-visible {
	outline: 2px solid #388E3C;
	outline-offset: 2px;
}
.contact-form__btn,
.single_link a,
.not_found a {
	margin: 30px auto 0;
	width: 350px;
	height: 62px;
	border-radius: 50px;
	background-color: #388E3C;
	text-align: center;
	color: #fff;
	padding: 10px 0;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 20px;
	font-weight: bold;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* =====================
	thanks-form
  ===================== */
/* .thanks .mv {
	background: url(../img/contact/mv.webp) center/cover no-repeat;
} */

.thanks-form__wrapper {
	max-width: 1260px;
	margin: 0 auto;
	padding: 100px 0;
}
.thanks-form__title {
	font-family: "Noto Serif JP", serif;
	position: relative;
	font-size: 50px;
	font-weight: 900;
	text-align: center;
	letter-spacing: 0.05em;
}
.thanks-form__title::after {
	position: absolute;
	content: "";
	border-bottom: 1px solid #388E3C;
	width: 500px;
	top: 130%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.thanks-form__text {
	font-family: "Noto Serif JP", serif;
	margin-top: 60px;
	text-align: center;
	font-size: 24px;
	font-weight: bold;
}
.thanks-form__tel {
	font-family: "Noto Serif JP", serif;
	margin-top: 20px;
	text-align: center;
	font-size: 40px;
	font-weight: 900;
	color: #388E3C;
}
.thanks-form__span {
	font-size: 30px;
}
.thanks-form__span2 {
	margin-right: 10px;
}
.thanks-form__time {
	font-family: "Noto Serif JP", serif;
	color: #212121;
	text-align: center;
	margin-top: 15px;
	font-size: 26px;
}
.thanks-form__subtitle {
	font-family: "Noto Serif JP", serif;
	margin-top: 110px;
	font-size: 34px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 0.05em;
	color: #1e252f;
}
.thanks-form__message {
	font-family: "Noto Serif JP", serif;
	margin-top: 20px;
	font-size: 26px;
	line-height: 2.3;
	color: #1e252f;
	text-align: center;
}
.thanks-form .c-btn {
	background-color: #fff;
	margin: 73px auto 0;
	color: #388E3C;
	border: 1px solid #388E3C;
	width: 400px;
	height: 60px;
	padding: 15px 0;
}
.thanks-form .c-btn::before,
.thanks-form .c-btn::after {
	border-bottom: 2px solid #388E3C;
}
.thanks-form .c-btn::before {
	width: 20px;
	left: 86%;
}
.thanks-form .c-btn::after {
	width: 10px;
	top: 53%;
}
.thanks-form .c-btn:hover {
	background-color: #388E3C;
	color: #fff;
	border: 1px solid #fff;
}
.thanks-form .c-btn:hover::before,
.thanks-form .c-btn:hover::after {
	border-bottom: 2px solid #fff;
}

/* =====================
	privacy-about
  ===================== */
.privacy-about {
	font-family: "Noto Serif JP", serif;
}
.privacy-title.c-title::before {
    content: "PRIVACY";
    font-size: 112px;
    color: #388e3c;
    background: none;
    text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.2), -1px 0 0 rgba(255, 255, 255, 0.2), 1px 0 0 rgba(255, 255, 255, 0.2), 0 1px 0 rgba(255, 255, 255, 0.2);
    top: -46%;
    left: 0%;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    width: 100%;
    z-index: -1;
}

/* =====================
	privacy-about
  ===================== */
.privacy-policy {
	font-family: "Noto Serif JP", serif;
}
.privacy-policy .mv {
	font-family: "Noto Sans JP", sans-serif!important;
}
.privacy-about__wrapper {
	max-width: 1260px;
	margin: 0 auto;
	padding: 79px 0;
}
.privacy-about__title {
	position: relative;
	font-size: 39px;
	font-weight: 900;
	text-align: center;
	letter-spacing: 0.05em;
}
.privacy-about__title::after {
	position: absolute;
	content: "";
	border-bottom: 1px solid #388E3C;
	width: 472px;
	top: 130%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.privacy-about__text {
	margin-top: 47px;
	text-align: center;
	font-size: 19px;
	font-weight: bold;
}

/* =====================
	privacy-policy
  ===================== */
.privacy-policy__wrapper {
	max-width: 1260px;
	margin: 0 auto;
	padding: 0 0 79px;
}
.privacy-policy__title {
	font-size: 31px;
	font-weight: bold;
	letter-spacing: 0.05em;
	color: #212121;
}
.privacy-policy__subtitle {
	margin-top: 79px;
	font-size: 24px;
	font-weight: bold;
	letter-spacing: 0.05em;
	color: #212121;
}
.privacy-policy__text {
	margin-top: 16px;
	font-size: 20px;
	letter-spacing: 0.05em;
	line-height: 2.2;
	color: #212121;
}
.privacy-policy__list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}
.privacy-policy__item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 20px;
	letter-spacing: 0.05em;
	line-height: 2.2;
	color: #212121;
}
.privacy-policy__span {
	display: block;
}

/* =====================
	news-archive
  ===================== */
.news-archive {
	font-family: "Noto Serif JP", serif;
}

.column-title.c-title::before {
    content: "COLUMN";
    font-size: 112px;
    color: #388e3c;
    background: none;
    text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.2), -1px 0 0 rgba(255, 255, 255, 0.2), 1px 0 0 rgba(255, 255, 255, 0.2), 0 1px 0 rgba(255, 255, 255, 0.2);
    top: -46%;
    left: 0%;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    width: 100%;
    z-index: -1;
}

.news-archive__wrapper {
	max-width: 1260px;
	margin: 0 auto;
	padding: 78px 0;
}
.news-archive__list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 79px;
}
.news-archive__item a {
	position: relative;
}

.news-archive__item a:after {
	top: 110%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	position: absolute;
	content: "";
	border-bottom: 0.5px solid #a1a1aa;
	width: 354px;
}
.news-archive__item a:hover {
	opacity: 0.7;
}
.news-archive__date {
	font-size: 16px;
	font-weight: 900;
	color: #388E3C;
	letter-spacing: 0.05em;
}
.news-archive__title {
	display: block;
	margin-top: 8px;
	font-size: 24px;
	font-weight: 900;
	color: #388E3C;
	letter-spacing: 0.05em;
}
.news-archive__title a {
	color: #388E3C;
}
.news-archive__text {
	position: relative;
	margin-top: 12px;
	color: #212121;
	font-size: 20px;
	font-weight: bold;
	border-top: 1px solid #388E3C;
	padding-top: 24px;
	letter-spacing: 0.05em;
	line-height: 2;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
}
.news-archive__nav {
	margin: 118px auto 0;
}
.news-archive__pagination {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	gap: 39px;
	font-family: "Noto Sans JP", sans-serif!important;
}
.news-archive__nom a {
	display: block;
	font-size: 28px;
	color: #4a5568;
	font-family: "Noto Sans JP", sans-serif;
}
.news-archive__nom .news-archive__current {
	text-align: center;
	display: block;
	width: 47px;
	height: 47px;
	background-color: #004D40;
	color: #fff;
	border-radius: 50%;
}
.news-archive__next,
.news-archive__last {
	font-weight: bold;
}


/* コラム詳細 */
.single .news-archive__wrapper {
	max-width: 900px;
}

.single_main {
	width: 100%;
}

.single_side {
	width: 30%;
}

.breadcrumb {
	padding-top: 1rem;
	max-width: 1260px;
    margin: 0 auto;
}

.post-tags {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
	margin: 30px 0;
}

.post-tags li {
	padding: 5px 10px;
	border-radius: 50px;
	border: 1px solid #388e3c;
	color: #388e3c;
	font-weight: 500;
	font-size: 14px;
}

.single .news-archive__date {
	font-weight: 400;
	position: relative;
	padding-left: 20px;
	color: #212121;
	display: block;
}

.single .news-archive__date::before {
	position: absolute;
    content: "";
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    width: 15px;
    height: 15px;
    background-image: url(../img/time.png);
    background-repeat: no-repeat;
    background-size: contain;
}

#toc_container {
	border: 0!important;
	width: 100%!important;
	font-weight: 400!important;
	padding: 25px!important;
}

#toc_container p.toc_title {
	text-align: left!important;
	border-bottom: 1px solid #212121;
}

#toc_container .toc_number {
	padding-right: 10px!important;
}

#toc_container a {
	line-height: 1.8;
}

.single .single_main p {
	margin: 20px 0;
	font-weight: 400;
	line-height: 1.8;
}

h2.wp-block-heading {
	padding: 10px 0 10px 10px;
	color: #FFf;
	background-color: #388e3c;
	margin: 30px 0;
}

h3.wp-block-heading {
	color: #388e3c;
	margin: 30px 0;
}

.single_link a {
    display: flex;
    align-items: center;
    justify-content: center;
	margin-top: 80px;
}

.single_side_h2 {
	font-size: 24px;
}

.single_side .post-title {
	display: block;
	margin-bottom: 15px;
}

.latest-posts > li {
	padding: 20px;
	border-bottom: 1px solid #388e3c;
}

.side-post-tags {
	margin: 15px 0 0 0;
}

.side-post-tags li {
	border-radius: 0;
	font-size: 12px;
	padding: 5px;
}

.not-found-title.c-title::before {
    content: "NOT FOUND";
    font-size: 112px;
    color: #388e3c;
    background: none;
    text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.2), -1px 0 0 rgba(255, 255, 255, 0.2), 1px 0 0 rgba(255, 255, 255, 0.2), 0 1px 0 rgba(255, 255, 255, 0.2);
    top: -46%;
    left: 0%;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    width: 100%;
    z-index: -1;
}

.not_found {
	margin: 80px 0;
	text-align: center;
}

.not_found p {
	font-size: 24px;
    font-weight: bold;
}

@media screen and (max-width: 1440px) {
	/* =====================
		contact-form
	===================== */
	.contact-title.c-title::before {
		font-size: 7.1009570855rem;
	}
	.contact-form__wrapper {
		max-width: 77.8017906761rem;
		padding: 6.1747452918rem 0;
	}
	.contact-form__title {
		font-size: 3.0873726459rem;
	}
	.contact-form__title::after {
		border-bottom: 0.0617474529rem solid #388e3c;
		width: 30.8737264588rem;
	}
	.contact-form__text {
		margin-top: 3.7048471751rem;
		font-size: 1.48193887rem;
	}
	.contact-form__tel {
		margin-top: 1.2349490584rem;
		font-size: 2.4698981167rem;
	}
	.contact-form__span {
		font-size: 1.8524235875rem;
	}
	.contact-form__span2 {
		margin-right: 0.6174745292rem;
	}
	.contact-form__time {
		margin-top: 0.9262117938rem;
		font-size: 1.6054337759rem;
	}
	.contact-form__content {
		max-width: 61.7474529176rem;
		padding: 6.1747452918rem 0;
	}
	.contact-form__container form {
		gap: 1.8524235875rem;
	}
	.contact-form__label {
		font-size: 1.6054337759rem;
	}
	.contact-form__input {
		font-size: 1.2349490584rem;
		width: 43.2232170423rem;
		height: 3.9518369867rem;
		border: 0.0617474529rem solid #cdd6dd;
		padding: 1.2349490584rem 1.5436863229rem;
	}
	.contact-form__select {
		border: 0.0617474529rem solid #cdd6dd;
		width: 43.2232170423rem;
		height: 3.9518369867rem;
		padding: 1.1114541525rem 1.5436863229rem;
		font-size: 1.2349490584rem;
	}
	.contact-form .select-wrap::after {
		border-top: 0.1234949058rem solid #98a6b5;
		border-right: 0.1234949058rem solid #98a6b5;
		width: 0.6174745292rem;
		height: 0.6174745292rem;
	}
	.contact-form__textarea {
		font-size: 1.2349490584rem;
		width: 43.2232170423rem;
		height: 11.1145415252rem;
		padding: 1.2349490584rem 1.5436863229rem;
		border: 0.0617474529rem solid #cdd6dd;
	}
	.contact-form__privacy {
		margin: 1.8524235875rem auto;
	}
	.contact-form__link {
		font-size: 1.2349490584rem;
	}
	.contact-form__checkbox input[type="checkbox"] {
		width: 2.4698981167rem;
		height: 2.4698981167rem;
		margin: 0.3087372646rem 0.6174745292rem 0 0;
		border: 0.1234949058rem solid #cdd6dd;
	}
	.contact-form__checkbox input[type="checkbox"]:checked::after {
		width: 1.2349490584rem;
		height: 0.6174745292rem;
		border-left: 0.0617474529rem solid #98a6b5;
		border-bottom: 0.0617474529rem solid #98a6b5;
	}
	.contact-form__checkbox input[type="checkbox"]:focus-visible {
		outline: 0.1234949058rem solid #2563eb;
		outline-offset: 0.1234949058rem;
	}
	.contact-form__btn,
	.single_link a,
	.not_found a {
		margin: 1.8524235875rem auto 0;
		width: 21.6116085211rem;
		height: 3.8283420809rem;
		border-radius: 3.0873726459rem;
		padding: 0.6174745292rem 0;
		font-size: 1.2349490584rem;
	}
	/* =====================
		thanks-form
	===================== */
	.thanks-form__wrapper {
		max-width: 77.8017906761rem;
		padding: 6.1747452918rem 0;
	}
	.thanks-form__title {
		font-size: 3.0873726459rem;
	}
	.thanks-form__title::after {
		border-bottom: 0.0617474529rem solid #388E3C;
		width: 30.8737264588rem;
	}
	.thanks-form__text {
		margin-top: 3.7048471751rem;
		font-size: 1.48193887rem;
	}
	.thanks-form__tel {
		margin-top: 1.2349490584rem;
		font-size: 2.4698981167rem;
	}
	.thanks-form__span {
		font-size: 1.8524235875rem;
	}
	.thanks-form__span2 {
		margin-right: 0.6174745292rem;
	}
	.thanks-form__time {
		margin-top: 0.9262117938rem;
		font-size: 1.6054337759rem;
	}
	.thanks-form__subtitle {
		margin-top: 6.7922198209rem;
		font-size: 2.0994133992rem;
	}
	.thanks-form__message {
		margin-top: 1.2349490584rem;
		font-size: 1.6054337759rem;
	}
	.thanks-form .c-btn {
		margin: 4.507564063rem auto 0;
		width: 24.698981167rem;
		height: 3.7048471751rem;
		padding: 0.9262117938rem 0;
	}
	.thanks-form .c-btn::before {
		border-bottom: 0.1234949058rem solid #388E3C;
		width: 1.2349490584rem;
	}
	.thanks-form .c-btn::after {
		border-bottom: 0.1234949058rem solid #388E3C;
		width: 0.6174745292rem;
	}
	/* =====================
		privacy-about
	===================== */
	.privacy-about__wrapper {
		max-width: 77.8017906761rem;
		padding: 4.8780487805rem 0;
	}
	.privacy-title.c-title::before {
		font-size: 7.1009570855rem;
	}
	.privacy-about__title {
		font-size: 2.4081506638rem;
	}
	.privacy-about__title::after {
		border-bottom: 0.0617474529rem solid #388E3C;
		width: 29.1447977771rem;
	}
	.privacy-about__text {
		margin-top: 2.9021302871rem;
		font-size: 1.1732016054rem;
	}
	/* =====================
		privacy-policy
	===================== */
	.privacy-policy__wrapper {
		max-width: 77.8017906761rem;
		padding: 0 0 4.8780487805rem;
	}
	.privacy-policy__title {
		font-size: 1.9141710404rem;
	}
	.privacy-policy__subtitle {
		margin-top: 4.8780487805rem;
		font-size: 1.48193887rem;
	}
	.privacy-policy__text {
		margin-top: 0.9879592467rem;
		font-size: 1.2349490584rem;
	}
	.privacy-policy__item {
		font-size: 1.2349490584rem;
	}
	/* =====================
		news-archive
	===================== */
	.column-title.c-title::before,
	.not-found-title.c-title::before {
		font-size: 7.1009570855rem;
	}
	.news-archive__wrapper {
		max-width: 77.8017906761rem;
		padding: 4.8163013276rem 0;
	}
	.news-archive__list {
		gap: 4.8780487805rem;
	}
	.news-archive__date {
		font-size: 0.9879592467rem;
	}
	.news-archive__title {
		margin-top: 0.4939796233rem;
		font-size: 1.48193887rem;
	}
	.news-archive__text {
		margin-top: 0.740969435rem;
		font-size: 1.2349490584rem;
		padding-top: 1.48193887rem;
	}
	.news-archive__text:after {
		top: 110%;
		left: 50%;
		width: 21.8585983328rem;
	}
	.news-archive__nav {
		margin: 7.2861994443rem auto 0;
	}
	.news-archive__pagination {
		gap: 2.4081506638rem;
	}
	.news-archive__nom a {
		font-size: 1.7289286817rem;
	}
	.news-archive__nom .news-archive__current {
		width: 2.9021302871rem;
		height: 2.9021302871rem;
	}
	.breadcrumb {
		max-width: 77.8017906761rem;
	}
}

@media screen and (max-width: 750px) {
	/* =====================
		mv
	===================== */
	.mv {
		padding-top: 14vw;
		overflow: hidden;
	}
	.mv__wrapper {
		padding: 1.4624634384rem 0;
	}
	.mv__title {
		font-size: 0.9749756256rem;
		position: initial;
		height: initial;
	}
	.mv__ja {
		font-size: 0.4874878128rem;
		margin-top: 0;
		text-align: left;
		padding-left: 0.6499837504rem;
		position: relative;
		z-index: 100;
	}
	/* =====================
		contact-form
	===================== */
	.contact-form__wrapper {
		max-width: 12.2196945076rem;
		padding: 0.9099772506rem 0 0;
	}
	.contact-title.c-title {
        position: relative;
        height: auto;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        overflow: visible;
	}
	.contact-title.c-title::before {
        font-size: 3.6399090023rem;
        top: -3%;
		left: 0%;
		width: 100%;
		-webkit-transform: translateY(0);
		transform: translateY(0);
		z-index: -1;
	}
	.contact-form__title {
		font-size: 0.812479688rem;
	}
	.contact-form__title::after {
		border-bottom: 0.0324991875rem solid #388E3C;
		width: 9.2297692558rem;
	}
	.contact-form__text {
		margin-top: 0.9749756256rem;
		font-size: 0.4549886253rem;
	}
	.contact-form__tel {
		margin-top: 0.3249918752rem;
		font-size: 0.9749756256rem;
	}
	.contact-form__span {
		font-size: 0.6499837504rem;
	}
	.contact-form__span2 {
		margin-right: 0.462962963rem;
	}
	.contact-form__time {
		margin-top: 0.3249918752rem;
		font-size: 0.4224894378rem;
		letter-spacing: 0.05em;
	}
	.contact-form__content {
		max-width: 11.4722131947rem;
		padding: 1.7874553136rem 0;
	}
	.contact-form__container form {
		gap: 0.8449788755rem;
	}
	.contact-form__group {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		gap: 0.3249918752rem;
	}
	.contact-form__label {
		font-size: 0.4224894378rem;
	}
	.contact-form__input {
		font-size: 0.3249918752rem;
		width: 11.4722131947rem;
		height: 1.0399740006rem;
		border: 0.0324991875rem solid #cdd6dd;
		padding: 0.3249918752rem 0.3899902502rem;
	}
	.contact-form__select {
		border: 0.0324991875rem solid #cdd6dd;
		width: 11.4722131947rem;
		height: 1.0399740006rem;
		padding: 0.2599935002rem 0.3899902502rem;
		font-size: 0.3249918752rem;
	}
	.contact-form .select-wrap::after {
		left: 91.3%;
		border-top: 0.064998375rem solid #98a6b5;
		border-right: 0.064998375rem solid #98a6b5;
		width: 0.1949951251rem;
		height: 0.1949951251rem;
		-webkit-transform: rotate(136deg) translateY(-221%);
		transform: rotate(136deg) translateY(-221%);
	}
	.contact-form__textarea {
		font-size: 0.3249918752rem;
		width: 11.4722131947rem;
		height: 2.9249268768rem;
		padding: 0.3249918752rem 0.3899902502rem;
		border: 0.0324991875rem solid #cdd6dd;
	}
	.contact-form__privacy {
		margin: -0.1949951251rem auto 0;
	}
	.contact-form__link {
		font-size: 0.3249918752rem;
	}
	.contact-form__checkbox input[type="checkbox"] {
		width: 0.6499837504rem;
		height: 0.6499837504rem;
		margin: 0.1299967501rem auto 0;
		margin-right: -0.2599935002rem;
		border: 0.064998375rem solid #cdd6dd;
	}
	.contact-form__checkbox input[type="checkbox"]:checked::after {
		width: 0.3249918752rem;
		height: 0.1624959376rem;
		border-left: 0.0324991875rem solid #98a6b5;
		border-bottom: 0.0324991875rem solid #98a6b5;
	}
	.contact-form__checkbox input[type="checkbox"]:focus-visible {
		outline: 0.064998375rem solid #2563eb;
		outline-offset: 0.064998375rem;
	}
	.contact-form__btn,
	.single_link a,
	.not_found a {
		margin: 0 auto;
		width: 5.6873578161rem;
		height: 1.0074748131rem;
		border-radius: 0.7799805005rem;
		padding: 0.2599935002rem 0;
		font-size: 0.3249918752rem;
	}
	/* =====================
		thanks-form
	===================== */
	.thanks-form__wrapper {
		max-width: 12.2196945076rem;
		padding: 0.9099772506rem 0 1.624959376rem;
	}
	.thanks-form__title {
		font-size: 0.812479688rem;
	}
	.thanks-form__title::after {
		border-bottom: 0.0324991875rem solid #388E3C;
		width: 9.2297692558rem;
	}
	.thanks-form__text {
		margin-top: 0.9749756256rem;
		font-size: 0.4549886253rem;
	}
	.thanks-form__tel {
		margin-top: 0.3249918752rem;
		font-size: 0.9749756256rem;
	}
	.thanks-form__span {
		font-size: 0.6499837504rem;
	}
	.thanks-form__span2 {
		margin-right: 0.462962963rem;
	}
	.thanks-form__time {
		margin-top: 0.3249918752rem;
		font-size: 0.4224894378rem;
		letter-spacing: 0.05em;
	}
	.thanks-form__subtitle {
		margin-top: 1.6899577511rem;
		font-size: 0.5524861878rem;
	}
	.thanks-form__message {
		margin-top: 0.6499837504rem;
		font-size: 0.4224894378rem;
	}
	.thanks-form .c-btn {
		margin: 1.624959376rem auto 0;
		width: 7.6373090673rem;
		height: 1.4299642509rem;
		padding: 0.3899902502rem 0;
		border: 0.0324991875rem solid #388E3C;
		letter-spacing: 0.05em;
		font-size: 0.4549886253rem;
		background-color: transparent;
	}
	.thanks-form .c-btn::before,
	.thanks-form .c-btn::after {
		border-bottom: 0.064998375rem solid #388E3C;
	}
	.thanks-form .c-btn::before {
		width: 0.4874878128rem;
		top: 57%;
	}
	.thanks-form .c-btn::after {
		width: 0.2274943126rem;
		left: 90%;
	}
	.thanks-form .c-btn:hover {
		border: 0.0324991875rem solid #fff;
	}
	.thanks-form .c-btn:hover::before,
	.thanks-form .c-btn:hover::after {
		border-bottom: 0.064998375rem solid #fff;
	}
	/* =====================
		privacy-about
	===================== */
	.privacy-about__wrapper {
		max-width: 12.2196945076rem;
		padding: 0.9099772506rem 0 0.9749756256rem;
	}
	.privacy-title.c-title {
        position: relative;
        height: auto;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        overflow: visible;
	}
	.privacy-title.c-title::before {
        font-size: 3.6399090023rem;
        top: -3%;
		left: 0%;
		width: 100%;
		-webkit-transform: translateY(0);
		transform: translateY(0);
		z-index: -1;
	}
	.privacy-about__title {
		font-size: 0.812479688rem;
	}
	.privacy-about__title::after {
		border-bottom: 0.0324991875rem solid #388E3C;
		width: 9.2297692558rem;
	}
	.privacy-about__text {
		margin-top: 0.9749756256rem;
		font-size: 0.4549886253rem;
	}
	/* =====================
		privacy-policy
	===================== */
	.privacy-policy__wrapper {
		max-width: 11.5372115697rem;
		padding: 0 0 2.1449463763rem;
	}
	.privacy-policy__title {
		font-size: 0.6499837504rem;
	}
	.privacy-policy__subtitle {
		margin-top: 1.1049723757rem;
		font-size: 0.4874878128rem;
	}
	.privacy-policy__text {
		margin-top: 0.1949951251rem;
		font-size: 0.4224894378rem;
	}
	.privacy-policy__item {
		font-size: 0.4224894378rem;
	}
	/* =====================
		news-archive
	===================== */
	.column-title.c-title,
	.not-found-title.c-title {
        position: relative;
        height: auto;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        overflow: visible;
	}
	.column-title.c-title::before,
	.not-found-title.c-title::before {
        font-size: 3.6399090023rem;
        top: -3%;
		left: 0%;
		width: 100%;
		-webkit-transform: translateY(0);
		transform: translateY(0);
		z-index: -1;
	}
	.news-archive__wrapper {
		max-width: 11.4722131947rem;
		padding: 0.812479688rem 0;
	}
	.news-archive__list {
		gap: 1.2349691258rem;
		grid-template-columns: 1fr;
	}
	.news-archive__date {
		font-size: 0.3249918752rem;
	}
	.news-archive__title {
		margin-top: 0rem;
		font-size: 0.4874878128rem;
	}
	.news-archive__text {
		margin-top: 0.2924926877rem;
		font-size: 0.4224894378rem;
		border-top: 0.0324991875rem solid #388E3C;
		padding-top: 0.4549886253rem;
	}
	.news-archive__text:after {
		top: 120%;
		border-bottom: 0.0324991875rem solid #a1a1aa;
		width: 10.8222294443rem;
	}
	.news-archive__nav {
		margin: 2.2099447514rem auto 0;
	}
	.news-archive__pagination {
		gap: 0.812479688rem;
	}
	.news-archive__nom a {
		font-size: 0.5849853754rem;
	}
	.news-archive__nom .news-archive__current {
		width: 0.9749756256rem;
		height: 0.9749756256rem;
	}
	.single .news-archive__wrapper {
		max-width: 11.4722131947rem;
	}
	.breadcrumb {
		padding-top: 0.5rem;
		max-width: 11.4722131947rem;
		font-size: 0.4rem;
		display: flex;
		flex-wrap: wrap;
	}
	.single_main,
	.single_side {
		width: 100%;
	}
	.single_main h1 {
		font-size: 0.6rem;
	}
	.single .news-archive__date {
		font-size: 0.4549886253rem;
	}
	.post-tags {
		margin: 20px 0;
		gap: 5px;
	}
	.post-tags li {
		font-size: 0.4rem;
	}
	.single .single_main p {
		font-size: 0.4549886253rem;
	}
	div#toc_container ul li {
		font-size: 0.4549886253rem!important;
	}
	h2.wp-block-heading,
	h3.wp-block-heading {
		font-size: 0.6rem;
	}
	.single_side {
		margin-top: 50px;
	}
	.single_side_h2,
	.single_side .post-title {
		font-size: 0.6rem;
	}
	.single_side .post-tags {
		margin: 20px 0 0 0;
	}
	.not_found {
		margin: 50px 0;
	}
	.not_found p {
		font-size: 0.4549886253rem;
	}
	.not_found a {
		margin-top: 30px;
	}
}

.top-mv__img .js-slider picture {
	min-width: 100%;
	flex-shrink: 0;
}

.top-column__heading {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media screen and (min-width: 750px) {
	.news-archive__title {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
		text-overflow: ellipsis;
	}
}

.top-column__btn {
	color: #004d40;
	font-size: 24px;
	text-align: right;
	margin-top: 20px;
}
.top-column__btn a {
	color: #004d40;
	text-decoration: underline;
}
.top-column__btn a:hover {
	opacity: 0.7;
}
@media screen and (max-width: 1440px) {
	.top-column__btn {
		font-size: 1.3rem;
	}
}
@media screen and (max-width: 750px) {
	.top-column__btn {
		font-size: 0.4549886253rem;
		margin-right: 10px;
	}
}


/* アニメーション */
/* アニメーションスタートの遅延時間を決めるCSS*/

.fadeUpTrigger,
.fadeLeftTrigger,
.fadeRightTrigger {
    opacity: 0;
}

.delay-time02 {
    animation-delay: 0.2s;
}
.delay-time04 {
    animation-delay: 0.4s;
}
.delay-time06 {
    animation-delay: 0.6s;
}
.delay-time08 {
    animation-delay: 0.8s;
}
.delay-time10 {
    animation-delay: 1s;
}
.delay-time12 {
    animation-delay: 1.2s;
}
.delay-time14 {
    animation-delay: 1.4s;
}
.delay-time16 {
    animation-delay: 1.6s;
}
.delay-time18 {
    animation-delay: 1.8s;
}
.delay-time20 {
    animation-delay: 2.0s;
}
    
/*==================================================
スタート時は要素自体を透過0にするためのopacity:0;を指定する
===================================*/
    
.fade {
    opacity: 0;
}
    
/*==================================================
動き自体の指定：今回は「ふわっ」
===================================*/
    
.fadeUp {
    animation-name:fadeUpAnime;
    animation-duration:1s;
    animation-fill-mode:forwards;
    opacity: 0;
}
@keyframes fadeUpAnime{
	from {
	opacity: 0;
	transform: translateY(100px);
	}

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

/* 左から */

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

@keyframes fadeLeftAnime{
	from {
	opacity: 0;
	transform: translateX(-100px);
	}

	to {
	opacity: 1;
	transform: translateX(0);
	}
}
    
/* 右から */
    
.fadeRight{
    animation-name:fadeRightAnime;
    animation-duration:1s;
    animation-fill-mode:forwards;
    opacity:0;
}

@keyframes fadeRightAnime{
	from {
	opacity: 0;
	transform: translateX(100px);
	}

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

@media screen and (max-width: 750px) {
	.delay-time06 {
        animation-delay: 0.6s;
    }
    .delay-time08 {
        animation-delay: 0.6s;
    }
    .delay-time10 {
        animation-delay: 0.6s;
    }
	@keyframes fadeLeftAnime{
		from {
		opacity: 0;
		transform: translateY(100px);
		}
	
		to {
		opacity: 1;
		transform: translateY(0);
		}
	}
	@keyframes fadeRightAnime{
		from {
		opacity: 0;
		transform: translateY(100px);
		}
	
		to {
		opacity: 1;
		transform: translateY(0);
		}
	}
}