body {
	color: #232323;
	font-family: "Noto Sans JP", sans-serif;
}

.u-desktop {
	display: none;
}

/* リキッドレイアウト対応 */

html {
	font-size: 16px;
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

/* Remove default padding */

ul,
ol {
	padding: 0;
}

/* Remove default margin */

body,
h1,
h2,
h3,
h4,
p,
ul,
ol,
figure,
blockquote,
dl,
dd {
	margin: 0;
}

/* Set core root defaults */

html {
	scroll-behavior: smooth;
}

/* Set core body defaults */

body {
	line-height: 1.5;
	min-height: 100vh;
	text-rendering: optimizeLegibility;
}

/* Remove list styles on ul, ol elements with a class attribute */

ul,
ol {
	list-style: none;
}

/* A elements that don't have a class get default styles */

a:not([class]) {
	-webkit-text-decoration-skip: ink;
	text-decoration-skip-ink: auto;
}

/* Make images easier to work with */

img {
	display: block;
	max-width: 100%;
	width: 100%;
}

/* Natural flow and rhythm in articles by default */

article > * + * {
	margin-top: 1em;
}

/* Inherit fonts for inputs and buttons */

input,
button,
textarea,
select {
	font: inherit;
}

/* Blur images when they have no alt attribute */

img:not([alt]) {
	filter: blur(10px);
}

/* フォームリセット */

input,
button,
select,
textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: transparent;
	border: none;
	border-radius: 0;
	font: inherit;
	outline: none;
}

textarea {
	resize: vertical;
}

input[type=checkbox],
input[type=radio] {
	display: none;
}

input[type=submit],
input[type=button],
label,
button,
select {
	cursor: pointer;
}

select::-ms-expand {
	display: none;
}

/* ホバー */

a {
	-webkit-text-decoration: none;
	color: inherit;
	text-decoration: none;
	transition: opacity 0.3s;
}

.button {
	align-items: center;
	border-radius: 100vh;
	color: #fff;
	display: inline-flex;
	font-size: 1.375rem;
	font-weight: 700;
	gap: 1.875rem;
	justify-content: center;
	padding: 1.875rem;
	width: 100%;
}

.button:hover {
	letter-spacing: 0.3em;
	transition: 0.2s cubic-bezier(0.45, 0, 0.55, 1);
}

.button--black {
	background-color: #232323;
}

.button--orange {
	background-color: #FF9000;
}

.button--white {
	background-color: #fff;
	color: #232323;
}

.button__arrow {
	height: 2.5rem;
	width: 2.5rem;
}

.company-common {
	background-color: #049E80;
	color: #fff;
	padding-bottom: 4.375rem;
	padding-top: 2.8125rem;
}

.company-common__wrapper {
	display: flex;
	flex-direction: column;
	gap: 2.5rem;
	justify-content: center;
	margin-top: 1.5rem;
}

.company-common__menus {
	display: flex;
	flex-direction: row;
	font-size: 1rem;
}

.company-common__menu {
	align-items: center;
	border-bottom: solid 0.125rem #008067;
	padding-bottom: 1.25rem;
	padding-top: 1.25rem;
	text-align: center;
	width: 20%;
}

.company-common__content {
	border-bottom: solid 0.125rem #10B297;
	padding: 1.25rem;
	width: 80%;
}

.company-common__map {
	height: 19.75rem;
	margin: 0 auto;
	position: relative;
	width: 100%;
}

.company-common__map > iframe {
	-o-object-fit: cover;
	height: 100%;
	left: 50%;
	object-fit: cover;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
}

.company-common__button-wrapper {
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin-top: 2rem;
}

.company-title {
	display: flex;
	flex-direction: column;
	font-size: 1.25rem;
	text-align: center;
}

.company-title--left {
	text-align: left;
}

.company-title__en {
	font-family: "Montserrat Subrayada", sans-serif;
	font-size: 2.25rem;
	text-transform: uppercase;
}

.company-title__en--left {
	padding-left: 1.25rem;
}

.company-title__en::first-letter {
	color: #FF9000;
}

.company {
	margin-top: 2.5rem;
	padding-bottom: 6.25rem;
	position: relative;
	z-index: 1;
}

.company::after {
	background-image: url(/assets/images/common/orange-line.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	bottom: 0;
	content: "";
	height: 9.375rem;
	left: 0;
	position: absolute;
	width: 9.375rem;
	z-index: -1;
}

.company__wrapper {
	display: flex;
	flex-direction: column-reverse;
}

.company__list {
	display: flex;
	flex-direction: column;
	font-weight: 700;
	gap: 0.875rem;
	margin-top: 1.5rem;
}

.company__menus {
	display: flex;
	flex-direction: row;
	gap: 1.25rem;
}

.company__menu {
	background-color: #232323;
	color: #fff;
	font-size: 1.25rem;
	font-weight: 700;
	height: -moz-fit-content;
	height: fit-content;
	min-width: 6.25rem;
	padding: 0.5rem;
	text-align: center;
}

.company__content {
	font-size: 1.25rem;
	font-weight: 700;
}

.company__img {
	height: 12.5rem;
	margin: 0 auto;
	position: relative;
	width: 18.75rem;
}

.company__img > img {
	-o-object-fit: cover;
	height: 100%;
	left: 50%;
	object-fit: cover;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
}

.contact-common {
	background-image: url(/assets/images/common/contact_bg.png);
	background-size: cover;
	color: #fff;
	padding-bottom: 3.75rem;
	padding-top: 3.75rem;
}

.contact-common__text {
	word-wrap: break-word;
	margin-top: 1.625rem;
	text-align: center;
	word-break: keep-all;
}

.contact-common__wrapper {
	align-items: center;
	display: flex;
	flex-direction: column;
	gap: 1rem;
	justify-content: center;
	margin-top: 3rem;
}

.contact-common__button {
	align-items: center;
	background-color: #049E80;
	color: #fff;
	display: flex;
	font-size: 1.625rem;
	font-weight: 500;
	gap: 0.5rem;
	justify-content: center;
	padding-bottom: 1.5625rem;
	padding-top: 1.5625rem;
	text-align: center;
	width: 100%;
}

.contact-common__button:hover {
	transform: scale(1.2);
	transition: all 0.4s;
}

.contact-common__button--orange {
	background-color: #FF9000;
}

.contact-common__button-icon {
	align-content: center;
	width: 1.25rem;
}

.contact {
	padding-bottom: 5rem;
	position: relative;
	z-index: 1;
}

.contact::after {
	background-image: url(/assets/images/common/orange-line.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	bottom: 0;
	content: "";
	height: 93.75rem;
	left: 0;
	position: absolute;
	width: 9.375rem;
	z-index: -1;
}

.contact__text {
	font-size: 1.5rem;
	margin-top: 2.5rem;
	text-align: center;
}

.contact__title {
	border-left: 0.75rem solid #049E80;
	color: #049E80;
	font-size: 1.5rem;
	font-weight: 400;
	margin-top: 2.5rem;
	padding-left: 1rem;
}

.contact__title:first-child {
	margin-top: 0rem;
}

.contact__explanation {
	color: #707070;
	margin-top: 1.375rem;
}

.contact__explanation li {
	position: relative;
}

.contact__explanation li::before {
	content: "■";
}

.contact__bg {
	background-color: #F4F4F4;
	margin-top: 1.5rem;
	padding: 1rem;
}

.contact__form {
	background-color: #F8F8F8;
	margin-top: 2.5rem;
	padding: 0.75rem;
}

.contact__form-inner.inner {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	justify-content: center;
	max-width: 76.875rem;
}

.contact__item {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}

.contact__item label {
	display: flex;
	flex-direction: row;
	font-size: 1rem;
	gap: 1.5rem;
	min-width: 15.625rem;
}

.contact__item label span {
	color: #FF0000;
}

.contact__item input {
	background-color: #fff;
	border: solid 0.125rem #C6C6C6;
	padding-bottom: 0.75rem;
	padding-left: 1.25rem;
	padding-right: 1.25rem;
	padding-top: 0.75rem;
	width: 100%;
}

.contact__item select {
	background-color: #fff;
	border: solid 0.125rem #C6C6C6;
	padding-bottom: 0.75rem;
	padding-left: 1.25rem;
	padding-right: 1.25rem;
	padding-top: 0.75rem;
	width: 100%;
}

.contact__select {
	position: relative;
	z-index: 1;
}

.contact__select::after {
	background-image: url(/assets/images/common/contact-arrow.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	content: "";
	height: 0.625rem;
	pointer-events: none;
	position: absolute;
	right: 1.125rem;
	top: 50%;
	transform: translateY(-50%);
	width: 1.25rem;
	z-index: 21;
}

.contact__item textarea {
	background-color: #fff;
	border: solid 0.125rem #C6C6C6;
	height: 15rem;
	padding-bottom: 0.75rem;
	padding-left: 1.25rem;
	padding-right: 1.25rem;
	padding-top: 0.75rem;
	width: 100%;
}

.contact__mail {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
}

.contact__mail p {
	color: #BCBCBC;
	font-size: 1.25rem;
}

.contact__btn {
	background-color: #049E80;
	color: #fff;
	display: inline-block;
	font-size: 1.5rem;
	padding: 1.5rem;
	width: 12.5rem;
}

.contact__btn:hover {
	transform: scale(1.2);
	transition: all 0.4s;
}

.contact__btn-wrapper {
	margin-top: 2.5rem;
	text-align: center;
}

.fadein {
	opacity: 0;
	transform: translate(0, 0);
	transition: all 1.5s;
}

.fadein.fadein-left {
	transform: translate(-30px, 0);
}

.fadein.fadein-right {
	transform: translate(30px, 0);
}

.fadein.fadein-up {
	transform: translate(0, -30px);
}

.fadein.fadein-bottom {
	transform: translate(0, 30px);
}

.fadein.scrollin {
	opacity: 1 !important;
	transform: translate(0, 0) !important;
}

.footer {
	background-image: url(/assets/images/common/footer_bg.png);
	background-size: cover;
	height: 3.125rem;
	padding-bottom: 1rem;
}

.footer__nav {
	display: none;
}

.footer__menu {
	color: #fff;
	display: flex;
	flex-direction: row;
	gap: 4.375rem;
}

.footer__copy {
	color: #fff;
	margin-top: 0rem;
	padding-top: 1rem;
	text-align: center;
}

.footer__recruit {
	background-color: #fff;
	border-radius: 0.875rem 0 0 0.875rem;
	color: #1554A2;
	font-weight: 500;
	position: fixed;
	right: 0;
	right: 0;
	top: 5.625rem;
	width: 3.375rem;
	z-index: 600;
}

.footer__recruit-btn {
	font-size: 1.125rem;
	padding: 3.125rem 1rem 1rem 1rem;
	position: relative;
	width: 3.375rem;
	writing-mode: vertical-rl;
}

.footer__recruit-btn::after {
	background-image: url(/assets/images/common/helmet.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	content: "";
	height: 2rem;
	left: 0.625rem;
	position: absolute;
	top: 0.6875rem;
	width: 2rem;
	z-index: 0;
}

.greeting {
	margin-top: 2.9375rem;
}

.greeting__text {
	word-wrap: break-word;
	font-weight: 500;
	margin-top: 1.5rem;
	word-break: keep-all;
}

.greeting__text p {
	word-wrap: break-word;
	word-break: keep-all;
}

.hamburger {
	align-items: center;
	display: flex;
	flex-direction: column;
	gap: 3.625rem;
	margin: 0 auto;
	width: 14.625rem;
}

.hamburger__link {
	width: inherit;
}

.hamburger__link a {
	align-items: flex-end;
	border-bottom: solid 0.0625rem #0AC4A5;
	color: #fff;
	display: flex;
	flex-direction: row;
	font-size: 1.375rem;
	font-weight: 500;
	gap: 1rem;
	width: inherit;
}

.hamburger__en {
	color: #FF9000;
	font-size: 1.125rem;
	font-weight: 400;
}

.hamburger__logo {
	height: auto;
	width: 14.8125rem;
}

.hamburger__tel {
	align-items: center;
	background-color: transparent;
	color: #232323;
	display: flex;
	font-size: 1.75rem;
	font-weight: 500;
	gap: 1.25rem;
	justify-content: center;
	text-align: center;
	width: 18.75rem;
}

.hamburger__tel span {
	align-content: center;
	width: 1.25rem;
}

.header {
	background-color: transparent;
	height: 5rem;
	position: fixed;
	transition: background-color 0.3s ease, color 0.3s ease, opacity 0.3s ease;
	z-index: 500;
}

.header::before {
	background-image: url(/assets/images/common/header-bg.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	content: "";
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	transition: opacity 0.3s ease;
	width: 100%;
	z-index: -1;
}

.header.scrolled {
	background-color: rgba(255, 255, 255, 0.9);
	color: #232323;
}

.header.scrolled::before {
	opacity: 1;
}

.header__inner.inner {
	display: flex;
	flex-direction: row;
	justify-content: end;
	width: 100vw;
}

.header__hamburger {
	cursor: pointer;
	display: inline-block;
	height: 1.5625rem;
	margin-top: 1.875rem;
	position: relative;
	width: 2.8125rem;
	z-index: 1000;
}

.header__hamburger span {
	background-color: #fff;
	height: 0.1875rem;
	position: absolute;
	right: 0;
	width: 100%;
}

.header__hamburger span.scrolled {
	background-color: #232323;
}

.header__hamburger span.js-active {
	background-color: #fff;
}

.header__hamburger,
.header__hamburger span {
	box-sizing: border-box;
	display: inline-block;
	transition: all 0.5s;
}

.header__hamburger span:nth-of-type(1) {
	top: 0rem;
	width: 2.8125rem;
}

.header__hamburger span:nth-of-type(2) {
	top: 0.625rem;
	width: 2.3125rem;
}

.header__hamburger span:nth-of-type(3) {
	bottom: 0rem;
	width: 1.8125rem;
}

#js-hamburger.js-active span:nth-of-type(1) {
	left: -0.3125rem;
	top: 0.125rem;
	transform: translateY(0.6875rem) rotate(45deg);
	width: 2.8125rem;
}

#js-hamburger.js-active span:nth-of-type(2) {
	opacity: 0;
	width: 2.3125rem;
}

#js-hamburger.js-active span:nth-of-type(3) {
	bottom: -0.1875rem;
	left: -0.3125rem;
	transform: translateY(-0.6875rem) rotate(-45deg);
	width: 2.8125rem;
}

.header__list {
	display: none;
}

.header__menu.site {
	font-size: 1.375rem;
	margin-top: 1.875rem;
}

.header__menu.site.scrolled {
	color: #232323;
}

.header__menu.hamburger {
	margin-top: 8.375rem;
}

.header__logo {
	height: auto;
	width: 27.5rem;
}

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

.header__button {
	align-items: center;
	background-color: #049E80;
	color: #fff;
	display: flex;
	font-size: 1.25rem;
	font-weight: 500;
	gap: 1.25rem;
	justify-content: center;
	text-align: center;
	width: 18.75rem;
}

.header__button--tel {
	background-color: transparent;
	font-family: "Sofia Sans Condensed", sans-serif;
	font-size: 2.25rem;
	letter-spacing: 0.1em;
	position: relative;
}

.header__button--tel.scrolled {
	color: #232323;
}

.header__button--tel::before {
	background-image: url(/assets/images/common/tel-white.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	content: "";
	display: inline-block;
	height: 1.5rem;
	left: 0;
	top: 0;
	transition: all 0.3s ease;
	width: 1.5rem;
}

/* スクロール後の変化 */

.header__button--tel.scrolled::before {
	background-image: url(/assets/images/common/tel--black.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.header__icon {
	align-content: center;
	width: 1.5rem;
}

.header__icon--tel {
	position: relative;
	width: 1.25rem;
}

.hamburger__logos {
	align-items: center;
	display: flex;
	flex-direction: column;
	margin-top: 4.125rem;
}

.header__sp-nav {
	background-color: #049E80;
	display: none;
	height: 100vh;
	left: 0;
	overflow: scroll;
	padding-bottom: 6.25rem;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 999;
}

.inner {
	margin-left: auto;
	margin-right: auto;
	padding-left: 20px;
	padding-right: 20px;
	width: 100%;
}

#js-scroll-top a {
	align-items: center;
	background-color: transparent;
	display: flex;
	height: 3rem;
	justify-content: center;
	transition: all 0.3s;
	width: 3rem;
	z-index: 600;
}

#js-scroll-top a:hover {
	background: transparent;
}

/*リンクを右下に固定*/

#js-scroll-top { /*はじめは非表示*/
	opacity: 0;
	position: fixed;
	right: 0.9375rem;
	transform: translateY(6.25rem);
	z-index: 2;
}

/*上に上がる動き*/

#js-scroll-top.UpMove {
	animation: UpAnime 0.5s forwards;
}

/*下に下がる動き*/

#js-scroll-top.DownMove {
	animation: DownAnime 0.5s forwards;
}

.lower-header {
	background-image: url(/assets/images/common/lower_header.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 9.375rem;
	padding-top: 2rem;
}

.lower-title {
	animation: 1s fadeup ease-in-out forwards;
	color: #fff;
	display: flex;
	flex-direction: column;
	font-size: 1.5rem;
	margin-left: calc(50% - min(41vw, 49rem));
}

.lower-title__en {
	color: #fff;
	font-family: "Montserrat Subrayada", sans-serif;
	font-size: 2.5rem;
	font-weight: 400;
	margin-left: 2.125rem;
	text-transform: uppercase;
}

span.lower-title__en::first-letter {
	color: #FF9000;
}

main {
	background-image: url(/assets/images/common/bg.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.pc-none {
	display: block;
}

.recruit {
	padding-bottom: 5rem;
	position: relative;
	z-index: 1;
}

.recruit::after {
	background-image: url(/assets/images/common/orange-line.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	bottom: 0;
	content: "";
	height: 9.375rem;
	left: 0;
	position: absolute;
	width: 9.375rem;
	z-index: -1;
}

.recruit__inner.inner {
	max-width: 80rem;
}

.recruit__text {
	font-size: 1rem;
	font-weight: 500;
	margin-top: 2.5rem;
	text-align: center;
}

.recruit__title span {
	font-size: 1.5rem;
	text-transform: uppercase;
}

.recruit__detail {
	background-color: #fff;
	box-shadow: 0 0 1.25rem rgba(0, 0, 0, 0.25);
	margin-top: 2.5rem;
	padding: 1.25rem;
}

.recruit__title {
	align-items: baseline;
	display: flex;
	flex-direction: column;
	font-size: 1rem;
	gap: 0.5rem;
}

.recruit__title span {
	letter-spacing: 0.1em;
}

.recruit__list {
	display: flex;
	flex-direction: column;
	font-size: 1rem;
	font-weight: 700;
	gap: 1.5rem;
	margin-top: 2.5rem;
}

.recruit__menus {
	display: flex;
	flex-direction: row;
}

.recruit__menu {
	border-bottom: solid 0.125rem #1554A2;
	padding-bottom: 1rem;
	text-align: center;
	width: 25%;
}

.recruit__content {
	border-bottom: solid 0.125rem #BCBCBC;
	padding-bottom: 1rem;
	padding-left: 1.25rem;
	width: 75%;
}

.section-title {
	color: #fff;
	display: flex;
	flex-direction: column;
	font-family: "Montserrat Subrayada", sans-serif;
	font-size: 1.5rem;
	text-align: center;
}

.section-title--black {
	color: #232323;
}

.section-title--fz22 {
	font-size: 1.375rem;
}

.section-title__en {
	font-size: 3.75rem;
	line-height: 1;
	text-transform: uppercase;
}

.section-title__en::first-letter {
	color: #FF9000;
}

.section-title__en--green::first-letter {
	color: #049E80;
}

.section-title__en--white::first-letter {
	color: #fff;
}

.section-title__fz60 {
	font-size: 3.75rem;
}

.service {
	padding-bottom: 5rem;
	position: relative;
	z-index: 1;
}

.service::after {
	background-image: url(/assets/images/common/orange-line.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	bottom: 0;
	content: "";
	height: 9.375rem;
	left: 0;
	position: absolute;
	width: 9.375rem;
	z-index: -1;
}

.service__price {
	font-size: 1.5rem;
	font-weight: 500;
	margin-top: 1.5rem;
	text-align: center;
}

.service__inner.inner {
	max-width: 98.125rem;
}

.service__content-wrapper {
	display: flex;
	flex-direction: row;
	margin-top: 9.375rem;
	position: relative;
	z-index: 2;
}

.service__content-wrapper:nth-of-type(2n) {
	flex-direction: row-reverse;
}

.service__content-wrapper--wall::after {
	background-image: url(/assets/images/common/service2.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	content: "";
	height: 50%;
	left: 0;
	position: absolute;
	top: -7rem;
	width: 100%;
	z-index: 1;
}

.service__content-wrapper--roof::after {
	background-image: url(/assets/images/common/service1.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	content: "";
	height: 50%;
	left: 0;
	position: absolute;
	top: -7rem;
	width: 100%;
	z-index: 1;
}

.service__content-wrapper:nth-child(2) {
	display: flex;
	flex-direction: row-reverse;
}

.service__content {
	background-color: rgba(255, 255, 255, 0.89);
	font-family: "Zen Kaku Gothic New", sans-serif;
	padding: 1.25rem;
	z-index: 5;
}

.service__title {
	color: #1554A2;
	font-size: 2.25rem;
	margin-top: 0rem;
	text-shadow: 0px 5px 0px rgb(255, 255, 255);
}

.service__title--orange {
	color: #F95639;
}

.service__main-text {
	color: #1554A2;
	font-family: "Zen Kaku Gothic New", sans-serif;
	font-size: 1.5rem;
	font-weight: 700;
}

.service__main-text--orange {
	color: #F95639;
}

.service__text {
	font-family: "Zen Kaku Gothic New", sans-serif;
	font-size: 1rem;
	font-weight: 400;
}

.service thead {
	margin-top: 1rem;
}

.service table {
	border-collapse: collapse;
	font-weight: 500;
	margin: 0 auto;
	margin-top: 0.5rem;
}

.service th {
	background-color: #049E80;
	border: solid 0.0625rem #fff;
	color: #fff;
	padding: 1.5rem;
	text-align: center;
}

.service th:first {
	min-width: 6.25rem;
}

.service td {
	background-color: #F8F6F6;
	padding: 1.5rem;
	text-align: center;
}

.service__table {
	display: flex;
	flex-direction: row;
	font-size: 1.5rem;
	font-weight: 500;
}

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

.service__item {
	background-color: #049E80;
	color: #fff;
}

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

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

.service__table-sp {
	align-items: center;
	display: block;
	display: flex;
	flex-direction: column;
}

.service__table-pc {
	display: none;
}

.site__link a {
	display: flex;
	flex-direction: column;
	position: relative;
}

.site__link a::before {
	background: #FF9000;
	bottom: -0.25rem;
	content: "";
	height: 0.25rem;
	left: 0;
	margin: auto;
	position: absolute;
	transform: scale(0, 1);
	transform-origin: right top;
	transition: transform 0.3s;
	width: 100%;
}

.site__link a:hover::before {
	transform: scale(1, 1);
	transform-origin: left top;
}

.site {
	color: #fff;
	display: flex;
	flex-direction: column;
	gap: 2.5rem;
	text-align: center;
}

.site__en {
	color: #FF9000;
	font-family: "Montserrat Subrayada", sans-serif;
	font-size: 0.875rem;
	text-transform: uppercase;
}

.site__en--top {
	color: #F7D205;
	font-size: 0.875rem;
}

.sp-none {
	display: none;
}

.top-detail-02__inner.inner {
	overflow: hidden;
}

.top-details-02__lists {
	margin: 0 auto;
	margin-top: 1rem;
	width: -moz-fit-content;
	width: fit-content;
}

.top-details-02__list {
	border-bottom: dotted 0.0625rem #707070;
	font-size: 1rem;
	font-weight: 600;
	padding-left: 1.5rem;
	position: relative;
}

.top-details-02__list::before {
	background-image: url(/assets/images/common/check.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	content: "";
	height: 1rem;
	left: 0;
	position: absolute;
	top: 0.3125rem;
	width: 1rem;
	z-index: 0;
}

.top-details-02 p {
	-webkit-clip-path: polygon(0 0, 100% 0%, 100% 50%, 50% 100%, 0% 50%);
	background-color: #049E80;
	clip-path: polygon(0 0, 100% 0%, 100% 50%, 50% 100%, 0% 50%);
	color: #fff;
	font-size: 1.5rem;
	font-weight: 700;
	height: 7.5rem;
	padding-top: 0.75rem;
	text-align: center;
}

.top-details-03 {
	margin-top: 2.75rem;
}

.top-details-03__text {
	word-wrap: break-word;
	color: #049E80;
	font-size: 1.125rem;
	font-weight: 700;
	margin-top: 2.5rem;
	text-align: center;
	word-break: keep-all;
}

.top-details-03__arrow {
	height: 1.75rem;
	position: relative;
	rotate: 90deg;
	width: 1.375rem;
}

.top-details-03__arrow > img {
	-o-object-fit: contain;
	height: 100%;
	left: 50%;
	object-fit: contain;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
}

.top-details-03__img {
	height: 15.625rem;
	position: relative;
	width: 15.625rem;
}

.top-details-03__img > img {
	-o-object-fit: contain;
	height: 100%;
	left: 50%;
	object-fit: contain;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
}

.top-details-03__img-wrapper {
	align-items: center;
	display: flex;
	flex-direction: column;
	gap: 0.9375rem;
	margin-top: 0.75rem;
}

.top-details {
	background-image: url(/assets/images/common/top-detail-sp.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	background-size: cover;
	margin-top: 3.75rem;
	padding-top: 5rem;
}

.top-details__texts {
	background-color: rgba(255, 255, 255, 0.8);
	margin: 0 0 0 auto;
	padding-bottom: 4.375rem;
	padding-left: 0.75rem;
	padding-right: 0.75rem;
	padding-top: 1.5rem;
	width: 85%;
}

.top-details__mission {
	word-wrap: break-word;
	font-size: 1.375rem;
	font-weight: 500;
	word-break: keep-all;
}

.top-details__green {
	color: #049E80;
	font-size: 1.75rem;
}

.top-details__orange {
	color: #FF9000;
	font-size: 1.75rem;
}

.top-details__black {
	color: #232323;
	font-size: 1.75rem;
}

.top-details__mission-text {
	font-size: 1rem;
	font-weight: 500;
	line-height: 2;
	margin-top: 2rem;
}

.top-FV {
	align-items: center;
	background-image: url(/assets/images/common/top-fv-sp.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	color: #fff;
	display: flex;
	flex-direction: row;
	height: 100vh;
}

.top-FV__contact {
	content: "";
	position: sticky;
	right: 0;
	top: 5.625rem;
}

.top-FV__texts {
	animation: 1s fadeup ease-in-out forwards;
	margin: 0 auto;
	text-shadow: 0 0 0.375rem rgba(0, 0, 0, 0.45);
}

.top-FV__text {
	font-family: "Noto Serif JP", serif;
	font-size: 2rem;
	font-weight: 500;
}

.top-FV__title {
	font-family: "Noto Serif JP", serif;
	font-size: 3.125rem;
	font-weight: 500;
}

.top-news {
	margin-top: 0.625rem;
}

.top-news__wrapper {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.top-news__wrapper h2 {
	color: #049E80;
	display: flex;
	flex-direction: column;
	font-size: 1rem;
}

.top-news__wrapper h2 span {
	font-size: 2.25rem;
	text-transform: uppercase;
}

.top-news-list a {
	align-items: left;
	display: flex;
	flex-direction: column;
	position: relative;
}

.top-news a::before {
	background: #FF9000;
	bottom: -0.25rem;
	content: "";
	height: 0.25rem;
	left: 0;
	margin: auto;
	position: absolute;
	transform: scale(0, 1);
	transform-origin: right top;
	transition: transform 0.3s;
	width: 100%;
}

.top-news a:hover::before {
	transform: scale(1, 1);
	transform-origin: left top;
}

.top-news-list__time {
	color: #049E80;
	font-size: 1.5rem;
	font-weight: 700;
}

.top-news-list__title {
	font-size: 1.25rem;
}

.top-news__article-wrapper {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.top-recruit {
	background-color: #EEEEEE;
	padding-bottom: 4.75rem;
	padding-top: 3.125rem;
	position: relative;
	z-index: 1;
}

.top-recruit::before {
	background-image: url(/assets/images/common/service2.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	content: "";
	height: 50%;
	left: 0;
	margin: 0 calc(50% - 50vw);
	position: absolute;
	top: 11.25rem;
	width: 100vw;
	z-index: -1;
}

.top-recruit__text-wrapper {
	background-color: #232323;
	color: #fff;
	margin: 9.375rem calc(50% - 50vw) 0;
	padding: 1rem;
	width: 100vw;
}

.top-recruit__title {
	border-bottom: solid 0.0625rem #fff;
	font-size: 1.375rem;
	font-weight: 700;
}

.top-recruit__main-title {
	text-align: right;
}

.top-recruit__text {
	font-size: 1rem;
	line-height: 2;
	margin-top: 1.25rem;
}

.top-recruit__button {
	margin-top: 2.25rem;
}

.top-recruit__button {
	text-align: center;
}

.top-service {
	background-image: url(/assets/images/common/top-service-sp.png);
	background-position: top;
	background-repeat: no-repeat;
	background-size: contain;
	color: #fff;
	margin-top: 3.75rem;
	padding-bottom: 3.125rem;
}

.top-service__content {
	display: flex;
	flex-direction: column;
	margin-top: 1.25rem;
}

.top-service__item {
	margin-top: -1.25rem;
}

.top-service__copy {
	word-wrap: break-word;
	font-family: "Noto Serif JP", serif;
	font-size: 1.75rem;
	word-break: keep-all;
}

.top-service__texts {
	background-color: #049E80;
	margin: 0 calc(50% - 50vw);
	padding-bottom: 2.5rem;
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 100vw;
}

.top-service__text {
	font-size: 1rem;
	margin-top: 1.875rem;
}

.top-service__text p {
	line-height: 2;
}

.top-service__title.section-title {
	padding-top: 2.5rem;
	text-align: left;
}

.top-service__title.section-title span {
	padding-left: 1rem;
}

.top-works {
	padding-bottom: 3.125rem;
	position: relative;
	z-index: 1;
}

.top-works::after {
	background-image: url(/assets/images/common/top-works-bg.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	bottom: 0;
	content: "";
	height: 20.875rem;
	left: 0;
	position: absolute;
	width: 19.875rem;
	z-index: -1;
}

.top-works__button {
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin-top: 2.25rem;
	position: relative;
}

.works-card {
	margin-top: 3.125rem;
}

.works-card {
	height: 16.5625rem;
	position: relative;
	width: 22.3125rem;
}

.works-card > img {
	-o-object-fit: cover;
	height: 100%;
	left: 50%;
	object-fit: cover;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
}

.works__bg {
	background-color: #F4F4F4;
}

.works-list {
	display: flex;
	flex-direction: row;
	gap: 1.5rem;
}

.works-list__text {
	font-size: 1.25rem;
	font-weight: 500;
	text-transform: uppercase;
}

.works {
	padding-bottom: 6.25rem;
	position: relative;
	z-index: 1;
}

.works::after {
	background-image: url(/assets/images/common/orange-line.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	bottom: 0;
	content: "";
	height: 9.375rem;
	left: 0;
	position: absolute;
	width: 9.375rem;
	z-index: -1;
}

.works__inner.inner {
	max-width: 116.875rem;
}

.works__text {
	word-wrap: break-word;
	font-size: 1rem;
	font-weight: 500;
	margin-top: 2.5rem;
	text-align: center;
	word-break: keep-all;
}

.works__layout {
	display: flex;
	flex-direction: column;
	gap: 1.875rem;
	margin-top: 1.875rem;
}

.works__bg {
	background-color: #F4F4F4;
	margin-top: 1.5rem;
	padding: 1rem;
}

@media screen and (min-width: 768px) {

.u-desktop {
	display: block;
}

.u-mobile {
	display: none;
}

html {
	font-size: 1.0256410256vw;
}

.button {
	font-size: 1.5rem;
	gap: 4.375rem;
	justify-content: flex-end;
	min-width: 25rem;
	padding: 1.875rem;
	width: -moz-fit-content;
	width: fit-content;
}

.button__arrow {
	height: 3.25rem;
	width: 3.25rem;
}

.company-common__wrapper {
	flex-direction: row;
	gap: 5.625rem;
}

.company-common__menu {
	min-width: 5rem;
	width: -moz-fit-content;
	width: fit-content;
}

.company-common__content {
	min-width: 41.25rem;
	padding-left: 2rem;
	padding-right: 2rem;
	width: -moz-fit-content;
	width: fit-content;
}

.company-common__map {
	height: 19.75rem;
	margin: 0;
	width: 25.75rem;
}

.company-title {
	font-size: 1.5rem;
}

.company-title__en {
	font-size: 4rem;
}

.company {
	margin-top: 8.75rem;
	padding-bottom: 16.875rem;
}

.company::after {
	height: 31.25rem;
	width: 31.25rem;
}

.company__wrapper {
	flex-direction: row;
	gap: 4.375rem;
	margin-top: 2.25rem;
}

.company__list {
	margin-top: 0;
}

.company__menus {
	gap: 3.125rem;
}

.company__menu {
	min-width: 12.875rem;
}

.company__content {
	font-size: 1.5rem;
}

.company__img {
	height: 29.4375rem;
	width: 44.1875rem;
}

.contact-common {
	padding-bottom: 7.5rem;
	padding-top: 3.75rem;
}

.contact-common__wrapper {
	flex-direction: row;
	gap: 6.25rem;
	margin-top: 6.9375rem;
}

.contact-common__button {
	font-size: 1.875rem;
	gap: 1.875rem;
	transform: scale(1);
	transition: all 0.4s;
	width: 28.125rem;
}

.contact-common__button-icon {
	width: 2.25rem;
}

.contact {
	padding-bottom: 8.75rem;
}

.contact::after {
	height: 18.75rem;
	width: 18.75rem;
}

.contact__text {
	font-size: 2.5rem;
	margin-top: 5rem;
}

.contact__title {
	font-size: 2.5rem;
	margin-top: 6.25rem;
	padding-left: 2.125rem;
}

.contact__bg {
	margin-top: 2.25rem;
	padding-bottom: 5rem;
	padding-left: 14.375rem;
	padding-right: 14.375rem;
	padding-top: 3.125rem;
}

.contact__form {
	margin-top: 4.375rem;
	padding-bottom: 3.125rem;
	padding-left: 0.75rem;
	padding-right: 0.75rem;
	padding-top: 1.8125rem;
}

.contact__form-inner.inner {
	gap: 2rem;
}

.contact__item {
	flex-direction: row;
	gap: 10.625rem;
}

.contact__item label {
	font-size: 1.5rem;
}

.contact__item input {
	width: 30.625rem;
}

.contact__item select {
	width: 16.875rem;
}

.contact__item textarea {
	width: 30.625rem;
}

.contact__btn {
	transform: scale(1);
	transition: all 0.4s;
	width: 21.5625rem;
}

.contact__btn-wrapper {
	margin-top: 5rem;
}

.footer {
	display: flex;
	height: 15.3125rem;
	justify-content: center;
	padding-top: 5.3125rem;
}

.footer__nav {
	display: flex;
	justify-content: center;
}

.footer__copy {
	display: flex;
	justify-content: center;
	margin-top: 5.3125rem;
	padding-top: 0rem;
}

.footer__recruit {
	top: 32.5rem;
}

.greeting__text {
	margin-top: 4.125rem;
	text-align: center;
}

.greeting__text p {
	font-size: 1.25rem;
	line-height: 2;
}

.header {
	color: #fff;
	height: 14.0625rem;
	left: 0;
	top: 0;
	width: 100%;
}

.header__inner.inner {
	display: block;
	max-width: 114.375rem;
	width: 100%;
}

.header__hamburger {
	display: none;
}

.header__list {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-top: 1.875rem;
}

.header__contact {
	flex-direction: row;
	gap: 3.75rem;
	justify-content: right;
}

.header__icon--tel {
	width: 2.25rem;
}

.inner {
	max-width: 1610px;
	padding-left: 25px;
	padding-right: 25px;
}

#js-scroll-top {
	right: 1.25rem;
}

#js-scroll-top a {
	height: 5.5rem;
	width: 5.5rem;
}

.lower-header {
	height: 33.4375rem;
	padding-top: 18.125rem;
}

.lower-title {
	font-size: 2.25rem;
}

.lower-title__en {
	font-size: 5.9375rem;
}

.pc-none {
	display: none;
}

.recruit {
	padding-bottom: 8.75rem;
}

.recruit::after {
	height: 18.75rem;
	width: 18.75rem;
}

.recruit__text {
	font-size: 1.25rem;
	margin-top: 5rem;
}

.recruit__title span {
	font-size: 3.5rem;
}

.recruit__detail {
	margin-top: 3.75rem;
	padding-bottom: 6rem;
	padding-left: 3.5rem;
	padding-right: 3.5rem;
	padding-top: 2.75rem;
}

.recruit__title {
	flex-direction: row;
	font-size: 1.5rem;
	gap: 1.125rem;
}

.recruit__list {
	font-size: 1.5rem;
	gap: 3rem;
	margin-top: 4.5rem;
}

.recruit__menu {
	text-align: left;
	width: 12.5rem;
}

.recruit__content {
	width: 56.25rem;
}

.section-title {
	margin-top: 2.25rem;
}

.section-title__en {
	font-size: 6rem;
	line-height: 1.5;
}

.service {
	margin-top: 8.75rem;
	padding-bottom: 9.375rem;
}

.service::after {
	height: 18.75rem;
	width: 18.75rem;
}

.service__price {
	font-size: 2.5rem;
	margin-top: 2rem;
}

.service__content-wrapper {
	margin-top: 5.625rem;
}

.service__content-wrapper--wall::after {
	bottom: -1rem;
	height: 30.75rem;
	left: auto;
	right: 0;
	top: auto;
	width: 40.125rem;
}

.service__content-wrapper--roof::after {
	bottom: -1rem;
	height: 30.75rem;
	top: auto;
	width: 40.125rem;
}

.service__content {
	margin-top: 12.5rem;
	min-width: 62.5rem;
	padding: 2.8125rem;
	width: -moz-fit-content;
	width: fit-content;
}

.service__title {
	font-size: 5.25rem;
	margin-top: -7.5rem;
}

.service__main-text {
	font-size: 2.25rem;
}

.service__text {
	font-size: 1.5rem;
}

.service thead {
	margin-top: 1.5rem;
}

.service table {
	margin-top: 2rem;
}

.service__table {
	flex-direction: column;
}

.service__items {
	flex-direction: row;
}

.service__lists {
	flex-direction: row;
}

.service__list {
	flex-direction: row;
}

.service__table-sp {
	display: none;
}

.service__table-pc {
	display: table;
}

.site {
	flex-direction: row;
	gap: 4.375rem;
}

.sp-none {
	display: block;
}

.top-details-02__lists {
	margin-top: 3.75rem;
}

.top-details-02__list {
	font-size: 1.875rem;
	padding-left: 2.5rem;
}

.top-details-02__list::before {
	height: 2rem;
	top: 0.625rem;
	width: 2rem;
}

.top-details-02 p {
	font-size: 2.5rem;
	height: 10rem;
	padding-top: 2.5rem;
}

.top-details-03 {
	margin-top: 11.25rem;
}

.top-details-03__text {
	font-size: 2.875rem;
	margin-top: 11.25rem;
}

.top-details-03__arrow {
	height: 2.5rem;
	rotate: 0deg;
	width: 5rem;
}

.top-details-03__img {
	height: 19.375rem;
	width: 19.375rem;
}

.top-details-03__img-wrapper {
	flex-direction: row;
	gap: 1.875rem;
	margin-top: 5.5rem;
}

.top-details {
	background-image: url(/assets/images/common/top-detail-bg.png);
	margin-top: 7.5rem;
	padding-top: 0rem;
}

.top-details__texts {
	padding-bottom: 8.4375rem;
	padding-left: 3.125rem;
	padding-right: 3.125rem;
	padding-top: 4rem;
}

.top-details__mission {
	font-size: 2.25rem;
}

.top-details__green {
	font-size: 4.375rem;
}

.top-details__orange {
	font-size: 3.5rem;
}

.top-details__black {
	font-size: 3.5rem;
}

.top-details__mission-text {
	font-size: 1.25rem;
}

.top-FV {
	background-image: url(/assets/images/common/top-fv.png);
	height: 54.125rem;
}

.top-FV__contact {
	top: 31.25rem;
}

.top-FV__texts {
	margin-left: calc(50% - min(40vw, 47rem));
}

.top-FV__text {
	font-size: 3.125rem;
}

.top-FV__title {
	font-size: 5.5rem;
}

.top-news {
	margin-top: 7.5rem;
}

.top-news__wrapper {
	flex-direction: row;
	gap: 15.625rem;
}

.top-news-list a {
	align-items: center;
	flex-direction: row;
	gap: 4rem;
}

.top-recruit {
	padding-bottom: 6.25rem;
	padding-top: 6.25rem;
}

.top-recruit::before {
	height: 37.3125rem;
	left: calc(50% - min(35vw, 30rem));
	top: 9.375rem;
	width: 48.9375rem;
}

.top-recruit__inner.inner {
	max-width: 81.25rem;
}

.top-recruit__text-wrapper {
	margin: 0 0 0 auto;
	padding: 1.5rem;
	padding: 3.125rem;
	width: 49.375rem;
}

.top-recruit__title {
	font-size: 1.875rem;
}

.top-recruit__text {
	font-size: 1.25rem;
}

.top-recruit__button {
	text-align: right;
}

.top-service {
	background-image: url(/assets/images/common/top-service-bg.png);
	background-size: cover;
	margin-top: 10rem;
	padding-bottom: 9.375rem;
}

.top-service__content {
	background-color: transparent;
	flex-direction: row;
	margin-top: 1.875rem;
}

.top-service__item {
	margin-top: 18.75rem;
}

.top-service__copy {
	font-size: 2.5rem;
}

.top-service__texts {
	background-color: transparent;
	margin: 0;
	padding-bottom: 0rem;
	padding-left: 0rem;
	padding-right: 0rem;
}

.top-service__text {
	font-size: 1.25rem;
}

.top-service__title.section-title {
	padding-top: 5.625rem;
}

.top-service__title.section-title span {
	padding-left: 1.875rem;
}

.top-works {
	padding-bottom: 4.6875rem;
}

.top-works::after {
	height: 41.6875rem;
	width: 39.6875rem;
}

.works-card {
	height: 23.125rem;
	width: 31.25rem;
}

.works-list {
	gap: 2.25rem;
}

.works::after {
	height: 25rem;
	width: 25rem;
}

.works__text {
	font-size: 1.25rem;
	margin-top: 5rem;
}

.works__layout {
	grid-column-gap: 6.25rem;
	-moz-column-gap: 6.25rem;
	column-gap: 6.25rem;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	margin-top: 2.8125rem;
}

.works__bg {
	padding: 4.375rem 7.5rem;
}

}

@media (min-width: 1560px) {

html {
	font-size: 16px;
}

}

@media (max-width: 375px) {

html {
	font-size: 4.2666666667vw;
}

}

@keyframes UpAnime {

from {
	opacity: 0;
	transform: translateY(trm(100));
}

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

}

@keyframes DownAnime {

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

to {
	opacity: 1;
	transform: translateY(6.25rem);
}

}

@keyframes fadeup {

0% {
	opacity: 0;
	transform: translateY(30px);
}

100% {
	opacity: 1;
	transform: translateY(0);
}

}

@keyframes fadeup {

0% {
	opacity: 0;
	transform: translateY(30px);
}

100% {
	opacity: 1;
	transform: translateY(0);
}

}


/*# sourceMappingURL=style.css.map */