@charset "UTF-8";

/******************/
/******************/
/* RESET CSS */

:root {
	--color-black:#000000;
	--color-white:#ffffff;
	--color-green:#4FA866;
	--color-light-green:#EBF7EC;
	
	--gradient-green: linear-gradient(60deg, rgba(107, 201, 111, 1) 0%, rgba(76, 171, 124, 1) 100%);
	--gradient-silver: linear-gradient(30deg, rgba(255, 255, 255, 1) 0%, rgba(211, 211, 211, 1) 100%);
	--font-medium: 500;
	--font-bold: 700;
	--font-main: "Noto Sans JP", sans-serif;
	--font-sub: "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}
	

*,*::before,*::after{box-sizing:border-box}*{border:0;margin:0;outline:0;padding:0;font:inherit;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;text-decoration:none;vertical-align:baseline}article,aside,footer,header,main,nav,article,section{display:block}img,picture,audio,canvas,video,svg{display:block;max-width:100%;height:auto}img{width:100%;height:auto;line-height:0;}br,hr{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}input,select{vertical-align:middle}body{line-height:1;line-break:strict;overflow-wrap:break-word;overflow-wrap:anywhere;word-break:normal;font-feature-settings:"palt";-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased}a{-webkit-tap-highlight-color:transparent}


/******************/
/******************/
/* html format ****/


html {
	font-size: 62.5%;
}
html {
	font-size: clamp(7px, calc(100vw / 1600* 4 + 6px), 11px);
	/* scroll-behavior: smooth; */
}
@media screen and (min-width: 1440px) {
	html {
			font-size: 9.7px;
		}
}
@media screen and (max-width: 750px) {
	html {
			font-size: 12px;
		}
}
@media screen and (max-width: 500px) {
	html {
			font-size: 2.35vw;
		}
}

body {
	background-color: #fff;
	color: #000000;
	color: var(--color-dark);
	font-family: var(--font-main);
	font-family: "Noto Sans JP", 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Meiryo', 'メイリオ', 'Helvetica', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 16px;
	font-size: 1.6rem;
	position: relative;
	text-align: center;
	width: 100%;
	text-size-adjust:100%;
	font-feature-settings:"palt";
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	-webkit-tap-highlight-color:transparent;
	height: auto;
	margin: 0 auto;
	letter-spacing: 0.05em;
}

a,
a:link,
a:visited,
a:hover,
a:active {
	color: inherit;
	-webkit-tap-highlight-color: transparent rgba(0, 0, 0, 0);
	text-decoration: none;
	-webkit-text-decoration-skip: objects;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	display: block;
	line-height: 1.3;
}
b {
	font-weight: bold;
}
i {
	font-style: normal;
}
u {
	text-decoration: underline;
}
em {
	font-weight: bold;
}
strong {
	font-weight: bold;
	font-size: 1.4em;
}
mark {
	background: transparent;
}
q {}
q:before,
q:after {
	content: '"';
}
s {
	text-decoration: underline;
}
del {
	text-decoration: line-through;
}
ins {}
iframe {}
ruby {}
rt {
	font-size: 0.5em;
}
sup {
	vertical-align: super;
	font-size: smaller;
}
sub {
	vertical-align: sub;
	font-size: smaller;
}
details {
	margin: 0 0 40px 0;
}
hr {
	margin: 0;
	border: 0;
	border-top: 1px solid #000000;
	height: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	border: 0;
	width: 100%;
	margin: 0;
	border-top: 1px solid #000000;
}
table th,
table td {
	padding: 1.5em 1em;
	vertical-align: top;
	border-bottom: 1px solid #000000;
}
table caption {
	text-align: left;
}
::-moz-selection {
	background-color: #000000;
	color: #ffffff;
}
::selection {
	background-color: #000000;
	color: #ffffff;
}


/******************/
/* shortcodes *****/
.text-small {
	font-size: 0.8em;
}
.pc {
	display: block;
}
.sp {
	display: none;
}
@media screen and (max-width: 750px) {
	.pc {
		display: none;
	}
	.sp {
		display: block;
	}
}


/* 共通スタイル */
.image-wrapper{
	height: fit-content;
	width: 100%;
	display: block;
	line-height: 1;
}
.image-wrapper img {
	width: 100%;
	height: auto;
	line-height: 0;
}
.wrapper {
	position: relative;
	z-index: 2;
	min-height:100vh;
}
@media screen and (min-width: 1280px) {
	.wrapper {
		margin: 0 0 0;
		position: relative;
		line-height: 1.5;
	}
}


.site-main {
	padding: 0;
	line-height: 1.6;
	text-align: center;
	margin: 0;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}
.section {
	position: relative;
	display: block;
	padding: 0;
	margin: 0;
}
.inner {
	max-width: 1440px;
	clear: both;
	display: block;
	margin: 0 auto;
	position: relative;
	width: 100%;
	padding: 0;
}
@media screen and (max-width: 750px) {
	.inner {
		padding: 0 5%;
	}
}
.contact-box {
	margin-top: 8rem;
}
.contact-box h3 {
	font-size: 4.3rem;
	font-family: var(--font-sub);
	font-weight: var(--font-bold);
}
.contact-box h3 .break {
	display:none;
}
.contact-box small {
	font-size: 1.9rem;
	margin-top: 1rem;
	font-family: var(--font-sub);
	font-weight: var(--font-bold);
}
.contact-box .button {
	max-width: 790px;
	width: 90%;
	margin: 3rem auto 14rem auto;
	filter: drop-shadow(0px 10px 10px rgba(60, 116, 62, 0.3));
}
@media screen and (max-width: 1200px) {
	.contact-box h3 .break {
		display: block;
	}
}
@media screen and (max-width: 750px) {
	.contact-box {
		margin-top: 4rem;
	}
	.contact-box h3{
		text-align: left;
		font-size: 2.6rem;
		width: fit-content;
        margin: 0 auto;
	}
	.contact-box .button {
		width: 80%;
		margin: 3rem auto 5rem auto;
	}
}

.button {
	position: relative;
}
.button::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	transition: 0.3s;
	mix-blend-mode: overlay;
}
.button:hover::after {
	background-color: #000000;
	opacity: 0.3;
	pointer-events: none;
}


.site-background {
	position: fixed;
	top: 0;
	left: 0;
	z-index: -5;
	background-image: url("../images/site-background.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 100%;
	height: 100%;
}
@media screen and (max-width: 750px) {
	.site-background {
		background-image: url("../images/site-background-sp.jpg");
	}
}

/* アニメーション */
.animation-hoge {}

/* 固有スタイル */

.site-header {
	display: flex;
	align-items: center;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background-color: var(--color-white);
	z-index: 999;
}
.site-header .header-logo {
	width: 225px;
	height: auto;
	margin-left: 3rem;
	margin-right: auto;
}
.site-header .utility {
	display: flex;
	align-items: center;
	padding: 2rem 2rem 2rem 5rem;
	background-image: url("../images/header-decoration.svg");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left top;
	background-color: #53B76D;
	gap: 2rem;
	margin-left: 2rem;
	width: 40%;
	max-width: 600px;
}
.site-header .utility .tel {
	width: 45%;
	filter: drop-shadow(0px 0px 2px rgba(95, 95, 95, 0.9));
}
.site-header .utility .contact {
	width: 55%;
	filter: drop-shadow(0px 0px 5px rgba(95, 95, 95, 0.6));
	transition: 0.3s;
}
.site-header .utility .contact:hover {
	scale: 1.05;
}

.site-header nav ul {
	display: flex;
	gap: 3rem;
}

.site-header .navi-toggle {
	display: none;
}
@media screen and (max-width: 1160px) {

}
@media screen and (max-width: 1160px) {
	.site-header .navi-toggle {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		align-items: center;
		width: 50px;
		height: 50px;
		margin: 0 20px;
		font-size: 11px;
		cursor: pointer;
	}
	.site-header .navi-toggle .line {
		display: block;
		width: 100%;
		height: 2px;
		background-color: var(--color-black);
		margin-bottom: 12px;
		border-radius: 999px;
		transition: 0.3s;
	}
	.site-header.navi-active .navi-toggle .line:nth-child(1) {
		transform: translateY(14px) rotate(45deg);
	}
	.site-header.navi-active .navi-toggle .line:nth-child(2) {
		width: 0;
	}
	.site-header.navi-active .navi-toggle .line:nth-child(3) {
		transform: translateY(-4px) rotate(-45deg);
	}
	.site-header nav {
		position: absolute;
		width: 100%;
		top: 100%;
		left: 105vw;
		transition: 0.3s;
		overflow-y: auto;
		background-color: var(--color-light-green);
	}
	.site-header.navi-active nav {
		height: 100dvh;
		display: block;
		left: 0;
	}
	.site-header nav ul {
		display: block;
		padding: 8rem 0;
		width: 80%;
		margin: 0 auto;
	}
	.site-header nav ul li {
		text-align: left;
		font-size: 1.8rem;
		border-bottom: 1px solid var(--color-green);
		padding-bottom: 4rem;
		padding-top: 4rem;
	}
	.site-header .utility{
		width: 450px;
	}
}
@media screen and (max-width: 750px) {
	.site-header .header-logo {
		margin-left: 1rem;
		width: 14rem;
	}
	.site-header .utility {
		width: 18rem;
		margin-left: 0;
		padding: 0.7rem 2rem 1.2rem 4rem;
	}
	.site-header .utility .contact{
		display: none;
	}
	.site-header .utility .tel {
		width: 100%;
	}
	.site-header .navi-toggle{
		width: 4rem;
		height: 4.5rem;
		margin: 0 1.5rem;
		font-size: 1rem;
	}
	.site-header .navi-toggle .line {
		margin-bottom: 0rem;
	}
	.site-header.navi-active .navi-toggle .line:nth-child(1) {
		transform: translateY(8px) rotate(45deg);
	}
	.site-header.navi-active .navi-toggle .line:nth-child(3) {
		transform: translateY(-4px) rotate(-45deg);
	}
}





.section-top-hero {
	background-image: url("../images/hero-background.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
	aspect-ratio: 1440 / 910;
	padding-top: 13rem;
}
.section-top-hero::before {
	content: "";
	position: absolute;
	bottom: 0;
	right: 5%;
	display: block;
	width: 45%;
	aspect-ratio: 691 / 869;
	background-image: url("../images/hero-decoration.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	z-index: 1;
}
.section-top-hero h2 {
	width: 55%;
	padding-top: 12vw;
}
.section-top-hero .point {
	width: 70%;
	margin-left: 5%;
	padding-top: 5vw;
	z-index: 2;
	position: relative;
	filter: drop-shadow(0px 0px 15px rgba(95, 95, 95, 0.6));
}
.section-top-hero .hero-contact {
	display: none;
}
@media screen and (max-width: 750px) {
	.section-top-hero {
		margin-top: 0;
		background-image: url(../images/hero-background-sp.jpg);
		aspect-ratio: 75 / 122;
		padding-top: 0;
	}
	.section-top-hero h2{
		width: 100%;
		padding-top: 25vw;
	}
	.section-top-hero .point{
		width: 48%;
        padding-top: 16vw;
		margin-left: 3%;
	}
	.section-top-hero::before{
		background-image: url(../images/hero-decoration-sp.png);
		z-index: 3;
		width: 68%;
		right: 0;
		aspect-ratio: 236 / 339;
		bottom: 4rem;
	}
	.section-top-hero .hero-contact {
		position: absolute;
		top: calc(100% - 5rem);
		left: 5%;
		width: 90%;
		z-index: 3;
		display: block;
		filter: drop-shadow(0px 10px 10px rgba(95, 95, 95, 0.2));
	}
}

.section-top-reason h2 {
	padding: 8rem 0;
	background-color: var(--color-light-green);
	position: relative;
	z-index: 2;
	filter: drop-shadow(0px 20px 10px rgba(95, 95, 95, 0.1));
}
.section-top-reason h2::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	display: block;
	width: 15%;
	aspect-ratio: 206 / 74;
	background-image: url("../images/reason-title-decoration.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	max-width: 220px;
}
.section-top-reason h2 img {
	width: 50%;
	max-width: 720px;
	margin: 0 auto;
}
.section-top-reason h3 {
	font-size: 5.4rem;
	color: var(--color-white);
	background-image: linear-gradient(00deg, rgba(103, 197, 113, 1) 0%, rgba(80, 175, 122, 1) 100%);
	padding: 12rem 0;
	line-height: 1.7;
}
.section-top-reason h3 small {
	font-size: 0.8em;
	display: block;
}
.section-top-reason h3 b {
	position: relative;
	font-weight: var(--font-medium);
}
.section-top-reason h3 b::after {
	content: "";
	position: absolute;
	top: 110%;
	left: 0;
	display: block;
	width: 100%;
	height: 3px;
	background-color: var(--color-white);
}
.section-top-reason .content {
	background-image: url("../images/reason-background.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom center;
	padding-bottom: 3rem;
}
.section-top-reason .content ul {
	max-width: 1117px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	position: relative;
	top: -5rem;
	padding: 0 8rem 5rem 8rem;
	z-index: 2;
}
.section-top-reason .content ul::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 80%;
	z-index: -1;
	background-color: var(--color-white);
	filter: drop-shadow(0px 0px 40px rgba(0, 128, 5, 0.3));
}
.section-top-reason .content ul li {
	flex-basis: 31.5%;
	display: flex;
	flex-direction: column;
	position: relative;
}
.section-top-reason .content ul li h4 {
	filter: drop-shadow(0px 0px 20px rgba(0, 128, 5, 0.3));
}
.section-top-reason .content ul li p {
	line-height: 1.7;
	font-size: 2rem;
	padding: 2rem 0;
}
.section-top-reason .content ul li p b {
	font-weight: var(--font-medium);
	color: var(--color-green);
}
.section-top-reason .content ul li .button {
	margin: auto 0 0 0;
}
.section-top-reason h3 .break {
	display: none;
}
@media screen and (max-width: 1200px) {
	.section-top-reason h3 .break {
		display: block;
	}
}
@media screen and (max-width: 850px) {
	.section-top-reason h3 {
		font-size: 4.3rem;
	}
	.section-top-reason .content ul li p .break {
		display: none;
	}
}
@media screen and (max-width: 750px) {
	.section-top-reason h2 {
		padding: 9rem 0 6rem 0;
	}
	.section-top-reason h2 img {
		width: 70%;
	}
	.section-top-reason h3 {
		padding: 6rem 0 12rem 0;
		font-size: 2.8rem;
		line-height: 2;
	}
	.section-top-reason h3 small{
		font-size: 0.6em;
	}
	.section-top-reason .content {
		background-image: url(../images/reason-background-sp.png);
		background-size: contain;
		background-position: center 8rem;
		padding-bottom: 3rem;
	}
	.section-top-reason .content ul {
		display: block;
		top: 0;
		padding: 0;
    	width: 80%;
		margin-top: -8rem;
	}
	.section-top-reason .content ul::after {
		display: none;
	}
	.section-top-reason .content ul li {
		padding-bottom: 4rem;
		margin-bottom: 4rem;
	}
	.section-top-reason .content ul li::after {
		content: "";
		position: absolute;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
		display: block;
		width: 100vw;
		height: calc(100% - 19rem);
		background-color: var(--color-white);
		z-index: -1;
		filter: drop-shadow(0px 0px 20px rgba(60, 116, 62, 0.2));
	}
	.section-top-reason .content ul li p {
		padding: 3rem 0;
	}
}

.section-top-point {
	overflow-x: hidden;
}
.section-top-point h2 {
	max-width: 1440px;
	margin: 0 auto;
	position: relative;
	filter: drop-shadow(0px 0px 30px rgba(60, 116, 62, 0.3));
}
.section-top-point h2::before {
	content: "";
	position: absolute;
	top: 0;
	left: 99.9%;
	display: block;
	width: 100vw;
	height: 100%;
	background-color: #d4d4d4;
}
.section-top-point h2::after {
	content: "";
	position: absolute;
	top: 0;
	right: 99.9%;
	display: block;
	width: 100vw;
	height: 100%;
	background-color: #4cab7c;
}
.section-top-point-01 .content {
	max-width: 1017px;
	margin: 3rem auto;
}
.section-top-point-01 .content .great {
	filter: drop-shadow(0px 20px 40px rgba(95, 95, 95, 0.6));
}
.section-top-point-02 .content {
	max-width: 945px;
	margin: 8rem auto;
	width: 90%;
}
.section-top-point-02 .great {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 5rem 3rem;
	background-color: var(--color-white);
	position: relative;
	margin-top: 8rem;
	filter: drop-shadow(0px 10px 30px rgba(95, 95, 95, 0.2));
}
.section-top-point-02 .great::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: block;
	width: 65%;
	aspect-ratio: 1 / 1;
	background-image: url("../images/point-02-great-decoration.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
.section-top-point-02 .great .title {
	flex-basis: 25%;
	filter: drop-shadow(0px 0px 30px rgba(95, 95, 95, 0.4));
}
.section-top-point-02 .great .description {
	flex-basis: 70%;
}
.section-top-point-02 .great .description h3 {
	font-size: 4.4rem;
	font-family: var(--font-sub);
	font-weight: var(--font-bold);
	margin-bottom: 2rem;
}
.section-top-point-02 .great .description p {
	text-align: left;
	font-size: 2rem;
	line-height: 2;
}
.section-top-point-02 .area {
	padding: 77.5px;
	max-width: 1100px;
	margin: 18rem auto 10rem auto;
	background-image: linear-gradient(85deg, rgba(255, 255, 255, 1) 0%, rgba(211, 211, 211, 1) 100%);
	position: relative;
	width: 90%;
	filter: drop-shadow(0px 10px 20px rgba(95, 95, 95, 0.3));
}
.section-top-point-02 .area::before {
	content: "";
	position: absolute;
	top: 0;
	right: 99.9%;
	display: block;
	width: 100vw;
	height: 100%;
	background-color: var(--color-white);

}
.section-top-point-02 .area h3 {
	position: absolute;
	top: 0;
	transform: translateY(-50%);
	left: 77.5px;
	width: 15rem;
	height: auto;
}
.section-top-point-02 .area .map {
	position: relative;
	filter: drop-shadow(0px 0px 30px rgba(95, 95, 95, 0.5));
}
.section-top-point-02 .area .map::before {
	content: "";
	position: absolute;
	top: -2rem;
	left: -5rem;
	display: block;
	width: 25rem;
	aspect-ratio: 1 / 1;
	background-image: url("../images/point-02-area-title.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	filter: drop-shadow(0px 0px 20px rgba(95, 95, 95, 0.3));
}
.section-top-point-02 .area .map::after {
	content: "";
	position: absolute;
	top: 35%;
	left: 70%;
	display: block;
	width: 43%;
	aspect-ratio: 486 / 212;
	background-image: url("../images/point-02-area-caption.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
.section-top-point-02 .area p {
	text-align: left;
	font-size: 2.5rem;
	margin-top: 2rem;
}
.section-top-point-02 .area small {
	text-align: left;
	font-size: 2.2rem;
	display: block;
}
@media screen and (max-width: 750px) {
	.section-top-point-01 .content .great {
		filter: drop-shadow(0px 20px 20px rgba(95, 95, 95, 0.3));
	}
	.section-top-point-01 .contact-box h3 {
		text-align: center;
	}
	.section-top-point h2::before,
	.section-top-point h2::after {
		display: none;
	}
	.section-top-point-02 {
		overflow: hidden;
	}
	.section-top-point-02 .content{
		width: 80%;
		margin: 4rem auto;
	}
	.section-top-point-02 .great{
		display: block;
		background-color: var(--color-white);
		padding: 15rem 0 5rem 0;
		position: relative;
		margin-top: 16rem;
		filter: drop-shadow(0px 0px 15px rgba(95, 95, 95, 0.3));
	}
	.section-top-point-02 .great::after {
		content: "";
		position: absolute;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
		display: block;
		width: 100vw;
		height: 100%;
		background-color: var(--color-white);
		z-index: -1;
	}
	.section-top-point-02 .great::before {
		width: 155%;
	}
	.section-top-point-02 .great .title {
		position: absolute;
		width: 20rem;
		top: 0;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	.section-top-point-02 .area {
		width: 100%;
		padding: 8rem 0 0 0;
		margin-top: 8rem;
		margin-bottom: 5rem;
	}
	.section-top-point-02 .area h3 {
		transform: translate(-50%, -50%);
    	left: 50%;
	}
	.section-top-point-02 .area .map::before {
		display: none;
	}
	.section-top-point-02 .area .map::after {
		display: none;
	}
	.section-top-point-02 .area p {
		width: 80%;
		margin: 3rem auto 0 auto;
		font-size: 2rem;
	}
	.section-top-point-02 .area small {
		width: 80%;
		margin: 2rem auto 0 auto;
		padding-bottom: 5rem;
		font-size: 1.6rem;
	}
}

.section-top-point-03 {
	position: relative;
	background-image: linear-gradient(90deg, rgba(218, 240, 222, 1) 25%, rgba(200, 232, 206, 1) 25%, rgba(200, 232, 206, 1) 50%, rgba(180, 223, 188, 1) 50%, rgba(180, 223, 188, 1) 75%, rgba(165, 217, 177, 1) 75%);
	z-index: 1;
}
.section-top-point-03::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	z-index: -1;
	background-image: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.0) 100%);
}
.section-top-point-03 .content {
	max-width: 945px;
	margin: 0 auto;
	width: 90%;
}
.section-top-point-03 .great {
	background-image: var(--gradient-silver);
	padding: 10rem 15rem 7rem 15rem;
	position: relative;
	margin-top: 10rem;
	filter: drop-shadow(0px 10px 30px rgba(95, 95, 95, 0.4));
}
.section-top-point-03 .great h3 {
	position: absolute;
	top: -6rem;
	left: -6rem;
	width: 24rem;
	filter: drop-shadow(0px 0px 15px rgba(95, 95, 95, 0.4));
}
.section-top-point-03 .great .gallery {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	row-gap: 2rem;
}
.section-top-point-03 .great .gallery .item {
	flex-basis: 31%;
}
.section-top-point-03 .great .gallery .item span {
	display: block;
	margin-top: 1.8rem;
	font-size: 2.5rem;
}
.section-top-point-03 .great p {
	font-size: 2.1rem;
	text-align: left;
	margin-top: 5rem;
}
.section-top-point-03 .reason h3 {
	max-width: 700px;
	margin: 12rem auto 5rem auto;
}
.section-top-point-03 .reason .support {
	position: relative;
}
.section-top-point-03 .reason .support .caption {
	position: absolute;
	top: 5rem;
	right: -5rem;
	width: 500px;
	filter: drop-shadow(0px 0px 10px rgba(95, 95, 95, 0.5));
}
.section-top-point-03 .reason .support .description {
	background-color: var(--color-light-green);
	padding: 4rem 7rem;
	background: linear-gradient(0deg, rgba(107, 201, 111, 0.17) 0%, rgba(76, 171, 124, 0.17) 100%);
}
.section-top-point-03 .reason .support .description h4 {
	font-size: 2.7rem;
	text-align: left;
	margin-bottom: 2rem;
}
.section-top-point-03 .reason .support .description p {
	font-size: 2rem;
	text-align: left;
}
.section-top-point-03 .applicable {
	width: 80%;
	margin: 6rem auto 0 auto;
}
.section-top-point-03 .applicable h4 {
	font-size: 2.7rem;
	margin-bottom: 2rem;
}
.section-top-point-03 .applicable .point {
	display: flex;
	gap: 1.5rem;
	justify-content: center;
}
.section-top-point-03 .applicable .point span {
	display: block;
	padding: 1.5rem;
	border: 1px solid var(--color-green);
	background-color: var(--color-white);
	width: fit-content;
}
.section-top-point-03 .applicable .caption {
	text-align: left;
	display: block;
	margin-top: 3rem;
}
.section-top-point-03 .applicable ul li {
	text-align: left;
	line-height: 1.7;
	font-size: 1.6rem;
}
@media screen and (max-width: 750px) {
	.section-top-point-03::after {
		display: none;
	}
	.section-top-point-03 .reason h3 {
		margin-top: 8rem;
	}
	.section-top-point-03 .content {
		width: 80%;
	}
	.section-top-point-03 .great {
		margin-top: 12rem;
		padding: 10rem 3rem 4rem 3rem;
	}
	.section-top-point-03 .great h3 {
		width: 20rem;
		transform: translate(-50%, -50%);
		top: 0;
		left: 50%;
	}
	.section-top-point-03 .great .gallery {
		display: block;
	}
	.section-top-point-03 .great .gallery .item {
		flex-basis: 100%;
		margin-top: 3rem;
	}
	.section-top-point-03 .great .gallery .item span {
		font-size: 2.2rem;
		margin-top: 1rem;
		display: block;
	}
	.section-top-point-03 .great p {
		display: none;
	}
	.section-top-point-03 .reason .support .picture {
		width: 100vw;
		margin: 0 calc(50% - 50vw);
	}
	.section-top-point-03 .reason .support .caption {
		width: 100vw;
		margin: 0 calc(50% - 50vw);
		top: 17rem;
		left: 0;
	}
	.section-top-point-03 .reason .support .description {
		margin-top: 15rem;
		padding: 0;
		background: transparent;
	}
	.section-top-point-03 .applicable {
		width: 100%;
		position: relative;
		padding-top: 5rem;
	}
	.section-top-point-03 .applicable::after {
		content: "";
		position: absolute;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
		display: block;
		width: 100vw;
		height: 100%;
		background-color: rgb(255, 255, 255, 0.6);
		z-index: -1;
	}
	.section-top-point-03 .applicable .point {
		display: block;
	}
	.section-top-point-03 .applicable .point span {
		width: 100%;
		margin-bottom: 1rem;
	}
	.section-top-point-03 .contact-box {
		position: relative;
		margin-top: 0;
		padding-top: 5rem;
	}
	.section-top-point-03 .contact-box::after {
		content: "";
		position: absolute;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
		display: block;
		width: 100vw;
		height: 100%;
		background-color: rgb(255, 255, 255, 0.6);
		z-index: -1;
	}
	.section-top-point-03 .contact-box h3 {
		font-size: 3.2rem;
	}
	.section-top-point-03 .contact-box .button {
		width: 100%;
		margin-bottom: 0;
		padding-bottom: 5rem;
	}
}

.section-top-example {
	padding-top: 10rem;
}
.section-top-example::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 30vw;
	max-height: 450px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	z-index: -1;
}
.section-top-example-01::after {
	background-image: url("../images/example-background-01.jpg");
}
.section-top-example-02::after {
	background-image: url("../images/example-background-02.jpg");
}
.section-top-example-03::after {
	background-image: url("../images/example-background-03.jpg");
}
.section-top-example h3 {
	font-size: 3.5rem;
	padding: 3rem 7rem;
	font-family: var(--font-sub);
	font-weight: var(--font-bold);
	text-align: left;
	background-image: var(--gradient-green);
	color: var(--color-white);
	width: fit-content;
	position: relative;
}
.section-top-example h3::before {
	content: "";
	position: absolute;
	top: 0;
	right: 100%;
	display: block;
	background-color: #6BC96F;
	width: 100vw;
	height: 100%;
}
.section-top-example .content {
	max-width: 945px;
	width: 90%;
	margin: 5rem auto 8rem auto;
	padding: 6rem 9rem;
	background-color: var(--color-light-green);
}
.section-top-example .content p {
	font-size: 2rem;
	text-align: left;
	line-height: 1.7;
}
.section-top-example-01 h4 {
	color: var(--color-green);
	font-size: 3.5rem;
	font-family: var(--font-sub);
	font-weight: var(--font-bold);
}
.section-top-example-01 .caption {
	color: var(--color-green);
	margin-bottom: 2rem;
	font-size: 2.7rem;
	margin-top: 3rem;
	font-family: var(--font-sub);
	font-weight: var(--font-bold);
	display: block;
	text-align: left;
}
.section-top-example-01 .caption i {
	margin-right: 1em;
}
.section-top-example-01 .caption-text {
	display: flex;
	gap: 3rem;
	margin-left: 3.5em;
	text-align: left;
}
.section-top-example-01 .caption-text.graph::after {
	content: "";
	background-image: url("../images/example-graph.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	flex-basis: 40%;
	aspect-ratio: 2 / 1;
	display: block;
}
.section-top-example-03 .content {
	padding: 12rem 9rem;
	margin-bottom: 15rem;
}
@media screen and (max-width: 750px) {
	.section-top-example {
		padding-top: 14.5rem;
	}
	.section-top-example::after {
		height: 35vw;
	}
	.section-top-example-01::after {
		background-image: url("../images/example-background-01-sp.jpg");
	}
	.section-top-example-02::after {
		background-image: url("../images/example-background-02-sp.jpg");
	}
	.section-top-example-03::after {
		background-image: url("../images/example-background-03-sp.jpg");
	}
	.section-top-example h3 {
		font-size: 2.8rem;
		text-align: center;
		width: 100%;
		padding: 5rem 0;
	}
	.section-top-example .inner {
		display: contents;
	}
	.section-top-example .content {
		width: 100%;
		padding: 5rem 10%;
		margin-top: 0;
	}
	.section-top-example-01 h4 {
		font-size: 3rem;
	}
	.section-top-example-01 .caption {
		position: relative;
		padding-left: 6rem;
		font-size: 2.4rem;
		line-height: 1.3;
	}
	.section-top-example-01 .caption i {
		content: "";
		position: absolute;
		top: 50%;
		left: -1rem;
		transform: translateY(-50%);
		display: block;
		font-size: 3.4rem;
	}
	.section-top-example .content p {
		margin-left: 0;
		display: block;
	}
	.section-top-example-01 .caption-text.graph::after {
		width: 80%;
		margin: 3rem auto 0 auto;
	}
}

.section-top-service {
	background-image: url("../images/service-background.png");
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center top;
}
.section-top-service h2 {
	max-width: 680px;
	padding: 10rem 0 5rem 0;
	margin: 0 auto;
	width: 90%;
}
.section-top-service .content {
	display: flex;
	justify-content: space-between;
	row-gap: 2rem;
	flex-wrap: wrap;
	max-width: 945px;
	margin: 0 auto;
	width: 90%;
}
.section-top-service .content .item {
	flex-basis: 48%;
	background-image: var(--gradient-silver);
	padding: 3rem 0;
	display: flex;
	flex-direction: column;
	filter: drop-shadow(0px 0px 15px rgba(0, 128, 5, 0.3));
}
.section-top-service .content .item .caption {
	font-size: 2.7rem;
	margin-bottom: 2rem;
	line-height: 1.3;
	font-family: var(--font-sub);
	font-weight: var(--font-bold);
	display: flex;
	align-items: center;
	justify-content: center;
	height: 2.6em;
}
.section-top-service .content .item .button {
	width: 75%;
	margin: 0 auto;
}
@media screen and (max-width: 1000px) {
	.section-top-service {
		background-size: auto 600px;
	}
}
@media screen and (max-width: 750px) {
	.section-top-service {
		background-image: url(../images/service-background-sp.png);
		background-size: 100% auto;
	}
	.section-top-service h2 {
		width: 100%;
		padding: 7rem 0 5rem 0;
	}
	.section-top-service .content {
		width: 80%;
		display: block;
	}
	.section-top-service .content .item {
		margin-bottom: 2rem;
	}
	.section-top-service .contact-box small {
		width: 80%;
		display: block;
		margin: 2rem auto 0 auto;
		text-align: left;
	}
}

.section-top-trouble {
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center top;
	padding-top: 5rem;
}
.section-top-trouble::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 18vw;
	max-height: 265px;
	z-index: -1;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.section-top-trouble-01::after {
	background-image: url("../images/trouble-background-01.jpg");
}
.section-top-trouble-02::after {
	background-image: url("../images/trouble-background-02.jpg");
}
.section-top-trouble-03::after {
	background-image: url("../images/trouble-background-03.jpg");
}
.section-top-trouble  .section-title {
	font-size: 3.5rem;
	padding: 3rem 7rem;
	font-family: var(--font-sub);
	font-weight: var(--font-bold);
	text-align: left;
	background-image: var(--gradient-green);
	color: var(--color-white);
	width: fit-content;
	position: relative;
}
.section-top-trouble .section-title::before {
	content: "";
	position: absolute;
	top: 0;
	right: 100%;
	display: block;
	background-color: #6BC96F;
	width: 100vw;
	height: 100%;
}
.section-top-trouble .description {
	max-width: 1000px;
	margin: 4rem auto 0 auto;
	position: relative;
	width: 90%;
}
.section-top-trouble .description::after {
	width: 45%;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	display: block;
	width: 45%;
	aspect-ratio: 481 / 290;
}
.section-top-trouble-01 .description::after {
	background-image: url("../images/trouble-picture-01.png");
}
.section-top-trouble-02 .description::after {
	background-image: url("../images/trouble-picture-02.png");
}
.section-top-trouble-03 .description::after {
	background-image: url("../images/trouble-picture-03.png");
}
.section-top-trouble .description p {
	width: 50%;
	text-align: left;
}
.section-top-trouble .content {
	max-width: 945px;
	width: 90%;
	margin: 12rem auto 8rem auto;
}
.section-top-trouble h4 {
	font-size: 3.9rem;
	margin-bottom: 2rem;
	color: var(--color-green);
	text-align: left;
}
.section-top-trouble .box {
	background-color: var(--color-white);
	padding: 3rem 5rem;
	margin-bottom: 8rem;
	filter: drop-shadow(0px 0px 10px rgba(60, 116, 62, 0.2));
}
.section-top-trouble .item + .item {
	margin-top: 2rem;
	padding-top: 2rem;
	border-top: 1px solid var(--color-green);
}
.section-top-trouble h4 {
	margin-bottom: 2rem;
}
.section-top-trouble .box + h4 {
	margin-top: 8rem;
}
.section-top-trouble .box:last-child {
	margin-bottom: 14rem;
}
@media screen and (max-width: 750px) {
	.section-top-trouble::after {
		max-height: none;
		height: 70vw;
	}
	.section-top-trouble-01::after {
		background-image: url("../images/trouble-background-01-sp.jpg");
	}
	.section-top-trouble-02::after {
		background-image: url("../images/trouble-background-02-sp.jpg");
	}
	.section-top-trouble-03::after {
		background-image: url("../images/trouble-background-03-sp.jpg");
	}
	.section-top-trouble .inner {
		display: contents;
	}
	.section-top-trouble .content {
		margin-top: 7rem;
		margin-bottom: 4rem;
	}
	.section-top-trouble .section-title {
		padding: 5rem 0;
		width: 100%;
	}
	.section-top-trouble .section-title {
		text-align: center;
		font-size: 3.2rem;
	}
	.section-top-trouble .description {
		width: 80%;
		display: flex;
		flex-direction: column-reverse;
	}
	.section-top-trouble .description::after {
		position: static;
		width: 100%;
		margin-bottom: 3rem;
	}
	.section-top-trouble .description p {
		width: 100%;
		line-height: 1.8;
	}
	.section-top-trouble h4 {
		font-size: 3rem;
	}
	.section-top-trouble .box {
		width: 100%;
		padding: 2rem;
	}
	.section-top-trouble .item + .item {
		margin-top: 4rem;
		padding-top: 4rem;
	}
	.section-top-trouble .box:last-child {
		margin-bottom: 2rem;
	}
	.section-top-trouble .contact-box h3 {
		font-size: 3rem;
	}
}


.section-top-flow {
	background-color: var(--color-light-green);
	padding: 10rem 0;
}
.section-top-flow h3 {
	max-width: 563px;
	margin: 0 auto;
	filter: drop-shadow(0px 0px 10px rgba(95, 95, 95, 0.4));
}
.section-top-flow .content {
	max-width: 1120px;
	width: 90%;
	margin: 5rem auto 0 auto;
}
.section-top-flow ol {
	display: flex;
}
.section-top-flow ol li {
	flex-basis: 25.25%;
}
.section-top-flow ol li:last-child {
	flex-basis: 24.25%;
}
@media screen and (max-width: 750px) {
	.section-top-flow {
		padding: 7rem 0;
	}
	.section-top-flow h3 {
		width: 90%;
	}
	.section-top-flow .content {
		width: 70%;
	}
	.section-top-flow ol {
		display: block;
	}
	.section-top-flow ol li {
		margin-bottom: 2rem;
	}
}

.section-top-company {
	padding: 10rem 0;
}
.section-top-company h3 {
	max-width: 563px;
	margin: 0 auto;
	filter: drop-shadow(0px 0px 10px rgba(95, 95, 95, 0.4));
}
.section-top-company .content {
	max-width: 945px;
	width: 90%;
	margin: 5rem auto 0 auto;
	background-color: var(--color-light-green);
	padding: 8rem;
}
.section-top-company table {
	border: none;
}
.section-top-company table th {
	border: none;
	width: 10em;
	text-align: left;
}
.section-top-company table td {
	border: none;
	text-align: left;
	border-bottom: 1px solid var(--color-black);
}
.section-top-company table tr:last-child td {
	border: none;
}
.section-top-company .license {
	display: flex;
	justify-content: center;
	gap: 3rem;
	margin-top: 5rem;
}
.section-top-company .license .item {
	flex-basis: 220px;
}
@media screen and (max-width: 750px) {
	.section-top-company {
		padding: 6rem 0;
	}
	.section-top-company h3 {
		width: 90%;
	}
	.section-top-company .content {
		width: 90%;
		padding: 2rem 2rem 5rem 2rem;
	}
	.section-top-company table th,
	.section-top-company table td {
		display: block;
	}
	.section-top-company table th {
		padding: 2rem 0 0 0;
		font-size: 1.8rem;
	}
	.section-top-company table td {
		padding: 0.5rem 0 2rem 0;
	}
	.section-top-company .license {
		display: block;
		margin-top: 0;
	}
	.section-top-company .license .item {
		width: 80%;
		margin: 3rem auto 0 auto;
	}

}

.section-top-suns-banner {
	padding-bottom: 10rem;
	cursor: pointer;
}
.section-top-suns-banner .banner {
	max-width: 1160px;
	position: relative;
	margin: 0 auto;
	width: 90%;
	filter: drop-shadow(0px 0px 20px rgba(95, 95, 95, 0.4));
}
.section-top-suns-banner .banner::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background-image: url("../images/suns-banner-hover.jpg");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	pointer-events: none;
	transition: 0.3s;
}
.section-top-suns-banner .banner:hover::after {
	opacity: 0;
}
@media screen and (max-width: 750px) {
	.section-top-suns-banner .banner {
		width: 80%;
	}
	.section-top-suns-banner .banner::after {
		background-image: url("../images/suns-banner-sp-hover.jpg");
	}
}

/* コンタクトフォーム */
.section-top-contact {
	overflow: hidden;
	padding-bottom: 13rem;
}
.section-top-contact h3 {
	background-image: linear-gradient(0deg, rgba(76, 171, 124, 1) 0%, rgba(107, 201, 111, 1) 100%);
	padding: 6rem 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 4.1rem;
	max-width: 945px;
	margin: 0 auto;
	color: var(--color-white);
	position: relative;
	width: 90%;
}
.section-top-contact h3::before,
.section-top-contact h3::after {
	content: "";
	position: absolute;
	top: 0;
	display: block;
	width: 100vw;
	height: 100%;
	background-image: linear-gradient(0deg, rgba(76, 171, 124, 1) 0%, rgba(107, 201, 111, 1) 100%);
}
.section-top-contact h3::before {
	left: 99.9%;
}
.section-top-contact h3::after {
	right: 99.9%;
}
.section-top-contact h3 i {
	width: 6em;
}
.section-top-contact .content {
	background-color: var(--color-light-green);
	max-width: 945px;
	margin: 7rem auto 0 auto;
	padding: 10rem 5rem 5rem 5rem;
	filter: drop-shadow(0px 10px 20px rgba(95, 95, 95, 0.2));
}
.section-top-contact .content .section-description {
	font-size: 1.8rem;
	letter-spacing: 0.1em;
}
.section-top-contact form .form-inner {
	margin-bottom: 5rem;
}
.section-top-contact form h4 {
	font-size: 3rem;
	margin-bottom: 1rem;
	text-align: left;
	font-family: var(--font-sub);
	font-weight: var(--font-bold);
}
.section-top-contact form .file-text {
	padding: 3rem 0;
	background-color: var(--color-green);
	color: var(--color-white);
	font-size: 2rem;
}
.section-top-contact form .file-input {
	padding: 2rem 0;
	border-bottom: 1px solid #6f6f6f;
	display: flex;
	align-items: center;
	gap: 2rem;
}
.section-top-contact form .file-input input[type="file"] {
	display: none;
}
.section-top-contact form .file-input input[type="file"]+span {
	background-image: url("../images/file-upload.png");
	background-repeat: no-repeat;
	background-size: 80% auto;
	background-position: center;
	display: block;
	border-radius: 1rem;
	border: 1px solid #6f6f6f;
	background-color: var(--color-white);
	cursor: pointer;
	width: 15rem;
	aspect-ratio: 6 / 2;
	box-shadow: 0px 5px 0px 0px rgba(112, 112, 112, 1);
}
.section-top-contact form dl {
	display: flex;
	justify-content: space-between;
}
.section-top-contact form dt {
	color: var(--color-green);
	width: 28.5rem;
	text-align: left;
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid var(--color-green);
	font-size: 2rem;
	padding: 3rem 0;
}
.section-top-contact form b {
	font-size: 1.6rem;
	padding: 0.1em 0.5em;
	display: inline-block;
	color: var(--color-green);
	white-space: nowrap;
	margin-left: 1em;
}
.section-top-contact form dd {
	width: calc(100% - 32rem);
	border-bottom: 1px solid #6f6f6f;
	padding: 1.5rem 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.section-top-contact form dd:has(label) {
	flex-direction: row;
    justify-content: flex-start;
    gap: 5rem;
    align-items: center;
}
.section-top-contact form dd .note {
	color: var(--color-green);
	text-align: left;
	display: block;
	font-size: 2rem;
}
.section-top-contact form dd .note small {
	display: inline-block;
	font-size: 0.8em;
	margin-left: 1em;
}
.section-top-contact form .box {
	padding-bottom: 1.5rem;
}
.section-top-contact form .box .caption {
	width: 27rem;
	text-align: left;
	display: flex;
	font-size: 2rem;
	padding: 1.5rem 0;
}
.section-top-contact form input {
	font-size: 2rem;
	padding: 1rem 2rem;
	border-radius: 0;
	width: 100%;
	border: none;
	background-color: #ffffff;
}
.section-top-contact form input::placeholder {
	color: #b4b4b4;
}

.section-top-contact form input[type=radio] {
	display: none;
}
.section-top-contact form input[type=radio]+span {
	white-space: nowrap;
	user-select: none;
	cursor: pointer;
	display: flex;
	align-items: center;
	column-gap: 0.8em;
	font-size: 2rem;
	position: relative;
}
.section-top-contact form input[type=radio]+span::before {
	content: "";
	display: block;
	width: 1.4em;
	height: 1.4em;
	border-radius: 50%;
	border: 2px solid var(--color-black);
	background-color: var(--color-white);
}
.section-top-contact form input[type=radio]+span::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 0.25em;
	width: 0.9em;
	height: 0.9em;
	border-radius: 50%;
	transform: translateY(-50%);
	background-color: var(--color-black);
	transition: 0.3s;
	opacity: 0;
}
.section-top-contact form input[type=radio]:checked+span::after {
	opacity: 1;
}

.section-top-contact form textarea {
	font-size: 2rem;
	padding: 1rem 2rem;
	border-radius: 0;
	width: 100%;
	min-height: 6em;
	border: none;
	background-color: #ffffff;
	resize: vertical;
}
.section-top-contact form textarea::placeholder {
	color: #b4b4b4;
}
.section-top-contact .submit {
	position: relative;
	width: fit-content;
	margin: 3rem auto 0 auto;
}
.section-top-contact .submit input {
	background-color: var(--color-green);
	text-align: center;
	display: block;
	padding: 0.75em 2em;
	font-size: 2.4rem;
	color: var(--color-white);
	width: 100%;
	max-width: 260px;
	letter-spacing: 0.2em;
	cursor: pointer;
	border: none;
	transition: 0.3s;
	border-radius: 0;
}
.section-top-contact .submit input:hover {
	background-color: #81D697;
	transition: 0.3s;
}

@media screen and (max-width: 750px) {
	.section-top-contact {
		padding-bottom: 5rem;
	}
	.section-top-contact h3 {
		display: block;
		font-size: 3rem;
		padding: 4rem 0 5rem 0;
	}
	.section-top-contact h3 i {
		width: 40%;
		display: block;
		margin: 0 auto 2rem auto;
	}
	.section-top-contact .content {
		width: 90%;
		margin-top: 3rem;
		padding: 3rem 2rem;
		filter: drop-shadow(0px 00px 10px rgba(95, 95, 95, 0.3));
	}
	.section-top-contact form h4  {
		font-size: 3rem;
		text-align: center;
	}
	.section-top-contact form dl {
		display: block;
	}
	.section-top-contact form dt,
	.section-top-contact form dd {
		width: 100%;
	}
	.section-top-contact form dt {
		border-bottom: none;
		padding: 1.5rem 0;
	}
	.section-top-contact form dd {
		padding-top: 0;
	}
	.section-top-contact form dd:has(label) {
		column-gap: 3rem;
		row-gap: 1rem;
		flex-wrap: wrap;
	}
	.section-top-contact form dd .note small {
		display: block;
		margin-left: 0;
	}
	.section-top-contact .submit{
		width: 100%;
	}
	.section-top-contact .submit input {
		max-width: none;
	}
}


.section-top-contact.confirm p {
	margin-bottom: 3rem;
	font-size: 2rem;
}
.section-top-contact.confirm table th,
.section-top-contact.confirm table td {
	text-align: left;
}
.section-top-contact.confirm .buttons {
	display: flex;
	gap: 3rem;
	justify-content: center;
	margin-top: 5rem;
}
.section-top-contact.confirm .button-wrapper {
	position: relative;
	width: fit-content;
}
.section-top-contact.confirm .button-wrapper .button {
	background-color: var(--color-green);
	border-radius: 0.5rem;
	text-align: center;
	display: block;
	padding: 2rem 0;
	font-size: 2.4rem;
	color: var(--color-white);
	filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.25));
	width: 250px;
	letter-spacing: 0.3em;
	cursor: pointer;
	transition: 0.3s;
}
.section-top-contact.confirm .button-wrapper.back .button {
	background-color: #969696;
	color: var(--color-white);
}
.section-top-contact.confirm .button-wrapper.back .button:hover {
	background-color: #BBBEBC;
}
@media screen and (max-width: 750px) {
	.section-contact-content .buttons {
		display: block;
	}
	.section-contact-content .button-wrapper .button {
		width: 100%;
	}
	.section-contact-content .button-wrapper {
		width: 100%;
		margin-bottom: 3rem;
	}
	.section-contact-content table th,
	.section-contact-content table td {
		display: block;
	}
	.section-contact-content table th {
		border: none;
		padding-bottom: 0;
	}
	.section-contact-content table td {
		padding-top: 2rem;
		font-size: 2.2rem;
	}
	.section-top-contact.confirm .buttons {
		flex-direction: column;
	}
	.section-top-contact.confirm .button-wrapper {
		width: 100%;
	}
	.section-top-contact.confirm .button-wrapper .button {
		width: 100%;
	}
}



.site-footer {
	background-color: var(--gradient-green);
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 8rem 0;
	background-image: var(--gradient-green);
}
.site-footer .footer-logo {
	width: 30%;
	max-width: 400px;
}
@media screen and (max-width: 750px) {
	.site-footer {
		padding: 4rem 0;
	}
	.site-footer .footer-logo {
		width: 60%;
	}
}

/* end ************/
/******************/
/******************/