* {
	box-sizing: border-box;
}

html,
body {
	margin: 0;
	padding: 0;
}

body {
	font-family: YuGothic, "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, "Questrial", "Noto Sans JP", sans-serif;
}

ul,
ol {
	margin: 0;
	padding: 0;
	list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
	margin: 0;
	padding: 0;
	color: #3E3A39;
}

img {
	display: block;
	width: 100%;
	height: auto;
}

picture {
	display: block;
	width: 100%;
	height: auto;
}

figure {
	margin: 0;
}

a {
	color: #3E3A39;
	text-decoration: none;
	transition: 0.3s;
}

a:hover {
	cursor: pointer;
	opacity: 0.8;
}

.pc-none {
	display: none;
}

.sp-none {
	display: block;
}

.grecaptcha-badge {
	visibility: hidden;
}

.main {
	margin-top: min(5vw, 72px);
}

.container {
	width: min(100%, 1440px);
	margin-right: auto;
	margin-left: auto;
	padding: 0 min(8.3333333333vw, 120px);
}

.container.--about {
	padding: 0 min(4.1666666667vw, 60px);
}

.page-inner {
	padding: min(6.9444444444vw, 100px) 0 min(10.4166666667vw, 150px) 0;
}

.footer {
	position: relative;
	padding: min(4.1666666667vw, 60px) 0 min(2.0833333333vw, 30px) 0;
	background: linear-gradient(#34BDF0, #0090D1);
}

.footer__container {
	width: min(100vw, 1440px);
	margin: 0 auto;
	padding: 0 min(8.3333333333vw, 120px);
}

.footer__logos {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	margin-top: min(1.5277777778vw, 22px);
	padding-bottom: min(0.5555555556vw, 8px);
}

.footer-logo.--tsubasa {
	width: min(14.1666666667vw, 204px);
}

.footer-nav {
	width: 100%;
}

.footer-nav__list {
	-moz-column-gap: min(4.8611111111vw, 70px);
	display: flex;
	column-gap: min(4.8611111111vw, 70px);
	align-items: flex-start;
	justify-content: flex-start;
}

.footer-nav__item {
	width: auto;
}

.footer-nav__link,
.footer-nav__title {
	color: #ffffff;
	font-weight: 700;
	font-size: min(1.5277777778vw, 22px);
}

.footer-nav-sub__list {
	display: flex;
	row-gap: min(1.8055555556vw, 26px);
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	margin-top: min(2.0833333333vw, 30px);
}

.footer-nav-sub__link,
.footer-nav-sub__text {
	color: #ffffff;
	font-weight: 400;
	font-size: min(1.1111111111vw, 16px);
}

.footer-nav-sub__text {
	display: inline-block;
	position: relative;
}

.footer-nav-sub__text::after {
	-webkit-mask: url("./../img/icon-plus.svg") no-repeat;
	-webkit-mask-size: contain;
	position: absolute;
	top: 50%;
	right: 0;
	width: min(1.3888888889vw, 20px);
	height: min(1.3888888889vw, 20px);
	transform: translate(150%, -50%);
	background-color: #ffffff;
	content: "";
	mask: url("./../img/icon-plus.svg") no-repeat;
	mask-size: contain;
	transition: all 0.5s;
}

.footer-nav-sub__sub-wrap {
	display: none;
}

.footer-nav-sub__sub-list {
	display: flex;
	row-gap: min(1.1111111111vw, 16px);
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	margin-top: min(1.1111111111vw, 16px);
}

.footer-nav-sub__sub-link {
	color: #ffffff;
	font-weight: 400;
	font-size: min(1.1111111111vw, 16px);
}

.footer-copy {
	text-align: end;
}

.footer-copy_text {
	color: #ffffff;
	font-size: min(0.9722222222vw, 14px);
}

.header {
	z-index: 1100;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: rgba(255, 255, 255, 0.7);
	box-shadow: 0 min(0.2777777778vw, 4px) min(0.2777777778vw, 4px) rgba(0, 0, 0, 0.25);
}

.header__top {
	padding: 0.5em 0;
	background: #00ADEB;
	color: #ffffff;
}

.header__text {
	font-size: min(0.9722222222vw, 14px);
}

.header__container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: min(100vw, 1440px);
	margin-right: auto;
	margin-left: auto;
	padding: 0 min(8.3333333333vw, 120px) 0 min(8.3333333333vw, 120px);
}

.header__logo {
	width: min(13.8888888889vw, 200px);
}

.header__wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.header__nav {
	width: 100%;
}

.header__nav-list {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.header__nav-item {
	width: -moz-fit-content;
	width: fit-content;
}

.header__nav-link {
	display: inline-block;
	padding: min(2.6388888889vw, 38px) min(1.3888888889vw, 20px);
}

.header__nav-link:hover {
	cursor: pointer;
}

.header__nav-link.--accordion {
	position: relative;
}

.header__nav-link.--accordion::before {
	-webkit-mask-size: cover;
	-webkit-mask: url("./../img/icon-arrow-bottom.svg") no-repeat;
	-webkit-mask-size: contain;
	position: absolute;
	top: 50%;
	right: 0;
	width: min(0.8333333333vw, 12px);
	height: min(0.5555555556vw, 8px);
	transform: translateY(-50%);
	background-color: #0A437A;
	content: "";
	mask: url("./../img/icon-arrow-bottom.svg") no-repeat;
	mask-size: cover;
	mask-size: contain;
	transition: all 0.5s;
}

.header__nav-item.--accordion {
	position: relative;
}

.header__nav-link-text {
	width: -moz-fit-content;
	width: fit-content;
	color: #0A437A;
	font-weight: 700;
	font-size: min(1.1111111111vw, 16px);
}

.header__sub-nav-list {
	display: none;
	position: absolute;
	bottom: 0;
	left: 50%;
	width: -moz-fit-content;
	width: fit-content;
	padding: min(2.0833333333vw, 30px) min(2.2222222222vw, 32px) min(1.3888888889vw, 20px);
	transform: translate(-50%, 100%);
	background: linear-gradient(#34BDF0, #0090D1);
	content: "";
}

.header__nav-item.--accordion:hover .header__sub-nav-list {
	display: block;
}

.header__sub-nav-item {
	position: relative;
	padding: min(1.3888888889vw, 20px) 0 min(0.8333333333vw, 12px) 0;
	border-bottom: 1px dashed #ffffff;
}

.header__sub-nav-item.--arrow::after {
	-webkit-mask-size: cover;
	-webkit-mask-size: contain;
	-webkit-mask: url("./../img/icon-arrow-right-header.svg") no-repeat;
	position: absolute;
	top: 50%;
	right: 0;
	width: min(0.8333333333vw, 12px);
	height: min(0.8333333333vw, 12px);
	transform: translateY(-50%);
	background-color: #ffffff;
	content: "";
	mask: url("./../img/icon-arrow-right-header.svg") no-repeat;
	mask-size: cover;
	mask-size: contain;
	transition: all 0.5s;
}

.header__sub-nav-link,
.header__sub-nav-title {
	display: inline-block;
	position: relative;
	width: min(19.9305555556vw, 287px);
	color: #ffffff;
	font-weight: 700;
	font-size: min(1.1111111111vw, 16px);
}

.header__sub-nav-title.--plus:hover {
	cursor: pointer;
}

.header__sub-nav-title.--plus::after {
	-webkit-mask-size: cover;
	-webkit-mask-size: contain;
	-webkit-mask: url("./../img/icon-plus.svg") no-repeat;
	position: absolute;
	top: 50%;
	right: min(0.2083333333vw, 3px);
	width: min(1.3888888889vw, 20px);
	height: min(1.3888888889vw, 20px);
	transform: translateY(-50%);
	background-color: #ffffff;
	content: "";
	mask: url("./../img/icon-plus.svg") no-repeat;
	mask-size: cover;
	mask-size: contain;
	transition: all 0.5s;
}

.header__sub-sub-nav-list {
	-moz-column-gap: min(1.9444444444vw, 28px);
	display: none;
	grid-template-columns: repeat(2, 1fr);
	column-gap: min(1.9444444444vw, 28px);
	margin-top: min(0.8333333333vw, 12px);
}

.header__sub-sub-nav-list.--active {
	display: grid;
	animation: appear 0.5s ease;
}

.header__sub-sub-nav-link {
	display: inline-block;
	padding: min(0.4861111111vw, 7px) 0;
	color: #ffffff;
	font-size: min(0.9722222222vw, 14px);
}

.header__contact-link,
.header__my-link {
	display: inline-block;
	position: relative;
	width: -moz-fit-content;
	width: fit-content;
	padding: min(0.6944444444vw, 10px) min(0.8333333333vw, 12px) min(0.6944444444vw, 10px) min(2.0833333333vw, 30px);
	border-radius: 9999px;
	transition: all 0.5s;
}

.header__contact-link {
	margin-left: min(1.9444444444vw, 28px);
	border: 1px solid #0A437A;
}

.header__my-link {
	margin-left: min(0.9722222222vw, 14px);
	border: 1px solid #FFE607;
	background: #FFE607;
}

.header__contact-link:hover,
.header__my-link:hover {
	border: 1px solid #0A437A;
	background: #0A437A;
}

.header__contact-link::after,
.header__my-link::after {
	-webkit-mask-size: cover;
	position: absolute;
	top: 50%;
	left: min(0.9722222222vw, 14px);
	width: min(1.1111111111vw, 16px);
	height: min(1.1111111111vw, 16px);
	transform: translateY(-50%);
	background-color: #0A437A;
	content: "";
	mask-size: cover;
	transition: all 0.5s;
}

.header__contact-link::after {
	-webkit-mask: url("./../img/icon-mail-blue.svg") no-repeat;
	-webkit-mask-size: contain;
	mask: url("./../img/icon-mail-blue.svg") no-repeat;
	mask-size: contain;
}

.header__my-link::after {
	-webkit-mask: url("./../img/icon-my.svg") no-repeat;
	-webkit-mask-size: contain;
	mask: url("./../img/icon-my.svg") no-repeat;
	mask-size: contain;
}

.header__contact-link:hover::after,
.header__my-link:hover::after {
	background-color: #ffffff;
}

.header__contact-link-text,
.header__my-link-text {
	color: #0A437A;
	font-weight: 700;
	font-size: min(0.9722222222vw, 14px);
	white-space: nowrap;
	transition: all 0.5s;
}

.header__contact-link:hover .header__contact-link-text,
.header__my-link:hover .header__my-link-text {
	color: #ffffff;
}

.btn {
	text-align: center;
}

.btn.--service,
.btn.--news {
	position: relative;
	padding: min(0.6944444444vw, 10px) min(5vw, 72px) min(0.6944444444vw, 10px) min(3.3333333333vw, 48px);
	border-radius: 9999px;
	background: linear-gradient(to top left, #34bdf0, #0090d1);
	color: #ffffff;
	font-weight: 700;
	font-size: min(1.1111111111vw, 16px);
}

.btn.--service::after,
.btn.--news::after {
	-webkit-mask: url("./../img/icon-arrow-right.svg");
	-webkit-mask-size: cover;
	position: absolute;
	top: 50%;
	right: min(2.2916666667vw, 33px);
	width: min(1.7361111111vw, 25px);
	height: min(1.7361111111vw, 25px);
	transform: translateY(-50%);
	background-color: #ffffff;
	content: "";
	mask: url("./../img/icon-arrow-right.svg");
	mask-size: cover;
	transition: all 0.5s;
}

.btn.--contact {
	padding: min(1.7361111111vw, 25px) min(5.2083333333vw, 75px) min(1.7361111111vw, 25px) min(5.2083333333vw, 75px);
	border: 1px solid #34bdf0;
	background: #34bdf0;
	color: #ffffff;
	font-weight: 400;
	font-size: min(1.1111111111vw, 16px);
	transition: all 0.5s;
}

.btn.--contact:hover {
	background: #ffffff;
	color: #34bdf0;
}

.btn.--service-top {
	position: relative;
	padding: min(1.3888888889vw, 20px) min(13.8888888889vw, 200px);
	border: 2px solid #0090d1;
	border-radius: 9999px;
	color: #0090d1;
	font-size: min(1.25vw, 18px);
	transition: all 0.5s;
}

.btn.--service-top::after {
	position: absolute;
	top: 50%;
	right: min(1.25vw, 18px);
	width: min(2.5vw, 36px);
	height: min(2.5vw, 36px);
	transform: translateY(-50%);
	background: url("./../img/icon-arrow-white-blue.png") no-repeat center center/cover;
	content: "";
}

.ff-goudy {
	font-family: "Sorts Mill Goudy", "Noto Sans JP", serif;
}

.ff-gothic {
	font-family: "Questrial", sans-serif;
}

.ff-kinuta {
	font-style: normal;
	font-weight: 400;
	font-family: "iroha-22momi-stdn", "Noto Sans JP", sans-serif;
}

.form__radio-btn .wpcf7-list-item {
	margin: 0;
	font-size: min(1.7361111111vw, 25px);
	line-height: 2;
}

.form__radio-btn input[type=radio] {
	display: none;
}

.form__radio-btn input[type=radio] + span {
	display: inline-block;
	position: relative;
	margin-right: min(2.4305555556vw, 35px);
	padding-left: min(4.3055555556vw, 62px);
	cursor: pointer;
}

.form__radio-btn input[type=radio] + span::before {
	position: absolute;
	top: 50%;
	left: 0;
	width: min(3.4722222222vw, 50px);
	height: min(3.4722222222vw, 50px);
	transform: translateY(-50%);
	border: 2px solid #000000;
	border-radius: 100%;
	background: #ffffff;
	box-shadow: 3px 3px 0 #000000;
	content: "";
}

.form__radio-btn input[type=radio]:checked + span::after {
	position: absolute;
	top: 50%;
	left: 0;
	width: min(3.4722222222vw, 50px);
	height: min(3.4722222222vw, 50px);
	transform: translateY(-50%);
	border: 2px solid #000000;
	border-radius: 100%;
	content: "";
}

.form__wrap {
	width: min(55.5555555556vw, 800px);
	margin: 0 auto;
}

.form__item:nth-child(n+2) {
	margin-top: min(3.4722222222vw, 50px);
}

.form__label {
	-moz-column-gap: min(0.9027777778vw, 13px);
	display: flex;
	column-gap: min(0.9027777778vw, 13px);
	align-items: center;
	justify-content: flex-start;
}

.form__label-name {
	font-size: min(1.1111111111vw, 16px);
}

.required {
	padding: min(0.3472222222vw, 5px) min(0.4861111111vw, 7px);
	background: #34bdf0;
	color: #ffffff;
	font-weight: 400;
	font-size: min(0.9027777778vw, 13px);
}

.form__text {
	width: 100%;
	margin-top: min(0.5555555556vw, 8px);
}

.form__text input[type=text],
.form__text input[type=tel],
.form__text input[type=email],
.form__text input[type=date],
.form__text textarea,
.form__text select {
	width: 100%;
	height: 100%;
	padding: 0.75em;
	border: 1px solid #cfcfcf;
	background: #F6F6F6;
	font-size: min(1.3888888889vw, 20px);
	line-height: 1.5;
	letter-spacing: 0.08em;
}

.form__text textarea {
	height: min(11.1111111111vw, 160px);
	overflow: auto;
	resize: vertical;
}

.form__privacy {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: min(3.1944444444vw, 46px);
	text-align: center;
}

.form__privacy .wpcf7-list-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: min(1.1111111111vw, 16px);
	line-height: 1.5;
}

.form__privacy input[type=checkbox] {
	position: relative;
	width: min(1.0416666667vw, 15px);
	height: min(1.0416666667vw, 15px);
	margin-right: min(0.8333333333vw, 12px);
	border: 1px solid #000000;
}

.form__privacy input[type=checkbox]::after {
	position: absolute;
	top: 50%;
	left: min(0.2777777778vw, 4px);
	width: min(0.5555555556vw, 8px);
	height: min(0.8333333333vw, 12px);
	transform: translateY(-50%) rotate(45deg);
	border-right: 3px solid #000000;
	border-bottom: 3px solid #000000;
	content: "";
	opacity: 0;
	transition: opacity 0.3s;
}

.form__privacy input[type=checkbox]:checked::after {
	opacity: 1;
}

.form__privacy-check label {
	display: flex;
	align-items: center;
}

.form__privacy-link {
	display: block;
	position: relative;
	width: min(1.6666666667vw, 24px);
	height: min(1.6666666667vw, 24px);
}

.form__privacy-link::after {
	position: absolute;
	top: 50%;
	right: 0;
	width: min(1.6666666667vw, 24px);
	height: min(1.6666666667vw, 24px);
	transform: translateY(-50%);
	background: url("./../img/icon-link.png") no-repeat center center/contain;
	content: "";
}

.form__privacy .wpcf7-not-valid-tip {
	display: none;
}

.form__btn-wrap {
	margin-top: min(1.7361111111vw, 25px);
	text-align: center;
}

.form__btn {
	font-size: min(1.1111111111vw, 16px);
	line-height: 1.7;
}

.wpcf7-spinner {
	display: none;
}

.wpcf7-not-valid-tip {
	margin-top: min(0.8333333333vw, 12px);
}

.wpcf7 form.invalid .wpcf7-response-output {
	border: none;
}

.wpcf7 form.sent .wpcf7-response-output {
	border: none;
	text-align: center;
}

.fv {
	position: relative;
	width: 100%;
	height: min(38.75vw, 558px);
}

.fv.--cost-plan,
.fv.--about-fuel,
.fv.--about-supply,
.fv.--about-re {
	display: flex;
	z-index: 700;
	align-items: flex-start;
}

.fv__bg {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: linear-gradient(rgb(15, 150, 237), rgba(52, 189, 240, 0.7));
}

.fv__bg img {
	-o-object-fit: contain;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 45%;
	object-fit: contain;
}

.fv__bg.--about-fuel img {
	width: 29%;
}

.fv__bg.--about-supply img {
	width: 30%;
}

.fv__bg.--about-re img {
	width: 29%;
}

.fv__body {
	position: absolute;
	top: min(4.7222222222vw, 68px);
	left: 50%;
	width: 100%;
	padding-left: min(10vw, 144px);
	transform: translate(-50%, 0);
	content: "";
}

.fv__title {
	display: inline-block;
	padding: min(0.7638888889vw, 11px) min(1.25vw, 18px);
	border: 1px solid;
	color: #ffffff;
	font-weight: 400;
	font-size: min(2.2222222222vw, 32px);
	text-align: center;
}

.fv__title::first-letter {
	color: #FAE200;
}

.fv__sub-title {
	margin-top: min(2.7777777778vw, 40px);
	color: #ffffff;
	font-weight: 700;
	font-size: min(2.7777777778vw, 40px);
	line-height: 1.2;
}

.fv__text {
	width: min(40.9722222222vw, 590px);
	margin-top: min(2.7777777778vw, 40px);
	color: #ffffff;
	font-size: min(1.3888888889vw, 20px);
	line-height: 2;
}

.fv__text.--about-supply {
	width: min(50.6944444444vw, 730px);
}

.text-sky {
	color: #34bdf0;
}

.text-sky.--service-top {
	border: 1px solid;
}

.text-bold {
	font-weight: 700;
}

.text-under {
	text-decoration: underline;
}

.text-highlighter {
	width: -moz-fit-content;
	width: fit-content;
	background: linear-gradient(transparent 50%, #EAF9FF 50%);
}

.text-highlighter.--yellow {
	background: linear-gradient(transparent 50%, #FAE200 50%);
}

.title__block {
	text-align: center;
}

.title__block.--service-top {
	margin-top: min(6.9444444444vw, 100px);
}

.title__block.--service-top-about {
	background: #34bdf0;
}

.title__block.--service-top-structure,
.title__block.--service-top-flow {
	text-align: start;
}

.title__block.--service-top-method {
	width: min(30vw, 432px);
	padding: min(2.9166666667vw, 42px) 0;
	border-top: 1px solid #0090d1;
	border-bottom: 1px solid #0090d1;
}

.title__comment {
	display: inline-block;
	position: relative;
	margin-bottom: min(1.25vw, 18px);
	padding: 0 min(4.1666666667vw, 60px);
	border: 1px solid #0090d1;
	color: #0090d1;
	font-size: min(1.6666666667vw, 24px);
	line-height: 2;
}

.title__comment:before {
	-webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
	z-index: 2;
	position: absolute;
	bottom: 0;
	left: 50%;
	width: min(1.3888888889vw, 20px);
	height: min(0.6944444444vw, 10px);
	transform: translate(-50%, 88%);
	background: #ffffff;
	content: "";
	clip-path: polygon(0 0, 100% 0, 50% 100%);
}

.title__comment:after {
	-webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
	z-index: 1;
	position: absolute;
	bottom: 0;
	left: 50%;
	width: min(1.3888888889vw, 20px);
	height: min(0.6944444444vw, 10px);
	transform: translate(-50%, 100%);
	background: #0090d1;
	content: "";
	clip-path: polygon(0 0, 100% 0, 50% 100%);
}

.title {
	font-weight: 700;
	font-size: min(2.7777777778vw, 40px);
}

.title.--service-top-about {
	padding: min(1.1111111111vw, 16px) 0;
	color: #ffffff;
	line-height: 1.25;
}

.title.--service-top-structure,
.title.--service-top-flow {
	display: inline-block;
	position: relative;
	padding-left: min(4.4444444444vw, 64px);
}

.title.--service-top-structure::after,
.title.--service-top-flow::after {
	position: absolute;
	top: 50%;
	left: 0;
	width: min(2.2222222222vw, 32px);
	height: min(2.2222222222vw, 32px);
	transform: translateY(-50%);
	background: #FAE200;
	content: "";
}

.title.--service-top-method {
	color: #0090d1;
}

.page-header {
	display: flex;
	align-items: center;
	width: 100%;
	height: min(5.5555555556vw, 80px);
	background: #34bdf0;
}

.page-header__title {
	width: min(88.8888888889vw, 1280px);
	margin: 0 auto;
	padding: 0 min(6.9444444444vw, 100px);
	color: #ffffff;
	font-weight: 700;
	font-size: min(2.2222222222vw, 32px);
	text-align: center;
}

.service-menu {
	display: flex;
	z-index: 900;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	width: min(35.6944444444vw, 514px);
	padding-top: min(4.7222222222vw, 68px);
	padding-bottom: min(2.7777777778vw, 40px);
	padding-left: min(6.9444444444vw, 100px);
	background: #ffffff;
}

.service-menu__title {
	display: inline-block;
	color: #0090d1;
	font-size: min(1.5277777778vw, 22px);
	text-align: start;
}

.service-menu-nav {
	margin-top: min(2.2222222222vw, 32px);
}

.service-menu-nav__list,
.service-menu-nav__sub-list {
	display: flex;
	row-gap: min(2.2222222222vw, 32px);
	flex-direction: column;
}

.service-menu-nav__sub-list {
	display: none;
}

.service-menu-nav__sub-list.--active {
	display: block;
}

.service-menu-nav__link-block {
	position: relative;
	height: -moz-fit-content;
	height: fit-content;
	padding-left: min(1.875vw, 27px);
}

.service-menu-nav__link {
	position: relative;
	color: #333;
	font-size: min(1.25vw, 18px);
}

.service-menu-nav__link.--yellow::before {
	position: absolute;
	top: 50%;
	left: max(-1.875vw, -27px);
	width: min(0.9027777778vw, 13px);
	height: min(0.9027777778vw, 13px);
	transform: translateY(-50%);
	border-radius: 9999px;
	background: #FAE200;
	content: "";
}

.service-menu-nav__link.--accordion::after {
	position: absolute;
	top: 50%;
	left: min(4.1666666667vw, 60px);
	width: min(1.6666666667vw, 24px);
	height: min(1.6666666667vw, 24px);
	transform: translateY(-50%);
	background: url("./../img/icon-arrow-bottom.png") no-repeat center center/cover;
	content: "";
}

.service-menu-nav__sub-item {
	margin-top: min(2.2222222222vw, 32px);
}

.service-menu-nav__sub-link {
	color: #333;
	font-size: min(1.25vw, 18px);
}

.service-menu-nav__res {
	margin-top: min(2.3611111111vw, 34px);
}

.service-menu-nav__tel {
	margin-top: min(1.0416666667vw, 15px);
}

.service-menu-nav__res,
.service-menu-nav__tel {
	border: 1px solid #0090d1;
	border-radius: min(0.6944444444vw, 10px);
}

.service-menu-nav__res-link,
.service-menu-nav__tel-link {
	display: inline-block;
	width: 100%;
	padding: min(0.7638888889vw, 11px) 0;
	text-align: center;
}

.service-menu-nav__res-link-text,
.service-menu-nav__tel-link-text {
	display: inline-block;
	position: relative;
	padding-left: min(2.2916666667vw, 33px);
	color: #0090d1;
	font-size: min(1.25vw, 18px);
}

.service-menu-nav__res-link-text::after,
.service-menu-nav__tel-link-text::after {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	content: "";
	transition: all 0.5s;
}

.service-menu-nav__res-link-text::after {
	width: min(1.5277777778vw, 22px);
	height: min(1.5277777778vw, 22px);
	background: url("./../img/icon-mail-blue.png") no-repeat center center/cover;
}

.service-menu-nav__tel-link-text::after {
	width: min(1.6319444444vw, 23.5px);
	height: min(1.5277777778vw, 22px);
	background: url("./../img/icon-tel-blue.png") no-repeat center center/cover;
}

.sp-menu {
	display: none;
}

.hamburger-menu__line {
	position: absolute;
	left: 50%;
	width: min(9.4871794872vw, 37px);
	height: min(0.5128205128vw, 2px);
	transform: translateX(-50%);
	background-color: #34bdf0;
	transition-duration: 0.5s;
	will-change: transform;
}

.hamburger-menu__line:first-of-type {
	top: min(6.6666666667vw, 26px);
}

.hamburger-menu__line:nth-of-type(2) {
	top: min(9.2307692308vw, 36px);
}

.hamburger-menu.--active .hamburger-menu__line:first-of-type {
	-webkit-transform: translate(-50%, -50%) rotate(45deg);
	-ms-transform: translate(-50%, -50%) rotate(45deg);
	top: 50%;
	transform: translate(-50%, -50%) rotate(45deg);
}

.hamburger-menu.--active .hamburger-menu__line:nth-of-type(2) {
	-webkit-transform: translate(-50%, -50%) rotate(135deg);
	-ms-transform: translate(-50%, -50%) rotate(135deg);
	top: 50%;
	transform: translate(-50%, -50%) rotate(135deg);
}

.hamburger-menu__text {
	position: absolute;
	top: min(11.2820512821vw, 44px);
	left: 50%;
	transform: translateX(-50%);
	color: #34bdf0;
	font-size: min(2.5641025641vw, 10px);
	text-transform: uppercase;
	transition-duration: 0.5s;
	will-change: transform;
}

.hamburger-menu.--active .hamburger-menu__text {
	-webkit-transform: translateX(-50%) scale(0);
	-ms-transform: translateX(-50%) scale(0);
	transform: translateX(-50%) scale(0);
}

.sp-menu-nav__contact-link::after {
	-webkit-mask: url("./../img/icon-mail-blue.svg") no-repeat;
	-webkit-mask-size: contain;
	mask: url("./../img/icon-mail-blue.svg") no-repeat;
	mask-size: contain;
}

.sp-menu-nav__my-link::after {
	-webkit-mask: url("./../img/icon-my.svg") no-repeat;
	-webkit-mask-size: contain;
	mask: url("./../img/icon-my.svg") no-repeat;
	mask-size: contain;
}

.sp-menu-nav__contact-link:hover::after,
.sp-menu-nav__my-link:hover::after {
	background-color: #ffffff;
}

.sp-menu-nav__contact-link:hover .sp-menu-nav__contact-link-text,
.sp-menu-nav__my-link:hover .sp-menu-nav__my-link-text {
	color: #ffffff;
}

.js-accordion__inside {
	display: none;
	overflow: hidden;
	transition: none;
}

.js-load-fade-in {
	visibility: hidden;
	opacity: 0;
	transition: all 2s;
}

.js-load-fade-in.fade-in {
	visibility: visible;
	opacity: 1;
}

.js-fade-in {
	visibility: hidden;
	transform: translateY(50px);
	opacity: 0;
	transition: all 2s;
}

.js-fade-in.fade-in {
	visibility: visible;
	transform: translateY(0px);
	opacity: 1;
}

.logo-simple {
	display: flex;
	align-items: flex-start;
	justify-content: center;
}

.logo-simple__img {
	width: min(8.9583333333vw, 129px);
	height: min(9.375vw, 135px);
}

.logo-simple__img.--cost {
	width: min(7.0138888889vw, 101px);
	height: min(7.3611111111vw, 106px);
	margin-top: min(2.0833333333vw, 30px);
}

.logo-simple__img img {
	-o-object-fit: cover;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.logo-simple__text {
	position: relative;
	margin-left: min(2.6388888889vw, 38px);
	padding: min(0.5555555556vw, 8px) min(3.6111111111vw, 52px) min(0.5555555556vw, 8px) min(1.5972222222vw, 23px);
	background: #fafafa;
	font-weight: 700;
	font-size: min(1.25vw, 18px);
}

.logo-simple__text::before {
	z-index: -1;
	position: absolute;
	bottom: max(-0.5555555556vw, -8px);
	left: max(-1.3888888889vw, -20px);
	transform: rotate(-15deg);
	border: min(2.2222222222vw, 32px) solid transparent;
	border-bottom: min(2.2222222222vw, 32px) solid #fafafa;
	content: "";
}

.logo-simple__text.--cost {
	margin-left: min(1.5277777778vw, 22px);
	padding: min(0.5555555556vw, 8px) min(2.7777777778vw, 40px) min(0.5555555556vw, 8px) min(1.5972222222vw, 23px);
}

table {
	border-collapse: collapse;
}

table th,
table td {
	border: solid 1px #efefef;
}

.contact-btn {
	padding: min(4.1666666667vw, 60px) 0;
}

.contact-btn__titles {
	position: relative;
	text-align: center;
}

.contact-btn__title {
	display: inline-block;
	font-weight: 700;
	font-size: min(1.6666666667vw, 24px);
	font-size: min(1.6666666667vw, 24px);
	line-height: 1.5;
}

.contact-btn__text {
	margin-top: min(2.0833333333vw, 30px);
	font-size: min(1.1111111111vw, 16px);
	line-height: 1.5;
}

.contact-btn__bg {
	position: absolute;
	top: 50%;
	left: calc(50% - min(32.1527777778vw, 463px));
	width: min(32.1527777778vw, 463px);
	height: min(6.6666666667vw, 96px);
	transform: translate(-40%, -50%);
	content: "";
}

.contact-btn__items {
	-moz-column-gap: min(2.4305555556vw, 35px);
	display: flex;
	column-gap: min(2.4305555556vw, 35px);
	align-items: center;
	justify-content: center;
	margin-top: min(2.7777777778vw, 40px);
}

.contact-btn__item {
	display: flex;
	position: relative;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: min(23.75vw, 342px);
	height: min(14.8611111111vw, 214px);
	padding-top: min(4.1666666667vw, 60px);
}

.contact-btn__item::after {
	-webkit-mask-size: contain;
	position: absolute;
	top: min(3.125vw, 45px);
	left: 50%;
	transform: translateX(-50%);
	background-color: #ffffff;
	content: "";
	mask-size: contain;
	transition: all 0.5s;
}

.contact-btn__item.--tel {
	background: #34bdf0;
}

.contact-btn__item.--tel::after {
	-webkit-mask: url("./../img/icon-tel.svg");
	width: min(2.9166666667vw, 42px);
	height: min(2.9166666667vw, 42px);
	mask: url("./../img/icon-tel.svg");
}

.contact-btn__item.--contact {
	background: #0090d1;
}

.contact-btn__item.--contact::after {
	-webkit-mask: url("./../img/icon-mail-form.svg");
	width: min(3.4722222222vw, 50px);
	height: min(3.4722222222vw, 50px);
	mask: url("./../img/icon-mail-form.svg");
}

.contact-btn__item-text {
	color: #ffffff;
	font-weight: 700;
	font-size: min(1.875vw, 27px);
	line-height: 1.6;
}

.contact-btn__item-text.--bottom {
	font-size: min(1.5277777778vw, 22px);
}

.block.--calculation,
.block.--re,
.block.--supply {
	margin-top: min(4.8611111111vw, 70px);
}

.block__title-group {
	-moz-column-gap: min(1.3888888889vw, 20px);
	display: flex;
	column-gap: min(1.3888888889vw, 20px);
	align-items: center;
	justify-content: center;
}

.block__title {
	font-weight: 700;
	font-size: min(1.6666666667vw, 24px);
}

.block__title {
	font-weight: 700;
	font-size: min(1.6666666667vw, 24px);
}

.block__title.--yellow {
	padding: 0.5em;
	background: #FDFF9F;
}

.block__title.--blue {
	padding: 0.5em;
	background: #EAF9FF;
}

.block__list {
	-moz-column-gap: min(2.5vw, 36px);
	display: flex;
	column-gap: min(2.5vw, 36px);
	align-items: center;
	justify-content: center;
	margin-top: min(2.7777777778vw, 40px);
}

.block__list.--re {
	-moz-column-gap: min(1.9444444444vw, 28px);
	column-gap: min(1.9444444444vw, 28px);
}

.block__item {
	width: min(26.3888888889vw, 380px);
	padding: min(5.5555555556vw, 80px) 0;
	border-radius: min(0.6944444444vw, 10px);
}

.block__item.--orange {
	background: #F26E19;
}

.block__item.--yellow {
	background: #F2A819;
}

.block__item.--red {
	background: #F03834;
}

.block__item.--red {
	background: #F03834;
}

.block__item.--blue {
	background: #00C4D1;
}

.block__item.--deep-blue {
	background: #0090d1;
}

.block__item.--re.--deep-blue {
	width: min(55.5555555556vw, 800px);
}

.block__item.--re.--blue {
	width: min(30.5555555556vw, 440px);
}

.block__text {
	color: #ffffff;
	font-weight: 700;
	font-size: min(2.2222222222vw, 32px);
	text-align: center;
}

.block__icon {
	width: min(2.2222222222vw, 32px);
}

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

.fv__text.--about-supply {
	width: min(41.6666666667vw, 600px);
}

}

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

.pc-none {
	display: block;
}

.sp-none {
	display: none;
}

.main {
	margin-top: min(16.4102564103vw, 64px);
}

.container {
	padding: 0 min(6.1538461538vw, 24px);
}

.container.--about {
	padding: 0 min(6.1538461538vw, 24px);
}

.page-inner {
	padding: min(12.8205128205vw, 50px) 0 min(25.641025641vw, 100px) 0;
}

.footer {
	padding: min(10.2564102564vw, 40px) 0 min(7.6923076923vw, 30px) 0;
}

.footer__container {
	flex-direction: column;
	align-items: center;
	width: 100%;
	padding: 0 min(7.6923076923vw, 30px);
}

.footer__logos {
	justify-content: center;
	margin-top: min(15.3846153846vw, 60px);
	padding-bottom: min(2.0512820513vw, 8px);
}

.footer-logo.--tsubasa {
	width: min(52.3076923077vw, 204px);
}

.footer-nav {
	-moz-column-gap: min(15.3846153846vw, 60px);
	display: flex;
	column-gap: min(15.3846153846vw, 60px);
	align-items: flex-start;
	justify-content: center;
}

.footer-nav__list {
	-moz-column-gap: 0;
	column-gap: 0;
	row-gap: min(9.7435897436vw, 38px);
	flex-direction: column;
}

.footer-nav__link,
.footer-nav__title {
	font-size: min(4.1025641026vw, 16px);
}

.footer-nav-sub__list {
	row-gap: min(5.1282051282vw, 20px);
	margin-top: min(7.6923076923vw, 30px);
}

.footer-nav-sub__link,
.footer-nav-sub__text {
	font-size: min(3.0769230769vw, 12px);
}

.footer-nav-sub__text::after {
	width: min(4.1025641026vw, 16px);
	height: min(4.1025641026vw, 16px);
}

.footer-nav-sub__sub-list {
	row-gap: min(4.1025641026vw, 16px);
	margin-top: min(4.1025641026vw, 16px);
}

.footer-nav-sub__sub-link {
	font-size: min(3.0769230769vw, 12px);
}

.footer-copy_text {
	font-size: min(3.0769230769vw, 12px);
	text-align: center;
}

.header {
	display: none;
}

.btn.--service,
.btn.--news {
	padding: min(2.5641025641vw, 10px) min(18.4615384615vw, 72px) min(2.5641025641vw, 10px) min(12.3076923077vw, 48px);
	font-size: min(3.8461538462vw, 15px);
}

.btn.--service::after,
.btn.--news::after {
	right: min(8.4615384615vw, 33px);
	width: min(6.4102564103vw, 25px);
	height: min(6.4102564103vw, 25px);
}

.btn.--contact {
	padding: min(6.4102564103vw, 25px) min(19.2307692308vw, 75px) min(6.4102564103vw, 25px) min(19.2307692308vw, 75px);
	font-size: min(4.1025641026vw, 16px);
}

.btn.--service-top {
	padding: min(4.6153846154vw, 18px) min(25.641025641vw, 100px) min(4.6153846154vw, 18px) min(15.3846153846vw, 60px);
	font-size: min(4.6153846154vw, 18px);
}

.btn.--service-top::after {
	right: min(4.6153846154vw, 18px);
	width: min(9.2307692308vw, 36px);
	height: min(9.2307692308vw, 36px);
	transform: translateY(-50%);
}

.form__radio-btn .wpcf7-list-item {
	font-size: min(4.1025641026vw, 16px);
}

.form__radio-btn input[type=radio] + span {
	margin-right: 3.8461538462vw;
	padding-left: 10.7692307692vw;
}

.form__radio-btn input[type=radio] + span::before {
	width: 9.2307692308vw;
	height: 9.2307692308vw;
}

.form__radio-btn input[type=radio]:checked + span::after {
	width: 9.2307692308vw;
	height: 9.2307692308vw;
}

.form__wrap {
	width: 100%;
}

.form__item:nth-child(n+2) {
	margin-top: min(7.6923076923vw, 30px);
}

.form__label {
	-moz-column-gap: min(3.3333333333vw, 13px);
	column-gap: min(3.3333333333vw, 13px);
}

.form__label-name {
	font-size: min(3.8461538462vw, 15px);
}

.required {
	flex: 0 0 auto;
	padding: min(1.2820512821vw, 5px) min(1.5384615385vw, 6px);
	font-size: min(3.3333333333vw, 13px);
}

.form__text {
	margin-top: min(2.0512820513vw, 8px);
}

.form__text input[type=text],
.form__text input[type=tel],
.form__text input[type=email],
.form__text input[type=date],
.form__text textarea,
.form__text select {
	padding: 0.5em;
	font-size: min(4.6153846154vw, 18px);
}

.form__text textarea {
	height: min(41.0256410256vw, 160px);
}

.form__privacy {
	margin-top: min(11.7948717949vw, 46px);
}

.form__privacy .wpcf7-list-item {
	font-size: min(3.8461538462vw, 15px);
}

.form__privacy input[type=checkbox] {
	width: min(3.8461538462vw, 15px);
	height: min(3.8461538462vw, 15px);
	margin-right: min(3.0769230769vw, 12px);
	border: 1px solid #000000;
}

.form__privacy input[type=checkbox]::after {
	left: min(1.0256410256vw, 4px);
	width: min(2.0512820513vw, 8px);
	height: min(3.0769230769vw, 12px);
}

.form__privacy-link {
	width: min(6.1538461538vw, 24px);
	height: min(6.1538461538vw, 24px);
}

.form__privacy-link::after {
	width: min(6.1538461538vw, 24px);
	height: min(6.1538461538vw, 24px);
}

.form__btn-wrap {
	margin-top: min(6.4102564103vw, 25px);
}

.form__btn {
	font-size: min(4.1025641026vw, 16px);
}

.wpcf7-not-valid-tip {
	margin-top: min(3.0769230769vw, 12px);
}

.fv {
	height: min(171.0256410256vw, 667px);
}

.fv__bg {
	margin-left: min(6.1538461538vw, 24px);
	border-radius: min(7.6923076923vw, 30px) 0 0 0;
}

.fv__bg img {
	width: 100%;
}

.fv__bg.--about-fuel img {
	width: min(64.6153846154vw, 252px);
}

.fv__bg.--about-supply img {
	width: min(58.4615384615vw, 228px);
}

.fv__bg.--about-re img {
	width: min(74.8717948718vw, 292px);
}

.fv__body {
	top: min(7.6923076923vw, 30px);
	padding: 0 min(11.7948717949vw, 46px);
}

.fv__title {
	padding: min(2.0512820513vw, 8px) min(3.0769230769vw, 12px);
	font-size: min(6.1538461538vw, 24px);
}

.fv__sub-title {
	margin-top: min(7.6923076923vw, 30px);
	font-size: min(7.6923076923vw, 30px);
}

.fv__text {
	width: 100%;
	margin-top: min(2.5641025641vw, 10px);
	font-size: min(4.1025641026vw, 16px);
}

.fv__text.--about-supply {
	width: 100%;
	line-height: 1.5;
}

.title__block.--service-top {
	margin-top: min(19.2307692308vw, 75px);
}

.title__block.--service-top-structure,
.title__block.--service-top-flow {
	text-align: center;
}

.title__block.--service-top-method {
	width: min(70.2564102564vw, 274px);
	margin: 0 auto;
	padding: min(10.7692307692vw, 42px) 0;
}

.title__comment {
	margin-bottom: min(4.6153846154vw, 18px);
	padding: 0 min(4.1025641026vw, 16px);
	font-size: min(4.6153846154vw, 18px);
}

.title__comment:before {
	width: min(5.1282051282vw, 20px);
	height: min(2.5641025641vw, 10px);
}

.title__comment:after {
	width: min(5.1282051282vw, 20px);
	height: min(2.5641025641vw, 10px);
}

.title {
	font-size: min(6.1538461538vw, 24px);
}

.title.--service-top-about {
	padding: min(4.1025641026vw, 16px) 0;
}

.title.--service-top-structure,
.title.--service-top-flow {
	padding-left: min(8.9743589744vw, 35px);
}

.title.--service-top-structure::after,
.title.--service-top-flow::after {
	width: min(5.641025641vw, 22px);
	height: min(5.641025641vw, 22px);
}

.page-header {
	display: none;
}

.page-header__title {
	font-size: min(6.1538461538vw, 24px);
}

.service-menu {
	display: none;
}

.sp-menu {
	display: flex;
	z-index: 1100;
	position: fixed;
	top: 0;
	left: 0;
	align-items: center;
	justify-content: space-between;
	width: 100vw;
	padding: 0 0 0 min(7.6923076923vw, 30px);
	background: rgba(255, 255, 255, 0.7);
	box-shadow: 0 min(0.2777777778vw, 4px) min(0.2777777778vw, 4px) rgba(0, 0, 0, 0.25);
	transition: background 0.5s;
}

.sp-menu.--active {
	background: #ffffff;
}

.sp-menu__logo {
	z-index: 700;
	width: min(34.6153846154vw, 135px);
	height: auto;
}

.hamburger-menu {
	display: block;
	z-index: 700;
	position: relative;
	width: min(21.7948717949vw, 85px);
	height: min(21.7948717949vw, 85px);
	cursor: pointer;
}

.sp-menu-nav {
	z-index: 700;
	position: fixed;
	top: min(21.5384615385vw, 84px);
	right: 0;
	width: 80vw;
	height: calc(100vh - min(21.5384615385vw, 84px));
	padding: min(7.6923076923vw, 30px);
	overflow: scroll;
	transform: translateX(100%);
	background-color: #34bdf0;
	opacity: 0;
	pointer-events: none;
	transition-duration: 0.7s;
	will-change: opacity;
}

.sp-menu-nav.--active {
	transform: translateX(0%);
	opacity: 1;
	pointer-events: auto;
}

.sp-menu-nav__list {
	display: flex;
	z-index: 700;
	flex-direction: column;
	height: auto;
}

.sp-menu-nav__item {
	width: 100%;
}

.sp-menu-nav__link-block {
	width: 100%;
}

.sp-menu-nav__link {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: min(2.5641025641vw, 10px) 0;
	color: #ffffff;
	font-weight: 700;
	font-size: min(4.1025641026vw, 16px);
}

.sp-menu-nav__link.--small {
	font-size: min(3.3333333333vw, 13px);
}

.sp-menu-nav__link:hover {
	cursor: pointer;
}

.sp-menu-nav__text {
	display: inline-block;
	position: relative;
	padding: min(2.5641025641vw, 10px) 0;
	color: #ffffff;
	font-weight: 700;
	font-size: min(4.1025641026vw, 16px);
}

.sp-menu-nav__text::after {
	-webkit-mask: url("./../img/icon-arrow-bottom.svg") no-repeat;
	-webkit-mask-size: contain;
	position: absolute;
	top: 50%;
	right: 0;
	width: min(3.4615384615vw, 13.5px);
	height: min(2.3076923077vw, 9px);
	transform: translate(150%, -50%);
	background-color: #ffffff;
	content: "";
	mask: url("./../img/icon-arrow-bottom.svg") no-repeat;
	mask-size: contain;
	transition: all 0.5s;
}

.sp-menu-nav__contact-link,
.sp-menu-nav__my-link {
	display: inline-block;
	position: relative;
	width: -moz-fit-content;
	width: fit-content;
	padding: min(2.5641025641vw, 10px) min(3.0769230769vw, 12px) min(2.5641025641vw, 10px) min(7.6923076923vw, 30px);
	border-radius: 9999px;
	transition: all 0.5s;
}

.sp-menu-nav__contact-link {
	margin-top: min(5.1282051282vw, 20px);
	border: 1px solid #0A437A;
	background: #ffffff;
}

.sp-menu-nav__my-link {
	margin-top: min(5.1282051282vw, 20px);
	border: 1px solid #FFE607;
	background: #FFE607;
}

.sp-menu-nav__contact-link:hover,
.sp-menu-nav__my-link:hover {
	border: 1px solid #0A437A;
	background: #0A437A;
}

.sp-menu-nav__contact-link::after,
.sp-menu-nav__my-link::after {
	-webkit-mask-size: cover;
	position: absolute;
	top: 50%;
	left: min(3.5897435897vw, 14px);
	width: min(4.1025641026vw, 16px);
	height: min(4.1025641026vw, 16px);
	transform: translateY(-50%);
	background-color: #0A437A;
	content: "";
	mask-size: cover;
	transition: all 0.5s;
}

.sp-menu-nav__contact-link-text,
.sp-menu-nav__my-link-text {
	color: #0A437A;
	font-weight: 700;
	font-size: min(3.5897435897vw, 14px);
	white-space: nowrap;
	transition: all 0.5s;
}

.sp-menu-nav__tes-text {
	margin-top: min(10.2564102564vw, 40px);
	color: #ffffff;
	font-size: min(3.0769230769vw, 12px);
}

.logo-simple__img {
	width: min(29.2307692308vw, 114px);
	height: min(30.7692307692vw, 120px);
}

.logo-simple__img.--cost {
	width: min(25.8974358974vw, 101px);
	height: min(27.1794871795vw, 106px);
	margin-top: min(7.6923076923vw, 30px);
}

.logo-simple__text {
	margin-left: min(7.6923076923vw, 30px);
	padding: min(1.5384615385vw, 6px) min(13.3333333333vw, 52px) min(1.5384615385vw, 6px) min(5.8974358974vw, 23px);
	font-size: min(4.1025641026vw, 16px);
}

.logo-simple__text::before {
	bottom: max(-2.0512820513vw, -8px);
	left: max(-5.1282051282vw, -20px);
	border: min(8.2051282051vw, 32px) solid transparent;
	border-bottom: min(8.2051282051vw, 32px) solid #fafafa;
}

.logo-simple__text.--cost {
	margin-left: min(5.641025641vw, 22px);
	padding: min(2.0512820513vw, 8px) min(10.2564102564vw, 40px) min(2.0512820513vw, 8px) min(5.8974358974vw, 23px);
}

.contact-btn {
	padding: min(29.7435897436vw, 116px) 0 min(7.6923076923vw, 30px) 0;
}

.contact-btn__title {
	font-size: min(4.6153846154vw, 18px);
}

.contact-btn__text {
	margin-top: min(5.1282051282vw, 20px);
	font-size: min(4.1025641026vw, 16px);
}

.contact-btn__bg {
	top: 0;
	left: 50%;
	width: min(81.5384615385vw, 318px);
	height: min(16.9230769231vw, 66px);
	transform: translate(-50%, -100%);
}

.contact-btn__items {
	-moz-column-gap: min(0vw, 0px);
	column-gap: min(0vw, 0px);
	row-gap: min(7.6923076923vw, 30px);
	flex-direction: column;
	margin-top: min(7.6923076923vw, 30px);
}

.contact-btn__item {
	width: min(57.4358974359vw, 224px);
	height: min(35.8974358974vw, 140px);
	padding-top: min(15.3846153846vw, 60px);
}

.contact-btn__item::after {
	top: min(7.6923076923vw, 30px);
}

.contact-btn__item.--tel::after {
	width: min(6.9230769231vw, 27px);
	height: min(7.4358974359vw, 29px);
}

.contact-btn__item.--contact::after {
	width: min(8.4615384615vw, 33px);
	height: min(8.4615384615vw, 33px);
}

.contact-btn__item-text {
	font-size: min(5.1282051282vw, 20px);
	text-align: center;
}

.contact-btn__item-text.--bottom {
	font-size: min(4.1025641026vw, 16px);
}

.block.--calculation,
.block.--re,
.block.--supply {
	margin-top: min(6.4102564103vw, 25px);
}

.block__title-group {
	row-gap: min(2.5641025641vw, 10px);
	flex-direction: column;
}

.block__title-group.--supply {
	row-gap: min(2.5641025641vw, 10px);
	flex-direction: row;
	justify-content: flex-start;
}

.block__title {
	font-size: min(4.6153846154vw, 18px);
}

.block__title {
	font-size: min(4.6153846154vw, 18px);
}

.block__title.--supply {
	font-size: min(3.8461538462vw, 15px);
}

.block__list {
	-moz-column-gap: 0;
	column-gap: 0;
	margin-top: min(5.641025641vw, 22px);
}

.block__list.--re {
	-moz-column-gap: 0;
	column-gap: 0;
}

.block__item {
	width: min(28.2051282051vw, 110px);
	padding: min(7.6923076923vw, 30px) 0;
}

.block__item.--supply {
	width: min(41.0256410256vw, 160px);
}

.block__item.--re.--deep-blue {
	width: min(46.1538461538vw, 180px);
	padding: min(5.8974358974vw, 23px) 0;
}

.block__item.--re.--blue {
	width: min(41.0256410256vw, 160px);
}

.block__text {
	font-size: min(3.5897435897vw, 14px);
}

.block__icon {
	width: min(3.0769230769vw, 12px);
}

}

@keyframes appear {

0% {
	opacity: 0;
}

100% {
	opacity: 1;
}

}