@charset "utf-8";

/**
/* トップページ CSS
----------------------------------------------- */
/*　　MV　　*/
.mv-wrap {
	position: relative;
}

.mv-wrap .mv-view {
	position: relative;
}

.mv-wrap .mv-view .swiper-slide {
	height: 100vh;
}

.mv-wrap .mv-view .swiper-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.mv-wrap .mv-view .view-box {
	position: absolute;
	width: 90%;
	max-width: 956px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 20;
}

.mv-wrap .mv-view .view-box .top-view-ttl {
	overflow: hidden;
	transform: translate(-100%, 0);
	transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 1s;
}

.mv-wrap .mv-view .view-box .top-view-ttl h1,
.mv-wrap .mv-view .view-box .top-view-ttl p {
	transform: translate(100%, 0);
	transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 1s;
}

.mv-wrap .mv-view .view-box .top-view-ttl.visible,
.mv-wrap .mv-view .view-box .top-view-ttl.visible h1,
.mv-wrap .mv-view .view-box .top-view-ttl.visible p {
	transform: translate(0, 0);
}

.mv-wrap .mv-view .view-box .view-ttl {
	width: 52%;
	color: #FFFFFF;
}

.mv-wrap .mv-view .view-box .view-ttl h1 {
	font-family: "Inter", sans-serif;
	font-size: 100px;
	font-weight: 700;
	line-height: 1.25;
	margin-bottom: 5px;
}

.mv-wrap .mv-view .view-box .view-ttl p {
	font-size: 20px;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: 0.03em;
}

.mv-wrap .mv-view .view-box .view-logo {
	width: 48%;
	max-width: 496px;
	padding-left: 40px;
}

.mv-wrap .mv-view .view-box .view-logo.visible {
	opacity: 1;
	transition-delay: .2s;
}

.mv-wrap .mv-view .view-box .view-logo svg {
	width: 100%;
}

.mv-wrap .mv-view .view-box .view-logo #logo path {
	fill-opacity: 0;
	transition: fill-opacity .5s;
	fill: none;
	stroke: #E56E07;
}

.mv-wrap .mv-view .view-box .view-logo #logo.done path {
	fill: #E56E07;
	fill-opacity: 1;
	stroke: none;
}

.mv-wrap .scroll-wrap .scroll {
	position: absolute;
	bottom: 0;
	left: 40px;
	z-index: 20;
}

.mv-wrap .scroll-wrap a {
	display: flex;
	column-gap: 7px;
	align-items: center;
	writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
}

.mv-wrap .scroll-wrap .roma {
	font-family: "Inter", sans-serif;
	color: #fff;
	font-size: 14px;
	font-weight: 400;
	line-height: 1;
	letter-spacing: 0.05em;
}

.mv-wrap .scroll-wrap .scrollbar {
	background-color: #fff;
	overflow: hidden;
	width: 2px;
	height: 50px;
	position: relative;
}

.mv-wrap .scroll-wrap .scrollbar::after {
	content: "";
	background-color: #E56E07;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	z-index: 10;
}

.mv-wrap .mv-view .swiper-pagination {
	display: block;
	bottom: 20px;
	left: auto;
	right: 49px;
	text-align: right;
}

.mv-wrap .mv-view .swiper-pagination .swiper-pagination-bullet {
	background: #FFFFFF;
	width: 30px;
	height: 3px;
	border-radius: 0;
	opacity: 1;
}

.mv-wrap .mv-view .swiper-pagination .swiper-pagination-bullet-active {
	background: #E56E07;
	opacity: 1;
}

.swiper-wrap {
	position: relative;
	height: 100%;
}

.swiperpageBtn__container {
	display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center;
	width: 170px;
	margin:  auto;

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

}

.swiper-button-next,
.swiper-button-prev {
	--swiper-navigation-color: #d8d8d8;
	background: transparent;
	z-index: 1;
	transition: 0.3s ease;
	padding: 15px 15px 15px 15px;
	bottom: -35px;
	top: var(--swiper-navigation-top-offset,53%) !important;

	@media screen and (min-width: 576px) and (max-width: 767px) {
		bottom: -31px;
		--swiper-navigation-size: 12px;
		position: relative !important;
	}

	@media screen and (max-width: 576px) {
		--swiper-navigation-size: 12px;
		position: relative !important;
		bottom: -25px;
	}
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
	--swiper-navigation-color: #E56E07;
	background: transparent;
	transition: 0.3s ease;
	padding: 15px 15px 15px 15px;
	bottom: -35px;
	top: var(--swiper-navigation-top-offset,53%) !important;

	@media screen and (min-width: 576px) and (max-width: 767px) {
		bottom: -31px;
		--swiper-navigation-size: 12px;
		position: relative !important;
	}

	@media screen and (max-width: 576px) {
		--swiper-navigation-size: 12px;
		position: relative !important;
		bottom: -25px;
	}
}

.swiper-button-next,
.swiper-button-next:hover {
    right: var(--swiper-navigation-sides-offset, 4vw) !important;
}

.swiper-button-prev,
.swiper-button-prev:hover {
    left: var(--swiper-navigation-sides-offset, 4vw) !important;
}

/* 1301px 〜 1400px */
@media screen and (min-width: 1301px) and (max-width: 1400px) {
    .swiper-button-next,
    .swiper-button-next:hover {
        right: var(--swiper-navigation-sides-offset, 3vw) !important;
    }

    .swiper-button-prev,
    .swiper-button-prev:hover {
        left: var(--swiper-navigation-sides-offset, 3vw) !important;
    }
}

/* 1100px 〜 1300px */
@media screen and (min-width: 1100px) and (max-width: 1300px) {
    .swiper-button-next,
    .swiper-button-next:hover {
        right: var(--swiper-navigation-sides-offset, 1vw) !important;
    }

    .swiper-button-prev,
    .swiper-button-prev:hover {
        left: var(--swiper-navigation-sides-offset, 1vw) !important;
    }
}

/* 768px 〜 1099px */
@media screen and (min-width: 768px) and (max-width: 1099px) {
    .swiper-button-next,
    .swiper-button-next:hover {
        right: var(--swiper-navigation-sides-offset, 0) !important;
    }

    .swiper-button-prev,
    .swiper-button-prev:hover {
        left: var(--swiper-navigation-sides-offset, 0) !important;
    }
}

@media screen and (max-width: 767px) {
    .swiper-button-next,
    .swiper-button-next:hover {
        right: unset !important; /* または initial にする */
    }

    .swiper-button-prev,
    .swiper-button-prev:hover {
        left: unset !important; /* または initial にする */
    }
}

.swiper-pagination.swiper-pagination__service {
	text-align: center;
	position: relative !important;
	--swiper-pagination-top: 30px;

	@media screen and (min-width: 768px) and (max-width: 852px) {
			--swiper-pagination-top: 0px;
}

}

@media screen and (min-width: 576px) and (max-width: 767px) {
	.swiper-pagination.swiper-pagination__service {
		--swiper-pagination-top: 20px;
	}
}

@media screen and (max-width: 576px) {
	.swiper-pagination.swiper-pagination__service {
		--swiper-pagination-top: 20px;
	}
}

.swiper-pagination .swiper-pagination-bullet {
	background: #D8D8D8;
	border-radius: 1;
	opacity: 1;
	margin: 0 5px !important;

	@media screen and (max-width: 767px) {
	margin: 0 5px !important;
	}
}

.swiper-pagination .swiper-pagination-bullet-active {
	background: #E56E07;
	opacity: 1;
}

/**
/* スクロールヒント page-service CSS
----------------------------------------------- */
@keyframes scroll-hint-appear {
	0% {
		transform: translateX(40px);
		opacity: 0;
	}

	10% {
		opacity: 1;
	}

	50%,
	100% {
		transform: translateX(-40px);
		opacity: 0;
	}
}

.scrollhint.scroll-hint {
	overflow: hidden !important;
}

.scroll-hint-icon {
	display: none;

	@media only screen and (max-width: 767px) {
		display: block;
		position: absolute;
		top: calc(50% - 25px);
		left: calc(50% - 60px);
		box-sizing: border-box;
		width: 120px;
		height: auto;
		border-radius: 5px;
		opacity: 1;
		background: rgba(0, 0, 0, .7);
		text-align: center;
		padding: 20px 10px 10px 10px;
		overflow: hidden;
	}
}

.scroll-hint-icon-wrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	max-height: 100%;
	pointer-events: none;
}

.scroll-hint-text {
	font-size: 10px;
	color: #FFF;
	margin-top: 5px;
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon {
	opacity: .8;
}

.scroll-hint-icon:before {
	display: inline-block;
	width: 40px;
	height: 40px;
	color: #FFF;
	vertical-align: middle;
	text-align: center;
	content: "";
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDM8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIiBmaWxsPSIjZmZmIi8+PC9nPjwvZz48L3N2Zz4=);
}

.scroll-hint-icon:after {
	content: "";
	width: 34px;
	height: 14px;
	display: block;
	position: absolute;
	top: 10px;
	left: 50%;
	margin-left: -20px;
	background-repeat: no-repeat;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDE8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIgZmlsbD0iI2ZmZiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiIGZpbGw9IiNmZmYiLz48L2c+PC9nPjwvc3ZnPg==);
	opacity: 0;
	transition-delay: 2.4s;
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon:after {
	opacity: 1;
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon:before {
	animation: scroll-hint-appear 1.2s linear;
	animation-iteration-count: 2;
}

.scroll-hint-icon-white {
	background-color: #FFF;
	box-shadow: 0 4px 5px rgba(0, 0, 0, .4);
}

.scroll-hint-icon-white:before {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDQ8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIi8+PC9nPjwvZz48L3N2Zz4=);
}

.scroll-hint-icon-white:after {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDI8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiLz48L2c+PC9nPjwvc3ZnPg==);
}

.scroll-hint-icon-white .scroll-hint-text {
	color: #000;
}

.scroll-hint-shadow-wrap {
	position: relative;
}

.scroll-hint-shadow-wrap::after {
	content: "";
	width: 20px;
	height: 100%;
	background: linear-gradient(270deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
	position: absolute;
	top: 0;
	right: 0;
	pointer-events: none;
	z-index: 1;
	opacity: 0;
	visibility: hidden;
}

.scroll-hint-shadow-wrap::before {
	content: "";
	width: 20px;
	height: 100%;
	background: linear-gradient(90deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
	position: absolute;
	top: 0;
	left: 0;
	pointer-events: none;
	z-index: 1;
	opacity: 0;
	visibility: hidden;
}

@media only screen and (max-width: 767px) {
	.mv-wrap .mv-view .swiper-slide {
		height: 100vh;
		min-height: 100vw;
	}

	.mv-wrap .mv-view .view-box .view-ttl {
		width: 100%;
		text-align: center;
		margin-bottom: 10%;
	}

	.mv-wrap .mv-view .view-box .view-ttl h1 {
		font-size: 14vw;
		margin-bottom: 2%;
	}

	.mv-wrap .mv-view .view-box .view-ttl p {
		font-size: 4.8vw;
	}

	.mv-wrap .mv-view .view-box .view-logo {
		width: 100%;
		max-width: inherit;
		text-align: center;
		padding-left: 0;
	}

	.mv-wrap .mv-view .view-box .view-logo svg {
		width: 60vw;
		height: auto;
	}

	.mv-wrap .mv-view .view-box .view-logo img {
		width: 65vw;
	}

	.mv-wrap .scroll-wrap .scroll {
		left: 5%;
	}

	.mv-wrap .scroll-wrap a {
		column-gap: 2vw;
	}

	.mv-wrap .scroll-wrap .roma {
		font-size: 3.4vw;
	}

	.mv-wrap .scroll-wrap .scrollbar {
		height: 14vw;
	}

	.mv-wrap .mv-view .swiper-pagination {
		bottom: 15px;
		right: 15px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.mv-wrap .mv-view .swiper-slide {
		height: 580px;
	}

	.mv-wrap .mv-view .view-box .view-ttl {
		width: 55%;
	}

	.mv-wrap .mv-view .view-box .view-ttl h1 {
		font-size: 70px;
		margin-bottom: 5px;
	}

	.mv-wrap .mv-view .view-box .view-ttl p {
		font-size: 18px;
	}

	.mv-wrap .mv-view .view-box .view-logo {
		width: 45%;
		max-width: inherit;
		padding-left: 20px;
	}

	.mv-wrap .scroll-wrap .scroll {
		left: 30px;
	}

	.mv-wrap .scroll-wrap a {
		column-gap: 5px;
	}

	.mv-wrap .scroll-wrap .roma {
		font-size: 12px;
	}

	.mv-wrap .scroll-wrap .scrollbar {
		height: 40px;
	}
}

/*　　Our STATEMENT　　*/
.statement-guide {
	text-align: center;
	padding: 120px 0 110px 0;
}

.statement-guide .guide-ttl {
	text-align: center;
	margin-bottom: 27px;
}

.statement-guide .guide-ttl .roma {
	color: #FFFFFF;
}

.statement-guide .contentArea h2 {
	color: #FFFFFF;
	font-size: 32px;
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: 0.06em;
	margin-bottom: 38px;
}

.statement-guide .contentArea p {
	color: #FFFFFF;
	font-size: 18px;
	font-weight: 700;
	line-height: 2.33;
	letter-spacing: 0.06em;
}

.statement-guide .block_btn {
	margin-top: 56px;
}

@media only screen and (max-width: 767px) {
	.statement-guide {
		padding: 15% 0 15% 0;
	}

	.statement-guide .guide-ttl {
		margin-bottom: 5%;
	}

	.statement-guide .contentArea h2 {
		font-size: 6.2vw;
		margin-bottom: 6%;
	}

	.statement-guide .contentArea p {
		font-size: 4.2vw;
		text-align: left;
	}

	.statement-guide .block_btn {
		margin-top: 12%;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.statement-guide {
		padding: 80px 0 80px 0;
	}

	.statement-guide .guide-ttl {
		margin-bottom: 20px;
	}

	.statement-guide .contentArea h2 {
		font-size: 26px;
		margin-bottom: 30px;
	}

	.statement-guide .contentArea p {
		font-size: 16px;
	}

	.statement-guide .block_btn {
		margin-top: 42px;
	}
}

/*　　Our SERVICE　　*/
.front-flow {
	padding: 80px 0 75px 0;
}

.front-flow .guide-ttl {
	margin-bottom: 38px;
}

.front-flow .consultation-items {
	margin-bottom: 60px;
}

.front-flow .consultation-items .contentArea {
	width: 68%;
	max-width: 626px;
}

.front-flow .consultation-items .contentArea h2 {
	font-size: 26px;
	margin-bottom: 28px;
}

.front-flow .consultation-items .contentArea h3 {
	font-size: 28px;
	margin-bottom: 25px;
}

.front-flow .consultation-items .figureArea {
	width: 32%;
	text-align: center;
}

.front-flow .consultation-items .figureArea .figure {
	position: relative;
	display: inline-block;
	width: 250px;
}

.figure .chart-txt {
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.figure .chart-txt span.chart-ttl {
	display: block;
	font-size: 19px;
	font-weight: 700;
	line-height: 1.25;
	letter-spacing: 0.06em;
	text-align: center;
}

.figure .chart-txt span.chart-number {
	font-family: "Inter", sans-serif;
	color: #E56E07;
	font-size: 91px;
	font-weight: 500;
	line-height: 1.25;
}

.figure .chart-txt span.chart-percentage {
	font-family: "Inter", sans-serif;
	color: #E56E07;
	font-size: 37px;
	font-weight: 500;
	line-height: 1.25;
}

.front-flow .phase-list .phase-items {
	margin-bottom: 68px;
}

.front-flow .phase-list .phase-items:last-child {
	margin-bottom: 0;
}

.front-flow .phase-list .phase-2 .imgArea ul {
	column-gap: 10px;
}

.front-flow .phase-list .phase-2 .imgArea ul li {
	width: calc(33.3333% - 6px);
}

.front-flow .block_btn {
	margin-top: 55px;
}

@media only screen and (max-width: 767px) {
	.front-flow {
		padding: 12% 0;
	}

	.front-flow .guide-ttl {
		margin-bottom: 3%;
	}

	.front-flow .consultation-items {
		margin-bottom: 10%;
	}

	.front-flow .consultation-items .contentArea {
		width: 100%;
		max-width: inherit;
		margin-bottom: 10%;
	}

	.front-flow .consultation-items .contentArea h2 {
		font-size: 4.6vw;
		margin-bottom: 2%;
	}

	.front-flow .consultation-items .contentArea h3 {
		font-size: 5vw;
		margin-bottom: 5%;
	}

	.front-flow .consultation-items .figureArea {
		width: 100%;
	}

	.front-flow .consultation-items .figureArea .figure {
		width: 60%;
	}

	.figure .chart-area {
		height: 60vw;
	}

	.figure .chart-txt span.chart-ttl {
		font-size: 4vw;
	}

	.figure .chart-txt span.chart-number {
		font-size: 15vw;
	}

	.figure .chart-txt span.chart-percentage {
		font-size: 5vw;
	}

	.front-flow .phase-list .phase-items {
		margin-bottom: 15%;
	}

	.front-flow .phase-list .phase-2 .imgArea ul {
		column-gap: 10px;
	}

	.front-flow .phase-list .phase-2 .imgArea ul li {
		width: calc(33.3333% - 6px);
	}

	.front-flow .block_btn {
		text-align: center;
		margin-top: 10%;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.front-flow {
		padding: 60px 0 60px 0;
	}

	.front-flow .guide-ttl {
		margin-bottom: 38px;
	}

	.front-flow .consultation-items {
		margin-bottom: 40px;
	}

	.front-flow .consultation-items .contentArea {
		width: calc(100% - 240px);
	}

	.front-flow .consultation-items .contentArea h2 {
		font-size: 22px;
		margin-bottom: 20px;
	}

	.front-flow .consultation-items .contentArea h3 {
		font-size: 20px;
		margin-bottom: 20px;
	}

	.front-flow .consultation-items .figureArea {
		width: 230px;
	}

	.front-flow .consultation-items .figureArea .figure {
		width: 220px;
	}

	.figure .chart-area {
		height: 210px;
	}

	.figure .chart-txt span.chart-ttl {
		font-size: 15px;
	}

	.figure .chart-txt span.chart-number {
		font-size: 60px;
	}

	.figure .chart-txt span.chart-percentage {
		font-size: 24px;
	}

	.front-flow .phase-list .phase-items {
		margin-bottom: 45px;
	}

	.front-flow .phase-list .phase-2 .imgArea ul {
		column-gap: 5px;
	}

	.front-flow .phase-list .phase-2 .imgArea ul li {
		width: calc(33.3333% - 3px);
	}

	.front-flow .block_btn {
		margin-top: 40px;
	}
}

/*　　グラフ　　*/
.js_piechart {
	position: relative;
}

.pie_chart {
	transform: rotate(-90deg);
	/*頂点から始まるように調整*/
	position: relative;
	z-index: 3;
}

.pie_chart circle {
	fill: transparent;
	stroke-width: 36;
}

.pie_chart.bg {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}

.pie_chart.bg circle {
	stroke: #D8D8D8;
}

.js_piechart.view .pie_chart.line {
	animation: circle1 1s forwards;
}

/*　　クライアント実績　　*/
.clients-guide {
	padding: 67px 0 46px 0;
}

.clients-guide .guide-ttl {
	margin-bottom: 16px;
}

.clients-guide .guide-ttl .roma {
	margin-bottom: 12px;
}

.clients-guide .clients-items {
	margin-bottom: 40px;
}

.clients-guide .clients-items .contentArea {
	width: calc(100% - 390px);
	max-width: 628px;
	padding-right: 40px;
}

.clients-guide .clients-items .contentArea p {
	font-size: 15px;
	font-weight: 400;
	line-height: 2.13;
	letter-spacing: 0.03em;
}

.clients-guide .clients-items .figureArea {
	width: 390px;
	margin-top: -20px;
}

.clients-guide .clients-items .figureArea .figure {
	background: #FFFFFF;
	border: 1px solid #E56E07;
	border-radius: 50px;
}

.clients-guide .clients-items .figure .figure-left {
	width: 55%;
	color: #E56E07;
	align-items: center;
	padding: 12px 15px 12px 25px;
}

.clients-guide .clients-items .figure .figure-right {
	position: relative;
	right: -2px;
	background: #E56E07;
	color: #FFFFFF;
	width: 45%;
	align-items: center;
	border-radius: 0 50px 50px 0;
	padding: 12px 15px 12px 10px;
}

.clients-guide .clients-items .figure .figure-ttl {
	text-align: center;
	margin-top: 6px;
}

.clients-guide .clients-items .figure .figure-left .figure-ttl {
	margin-right: 12px;
}

.clients-guide .clients-items .figure .roma {
	font-size: 18px;
	font-weight: 400;
	line-height: 1.25;
}

.clients-guide .clients-items .figure .ttl {
	font-size: 9px;
	font-weight: 700;
	line-height: 1.25;
	letter-spacing: 0.03em;
}

.clients-guide .clients-items .figure .figure-number .number {
	font-family: "Inter", sans-serif;
	display: inline-block;
	font-size: 60px;
	font-weight: 500;
	line-height: 1;
}

.clients-guide .clients-items .figure .figure-number .percentage {
	display: inline-block;
	font-size: 20px;
}

.clients-guide .clients-list {
	background: #FFFFFF;
	padding: 40px 25px 25px 25px;
}

.clients-guide .clients-list ul {
	column-gap: 20px;
	row-gap: 20px;
	align-items: center;
}

.clients-guide .clients-list ul li {
	width: calc(16.6666% - 17px);
	text-align: center;
}

.clients-guide .clients-list ul li img {
	width: auto;
	max-height: 54px;
}

.clients-guide .note {
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 0.03em;
	text-align: right;
	margin-top: 10px;
}

@media only screen and (max-width: 767px) {
	.clients-guide {
		padding: 10% 0 6% 0;
	}

	.clients-guide .guide-ttl {
		margin-bottom: 2%;
	}

	.clients-guide .guide-ttl .roma {
		margin-bottom: 2%;
	}

	.clients-guide .clients-items {
		margin-bottom: 8%;
	}

	.clients-guide .clients-items .contentArea {
		width: 100%;
		max-width: inherit;
		padding-right: 0;
		margin-bottom: 5%;
	}

	.clients-guide .clients-items .contentArea p {
		font-size: 4.2vw;
	}

	.clients-guide .clients-items .figureArea {
		width: 100%;
		margin-top: 0;
	}

	.clients-guide .clients-items .figure .figure-left {
		width: 55%;
		padding: 4% 2% 4% 8%;
	}

	.clients-guide .clients-items .figure .figure-right {
		right: -2px;
		width: 45%;
		padding: 2% 2% 3% 3%;
	}

	.clients-guide .clients-items .figure .figure-left .figure-number {
		padding-left: 10px;
	}

	.clients-guide .clients-items .figure .figure-ttl {
		margin-top: 1vw;
		margin-right: 2%;
	}

	.clients-guide .clients-items .figure .figure-left .figure-ttl {
		margin-right: 5%;
	}

	.clients-guide .clients-items .figure .roma {
		font-size: 3.8vw;
	}

	.clients-guide .clients-items .figure .ttl {
		font-size: 2vw;
	}

	.clients-guide .clients-items .figure .figure-number .number {
		font-size: 13.8vw;
	}

	.clients-guide .clients-items .figure .figure-number .percentage {
		font-size: 4.3vw;
	}

	.clients-guide .clients-list {
		padding: 5%;
	}

	.clients-guide .clients-list ul {
		column-gap: 10px;
		row-gap: 10px;
	}

	.clients-guide .clients-list ul li {
		width: calc(33.3333% - 7px);
	}

	.clients-guide .clients-list ul li img {
		max-height: 8vw;
	}

	.clients-guide .note {
		font-size: 3.2vw;
		margin-top: 2%;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.clients-guide {
		padding: 50px 0 35px 0;
	}

	.clients-guide .guide-ttl {
		margin-bottom: 16px;
	}

	.clients-guide .guide-ttl .roma {
		margin-bottom: 12px;
	}

	.clients-guide .clients-items {
		margin-bottom: 30px;
	}

	.clients-guide .clients-items .contentArea {
		width: calc(100% - 340px);
		max-width: 628px;
		padding-right: 25px;
	}

	.clients-guide .clients-items .contentArea p {
		font-size: 14px;
		line-height: 2.13;
	}

	.clients-guide .clients-items .figureArea {
		width: 340px;
		margin-top: 0;
	}

	.clients-guide .clients-items .figure .figure-left {
		width: 55%;
		padding: 10px 10px 10px 20px;
	}

	.clients-guide .clients-items .figure .figure-right {
		right: -2px;
		width: 45%;
		padding: 10px 10px 10px 10px;
	}

	.clients-guide .clients-items .figure .figure-ttl {
		margin-top: 2px;
		margin-right: 3px;
	}

	.clients-guide .clients-items .figure .figure-left .figure-ttl {
		margin-right: 10px;
	}

	.clients-guide .clients-items .figure .roma {
		font-size: 16px;
	}

	.clients-guide .clients-items .figure .ttl {
		font-size: 10px;
	}

	.clients-guide .clients-items .figure .figure-number .number {
		font-size: 42px;
	}

	.clients-guide .clients-items .figure .figure-number .percentage {
		font-size: 17px;
	}

	.clients-guide .clients-list {
		padding: 30px 20px 20px 20px;
	}

	.clients-guide .clients-list ul {
		column-gap: 10px;
		row-gap: 10px;
	}

	.clients-guide .clients-list ul li {
		width: calc(20% - 8px);
	}

	.clients-guide .clients-list ul li img {
		max-height: 35px;
	}

	.clients-guide .note {
		font-size: 11px;
		margin-top: 5px;
	}
}

/*　　お客様の声　　*/
.front-interview {
	padding: 46px 0 97px 0;
}

.front-interview .guide-ttl {
	margin-bottom: 35px;
}

.front-interview .guide-ttl .roma {
	margin-bottom: 12px;
}

.front-interview .block_btn {
	margin-top: 45px;
}

@media only screen and (max-width: 767px) {
	.front-interview {
		padding: 6% 0 12% 0;
	}

	.front-interview .guide-ttl {
		margin-bottom: 8%;
	}

	.front-interview .guide-ttl .roma {
		margin-bottom: 2%;
	}

	.front-interview .block_btn {
		text-align: center;
		margin-top: 10%;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.front-interview {
		padding: 35px 0 60px 0;
	}

	.front-interview .guide-ttl {
		margin-bottom: 25px;
	}

	.front-interview .guide-ttl .roma {
		margin-bottom: 10px;
	}

	.front-interview .block_btn {
		margin-top: 35px;
	}
}

/*　　Company　　*/
.front-company {
	padding: 83px 0 156px 0;
}

.front-company .guide-ttl {
	margin-bottom: 40px;
}

.front-company .guide-ttl .roma {
	margin-bottom: 5px;
}

.front-company .guide-ttl h2 {
	font-family: "Inter", sans-serif;
	color: #888888;
	font-size: 76px;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: 0;
}

.front-company .contentArea {
	max-width: 655px;
	margin-bottom: 45px;
}

.front-company .contentArea h3 {
	font-size: 24px;
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: 0.03em;
	margin-bottom: 20px;
}

.front-company .contentArea p {
	font-size: 15px;
	font-weight: 400;
	line-height: 2.13;
	letter-spacing: 0.03em;
}

.front-company .block_btn {
	margin-top: 60px;
}

@media only screen and (max-width: 767px) {
	.front-company {
		padding: 10% 0 15% 0;
	}

	.front-company .guide-ttl {
		margin-bottom: 8%;
	}

	.front-company .guide-ttl .roma {
		margin-bottom: 8%;
	}

	.front-company .guide-ttl h2 {
		font-size: 11vw;
		line-height: 1.45;
	}

	.front-company .contentArea {
		margin-bottom: 8%;
	}

	.front-company .contentArea h3 {
		font-size: 6vw;
		margin-bottom: 3%;
	}

	.front-company .contentArea p {
		font-size: 4.2vw;
		line-height: 2.13;
	}

	.front-company .block_btn {
		text-align: center;
		margin-top: 10%;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.front-company {
		padding: 60px 0 90px 0;
	}

	.front-company .guide-ttl {
		margin-bottom: 30px;
	}

	.front-company .guide-ttl .roma {
		margin-bottom: 5px;
	}

	.front-company .guide-ttl h2 {
		font-size: 52px;
	}

	.front-company .contentArea {
		margin-bottom: 30px;
	}

	.front-company .contentArea h3 {
		font-size: 20px;
		margin-bottom: 15px;
	}

	.front-company .contentArea p {
		font-size: 14px;
	}

	.front-company .block_btn {
		margin-top: 50px;
	}
}

/*　　News　　*/
.front-news {
	padding: 60px 0 90px 0;
}

.front-news .guide-ttl {
	margin-bottom: 35px;
}

.front-news .block_btn {
	margin-top: 50px;
}

@media only screen and (max-width: 767px) {
	.front-news {
		padding: 10% 0;
	}

	.front-news .guide-ttl {
		margin-bottom: 8%;
	}

	.front-news .block_btn {
		text-align: center;
		margin-top: 10%;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.front-news {
		padding: 60px 0;
	}

	.front-news .guide-ttl {
		margin-bottom: 30px;
	}

	.front-news .block_btn {
		margin-top: 40px;
	}
}

/**
/* DeCoAについて CSS
----------------------------------------------- */
/*　　Vision　　*/
.vision-guide {
	border-bottom: 1px solid #D8D8D8;
	padding: 70px 0 80px 0;
}

.vision-guide .guide-ttl {
	margin-bottom: 50px;
}

.vision-guide .guide-ttl .roma {
	margin-bottom: 20px;
}

.vision-guide .guide-ttl h2 {
	font-size: 32px;
	line-height: 1.375;
	margin-bottom: 12px;
}

.vision-guide .guide-ttl .text {
	font-family: "Inter", sans-serif;
	font-size: 19px;
	font-weight: 500;
	line-height: 1.3;
}

.vision-guide .comment p {
	font-size: 18px;
	font-weight: 500;
	line-height: 2.3;
	letter-spacing: 0.06em;
}

@media only screen and (max-width: 767px) {
	.vision-guide {
		padding: 12% 0 10% 0;
	}

	.vision-guide .guide-ttl {
		margin-bottom: 8%;
	}

	.vision-guide .guide-ttl .roma {
		margin-bottom: 3%;
	}

	.vision-guide .guide-ttl h2 {
		font-size: 6.2vw;
		line-height: 1.75;
		margin-bottom: 3%;
	}

	.vision-guide .guide-ttl .text {
		font-size: 4vw;
	}

	.vision-guide .comment p {
		font-size: 4.2vw;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.vision-guide {
		padding: 50px 0 50px 0;
	}

	.vision-guide .guide-ttl {
		margin-bottom: 35px;
	}

	.vision-guide .guide-ttl .roma {
		margin-bottom: 15px;
	}

	.vision-guide .guide-ttl h2 {
		font-size: 26px;
		margin-bottom: 10px;
	}

	.vision-guide .guide-ttl .text {
		font-size: 17px;
	}

	.vision-guide .comment p {
		font-size: 16px;
	}
}

/*　　Mission　　*/
.mission-guide {
	border-bottom: 1px solid #D8D8D8;
	padding: 87px 0 96px 0;
}

.mission-guide .guide-ttl {
	margin-bottom: 50px;
}

.mission-guide .guide-ttl .roma {
	margin-bottom: 30px;
}

.mission-guide .guide-ttl h2 {
	font-size: 32px;
	line-height: 1.375;
	margin-bottom: 12px;
}

.mission-guide .guide-ttl .text {
	font-family: "Inter", sans-serif;
	font-size: 19px;
	font-weight: 500;
	line-height: 1.3;
}

.mission-guide .comment p {
	font-size: 18px;
	font-weight: 500;
	line-height: 2.3;
	letter-spacing: 0.06em;
}

@media only screen and (max-width: 767px) {
	.mission-guide {
		padding: 10% 0;
	}

	.mission-guide .guide-ttl {
		margin-bottom: 8%;
	}

	.mission-guide .guide-ttl .roma {
		margin-bottom: 4%;
	}

	.mission-guide .guide-ttl h2 {
		font-size: 6.2vw;
		line-height: 1.75;
		margin-bottom: 3%;
	}

	.mission-guide .guide-ttl .text {
		font-size: 4vw;
	}

	.mission-guide .comment p {
		font-size: 4vw;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.mission-guide {
		padding: 60px 0 65px 0;
	}

	.mission-guide .guide-ttl {
		margin-bottom: 35px;
	}

	.mission-guide .guide-ttl .roma {
		margin-bottom: 20px;
	}

	.mission-guide .guide-ttl h2 {
		font-size: 26px;
		margin-bottom: 10px;
	}

	.mission-guide .guide-ttl .text {
		font-size: 17px;
	}

	.mission-guide .comment p {
		font-size: 16px;
	}
}

/*　　CEO Message　　*/
.about-us-wrap .message-guide {
	border-bottom: 1px solid #D8D8D8;
	padding: 80px 0 113px 0;
}

.about-us-wrap .message-guide .guide-ttl {
	margin-bottom: 78px;
}

.about-us-wrap .message-guide .imageArea {
	width: 35%;
	max-width: 339px;
}

.about-us-wrap .message-guide .img {
	margin-bottom: 34px;
}

.about-us-wrap .message-guide .position {
	font-size: 15px;
	font-weight: 500;
	line-height: 1.45;
	letter-spacing: 0.03em;
	margin-bottom: 5px;
}

.about-us-wrap .message-guide .name {
	font-size: 26px;
	font-weight: 700;
	line-height: 1.45;
	letter-spacing: 0.06em;
}

.about-us-wrap .message-guide .name span {
	font-size: 18px;
	font-weight: 500;
	letter-spacing: 0;
	margin-left: 20px;
}

.about-us-wrap .message-guide .comment {
	width: 60%;
}

.about-us-wrap .message-guide .comment p {
	font-size: 15px;
	font-weight: 500;
	line-height: 2.13;
	letter-spacing: 0.03em;
}

@media only screen and (max-width: 767px) {
	.about-us-wrap .message-guide {
		padding: 10% 0;
	}

	.about-us-wrap .message-guide .guide-ttl {
		margin-bottom: 12%;
	}

	.about-us-wrap .message-guide .imageArea {
		width: 100%;
		max-width: inherit;
		margin-bottom: 10%;
	}

	.about-us-wrap .message-guide .img {
		width: 68%;
		margin: 0 auto;
		margin-bottom: 5%;
	}

	.about-us-wrap .message-guide .nameArea {
		width: 68%;
		margin: 0 auto;
	}

	.about-us-wrap .message-guide .position {
		font-size: 3.6vw;
		margin-bottom: 5px;
	}

	.about-us-wrap .message-guide .name {
		font-size: 4.6vw;
	}

	.about-us-wrap .message-guide .name span {
		font-size: 3.8vw;
		margin-left: 5%;
	}

	.about-us-wrap .message-guide .comment {
		width: 100%;
	}

	.about-us-wrap .message-guide .comment p {
		font-size: 4vw;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.about-us-wrap .message-guide {
		padding: 60px 0 70px 0;
	}

	.about-us-wrap .message-guide .guide-ttl {
		margin-bottom: 50px;
	}

	.about-us-wrap .message-guide .img {
		margin-bottom: 25px;
	}

	.about-us-wrap .message-guide .position {
		font-size: 14px;
		margin-bottom: 5px;
	}

	.about-us-wrap .message-guide .name {
		font-size: 22px;
	}

	.about-us-wrap .message-guide .name span {
		font-size: 15px;
		margin-left: 15px;
	}

	.about-us-wrap .message-guide .comment p {
		font-size: 14px;
	}
}

/*　　Members　　*/
.about-us-wrap .members-guide {
	padding: 90px 0 100px 0;
}

.members-guide .guide-ttl {
	margin-bottom: 35px;
}

.members-guide .guide-ttl .roma {
	margin-bottom: 38px;
}

.members-guide .guide-ttl h2 {
	font-size: 24px;
	line-height: 1.83;
}

.members-guide .comment {
	max-width: 700px;
	margin-bottom: 60px;
}

.members-guide .comment p {
	font-size: 15px;
	font-weight: 500;
	line-height: 2.13;
	letter-spacing: 0.03em;
}

@media only screen and (max-width: 767px) {
	.about-us-wrap .members-guide {
		padding: 10% 0 15% 0;
	}

	.members-guide .guide-ttl {
		margin-bottom: 8%;
	}

	.members-guide .guide-ttl .roma {
		margin-bottom: 6%;
	}

	.members-guide .guide-ttl h2 {
		font-size: 6.2vw;
		line-height: 1.75;
	}

	.members-guide .comment {
		max-width: inherit;
		margin-bottom: 10%;
	}

	.members-guide .comment p {
		font-size: 4vw;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.about-us-wrap .members-guide {
		padding: 60px 0 80px 0;
	}

	.members-guide .guide-ttl {
		margin-bottom: 25px;
	}

	.members-guide .guide-ttl .roma {
		margin-bottom: 20px;
	}

	.members-guide .guide-ttl h2 {
		font-size: 22px;
	}

	.members-guide .comment {
		margin-bottom: 40px;
	}

	.members-guide .comment p {
		font-size: 14px;
	}
}

/**
/* メンバー紹介 CSS
----------------------------------------------- */
/*　　一覧　　*/
.members-list {
	column-gap: 29px;
	row-gap: 80px;
}

.members-list .members-items {
	width: calc(25% - 22px);
}

.members-list .members-items .imgArea {
	margin-bottom: 10px;
}

.members-list .members-items .name {
	font-size: 20px;
	font-weight: 500;
	line-height: 1.35;
	letter-spacing: 0.06em;
	margin-bottom: 6px;
}

.members-list .members-items .position {
	color: #888888;
	font-size: 12px;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: 0.03em;
}

@media only screen and (max-width: 767px) {
	.members-list {
		column-gap: 10px;
		row-gap: 8vw;
	}

	.members-list .members-items {
		width: calc(50% - 5px);
	}

	.members-list .members-items .imgArea {
		margin-bottom: 5%;
	}

	.members-list .members-items .name {
		font-size: 4vw;
		margin-bottom: 1%;
	}

	.members-list .members-items .position {
		font-size: 3vw;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.members-list {
		column-gap: 30px;
		row-gap: 60px;
	}

	.members-list .members-items {
		width: calc(33.3333% - 20px);
	}

	.members-list .members-items .imgArea {
		margin-bottom: 10px;
	}

	.members-list .members-items .name {
		font-size: 18px;
		margin-bottom: 5px;
	}

	.members-list .members-items .position {
		font-size: 11px;
	}
}

/*　　詳細　　*/
.member-single {
	padding: 35px 0 60px 0;
}

.member-single .imageArea {
	width: 41%;
}

.member-single .contentArea {
	width: 50%;
}

.member-single .nameArea {
	border-bottom: 1px solid #D8D8D8;
	padding-bottom: 25px;
	margin-bottom: 30px;
}

.member-single .nameArea h2 {
	font-family: "Inter", sans-serif;
	font-size: 48px;
	font-weight: 600;
	line-height: 1.45;
	margin-bottom: 14px;
}

.member-single .nameArea .name {
	font-size: 16px;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: 0.03em;
}

.member-single .nameArea .position {
	margin-left: 10px;
}

.member-single .comment p {
	font-size: 15px;
	font-weight: 500;
	line-height: 2.3;
	letter-spacing: 0.03em;
}

.member-single .profile {
	background: #EFEFEF;
	padding: 20px;
	margin-top: 25px;
}

.member-single .profile table th,
.member-single .profile table td {
	font-size: 13px;
	font-weight: 500;
	line-height: 2;
	letter-spacing: 0.03em;
}

.member-single .profile table th {
	width: 100px;
}

.member-single .profile p {
	font-size: 13px;
	font-weight: 500;
	line-height: 2;
	letter-spacing: 0.03em;
}

.member-slide-guide {
	padding: 40px 0 113px 0;
}

.member-slide-guide .guide-ttl {
	margin-bottom: 50px;
}

.member-slide-guide .member-swiper-grid .swiper-wrapper {
	transition-timing-function: linear;
}

.member-slide-guide .member-swiper-grid {
	position: relative;
	width: calc(100% + (100vw - 1100px) / 2);
	overflow: hidden;
}

.member-slide-guide .swiper-container {
	position: relative;
	overflow: visible !important;
}

.member-slide-guide .member-swiper-grid .members-list {
	column-gap: 0;
	row-gap: 0;
}

@media only screen and (max-width: 767px) {
	.member-single {
		padding: 0 0 10% 0;
		border-bottom: 1px solid #D8D8D8;
	}

	.member-single .imageArea {
		width: 100%;
		text-align: center;
		margin-bottom: 8%;
	}

	.member-single .contentArea {
		width: 100%;
	}

	.member-single .nameArea {
		border-bottom: none;
		padding-bottom: 0;
		margin-bottom: 5%;
	}

	.member-single .nameArea h2 {
		font-size: 7vw;
		margin-bottom: 2%;
	}

	.member-single .nameArea .name {
		font-size: 3.8vw;
	}

	.member-single .nameArea .position {
		margin-left: 3%;
	}

	.member-single .comment p {
		font-size: 3.8vw;
	}

	.member-single .profile {
		padding: 5%;
		margin-top: 5%;
	}

	.member-single .profile table th,
	.member-single .profile table td {
		font-size: 3.4vw;
	}

	.member-single .profile table th {
		width: 30%;
	}

	.member-single .profile p {
		font-size: 3.4vw;
	}

	.member-slide-guide {
		padding: 10% 0 20% 0;
	}

	.member-slide-guide .guide-ttl {
		margin-bottom: 8%;
	}

	.member-slide-guide .member-swiper-grid {
		width: 100%;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.member-single {
		padding: 20px 0 50px 0;
	}

	.member-single .imageArea {
		width: 41%;
	}

	.member-single .contentArea {
		width: 53%;
	}

	.member-single .nameArea {
		padding-bottom: 20px;
		margin-bottom: 20px;
	}

	.member-single .nameArea h2 {
		font-size: 32px;
		margin-bottom: 10px;
	}

	.member-single .nameArea .name {
		font-size: 15px;
	}

	.member-single .nameArea .position {
		margin-left: 10px;
	}

	.member-single .comment p {
		font-size: 14px;
	}

	.member-single .profile {
		padding: 15px;
		margin-top: 20px;
	}

	.member-single .profile table th,
	.member-single .profile table td {
		font-size: 12px;
	}

	.member-single .profile table th {
		width: 85px;
	}

	.member-single .profile p {
		font-size: 12px;
	}

	.member-slide-guide {
		padding: 40px 0 80px 0;
	}

	.member-slide-guide .guide-ttl {
		margin-bottom: 40px;
	}

	.member-slide-guide .member-swiper-grid {
		width: 100%;
	}
}

/**
/* 事業内容 CSS
----------------------------------------------- */
/*　　マーケティングコンサル事業　　*/
.consultation-items {
	align-items: flex-end;
}

.consultation-items .contentArea h2 {
	color: #E56E07;
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: 0.06em;
}

.consultation-items .contentArea h3 {
	font-weight: 700;
	line-height: 1.8;
	letter-spacing: 0.03em;
}

.consultation-items .contentArea p {
	font-size: 15px;
	font-weight: 400;
	line-height: 2.13;
	letter-spacing: 0.03em;
}

.consultation-guide {
	padding: 110px 0;
}

.consultation-guide .guide-ttl {
	margin-bottom: 12px;
}

.consultation-guide .consultation-items .contentArea {
	width: 63%;
	max-width: 603px;
}

.consultation-guide .consultation-items .contentArea h2 {
	font-size: 34px;
	margin-bottom: 20px;
}

.consultation-guide .consultation-items .contentArea h3 {
	font-size: 24px;
	margin-bottom: 30px;
}

.consultation-guide .consultation-items .figureArea {
	width: 35%;
	text-align: center;
}

.consultation-guide .consultation-items .figureArea .figure {
	display: inline-block;
	width: 270px;
}

@media only screen and (max-width: 767px) {
	.consultation-items .contentArea p {
		font-size: 4.2vw;
	}

	.consultation-guide {
		padding: 12% 0 10% 0;
	}

	.consultation-guide .guide-ttl {
		margin-bottom: 3%;
	}

	.consultation-guide .consultation-items .contentArea {
		width: 100%;
		max-width: inherit;
		margin-bottom: 8%;
	}

	.consultation-guide .consultation-items .contentArea h2 {
		font-size: 5.4vw;
		margin-bottom: 3%;
	}

	.consultation-guide .consultation-items .contentArea h3 {
		font-size: 5.2vw;
		margin-bottom: 3%;
	}

	.consultation-guide .consultation-items .figureArea {
		width: 100%;
	}

	.consultation-guide .consultation-items .figureArea .figure {
		width: 60%;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.consultation-items .contentArea p {
		font-size: 14px;
	}

	.consultation-guide {
		padding: 60px 0px;
	}

	.consultation-guide .guide-ttl {
		margin-bottom: 12px;
	}

	.consultation-guide .consultation-items .contentArea {
		width: 61%;
	}

	.consultation-guide .consultation-items .contentArea h2 {
		font-size: 24px;
		margin-bottom: 15px;
	}

	.consultation-guide .consultation-items .contentArea h3 {
		font-size: 19px;
		margin-bottom: 25px;
	}

	.consultation-guide .consultation-items .figureArea {
		width: 35%;
	}

	.consultation-guide .consultation-items .figureArea .figure {
		width: 270px;
	}
}

/*　　phase　　*/
.service-wrap .flow-guide {
	overflow: hidden;
	padding: 70px 0 100px 0;
}

.service-wrap .flow-guide .guide-ttl {
	margin-bottom: 20px;
}

.flow-guide .flow-grid {
	border-top: 1px solid #D8D8D8;
	padding-top: 50px;
}

.flow-guide .flow-grid .commentArea {
	margin-bottom: 70px;
}

.flow-guide .flow-grid .commentArea h2 {
	font-size: 24px;
	font-weight: 700;
	line-height: 1.8;
	letter-spacing: 0.03em;
	margin-bottom: 30px;
}

.flow-guide .flow-grid .commentArea p {
	max-width: 670px;
	font-size: 15px;
	line-height: 2.13;
	letter-spacing: 0.03em;
}

.phase-list .phase-items .phase-ttl {
	align-items: center;
	margin-bottom: 40px;
}

.phase-list .phase-items .phase-ttl .no {
	position: relative;
	width: 106px;
	background: #E56E07;
	color: #FFFFFF;
	font-size: 22px;
	font-weight: 500;
	line-height: 1.5;
	padding: 6px 14px 5px 14px;
}

.phase-list .phase-items .phase-ttl .no::after {
	content: '';
	position: absolute;
	top: 0;
	left: 100%;
	content: '';
	height: 0;
	width: 0;
	border: 22px solid transparent;
	border-right-width: 0;
	border-left-width: 16px;
	border-left-color: #E56E07;
	z-index: 2;
}

.phase-list .phase-items .phase-ttl .ttl {
	width: calc(100% - 140px);
	font-size: 22px;
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: 0.03em;
	margin-left: 33px;
}

.phase-list .phase-2 .contentArea {
	width: 49%;
}

.phase-list .phase-2 .contentArea p {
	font-size: 15px;
	font-weight: 400;
	line-height: 2.13;
	letter-spacing: 0.03em;
}

.phase-list .phase-2 .imgArea {
	width: 46%;
}

.flow-guide .phase-list .phase-items {
	margin-bottom: 84px;
}

.flow-guide .phase-list .phase-items:last-child {
	margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
	.service-wrap .flow-guide {
		padding: 8% 0 5% 0;
	}

	.service-wrap .flow-guide .guide-ttl {
		margin-bottom: 3%;
	}

	.flow-guide .flow-grid {
		padding-top: 8%;
	}

	.flow-guide .flow-grid .commentArea {
		margin-bottom: 10%;
	}

	.flow-guide .flow-grid .commentArea h2 {
		font-size: 5.2vw;
		margin-bottom: 5%;
	}

	.flow-guide .flow-grid .commentArea p {
		max-width: inherit;
		font-size: 4.2vw;
	}

	.phase-list .phase-items .phase-ttl {
		margin-bottom: 6%;
	}

	.phase-list .phase-items .phase-ttl .no {
		width: auto;
		font-size: 4.4vw;
		text-align: center;
		padding: 2% 5% 2% 5%;
		margin-bottom: 4%;
	}

	.phase-list .phase-items .phase-ttl .no::after {
		border: 5.15vw solid transparent;
		border-right-width: 0;
		border-left-width: 10px;
		border-left-color: #E56E07;
	}

	.phase-list .phase-items .phase-ttl .ttl {
		width: 100%;
		font-size: 5.2vw;
		line-height: 1.75;
		margin-left: 0;
	}

	.phase-list .phase-2 .contentArea {
		width: 100%;
		margin-bottom: 0;
	}

	.frontWrap .phase-list .phase-2 .contentArea {
		margin-bottom: 6%;
	}

	.phase-list .phase-2 .contentArea p {
		font-size: 4.2vw;
	}

	.phase-list .phase-2 .imgArea {
		width: 112%;
		margin: 0 -6%;
		margin-bottom: 6%;
	}

	.frontWrap .phase-list .phase-2 .imgArea {
		width: 100%;
		margin: 0;
	}

	.flow-guide .phase-list .phase-items {
		margin-bottom: 10%;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.service-wrap .flow-guide {
		padding: 70px 0 100px 0;
	}

	.service-wrap .flow-guide .guide-ttl {
		margin-bottom: 15px;
	}

	.flow-guide .flow-grid {
		padding-top: 35px;
	}

	.flow-guide .flow-grid .commentArea {
		margin-bottom: 50px;
	}

	.flow-guide .flow-grid .commentArea h2 {
		font-size: 20px;
		margin-bottom: 20px;
	}

	.flow-guide .flow-grid .commentArea p {
		font-size: 14px;
	}

	.phase-list .phase-items .phase-ttl {
		margin-bottom: 25px;
	}

	.phase-list .phase-items .phase-ttl .no {
		width: 92px;
		font-size: 20px;
		padding: 6px 10px 4px 10px;
	}

	.phase-list .phase-items .phase-ttl .no::after {
		border: 20px solid transparent;
		border-left-width: 12px;
		border-left-color: #E56E07;
	}

	.phase-list .phase-items .phase-ttl .ttl {
		width: calc(100% - 125px);
		font-size: 18px;
		margin-left: 25px;
	}

	.phase-list .phase-2 .contentArea {
		width: 50%;
	}

	.phase-list .phase-2 .contentArea p {
		font-size: 14px;
	}

	.phase-list .phase-2 .imgArea {
		width: 46%;
	}

	.flow-guide .phase-list .phase-items {
		margin-bottom: 50px;
	}
}

/*　　Flow　　*/
.flow-list {
	column-gap: 49px;
}

.flow-list .flow-items {
	position: relative;
	width: calc(20% - 40px);
	opacity: 0;
	z-index: 1;
}

.flow-list .flow-items .flow-box {
	position: relative;
	background: #ffffff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center;
	border: 1px solid #E56E07;
	border-radius: 100%;
	z-index: 100;
}

.flow-list .flow-items.view:first-child {
	animation: fade .4s ease-in-out .2s 1 normal forwards;
}

.flow-list .flow-items.view:nth-child(2) {
	animation: fade .4s ease-in-out .3s 1 normal forwards;
}

.flow-list .flow-items.view:nth-child(3) {
	animation: fade .4s ease-in-out .4s 1 normal forwards;
}

.flow-list .flow-items.view:nth-child(4) {
	animation: fade .4s ease-in-out .5s 1 normal forwards;
}

.flow-list .flow-items.view:nth-child(5) {
	animation: fade .4s ease-in-out .6s 1 normal forwards;
}

@keyframes fade {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

.flow-list .flow-items .flow-box::before {
	display: block;
	content: '';
	padding-top: 100%;
}

.flow-list .flow-items::after {
	content: "";
	display: block;
	position: absolute;
	width: 50px;
	height: 1px;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	background: #E56E07;
	opacity: 0;
	z-index: 5;
}

.flow-list .flow-items.view:first-child::after {
	animation: animate .4s ease-in-out .2s 1 normal forwards;
}

.flow-list .flow-items.view:nth-child(2)::after {
	animation: animate .4s ease-in-out .3s 1 normal forwards;
}

.flow-list .flow-items.view:nth-child(3)::after {
	animation: animate .4s ease-in-out .4s 1 normal forwards;
}

.flow-list .flow-items.view:nth-child(4)::after {
	animation: animate .4s ease-in-out .5s 1 normal forwards;
}

@keyframes animate {
	0% {
		transform: translateX(-100%);
		opacity: 0;
	}

	100% {
		transform: translateX(100%);
		opacity: 1;
	}
}

.flow-list .flow-items:last-child::after {
	content: none;
}

.flow-list .flow-items .flow {
	position: relative;
	top: -5px;
}

.flow-list .flow-items:nth-child(2) .flow,
.flow-list .flow-items:nth-child(3) .flow {
	top: -19px;
}

.flow-list .flow-items .no {
	color: #E56E07;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.5;
	margin-bottom: 5px;
}

.flow-list .flow-items h4 {
	font-size: 20px;
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: 0.03em;
}

@media only screen and (max-width: 767px) {
	.flow-list {
		display: block;
		column-gap: 0;
	}

	.flow-list .flow-items {
		width: 45%;
		margin-bottom: 0;
		margin-top: -15%;
	}

	.flow-list .flow-items.view:first-child {
		margin-top: 0;
	}

	.flow-list .flow-items:nth-child(even) {
		margin-left: auto;
	}

	.flow-list .flow-items::after {
		width: 2px;
		height: 30vw;
		right: -6vw;
		top: 55%;
		transform: skewX(60deg);
	}

	.flow-list .flow-items:nth-child(even)::after {
		right: auto;
		left: -5vw;
		transform: skewX(300deg);
	}

	@keyframes animate {
		0% {
			opacity: 0;
		}

		100% {
			opacity: 1;
		}
	}

	.flow-list .flow-items .flow {
		top: 0;
	}

	.flow-list .flow-items:nth-child(2) .flow,
	.flow-list .flow-items:nth-child(3) .flow {
		top: 0;
	}

	.flow-list .flow-items .no {
		font-size: 4vw;
		margin-bottom: 2%;
	}

	.flow-list .flow-items h4 {
		font-size: 4.4vw;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.flow-list {
		column-gap: 25px;
	}

	.flow-list .flow-items {
		width: calc(20% - 20px);
	}

	.flow-list .flow-items::after {
		width: 30px;
	}

	.flow-list .flow-items .no {
		font-size: 16px;
		margin-bottom: 0;
	}

	.flow-list .flow-items h4 {
		font-size: 16px;
	}
}

/*　　Phase1.2　　*/
.service-wrap .phase-guide {
	padding: 0;
}

.phase-guide .phase-grid .phase-ttl {
	align-items: center;
}

.phase-guide .phase-grid .phase-ttl .no {
	position: relative;
	width: 120px;
	background: #E56E07;
	color: #FFFFFF;
	font-size: 27px;
	font-weight: 500;
	line-height: 1.5;
	padding: 7px 14px 5px 14px;
}

.phase-guide .phase-grid .phase-ttl .no::after {
	content: '';
	position: absolute;
	top: 0;
	left: 100%;
	content: '';
	height: 0;
	width: 0;
	border: 26px solid transparent;
	border-right-width: 0;
	border-left-width: 16px;
	border-left-color: #E56E07;
	z-index: 2;
}

.phase-guide .phase-grid .phase-ttl h2 {
	width: calc(100% - 155px);
	font-size: 27px;
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: 0.03em;
	margin-left: 33px;
}

@media only screen and (max-width: 767px) {
	.phase-guide .phase-grid .phase-ttl .no {
		width: 100%;
		font-size: 4.8vw;
		text-align: center;
		padding: 5% 3% 0 3%;
		margin-bottom: 12%;
	}

	.phase-guide .phase-grid .phase-ttl .no::after {
		border: 22px solid transparent;
		top: auto;
		bottom: -9.6vw;
		left: 0;
		border: 5vw solid transparent;
		border-right-width: 45.3vw;
		border-left-width: 45.3vw;
		border-top-color: #E56E07;
	}

	.phase-guide .phase-grid .phase-ttl h2 {
		width: 100%;
		font-size: 5.2vw;
		text-align: center;
		margin-left: 0;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.phase-guide .phase-grid .phase-ttl .no {
		width: 110px;
		font-size: 24px;
		padding: 6px 10px 4px 10px;
	}

	.phase-guide .phase-grid .phase-ttl .no::after {
		border: 23px solid transparent;
		border-right-width: 0;
		border-left-width: 16px;
		border-left-color: #E56E07;
	}

	.phase-guide .phase-grid .phase-ttl h2 {
		width: calc(100% - 140px);
		font-size: 24px;
		margin-left: 30px;
	}
}

/*　　Phase1　　*/
.phase-guide .phase-grid-1 {
	padding: 100px 0 0 0;
}

.phase-guide .phase-grid-1 .phase-ttl {
	margin-bottom: 35px;
}

.phase-guide .phase-grid-1 .slide-wrap {
	position: relative;
}

.phase-grid-1 .phase1-list .phase1-items .flex_wrap {
	align-items: flex-end;
	margin-top: 140px;
}

.phase-grid-1 .phase1-list .phase1-items .contentArea {
	width: 45%;
}

.phase-grid-1 .phase1-list .phase1-items h3 {
	font-size: 24px;
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: 0.03em;
	border-bottom: 1px solid #E56E07;
	padding-bottom: 18px;
	margin-bottom: 30px;
}

.phase-grid-1 .phase1-list .phase1-items h4 {
	font-size: 20px;
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: 0.03em;
	margin-bottom: 20px;
}

.phase-grid-1 .phase1-list .phase1-items p {
	font-size: 15px;
	line-height: 2.13;
	letter-spacing: 0.03em;
}

.phase-grid-1 .phase1-list .phase1-items .imgArea {
	width: 50%;
}

@media only screen and (max-width: 767px) {
	.phase-guide .phase-grid-1 {
		padding: 10% 0 0 0;
	}

	.phase-guide .phase-grid-1 .phase-ttl {
		margin-bottom: 4%;
	}

	.phase-guide .phase-grid-1 .slide-wrap {
		padding: 10% 0 10% 0;
	}

	.phase-grid-1 .phase1-list .phase1-items .flex_wrap {
		margin-top: 20vw;
	}

	.phase-grid-1 .phase1-list .phase1-items .contentArea {
		width: 100%;
		margin-bottom: 5%;
	}

	.phase-grid-1 .phase1-list .phase1-items h3 {
		font-size: 4.6vw;
		text-align: center;
		padding-bottom: 2%;
		margin-bottom: 5%;
	}

	.phase-grid-1 .phase1-list .phase1-items h4 {
		font-size: 4vw;
		text-align: center;
		margin-bottom: 3%;
	}

	.phase-grid-1 .phase1-list .phase1-items p {
		font-size: 3.4vw;
		line-height: 1.8;
	}

	.phase-grid-1 .phase1-list .phase1-items .imgArea {
		width: 100%;
		text-align: center;
	}

	.phase-grid-1 .phase1-list .phase1-items .imgArea img {
		/* width: 85%; */
	}

	.phase-grid-1 .phase1-list .phase1-items:nth-child(5) .imgArea img {}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.phase-guide .phase-grid-1 {
		padding: 60px 0 0 0;
	}

	.phase-guide .phase-grid-1 .phase-ttl {
		margin-bottom: 25px;
	}

	.phase-guide .phase-grid-1 .slide-wrap {
		padding: 35px 0 40px 0;
	}

	.phase-guide .phase-grid-1 .scroll-list-wrapper {
		height: 530px;
	}

	.phase-grid-1 .scroll-list-wrapper .scroll-list {
		top: 60px;
		gap: 0 60px;
	}

	.phase-grid-1 .phase1-list .phase1-items .flex_wrap {
		margin-top: 100px;
	}

	.phase-grid-1 .phase1-list .phase1-items .contentArea {
		width: 45%;
	}

	.phase-grid-1 .phase1-list .phase1-items h3 {
		font-size: 20px;
		padding-bottom: 15px;
		margin-bottom: 20px;
	}

	.phase-grid-1 .phase1-list .phase1-items h4 {
		font-size: 18px;
		margin-bottom: 15px;
	}

	.phase-grid-1 .phase1-list .phase1-items p {
		font-size: 14px;
	}

	.phase-grid-1 .phase1-list .phase1-items .imgArea {
		width: 50%;
	}
}

/*----------------------------------------------------
	p-top-howto
----------------------------------------------------*/
.p-top-howto-indicator {
	position: relative;
	z-index: 10;
	line-height: 1;
}

.p-top-howto-indicator__title {
	position: absolute;
	left: 0;
	top: 40px;
	font-family: "Inter", sans-serif;
	color: #E56E07;
	font-size: 16px;
	font-weight: 500;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
	.p-top-howto-indicator__title {
		top: 0;
		font-size: 14px;
	}
}

@media screen and (max-width: 767px) {
	.p-top-howto-indicator__title {
		top: 8vw;
		font-size: 3.6vw;
	}
}

.p-top-howto-indicator__cirlce {
	position: absolute;
	left: 0;
	top: 60px;
	font-family: "Inter", sans-serif;
	color: #E56E07;
	font-size: 16px;
	font-weight: 500;
}

.p-top-howto-indicator__cirlce ._svg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	stroke: rgba(60, 60, 60, 0.39);
}

.p-top-howto-indicator__cirlce ._ind {
	stroke: #E56E07;
	stroke-dasharray: 766.16;
	stroke-dashoffset: 766.16;
}

.p-top-howto-indicator__cirlce span {
	position: absolute;
	top: 0;
	width: 297px;
}

.p-top-howto-indicator__cirlce span.is-current {
	display: block;
	width: 310px;
}

.p-top-howto-indicator__cirlce span.is-current__1 {
	left: -13px;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
	.p-top-howto-indicator__cirlce {
		top: 30px;
		font-size: 14px;
	}
}

@media screen and (max-width: 767px) {
	.p-top-howto-indicator__cirlce {
		max-width: 100%;
		width: 70%;
		left: 50%;
		transform: translateX(-50%);
		top: 4vw;
		text-align: center;
		font-size: 3.6vw;
	}

	.p-top-howto-indicator__cirlce span {
		position: relative;
		width: 100%;
	}

	.p-top-howto-indicator__cirlce span img {
		width: 82vw;
	}

	.p-top-howto-indicator__cirlce span:nth-child(1) {
		left: -2vw;
		width: 100%;
	}

	.p-top-howto-indicator__cirlce span:nth-child(1) img {
		width: 86vw;
	}

	.p-top-howto-indicator__cirlce span:nth-child(5) {
		width: 100%;
	}

	.p-top-howto-indicator__cirlce span:nth-child(5) img {
		width: 86vw;
	}
}

.p-top-howto-indicator__dott {
	position: absolute;
	left: 15px;
	top: 90px;
}

.p-top-howto-indicator__dott span {
	position: relative;
	display: inline-block;
	width: 13px;
	height: 13px;
	border-radius: 100%;
	background-color: #D8D8D8;
	z-index: 1;
}

.p-top-howto-indicator__dott span.is-current {
	background: #E56E07;
}

.p-top-howto-indicator__dott span+span {
	margin-left: 90px;
}

.p-top-howto-indicator__dott::after {
	content: '';
	position: absolute;
	top: 8px;
	left: 13px;
	width: 405px;
	height: 1px;
	background-color: #D8D8D8;
	z-index: -1;
}

.p-top-howto-indicator__dott span.is-current::before {
	content: '';
	position: absolute;
	background: #E56E07;
	top: 6px;
	left: 13px;
	height: 1px;
	z-index: 2;
}

.p-top-howto-indicator__dott span:nth-child(2).is-current::before {
	left: -90px;
	width: 103px;
}

.p-top-howto-indicator__dott span:nth-child(3).is-current::before {
	left: -193px;
	width: 196px;
}

.p-top-howto-indicator__dott span:nth-child(4).is-current::before {
	left: -297px;
	width: 297px;
}

.p-top-howto-indicator__dott span:nth-child(5).is-current::before {
	left: -399px;
	width: 405px;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
	.p-top-howto-indicator__dott {
		left: 0;
		top: 60px;
	}

	.p-top-howto-indicator__dott span {
		width: 12px;
		height: 12px;
	}

	.p-top-howto-indicator__dott span+span {
		margin-left: 60px;
	}

	.p-top-howto-indicator__dott::after {
		top: 7px;
		left: 10px;
		width: 285px;
	}

	.p-top-howto-indicator__dott span.is-current::before {
		top: 6px;
		left: 13px;
	}

	.p-top-howto-indicator__dott span:nth-child(2).is-current::before {
		left: -60px;
		width: 60px;
	}

	.p-top-howto-indicator__dott span:nth-child(3).is-current::before {
		left: -132px;
		width: 132px;
	}

	.p-top-howto-indicator__dott span:nth-child(4).is-current::before {
		left: -204px;
		width: 204px;
	}

	.p-top-howto-indicator__dott span:nth-child(5).is-current::before {
		left: -276px;
		width: 276px;
	}
}

@media screen and (max-width: 767px) {
	.p-top-howto-indicator__dott {
		left: 4vw;
		top: 15vw;
	}

	.p-top-howto-indicator__dott span {
		width: 2.6vw;
		height: 2.6vw;
	}

	.p-top-howto-indicator__dott span+span {
		margin-left: 12vw;
	}

	.p-top-howto-indicator__dott::after {
		top: 2vw;
		left: 2vw;
		width: 57vw;
	}

	.p-top-howto-indicator__dott span.is-current::before {
		top: 1.2vw;
		left: 2vw;
	}

	.p-top-howto-indicator__dott span:nth-child(2).is-current::before {
		left: -12vw;
		width: 12vw;
	}

	.p-top-howto-indicator__dott span:nth-child(3).is-current::before {
		left: -26.5vw;
		width: 27vw;
	}

	.p-top-howto-indicator__dott span:nth-child(4).is-current::before {
		left: -41vw;
		width: 41vw;
	}

	.p-top-howto-indicator__dott span:nth-child(5).is-current::before {
		left: -56vw;
		width: 56vw;
	}
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::*/
.p-top-howto__sticky {
	position: sticky;
	left: 0;
	top: 14.4444444444vh;
}

@media screen and (max-width: 767px) {
	.p-top-howto__sticky {
		top: 3.125rem;
	}
}

.p-top-howto-step {
	background: #F4F4F4;
	width: 100%;
	height: 580px;
}

.p-top-howto-step-item {
	width: 100%;
	pointer-events: none;
	z-index: -1;
	overflow: hidden;
}

.p-top-howto-step-item .p-top-howto-indicator {
	display: none;
}

@media screen and (max-width: 767px) {
	.p-top-howto-step {
		height: 180vw;
	}
}

/*　　Phase2　　*/
.phase-guide .phase-grid-2 {
	padding: 90px 0 113px 0;
}

.phase-guide .phase-grid-2 .phase-ttl {
	margin-bottom: 45px;
}

.phase-guide .phase-grid-2 .phase-items {
	margin-bottom: 50px;
}

.phase-guide .phase-grid-2 .phase-items .contentArea {
	width: 48%;
}

.phase-guide .phase-grid-2 .phase-items h3 {
	font-size: 24px;
	font-weight: 700;
	line-height: 1.8;
	letter-spacing: 0.03em;
	margin-bottom: 30px;
}

.phase-guide .phase-grid-2 .phase-items p {
	font-size: 15px;
	line-height: 2.13;
	letter-spacing: 0.03em;
}

.phase-guide .phase-grid-2 .phase-items .imgArea {
	width: 45%;
}

@media only screen and (max-width: 767px) {
	.phase-guide .phase-grid-2 {
		padding: 10% 0 15% 0;
	}

	.phase-guide .phase-grid-2 .phase-ttl {
		margin-bottom: 0;
	}

	.phase-guide .phase-grid-2 .phase-items {
		margin-bottom: 12%;
	}

	.phase-guide .phase-grid-2 .phase-items .contentArea {
		width: 100%;
	}

	.phase-guide .phase-grid-2 .phase-items h3 {
		font-size: 5.2vw;
		text-align: center;
		margin-bottom: 5%;
	}

	.phase-guide .phase-grid-2 .phase-items p {
		font-size: 4.2vw;
	}

	.phase-guide .phase-grid-2 .phase-items .imgArea {
		width: 100%;
		margin-bottom: 5%;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.phase-guide .phase-grid-2 {
		padding: 70px 0 80px 0;
	}

	.phase-guide .phase-grid-2 .phase-ttl {
		margin-bottom: 45px;
	}

	.phase-guide .phase-grid-2 .phase-items {
		align-items: flex-end;
		margin-bottom: 30px;
	}

	.phase-guide .phase-grid-2 .phase-items .contentArea {
		width: 58%;
	}

	.phase-guide .phase-grid-2 .phase-items h3 {
		font-size: 20px;
		margin-bottom: 20px;
	}

	.phase-guide .phase-grid-2 .phase-items p {
		font-size: 14px;
	}

	.phase-guide .phase-grid-2 .phase-items .imgArea {
		width: 40%;
	}
}

/*　　INTERVIEW　　*/
.bottom-interview {
	padding: 100px 0 80px 0;
}

.bottom-interview .guide-ttl {
	margin-bottom: 35px;
}

.bottom-interview .guide-ttl .roma {
	margin-bottom: 10px;
}

.bottom-interview .block_btn {
	margin-top: 60px;
}

@media only screen and (max-width: 767px) {
	.bottom-interview {
		padding: 12% 0 15% 0;
	}

	.bottom-interview .guide-ttl {
		margin-bottom: 5%;
	}

	.bottom-interview .guide-ttl .roma {
		margin-bottom: 2%;
	}

	.bottom-interview .block_btn {
		margin-top: 12%;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.bottom-interview {
		padding: 70px 0 80px 0;
	}

	.bottom-interview .guide-ttl {
		margin-bottom: 30px;
	}

	.bottom-interview .guide-ttl .roma {
		margin-bottom: 6px;
	}

	.bottom-interview .block_btn {
		margin-top: 40px;
	}
}

/**
/* 会社概要 CSS
----------------------------------------------- */
.company-wrap .guide-ttl .roma {
	margin-bottom: 20px;
}

.company-wrap .guide-ttl h2 {
	font-size: 18px;
	letter-spacing: 0.06em;
}

@media only screen and (max-width: 767px) {
	.company-wrap .guide-ttl .roma {
		margin-bottom: 4%;
	}

	.company-wrap .guide-ttl h2 {
		font-size: 3.8vw;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.company-wrap .guide-ttl .roma {
		margin-bottom: 15px;
	}

	.company-wrap .guide-ttl h2 {
		font-size: 16px;
	}
}

/*　　Our Value　　*/
.value-guide {
	border-bottom: 1px solid #D8D8D8;
	padding: 50px 0 76px 0;
}

.value-guide .value-grid .guide-ttl {
	margin-bottom: 49px;
}

.value-guide .value-grid .guide-ttl .roma {
	margin-bottom: 24px;
}

.value-guide .value-grid .guide-ttl h2 {
	font-family: "Inter", sans-serif;
	color: #888888;
	font-size: 76px;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: 0;
}

.value-guide .value-grid .value-items {
	position: relative;
	margin-bottom: 50px;
}

.value-guide .value-grid .contentArea {
	width: 41%;
}

.value-guide .value-grid .contentArea h3 {
	font-size: 30px;
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: 0.06em;
	margin-bottom: 30px;
}

.value-guide .value-grid .contentArea p {
	font-size: 15px;
	font-weight: 400;
	line-height: 2.13;
	letter-spacing: 0.03em;
}

.value-guide .value-grid .logoArea {
	position: absolute;
	bottom: -95px;
	right: 60px;
	z-index: 1;
}

.value-guide .logo-grid {
	margin-top: 80px;
}

.value-guide .logo-grid .text {
	font-size: 15px;
	font-weight: 400;
	line-height: 2.13;
	letter-spacing: 0.03em;
}

.value-guide .logo-grid .logoArea {
	width: 360px;
	margin-left: 90px;
}

@media only screen and (max-width: 767px) {
	.value-guide {
		padding: 10% 0 12% 0;
	}

	.value-guide .value-grid .guide-ttl {
		margin-bottom: 8%;
	}

	.value-guide .value-grid .guide-ttl .roma {
		margin-bottom: 4%;
	}

	.value-guide .value-grid .guide-ttl h2 {
		font-size: 11vw;
		line-height: 1.45;
	}

	.value-guide .value-grid .value-items {
		margin-bottom: 15%;
	}

	.value-guide .value-grid .contentArea {
		width: 100%;
	}

	.value-guide .value-grid .contentArea h3 {
		font-size: 6vw;
		margin-bottom: 3%;
	}

	.value-guide .value-grid .contentArea p {
		font-size: 4.2vw;
	}

	.value-guide .value-grid .imageArea {
		width: 112%;
		margin: 0 -6%;
	}

	.value-guide .value-grid .logoArea {
		width: 100%;
		bottom: -18vw;
		right: auto;
		text-align: right;
	}

	.value-guide .value-grid .logoArea img {
		width: 45vw;
	}

	.value-guide .logo-grid {
		margin-top: 8%;
	}

	.value-guide .logo-grid .contentArea {
		width: 100%;
		margin-bottom: 6%;
	}

	.value-guide .logo-grid .text {
		font-size: 4.2vw;
	}

	.value-guide .logo-grid .logoArea {
		width: 100%;
		text-align: center;
		margin-left: 0;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.value-guide {
		padding: 50px 0 60px 0;
	}

	.value-guide .value-grid .guide-ttl {
		margin-bottom: 35px;
	}

	.value-guide .value-grid .guide-ttl .roma {
		margin-bottom: 15px;
	}

	.value-guide .value-grid .guide-ttl h2 {
		font-size: 52px;
	}

	.value-guide .value-grid .value-items {
		margin-bottom: 30px;
	}

	.value-guide .value-grid .contentArea {
		width: 60%;
	}

	.value-guide .value-grid .contentArea h3 {
		font-size: 24px;
		margin-bottom: 20px;
	}

	.value-guide .value-grid .contentArea p {
		font-size: 14px;
	}

	.value-guide .value-grid .logoArea {
		position: absolute;
		width: 36%;
		bottom: -55px;
		right: 0;
	}

	.value-guide .logo-grid {
		margin-top: 60px;
	}

	.value-guide .logo-grid .text {
		font-size: 14px;
	}

	.value-guide .logo-grid .logoArea {
		width: 300px;
		margin-left: 60px;
	}
}

/*　　COMPANY PROFILE　　*/
.company-guide {
	border-bottom: 1px solid #D8D8D8;
	padding: 86px 0 95px 0;
}

.company-guide .guide-ttl {
	margin-bottom: 90px;
}

.company-tbl {
	width: 90%;
	max-width: 900px;
	margin: 0 auto;
}

.company-tbl th,
.company-tbl td {
	border-bottom: 1px solid #D8D8D8;
	font-size: 15px;
	line-height: 1.5;
	letter-spacing: 0.05em;
	vertical-align: middle;
}

.company-tbl th {
	width: 300px;
	font-weight: 700;
	padding: 20px 35px;
}

.company-tbl td {
	padding: 20px 0;
}

@media only screen and (max-width: 767px) {
	.company-guide {
		padding: 10% 0 6% 0;
	}

	.company-guide .guide-ttl {
		margin-bottom: 5%;
	}

	.company-tbl {
		width: 100%;
	}

	.company-tbl th,
	.company-tbl td {
		font-size: 3.6vw;
	}

	.company-tbl th {
		width: 30%;
		padding: 5% 3%;
	}

	.company-tbl td {
		padding: 5% 0;
	}

	.company-tbl tr:last-child th,
	.company-tbl tr:last-child td {
		border-bottom: none;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.company-guide {
		padding: 70px 0 70px 0;
	}

	.company-guide .guide-ttl {
		margin-bottom: 60px;
	}

	.company-tbl th,
	.company-tbl td {
		font-size: 14px;
	}

	.company-tbl th {
		width: 160px;
		padding: 20px 20px;
	}

	.company-tbl td {
		padding: 20px 0;
	}
}

/*　　ACCESS　　*/
.access-guide {
	padding: 86px 0 100px 0;
}

.access-guide .guide-ttl {
	margin-bottom: 95px;
}

.access-guide .access-items {
	width: 90%;
	max-width: 900px;
	margin: 0 auto;
}

.access-guide .access-items h3 {
	font-size: 15px;
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: 0.05em;
	margin-bottom: 10px;
}

.access-guide .access-items p {
	font-size: 15px;
	font-weight: 400;
	line-height: 1.5;
	letter-spacing: 0.05em;
}

.access-guide .google-map {
	line-height: 0;
	margin-top: 35px;
}

.access-guide .google-map iframe {
	width: 100%;
	height: 500px;
}

@media only screen and (max-width: 767px) {
	.access-guide {
		padding: 10% 0 10% 0;
	}

	.access-guide .guide-ttl {
		margin-bottom: 8%;
	}

	.access-guide .access-items {
		width: 100%;
	}

	.access-guide .access-items h3 {
		font-size: 4vw;
		margin-bottom: 2%;
	}

	.access-guide .access-items p {
		font-size: 4vw;
	}

	.access-guide .google-map {
		margin-top: 5%;
	}

	.access-guide .google-map iframe {
		height: 60vw;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.access-guide {
		padding: 70px 0 80px 0;
	}

	.access-guide .guide-ttl {
		margin-bottom: 60px;
	}

	.access-guide .access-items h3 {
		font-size: 14px;
		margin-bottom: 10px;
	}

	.access-guide .access-items p {
		font-size: 14px;
	}

	.access-guide .google-map {
		margin-top: 25px;
	}

	.access-guide .google-map iframe {
		height: 360px;
	}
}

/**
/* お客様の声 CSS
----------------------------------------------- */
/*　　一覧　　*/
.interview-wrap .interview-guide {
	padding: 45px 0 147px 0;
}

.interview-wrap .interview-guide p.text {
	font-size: 15px;
	font-weight: 500;
	line-height: 2.13;
	letter-spacing: 0.03em;
}

.interview-guide .narrow-down {
	background: #F4F4F4;
	align-items: center;
	padding: 25px 30px;
	margin: 30px 0 50px 0;
}

.interview-guide .narrow-down .ttl {
	font-size: 17px;
	font-weight: 500;
	line-height: 1.8;
	letter-spacing: 0.03em;
	margin-right: 20px;
}

.interview-guide .narrow-down ul li {
	display: inline-block;
	margin-right: 23px;
}

.interview-guide .narrow-down ul li:last-child {
	margin-right: 0;
}

.interview-guide .narrow-down ul li a {
	position: relative;
	display: block;
	font-family: "Inter", sans-serif;
	color: #3C3C3C;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.25;
	border-radius: 50px;
	border: 1px solid #888888;
	padding: 9px 30px 7px 16px;
}

.interview-guide .narrow-down ul li a::before {
	display: inline-block;
	content: "";
	margin-top: 3px;
	margin-right: 14px;
	width: 16px;
	height: 16px;
	vertical-align: top;
	border-radius: 50px;
	border: 1px solid #888888;
	transition: 0.8s;
}

.interview-guide .narrow-down ul li a:hover {
	border: 1px solid #E56E07;
}

.interview-guide .narrow-down ul li a:hover::before {
	background: #E56E07;
	border: 1px solid #E56E07;
}

.interview-list {
	column-gap: 40px;
	row-gap: 88px;
}

.interview-list .interview-items {
	width: calc(33.3333% - 27px);
}

.interview-list .interview-items .imgArea {
	height: 245px;
	margin-bottom: 28px;
}

.interview-list .interview-items .imgArea img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.interview-list .interview-items h3 {
	color: #000000;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: 0.03em;
	margin-bottom: 10px;
}

.interview-list .interview-items h3 a {
	display: block;
	color: #000000;
}

.interview-list .interview-items p {
	color: #000000;
	font-size: 15px;
	font-weight: 500;
	line-height: 2;
	letter-spacing: 0.03em;
}

@media only screen and (max-width: 767px) {
	.interview-wrap .interview-guide {
		padding: 5% 0 15% 0;
	}

	.interview-wrap .interview-guide p.text {
		font-size: 3.6vw;
		line-height: 2.13;
	}

	.interview-guide .narrow-down {
		display: block;
		padding: 5%;
		margin: 5% 0 8% 0;
	}

	.interview-guide .narrow-down .ttl {
		width: 100%;
		font-size: 3.8vw;
		margin-right: 0;
		margin-bottom: 2%;
	}

	.interview-guide .narrow-down ul li {
		margin-right: 3%;
	}

	.interview-guide .narrow-down ul li a {
		font-size: 3.8vw;
		padding: 9px 6vw 7px 4vw;
	}

	.interview-guide .narrow-down ul li a::before {
		margin-top: 0.5vw;
		margin-right: 3vw;
		width: 4vw;
		height: 4vw;
	}

	.interview-list {
		column-gap: 0;
		row-gap: 8vw;
	}

	.interview-list .interview-items {
		width: 100%;
	}

	.interview-wrap .interview-guide .interview-list {
		column-gap: 19px;
	}

	.interview-wrap .interview-guide .interview-list .interview-items {
		width: calc(50% - 10px);
	}

	.interview-list .interview-items .imgArea {
		height: 60vw;
		margin-bottom: 5%;
	}

	.interview-wrap .interview-guide .interview-list .interview-items .imgArea {
		height: 35vw;
	}

	.interview-list .interview-items h3 {
		font-size: 4vw;
		margin-bottom: 2%;
	}

	.interview-list .interview-items p {
		font-size: 3.6vw;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.interview-wrap .interview-guide {
		padding: 35px 0 80px 0;
	}

	.interview-wrap .interview-guide p.text {
		font-size: 14px;
	}

	.interview-guide .narrow-down {
		padding: 20px 20px;
		margin: 20px 0 40px 0;
	}

	.interview-guide .narrow-down .ttl {
		font-size: 15px;
		margin-right: 20px;
	}

	.interview-guide .narrow-down ul li {
		margin-right: 15px;
	}

	.interview-guide .narrow-down ul li a {
		font-size: 16px;
		padding: 9px 25px 7px 14px;
	}

	.interview-guide .narrow-down ul li a::before {
		margin-top: 3px;
		margin-right: 10px;
		width: 14px;
		height: 14px;
	}

	.interview-list {
		column-gap: 20px;
		row-gap: 60px;
	}

	.interview-list .interview-items {
		width: calc(33.3333% - 14px);
	}

	.interview-list .interview-items .imgArea {
		height: 210px;
		margin-bottom: 15px;
	}

	.interview-list .interview-items h3 {
		font-size: 16px;
		margin-bottom: 5px;
	}

	.interview-list .interview-items p {
		font-size: 13px;
	}
}

/*　　詳細　　*/
@media only screen and (max-width: 767px) {}

@media only screen and (min-width: 768px) and (max-width: 1024px) {}

/**
/* 最新情報一覧 CSS
----------------------------------------------- */
.news-wrap .news-guide {
	padding: 34px 0 156px 0;
}

.news-wrap p.text {
	font-size: 15px;
	font-weight: 500;
	line-height: 2.13;
	letter-spacing: 0.03em;
}

.news-wrap .category-nav {
	padding: 30px 0 60px 0;
}

.news-wrap .category-nav ul li {
	display: inline-block;
	margin-right: 30px;
}

.news-wrap .category-nav ul li:last-child {
	margin-right: 0;
}

.news-wrap .category-nav ul li a {
	display: block;
	font-family: "Inter", sans-serif;
	background: #ffffff;
	width: 130px;
	color: #3C3C3C;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.25;
	text-align: center;
	border-radius: 50px;
	border: 1px solid #3C3C3C;
	padding: 5px 5px 4px 5px;
}

.category-nav ul li a:hover {
	background: #3C3C3C;
	color: #ffffff;
}

.news-list {
	column-gap: 40px;
	row-gap: 100px;
}

.news-list .news-items {
	width: calc(33.3333% - 27px);
}

.news-list .news-items .imgArea {
	height: 245px;
	margin-bottom: 18px;
}

.news-list .news-items .imgArea img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border: 1px solid #D8D8D8;
}

.news-list .news-items .date {
	font-family: "Inter", sans-serif;
	color: #E56E07;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.25;
	margin-bottom: 10px;
}

.news-list .news-items .category {
	display: inline-block;
	margin-bottom: 12px;
}

.news-list .news-items .category a {
	display: block;
	font-family: "Inter", sans-serif;
	font-size: 11px;
	font-weight: 400;
	line-height: 1.25;
	text-align: center;
	border-radius: 50px;
	border: 1px solid #3C3C3C;
	padding: 3px 30px 2px 30px;
}

.news-list .news-items .ttl a {
	color: #3C3C3C;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.75;
	letter-spacing: 0.03em;
}

.news-list .news-items .ttl a br {
	display: none;
}

.news-list .news-items .category a:hover {
	background: #3C3C3C;
	color: #ffffff;
}

@media only screen and (max-width: 767px) {
	.news-wrap .news-guide {
		padding: 8% 0 15% 0;
	}

	.news-wrap p.text {
		font-size: 3.6vw;
		line-height: 2;
	}

	.news-wrap .category-nav {
		padding: 5% 0 10% 0;
	}

	.news-wrap .category-nav ul li {
		width: 32%;
		margin-right: 2%;
		margin-bottom: 1%;
	}

	.news-wrap .category-nav ul li a {
		width: 100%;
		font-size: 3.6vw;
		padding: 7px 10px 5px 10px;
	}

	.news-list {
		column-gap: 0;
		row-gap: 6vw;
	}

	.news-list .news-items {
		width: 100%;
		display: flex;
	}

	.news-list .news-items .imgArea {
		width: 40%;
		height: auto;
		margin-bottom: 0;
	}

	.news-list .news-items .contentArea {
		width: 60%;
		padding-left: 5%;
	}

	.news-list .news-items .news-data {
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		align-items: center;
		margin-bottom: 2vw;
	}

	.news-list .news-items .date {
		font-size: 3.4vw;
		margin-bottom: 0;
	}

	.news-list .news-items .category {
		margin-bottom: 0;
	}

	.news-list .news-items .category a {
		font-size: 3vw;
		padding: 3px 4vw 2px 4vw;
	}

	.news-list .news-items .ttl a {
		font-size: 3.6vw;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.news-wrap .news-guide {
		padding: 30px 0 100px 0;
	}

	.news-wrap p.text {
		font-size: 14px;
		line-height: 2.13;
	}

	.news-wrap .category-nav {
		padding: 20px 0 50px 0;
	}

	.news-wrap .category-nav ul li {
		margin-right: 15px;
	}

	.news-wrap .category-nav ul li a {
		width: 115px;
		font-size: 14px;
	}

	.news-list {
		column-gap: 20px;
		row-gap: 60px;
	}

	.news-list .news-items {
		width: calc(33.3333% - 14px);
	}

	.news-list .news-items .imgArea {
		height: 150px;
		margin-bottom: 15px;
	}

	.news-list .news-items .date {
		font-size: 14px;
		margin-bottom: 5px;
	}

	.news-list .news-items .category {
		margin-bottom: 5px;
	}

	.news-list .news-items .category a {
		font-size: 11px;
		padding: 3px 20px 2px 20px;
	}

	.news-list .news-items .ttl a {
		font-size: 15px;
	}
}

/**
/* 最新情報詳細 CSS
----------------------------------------------- */
.single-guide {
	padding: 50px 0 92px 0;
}

.single-guide article {
	width: 90%;
	max-width: 900px;
	margin: 0 auto;
}

.single-guide .entry-header {
	margin-bottom: 35px;
}

.single-guide .entry-header .entry-deta {
	align-items: center;
	margin-bottom: 35px;
}

.single-guide .entry-header .date {
	font-family: "Inter", sans-serif;
	color: #E56E07;
	font-size: 17px;
	font-weight: 400;
	line-height: 1.25;
}

.single-guide .entry-header .category {
	width: 100px;
	margin-left: 30px;
}

.single-guide .entry-header .category a {
	display: block;
	background: #ffffff;
	font-family: "Inter", sans-serif;
	color: #3C3C3C;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.25;
	text-align: center;
	border-radius: 50px;
	border: 1px solid #3C3C3C;
	padding: 5px 5px 4px 5px;
}

.single-guide .entry-header .category a:hover {
	background: #3C3C3C;
	color: #ffffff;
}

.single-guide .entry-header h2 {
	font-size: 24px;
	font-weight: 700;
	line-height: 1.83;
	letter-spacing: 0.03em;
}

.single-guide .entry-body {
	margin-bottom: 70px;
}

.single-guide .entry-body p {
	font-size: 15px;
	font-weight: 400;
	line-height: 2.13;
	letter-spacing: 0.03em;
	margin-bottom: 45px;
}

.single-guide .entry-body p:last-child {
	margin-bottom: 0;
}

.single-guide .entry-body p a {
	color: #E56E07;
	text-decoration: underline;
}

.single-guide .entry-body ol {
	list-style: decimal;
	margin: 0 0 0 20px;
}

.single-guide .entry-body ul {
	list-style: disc;
	margin: 0 0 0 20px;
}

.single-guide .entry-body ol li,
.single-guide .entry-body ul li {
	font-size: 15px;
	font-weight: 400;
	line-height: 2;
}

.single-guide .entry-body figcaption {
	font-size: 90%;
	color: #888888;
}

.single-guide .entry-body .gallery {
	display: flex;
	flex-wrap: wrap;
	column-gap: 17px;
	row-gap: 20px;
	margin-bottom: 45px !important;
}

.single-guide .entry-body .gallery .gallery-item {
	float: none !important;
	margin-top: 0 !important;
	width: calc(50% - 9px) !important;
}

.single-guide .entry-body .gallery br {
	display: none;
}

.single-guide .entry-body .gallery img {
	border: none !important;
}
/* 
.alignleft {
	display: inline;
	float: left;
}

.alignright {
	display: inline;
	float: right;
}

.aligncenter {
	display: block;
	margin-right: auto;
	margin-left: auto;
} */

/* blockquote.alignleft,
.wp-caption.alignleft,
img.alignleft {
	margin: 0 1em 0 0;
}

blockquote.alignright,
.wp-caption.alignright,
img.alignright {
	margin: 0 0 0 1em;
}

blockquote.aligncenter,
.wp-caption.aligncenter,
img.aligncenter {
	clear: both;
} */

.aligncenter img {
	width: fit-content;
	max-width: 100%;
	margin: 0 auto;
	display: block;
}

.single-guide .btnArea {
	border-top: 1px solid #D8D8D8;
	padding-top: 41px;
}

.single-guide .link_btn {
	width: 90%;
	max-width: 900px;
	margin: 0 auto;
}

.single-guide .link_btn li {
	display: inline-block;
}

.single-guide .link_btn .btn {
	position: relative;
	display: block;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 0.03em;
	padding-left: 20px;
}

.single-guide .link_btn .btn::after {
	position: absolute;
	content: '';
	top: calc(50% - 3px);
	left: 0;
	width: 7px;
	height: 7px;
	-webkit-transform: rotate(45deg);
	transform: rotate(225deg);
	border-top: 2px solid #3C3C3C;
	border-right: 2px solid #3C3C3C;
}

@media only screen and (max-width: 767px) {
	.single-guide {
		padding: 5% 0 15% 0;
	}

	.single-guide article {
		width: 100%;
	}

	.single-guide .entry-header {
		margin-bottom: 8%;
	}

	.single-guide .entry-header .entry-deta {
		margin-bottom: 3%;
	}

	.single-guide .entry-header .date {
		font-size: 4vw;
	}

	.single-guide .entry-header .category {
		width: auto;
		margin-left: 5%;
	}

	.single-guide .entry-header .category a {
		font-size: 3.4vw;
		padding: 5px 10px 4px 10px;
	}

	.single-guide .entry-header h2 {
		font-size: 4.4vw;
	}

	.single-guide .entry-body {
		margin-bottom: 10%;
	}

	.single-guide .entry-body p {
		font-size: 3.8vw;
		margin-bottom: 5%;
	}

	.single-guide .entry-body ol li,
	.single-guide .entry-body ul li {
		font-size: 3.6vw;
	}

	.single-guide .entry-body .gallery {
		column-gap: 10px;
		row-gap: 10px;
		margin-bottom: 5% !important;
	}

	.single-guide .entry-body .gallery .gallery-item {
		width: 100% !important;
	}

	.alignleft,
	.alignright {
		display: block;
		float: none;
		margin: 0;
	}

	blockquote.alignleft,
	.wp-caption.alignleft,
	img.alignleft {
		margin: 0;
	}

	blockquote.alignright,
	.wp-caption.alignright,
	img.alignright {
		margin: 0;
	}

	.single-guide .btnArea {
		padding-top: 8%;
	}

	.single-guide .link_btn .btn {
		font-size: 3.8vw;
		padding-left: 5vw;
	}

	.single-guide .link_btn .btn::after {
		top: calc(50% - 1vw);
		width: 2vw;
		height: 2vw;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.single-guide {
		padding: 35px 0 70px 0;
	}

	.single-guide .entry-header {
		margin-bottom: 25px;
	}

	.single-guide .entry-header .entry-deta {
		margin-bottom: 20px;
	}

	.single-guide .entry-header .date {
		font-size: 15px;
	}

	.single-guide .entry-header .category {
		width: 100px;
		margin-left: 20px;
	}

	.single-guide .entry-header .category a {
		font-size: 12px;
		padding: 5px 5px 4px 5px;
	}

	.single-guide .entry-header h2 {
		font-size: 20px;
	}

	.single-guide .entry-body {
		margin-bottom: 50px;
	}

	.single-guide .entry-body p {
		font-size: 14px;
		margin-bottom: 30px;
	}

	.single-guide .entry-body ol li,
	.single-guide .entry-body ul li {
		font-size: 14px;
	}

	.single-guide .entry-body .gallery {
		column-gap: 10px;
		row-gap: 15px;
		margin-bottom: 30px !important;
	}

	.single-guide .entry-body .gallery .gallery-item {
		width: calc(50% - 5px) !important;
	}

	.single-guide .btnArea {
		padding-top: 35px;
	}

	.single-guide .link_btn .btn {
		font-size: 15px;
		padding-left: 15px;
	}

	.single-guide .link_btn .btn::after {
		top: calc(50% - 3px);
		width: 7px;
		height: 7px;
	}
}

/**
/* 採用情報 CSS
----------------------------------------------- */
.ceo-message-guide {
	border-bottom: 1px solid #D8D8D8;
	padding: 57px 0 86px 0;
}

.staff-message-guide {
	border-bottom: 1px solid #D8D8D8;
	padding: 50px 0 135px 0;
}

.ceo-message-guide .guide-ttl,
.staff-message-guide .guide-ttl {
	margin-bottom: 80px;
}

.ceo-message-guide .guide-ttl .roma,
.staff-message-guide .guide-ttl .roma {
	margin-bottom: 7px;
}

.ceo-message-guide .guide-ttl h2,
.staff-message-guide .guide-ttl h2 {
	font-size: 20px;
}

@media only screen and (max-width: 767px) {
	.ceo-message-guide {
		padding: 10% 0 15% 0;
	}

	.staff-message-guide {
		padding: 10% 0 12% 0;
	}

	.ceo-message-guide .guide-ttl,
	.staff-message-guide .guide-ttl {
		margin-bottom: 10%;
	}

	.ceo-message-guide .guide-ttl .roma,
	.staff-message-guide .guide-ttl .roma {
		margin-bottom: 2%;
	}

	.ceo-message-guide .guide-ttl h2,
	.staff-message-guide .guide-ttl h2 {
		font-size: 5vw;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.ceo-message-guide {
		padding: 50px 0 60px 0;
	}

	.staff-message-guide {
		padding: 40px 0 80px 0;
	}

	.ceo-message-guide .guide-ttl,
	.staff-message-guide .guide-ttl {
		margin-bottom: 60px;
	}

	.ceo-message-guide .guide-ttl .roma,
	.staff-message-guide .guide-ttl .roma {
		margin-bottom: 5px;
	}

	.ceo-message-guide .guide-ttl h2,
	.staff-message-guide .guide-ttl h2 {
		font-size: 18px;
	}
}

/*　　メッセージ　　*/
.staff-message-list .staff-message-items {
	margin-bottom: 87px;
}

.staff-message-list .staff-message-items:last-child {
	margin-bottom: 0;
}

.staff-message-list .staff-message-items .imgArea {
	width: 36%;
}

.staff-message-list .staff-message-items .contentArea {
	width: 59%;
	display: flex;
	flex-direction: column;
}

.staff-message-list .staff-message-items .copy {
	font-size: 24px;
	font-weight: 700;
	line-height: 1.83;
	letter-spacing: 0.03em;
	margin-bottom: 25px;
}

.staff-message-list .staff-message-items .comment {
	margin-bottom: 30px;
}

.staff-message-list .staff-message-items .comment p {
	font-size: 15px;
	font-weight: 500;
	line-height: 2.13;
	letter-spacing: 0.03em;
}

.staff-message-list .staff-message-items .nameArea {
	margin-top: auto;
}

.staff-message-list .staff-message-items .position {
	font-size: 13px;
	font-weight: 500;
	line-height: 1.45;
	letter-spacing: 0.03em;
	margin-bottom: 5px;
}

.staff-message-list .staff-message-items .name {
	font-size: 20px;
	font-weight: 700;
	line-height: 1.45;
	letter-spacing: 0.06em;
}

.staff-message-list .staff-message-items .name span {
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0;
	margin-left: 14px;
}

@media only screen and (max-width: 767px) {
	.staff-message-list .staff-message-items {
		margin-bottom: 15%;
	}

	.staff-message-list .staff-message-items .imgArea {
		width: 112%;
		margin: 0 -6% 10% -6%;
	}

	.staff-message-list .staff-message-items .contentArea {
		width: 100%;
	}

	.staff-message-list .staff-message-items .copy {
		font-size: 4.8vw;
		margin-bottom: 5%;
	}

	.staff-message-list .staff-message-items .comment {
		margin-bottom: 0;
	}

	.staff-message-list .staff-message-items .comment p {
		font-size: 3.6vw;
	}

	.staff-message-list .staff-message-items .position {
		font-size: 3.4vw;
	}

	.staff-message-list .staff-message-items .nameArea {
		margin-bottom: 5%;
	}

	.staff-message-list .staff-message-items .name {
		font-size: 4.2vw;
	}

	.staff-message-list .staff-message-items .name span {
		font-size: 3.4vw;
		margin-left: 3%;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.staff-message-list .staff-message-items {
		margin-bottom: 60px;
	}

	.staff-message-list .staff-message-items .imgArea {
		width: 36%;
	}

	.staff-message-list .staff-message-items .contentArea {
		width: 59%;
	}

	.staff-message-list .staff-message-items .copy {
		font-size: 20px;
		margin-bottom: 15px;
	}

	.staff-message-list .staff-message-items .comment {
		margin-bottom: 20px;
	}

	.staff-message-list .staff-message-items .comment p {
		font-size: 14px;
	}

	.staff-message-list .staff-message-items .position {
		font-size: 12px;
		margin-bottom: 5px;
	}

	.staff-message-list .staff-message-items .name {
		font-size: 18px;
	}

	.staff-message-list .staff-message-items .name span {
		font-size: 12px;
		margin-left: 14px;
	}
}

/*　　キャリア採用／募集職種一覧　　*/
.career-guide {
	padding: 60px 0 80px 0;
}

.career-guide .guide-ttl {
	margin-bottom: 25px;
}

.career-guide .guide-ttl .roma {
	margin-bottom: 7px;
}

.career-guide .guide-ttl h2 {
	font-size: 20px;
}

.career-guide .career-grid {
	margin-bottom: 147px;
}

.career-guide .career-list dl {
	display: flex;
	margin-bottom: 15px;
}

.career-guide .career-list dt {
	background: #F4F4F4;
	width: 389px;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.45;
	letter-spacing: 0.03em;
	padding: 44px 50px;
}

.career-guide .career-list dd {
	background: #F4F4F4;
	width: calc(100% - 397px);
	font-size: 15px;
	font-weight: 500;
	line-height: 2.13;
	letter-spacing: 0.03em;
	margin-left: 8px;
	padding: 30px 60px;
}

.career-guide .career-grid .block_btn {
	margin-top: 44px;
}

@media only screen and (max-width: 767px) {
	.career-guide {
		padding: 10% 0 15% 0;
	}

	.career-guide .guide-ttl {
		margin-bottom: 5%;
	}

	.career-guide .guide-ttl .roma {
		margin-bottom: 2%;
	}

	.career-guide .guide-ttl h2 {
		font-size: 5vw;
	}

	.career-guide .career-grid {
		margin-bottom: 15%;
	}

	.career-guide .career-list dl {
		display: block;
		margin-bottom: 5%;
	}

	.career-guide .career-list dt {
		width: 100%;
		font-size: 4.4vw;
		padding: 5%;
		margin-bottom: 2%;
	}

	.career-guide .career-list dd {
		width: 100%;
		font-size: 3.8vw;
		margin-left: 0;
		padding: 5%;
	}

	.career-guide .career-grid .block_btn {
		margin-top: 8%;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.career-guide {
		padding: 50px 0 60px 0;
	}

	.career-guide .guide-ttl {
		margin-bottom: 20px;
	}

	.career-guide .guide-ttl .roma {
		margin-bottom: 5px;
	}

	.career-guide .guide-ttl h2 {
		font-size: 18px;
	}

	.career-guide .career-grid {
		margin-bottom: 70px;
	}

	.career-guide .career-list dl {
		margin-bottom: 10px;
	}

	.career-guide .career-list dt {
		width: 290px;
		font-size: 18px;
		padding: 30px 25px;
	}

	.career-guide .career-list dd {
		width: calc(100% - 295px);
		font-size: 14px;
		margin-left: 5px;
		padding: 20px 25px;
	}

	.career-guide .career-grid .block_btn {
		margin-top: 35px;
	}
}

/*　　募集要項　　*/
.recruit-grid h3 {
	font-size: 18px;
	font-weight: 700;
	line-height: 1.45;
	letter-spacing: 0.1em;
	margin-bottom: 20px;
}

.recruit-tbl th,
.recruit-tbl td {
	border-top: 1px solid #D8D8D8;
	font-size: 15px;
	line-height: 1.7;
	letter-spacing: 0.03em;
	vertical-align: middle;
}

.recruit-tbl th {
	width: 300px;
	font-weight: 700;
	padding: 20px 20px 20px 60px;
}

.recruit-tbl td {
	padding: 20px;
}

@media only screen and (max-width: 767px) {
	.recruit-grid h3 {
		font-size: 5vw;
		margin-bottom: 5%;
	}

	.recruit-tbl th,
	.recruit-tbl td {
		font-size: 3.6vw;
	}

	.recruit-tbl th {
		width: 32%;
		padding: 6% 3%;
	}

	.recruit-tbl td {
		padding: 6% 0;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.recruit-grid h3 {
		font-size: 17px;
		margin-bottom: 20px;
	}

	.recruit-tbl th,
	.recruit-tbl td {
		font-size: 14px;
	}

	.recruit-tbl th {
		width: 180px;
		padding: 15px 20px 15px 30px;
	}

	.recruit-tbl td {
		padding: 15px;
	}
}

/**
/* ページ下部 CSS
----------------------------------------------- */
.nav-guide .nav-list .nav-items {
	position: relative;
	width: 50%;
	height: 390px;
}

.nav-guide .nav-list .recruit-nav .imgArea {
	height: 100%;
}

.nav-guide .nav-list .recruit-nav .imgArea img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.nav-guide .nav-list .contact-nav {
	background: #E56E07;
}

.nav-list .nav-items .contentArea {
	position: absolute;
	width: 100%;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	color: #ffffff;
	text-align: center;
}

.nav-list .nav-items p.roma {
	font-size: 42px;
	font-weight: 600;
	line-height: 1.31;
	margin-bottom: 12px;
}

.nav-list .contact-nav p.roma {
	margin-bottom: 19px;
}

.nav-list .nav-items h3 {
	font-size: 18px;
	font-weight: 700;
	line-height: 1.35;
	letter-spacing: 0.1em;
	margin-bottom: 20px;
}

.nav-list .nav-items .text {
	font-weight: 500;
	line-height: 2.15;
	letter-spacing: 0.03em;
}

.nav-list .recruit-nav .text {
	font-size: 13px;
}

.nav-list .contact-nav .text {
	font-size: 15px;
}

.nav-list .nav-items .block_btn {
	margin-top: 30px;
}

@media only screen and (max-width: 767px) {
	.nav-guide .nav-list .nav-items {
		width: 100%;
		height: auto;
	}

	.nav-guide .nav-list .contact-nav {
		height: 80vw;
	}

	.nav-guide .nav-list .recruit-nav {
		background: url(../image/sp_recruit-nav_bg.png) no-repeat center;
		background-size: cover;
		height: 95vw;
	}

	.nav-list .nav-items p.roma {
		font-size: 6.8vw;
		margin-bottom: 3%;
	}

	.nav-list .contact-nav p.roma {
		margin-bottom: 3%;
	}

	.nav-list .nav-items h3 {
		font-size: 5vw;
		margin-bottom: 3%;
	}

	.nav-guide .nav-list .recruit-nav h3 {
		margin-bottom: 5%;
	}

	.nav-list .nav-items .text {
		line-height: 2.15;
	}

	.nav-list .recruit-nav .text {
		font-size: 13px;
	}

	.nav-list .contact-nav .text {
		font-size: 4.2vw;
	}

	.nav-list .nav-items .block_btn {
		margin-top: 8%;
	}

	.nav-list .nav-items .block_btn li {
		width: 90%;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.nav-guide .nav-list .nav-items {
		height: 320px;
	}

	.nav-list .nav-items p.roma {
		font-size: 32px;
		margin-bottom: 10px;
	}

	.nav-list .contact-nav p.roma {
		margin-bottom: 15px;
	}

	.nav-list .nav-items h3 {
		font-size: 16px;
		margin-bottom: 15px;
	}

	.nav-list .recruit-nav .text {
		font-size: 12px;
	}

	.nav-list .contact-nav .text {
		font-size: 14px;
	}

	.nav-list .nav-items .block_btn {
		margin-top: 20px;
	}
}

/**
/* お問い合わせフォーム(page-contact.php)
----------------------------------------------- */
.l-inner {
	margin: 0 auto;
}

@media screen and (min-width: 768px) {
	.l-inner {
		max-width: 1240px;
	}
}

@media screen and (max-width: 1640px) and (min-width: 768px) {
	.l-inner {
		max-width: 75.6097560976vw;
	}
}

@media screen and (max-width: 767px) {
	.l-inner {
		max-width: 89.3333333333vw;
	}
}

.c-ttl {
	text-align: center;
}

.c-ttl-en {
	color: #E56E07;
	display: block;
}

@media screen and (min-width: 768px) {
	.c-ttl-en {
		font-size: 32px;
		line-height: 1;
		letter-spacing: 0em;
		font-weight: 300;
	}
}

@media screen and (max-width: 1640px) and (min-width: 768px) {
	.c-ttl-en {
		font-size: 1.9512195122vw;
	}
}

@media screen and (max-width: 767px) {
	.c-ttl-en {
		font-size: calc(25 / 375 * 100vw);
		line-height: 1;
		letter-spacing: 0.02em;
		font-weight: 300;
	}
}

@media screen and (min-width: 768px) {
	.c-ttl-en {
		margin-bottom: 10px;
	}
}

@media screen and (max-width: 1640px) and (min-width: 768px) {
	.c-ttl-en {
		margin-bottom: 0.6097560976vw;
	}
}

@media screen and (max-width: 767px) {
	.c-ttl-en {
		margin-bottom: 1.6vw;
	}
}

.c-ttl-ja {
	display: block;
}

@media screen and (min-width: 768px) {
	.c-ttl-ja {
		font-size: 28px;
		line-height: 1.5;
		letter-spacing: 0.02em;
		font-weight: 800;
	}
}

@media screen and (max-width: 1640px) and (min-width: 768px) {
	.c-ttl-ja {
		font-size: 1.7073170732vw;
	}
}

@media screen and (max-width: 767px) {
	.c-ttl-ja {
		font-size: calc(20 / 375 * 100vw);
		line-height: 1.5;
		letter-spacing: 0.02em;
		font-weight: 800;
	}
}

@media screen and (min-width: 768px) {
	.p-contact {
		padding: 124px 0;
	}
}

@media screen and (max-width: 1640px) and (min-width: 768px) {
	.p-contact {
		padding-bottom: 7.5609756098vw 0;
	}
}

@media screen and (max-width: 767px) {
	.p-contact {
		padding: 10.6666666667vw 0;
	}
}

@media screen and (min-width: 768px) {
	.p-contact .c-ttl {
		margin-bottom: 36px;
	}
}

@media screen and (max-width: 1640px) and (min-width: 768px) {
	.p-contact .c-ttl {
		margin-bottom: 2.1951219512vw;
	}
}

@media screen and (max-width: 767px) {
	.p-contact .c-ttl {
		margin-bottom: 3.2vw;
	}
}

.p-contact__text {
	text-align: center;
}

@media screen and (min-width: 768px) {
	.p-contact__text {
		font-size: 15px;
		line-height: 2.1333333333;
		letter-spacing: 0.03em;
		font-weight: 400;
	}
}

@media screen and (max-width: 1640px) and (min-width: 768px) {
	.p-contact__text {
		font-size: 0.9146341463vw;
	}
}

@media screen and (max-width: 767px) {
	.p-contact__text {
		font-size: calc(13 / 375 * 100vw);
		line-height: 2;
		letter-spacing: 0.03em;
		font-weight: 400;
	}
}

@media screen and (min-width: 768px) {
	.p-contact__text {
		margin-bottom: 70px;
	}
}

@media screen and (max-width: 1640px) and (min-width: 768px) {
	.p-contact__text {
		margin-bottom: 4.2682926829vw;
	}
}

@media screen and (max-width: 767px) {
	.p-contact__text {
		margin-bottom: 10.1333333333vw;
	}
}

.p-contact__form {
	margin: 0 auto;
}

@media screen and (min-width: 768px) {
	.p-contact__form {
		max-width: 905px;
	}
}

@media screen and (max-width: 1640px) and (min-width: 768px) {
	.p-contact__form {
		max-width: 55.1829268293vw;
	}
}

.p-contact__form.comfirm .p-contact__form-item .ttl {
	padding-top: 0;
}

.p-contact__form-item {
	display: flex;
	align-items: flex-start;
}

@media screen and (min-width: 768px) {
	.p-contact__form-item {
		justify-content: space-between;
		margin-bottom: 16px;
	}
}

@media screen and (max-width: 1640px) and (min-width: 768px) {
	.p-contact__form-item {
		margin-bottom: 0.9756097561vw;
	}
}

@media screen and (max-width: 767px) {
	.p-contact__form-item {
		margin-bottom: 6.4vw;
		flex-direction: column;
		row-gap: 2.1333333333vw;
	}
}

.p-contact__form-item .ttl {
	display: flex;
	align-items: center;
}

@media screen and (min-width: 768px) {
	.p-contact__form-item .ttl {
		font-size: 16px;
		line-height: 1.5;
		letter-spacing: 0.03em;
		font-weight: 500;
	}
}

@media screen and (max-width: 1640px) and (min-width: 768px) {
	.p-contact__form-item .ttl {
		font-size: 0.9756097561vw;
	}
}

@media screen and (max-width: 767px) {
	.p-contact__form-item .ttl {
		font-size: calc(13 / 375 * 100vw);
		line-height: 1.5384615385;
		letter-spacing: 0.03em;
		font-weight: 700;
	}
}

@media screen and (min-width: 768px) {
	.p-contact__form-item .ttl {
		column-gap: 16px;
		padding-top: 16px;
	}
}

@media screen and (max-width: 1640px) and (min-width: 768px) {
	.p-contact__form-item .ttl {
		column-gap: 0.9756097561vw;
		padding-top: 0.9756097561vw;
	}
}

@media screen and (max-width: 767px) {
	.p-contact__form-item .ttl {
		flex-direction: row-reverse;
		column-gap: 2.1333333333vw;
	}
}

.p-contact__form-item .ttl .required {
	background-color: #D8D8D8;
}

@media screen and (min-width: 768px) {
	.p-contact__form-item .ttl .required {
		font-size: 10px;
		line-height: 1.5;
		letter-spacing: 0.03em;
		font-weight: 500;
	}
}

@media screen and (max-width: 1640px) and (min-width: 768px) {
	.p-contact__form-item .ttl .required {
		font-size: 0.6097560976vw;
	}
}

@media screen and (max-width: 767px) {
	.p-contact__form-item .ttl .required {
		font-size: calc(10 / 375 * 100vw);
		line-height: 1.5;
		letter-spacing: 0.03em;
		font-weight: 500;
	}
}

@media screen and (min-width: 768px) {
	.p-contact__form-item .ttl .required {
		border-radius: 16px;
		padding: 3px 12px 4px;
	}
}

@media screen and (max-width: 1640px) and (min-width: 768px) {
	.p-contact__form-item .ttl .required {
		border-radius: 0.9756097561vw;
		padding: 0.1829268293vw 0.7317073171vw 0.243902439vw;
	}
}

@media screen and (max-width: 767px) {
	.p-contact__form-item .ttl .required {
		border-radius: 4.2666666667vw;
		padding: 0.8vw 3.2vw 1.0666666667vw;
	}
}

@media screen and (min-width: 768px) {
	.p-contact__form-item>.cf7msm-ro {
		width: 637px;
	}
}

@media screen and (max-width: 1640px) and (min-width: 768px) {
	.p-contact__form-item>.cf7msm-ro {
		width: 38.8414634146vw;
	}
}

.p-contact__form-item input,
.p-contact__form-item textarea,
.p-contact__form-item select {
	background-color: #fff;
	border: 1px solid #707070;
	font-family: inherit;
}

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

	.p-contact__form-item input,
	.p-contact__form-item textarea,
	.p-contact__form-item select {
		font-size: 15px;
		line-height: 1.6666666667;
		letter-spacing: 0.03em;
		font-weight: 400;
	}
}

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

	.p-contact__form-item input,
	.p-contact__form-item textarea,
	.p-contact__form-item select {
		font-size: 0.9146341463vw;
	}
}

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

	.p-contact__form-item input,
	.p-contact__form-item textarea,
	.p-contact__form-item select {
		font-size: calc(14 / 375 * 100vw);
		line-height: 1.7857142857;
		letter-spacing: 0.03em;
		font-weight: 400;
	}
}

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

	.p-contact__form-item input,
	.p-contact__form-item textarea,
	.p-contact__form-item select {
		width: 637px;
		border-radius: 5px;
		padding: 12px;
	}
}

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

	.p-contact__form-item input,
	.p-contact__form-item textarea,
	.p-contact__form-item select {
		width: 38.8414634146vw;
		border-radius: 0.3048780488vw;
		padding: 0.7317073171vw;
	}
}

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

	.p-contact__form-item input,
	.p-contact__form-item textarea,
	.p-contact__form-item select {
		width: 100%;
		border-radius: 1.3333333333vw;
		padding: 3.2vw;
	}
}

@media screen and (min-width: 768px) {
	.p-contact__form-item input {
		height: 44px;
	}
}

@media screen and (max-width: 1640px) and (min-width: 768px) {
	.p-contact__form-item input {
		height: 2.6829268293vw;
	}
}

@media screen and (max-width: 767px) {
	.p-contact__form-item input {
		height: 11.7333333333vw;
	}
}

.p-contact__form-item textarea {
	resize: vertical;
}

@media screen and (min-width: 768px) {
	.p-contact__form-item textarea {
		height: 250px;
	}
}

@media screen and (max-width: 1640px) and (min-width: 768px) {
	.p-contact__form-item textarea {
		height: 15.243902439vw;
	}
}

@media screen and (max-width: 767px) {
	.p-contact__form-item textarea {
		height: 58.9333333333vw;
	}
}

.p-contact__form-item ::placeholder {
	color: #ccc;
}

.p-contact__form-link {
	text-align: center;
}

@media screen and (min-width: 768px) {
	.p-contact__form-link {
		font-size: 15px;
		line-height: 1;
		letter-spacing: 0.03em;
		font-weight: 400;
	}
}

@media screen and (max-width: 1640px) and (min-width: 768px) {
	.p-contact__form-link {
		font-size: 0.9146341463vw;
	}
}

@media screen and (max-width: 767px) {
	.p-contact__form-link {
		font-size: calc(13 / 375 * 100vw);
		line-height: 1;
		letter-spacing: 0.03em;
		font-weight: 400;
	}
}

@media screen and (min-width: 768px) {
	.p-contact__form-link {
		margin: 54px 0 36px;
	}
}

@media screen and (max-width: 1640px) and (min-width: 768px) {
	.p-contact__form-link {
		margin: 3.2926829268vw 0 2.1951219512vw;
	}
}

@media screen and (max-width: 767px) {
	.p-contact__form-link {
		margin: 10.6666666667vw 0 7.4666666667vw;
	}
}

.p-contact__form-link a {
	text-decoration: underline;
}

.p-contact__form-policy {
	text-align: center;
}

@media screen and (min-width: 768px) {
	.p-contact__form-policy {
		font-size: 15px;
		line-height: 1;
		letter-spacing: 0.03em;
		font-weight: 400;
	}
}

@media screen and (max-width: 1640px) and (min-width: 768px) {
	.p-contact__form-policy {
		font-size: 0.9146341463vw;
	}
}

@media screen and (max-width: 767px) {
	.p-contact__form-policy {
		font-size: calc(13 / 375 * 100vw);
		line-height: 1;
		letter-spacing: 0.03em;
		font-weight: 400;
	}
}

@media screen and (min-width: 768px) {
	.p-contact__form-policy {
		margin-bottom: 48px;
	}
}

@media screen and (max-width: 1640px) and (min-width: 768px) {
	.p-contact__form-policy {
		margin-bottom: 2.9268292683vw;
	}
}

@media screen and (max-width: 767px) {
	.p-contact__form-policy {
		margin-bottom: 11.7333333333vw;
	}
}

.p-contact__form-btnwrap {
	display: flex;
}

@media screen and (min-width: 768px) {
	.p-contact__form-btnwrap {
		justify-content: center;
		column-gap: 48px;
	}
}

@media screen and (max-width: 1640px) and (min-width: 768px) {
	.p-contact__form-btnwrap {
		column-gap: 2.9268292683vw;
	}
}

@media screen and (max-width: 767px) {
	.p-contact__form-btnwrap {
		flex-direction: column;
		align-items: center;
		row-gap: 2.6666666667vw;
	}
}

@media screen and (min-width: 768px) {
	.p-contact__form-btnwrap.mt {
		margin-top: 40px;
	}
}

@media screen and (max-width: 1640px) and (min-width: 768px) {
	.p-contact__form-btnwrap.mt {
		margin-top: 2.4390243902vw;
	}
}

@media screen and (max-width: 767px) {
	.p-contact__form-btnwrap.mt {
		margin-top: 8vw;
	}
}

.p-contact__form-btn {
	display: flex;
	position: relative;
}

.p-contact__form-btn::after {
	position: absolute;
	content: "";
	pointer-events: none;
	background-repeat: no-repeat;
	background-size: contain;
	top: 50%;
	transform: translateY(-50%);
}

@media screen and (min-width: 768px) {
	.p-contact__form-btn::after {
		width: 11px;
		height: 16px;
		right: 24px;
	}
}

@media screen and (max-width: 1640px) and (min-width: 768px) {
	.p-contact__form-btn::after {
		width: 0.6707317073vw;
		height: 0.9756097561vw;
		right: 1.4634146341vw;
	}
}

@media screen and (max-width: 767px) {
	.p-contact__form-btn::after {
		width: 2.9333333333vw;
		height: 4.2666666667vw;
		right: 6.4vw;
	}
}

.p-contact__form-btn input {
	display: flex;
	align-items: center;
	text-align: left;
	background-color: transparent;
	font-family: inherit;
	border: 1px solid #3C3C3C;
	cursor: pointer;
}

@media screen and (min-width: 768px) {
	.p-contact__form-btn input {
		font-size: 16px;
		line-height: 1;
		letter-spacing: 0.03em;
		font-weight: 500;
	}
}

@media screen and (max-width: 1640px) and (min-width: 768px) {
	.p-contact__form-btn input {
		font-size: 0.9756097561vw;
	}
}

@media screen and (max-width: 767px) {
	.p-contact__form-btn input {
		font-size: calc(16 / 375 * 100vw);
		line-height: 1;
		letter-spacing: 0.03em;
		font-weight: 500;
	}
}

@media screen and (min-width: 768px) {
	.p-contact__form-btn input {
		padding-left: 25px;
		width: 347px;
		height: 50px;
		border-radius: 25px;
	}
}

@media screen and (max-width: 1640px) and (min-width: 768px) {
	.p-contact__form-btn input {
		padding-left: 1.5243902439vw;
		width: 21.1585365854vw;
		height: 3.0487804878vw;
		border-radius: 1.5243902439vw;
	}
}

@media screen and (max-width: 767px) {
	.p-contact__form-btn input {
		width: 89.3333333333vw;
		height: 13.3333333333vw;
		padding-left: 6.6666666667vw;
		border-radius: 6.6666666667vw;
	}
}

.p-contact__form-btn.submit::after {
	background-image: url(../img/ic-submitarrow-gr.png);
}

.p-contact__form-btn.submit input {
	background-color: #fff;
	color: #3C3C3C;
}

@media screen and (min-width: 768px) {
	.p-contact__form-btn .wpcf7-not-valid-tip {
		font-size: 16px;
		line-height: 1;
		letter-spacing: 0.03em;
		font-weight: 500;
	}
}

@media screen and (max-width: 1640px) and (min-width: 768px) {
	.p-contact__form-btn .wpcf7-not-valid-tip {
		font-size: 0.9756097561vw;
	}
}

@media screen and (max-width: 767px) {
	.p-contact__form-btn .wpcf7-not-valid-tip {
		font-size: calc(16 / 375 * 100vw);
		line-height: 1;
		letter-spacing: 0.03em;
		font-weight: 500;
	}
}

.p-contact__form-btn .wpcf7-spinner {
	position: absolute;
	right: 0;
	transform: translateX(100%);
	margin: 0;
}

.p-contact__download {
	display: flex;
}

@media screen and (min-width: 768px) {
	.p-contact__download {
		align-items: flex-start;
		justify-content: space-between;
	}
}

@media screen and (max-width: 767px) {
	.p-contact__download {
		flex-direction: column;
		row-gap: 8vw;
	}
}

@media screen and (min-width: 768px) {
	.p-contact__download-text {
		width: 550px;
	}
}

@media screen and (max-width: 1640px) and (min-width: 768px) {
	.p-contact__download-text {
		width: 33.5365853659vw;
	}
}

.p-contact__download-text .logo {
	text-align: center;
}

@media screen and (min-width: 768px) {
	.p-contact__download-text .logo {
		margin-bottom: 30px;
	}
}

@media screen and (max-width: 1640px) and (min-width: 768px) {
	.p-contact__download-text .logo {
		margin-bottom: 1.8292682927vw;
	}
}

@media screen and (max-width: 767px) {
	.p-contact__download-text .logo {
		margin-bottom: 5.3333333333vw;
	}
}

.p-contact__download-text .logo-note {
	color: #aaa;
}

@media screen and (min-width: 768px) {
	.p-contact__download-text .logo-note {
		font-size: 12px;
		line-height: 1.5;
		letter-spacing: 0.03em;
		font-weight: 400;
	}
}

@media screen and (max-width: 1640px) and (min-width: 768px) {
	.p-contact__download-text .logo-note {
		font-size: 0.7317073171vw;
	}
}

@media screen and (max-width: 767px) {
	.p-contact__download-text .logo-note {
		font-size: calc(12 / 375 * 100vw);
		line-height: 1.5;
		letter-spacing: 0.03em;
		font-weight: 400;
	}
}

@media screen and (min-width: 768px) {
	.p-contact__download-text .logo-note {
		margin: 4px 0 16px;
	}
}

@media screen and (max-width: 1640px) and (min-width: 768px) {
	.p-contact__download-text .logo-note {
		margin: 0.243902439vw 0 0.9756097561vw;
	}
}

@media screen and (max-width: 767px) {
	.p-contact__download-text .logo-note {
		margin: 1.0666666667vw 0 4.2666666667vw;
	}
}

@media screen and (min-width: 768px) {
	.p-contact__download-text .logo img {
		width: 80%;
	}
}

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

	.p-contact__download-text .img,
	.p-contact__download-text .text {
		margin-bottom: 30px;
	}
}

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

	.p-contact__download-text .img,
	.p-contact__download-text .text {
		margin-bottom: 1.8292682927vw;
	}
}

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

	.p-contact__download-text .img,
	.p-contact__download-text .text {
		margin-bottom: 5.3333333333vw;
	}
}

.p-contact__download-text .list {
	border: 2px solid #E56E07;
}

@media screen and (min-width: 768px) {
	.p-contact__download-text .list {
		padding: 30px;
	}
}

@media screen and (max-width: 1640px) and (min-width: 768px) {
	.p-contact__download-text .list {
		padding: 1.8292682927vw;
	}
}

@media screen and (max-width: 767px) {
	.p-contact__download-text .list {
		padding: 5.3333333333vw;
	}
}

.p-contact__download-text .list li {
	position: relative;
	padding-left: 1.7em;
}

@media screen and (min-width: 768px) {
	.p-contact__download-text .list li {
		font-size: 16px;
		line-height: 2.1875;
		letter-spacing: 0.02em;
		font-weight: 500;
	}
}

@media screen and (max-width: 1640px) and (min-width: 768px) {
	.p-contact__download-text .list li {
		font-size: 0.9756097561vw;
	}
}

@media screen and (max-width: 767px) {
	.p-contact__download-text .list li {
		font-size: calc(16 / 375 * 100vw);
		line-height: 1.875;
		letter-spacing: 0.02em;
		font-weight: 500;
	}
}

.p-contact__download-text .list li::before {
	content: "";
	display: block;
	position: absolute;
	width: 0.9em;
	height: 0.6em;
	border-left: 2px solid #E56E07;
	border-bottom: 2px solid #E56E07;
	top: 0.5em;
	left: 0;
	transform: rotate(-45deg);
}

@media screen and (min-width: 768px) {
	.p-contact__download .p-contact__form {
		width: 600px;
	}
}

@media screen and (max-width: 1640px) and (min-width: 768px) {
	.p-contact__download .p-contact__form {
		width: 36.5853658537vw;
	}
}

@media screen and (min-width: 768px) {
	.p-contact__download .p-contact__form-item {
		flex-direction: column;
		row-gap: 12px;
	}
}

@media screen and (max-width: 1640px) and (min-width: 768px) {
	.p-contact__download .p-contact__form-item {
		row-gap: 0.7317073171vw;
	}
}

@media screen and (min-width: 768px) {
	.p-contact__download .p-contact__form-item .ttl {
		padding-top: 0;
	}
}

@media screen and (min-width: 768px) {
	.p-contact__download .p-contact__form-item .wpcf7-form-control-wrap {
		display: block;
		max-width: 100%;
	}
}

.p-contact__download .p-contact__form-item .wpcf7-form-control-wrap input {
	max-width: 100%;
}

@media screen and (max-width: 767px) {
	.wpcf7-form-control-wrap {
		display: block;
		width: 100%;
	}
}

;

@media screen and (min-width: 768px) {
	.l-download .p-contact {
		padding-top: 80px;
	}
}

@media screen and (max-width: 1640px) and (min-width: 768px) {
	.l-download .p-contact {
		padding-top: 4.8780487805vw;
	}
}

/* .contact-guide .guide-ttl{
	text-align: center;
	margin-bottom: 32px;
}
.contact-guide .guide-ttl .roma{
	color: #3C3C3C;
	font-size: 39px;
	margin-bottom: 13px;
}
.contact-guide .guide-ttl h2{
	font-size: 16px;
}
.form-box{
	max-width: 900px;
	margin: 0 auto;
}
.form-box .text{
	font-size: 15px;
	font-weight: 400;
	line-height: 2.13;
	letter-spacing: 0.03em;
	text-align: center;
	margin-bottom: 70px;
}
.form-box table.tbl-r th.required-label .ttl::before{
	position: relative;
	display: inline-block;
	background: #D8D8D8;
	content: "必須";
	color: #3C3C3C;
	font-size: 10px;
	font-weight: 500;
	line-height: 1.5;
	padding: 5px 15px;
	margin-right: 15px;
	border-radius: 50px;
	top: -1px;
}
.form-box .privacy{
	font-size: 15px;
	font-weight: 400;
	line-height: 1.35;
	text-align: center;
	margin-top: 50px;
}
.form-box .privacy a{
	text-decoration: underline;
}
.form-box .acceptance{
	font-size: 15px;
	font-weight: 400;
	line-height: 1.35;
	text-align: center;
	margin-top: 37px;
}
.form-box .acceptance a{
	color: #8E1728;
}
.select-wrap{
	position: relative;
}
.select-wrap::before {
	position: absolute;
	content: '';
	top: calc(50% - 7px);
	right: 20px;
	width: 10px;
	height: 10px;
	border-top: 1px solid #3C3C3C;
	border-right: 1px solid #3C3C3C;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	pointer-events: none;
}
select{
	-webkit-appearance: none;
	appearance: none; 
}
select::-ms-expand{
	display: none;
}
textarea{
	height: 250px;
}
.submit_btn{
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	margin-top: 50px;
}
.submit_btn li{
	position: relative;
	width: 48%;
	max-width: 347px;
}
.submit_btn li::before{
	position: absolute;
	display: block;
	content: '';
	width: 0;
	top: 0;
	bottom: 0;
	left: 0;
	background: #3C3C3C;
	transition: all 0.3s;
	border-radius: 50px;
}
.submit_btn li::after{
	position: absolute;
	content: '';
	top: calc(50% - 6px);
	right: 25px;
	width: 12px;
	height: 12px;
	border-top: 1px solid #3C3C3C;
	border-right: 1px solid #3C3C3C;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	z-index: 10;
}
.submit_btn li.back{
	display: none;
}
.mw_wp_form_preview .submit_btn li.back{
	display: block;
	margin-right: 2%;
}
input[type="submit"] {
	display: block;
	width: 100%;
	background: #FFFFFF;
	font-family: 'Noto Sans JP', sans-serif;
	color: #000000;
	font-size: 16px;
	line-height: 50px;
	letter-spacing: 0.03em;
	text-align: left;
	cursor: pointer;
	border: 1px solid #3C3C3C;
	border-radius: 50px;
	padding: 0 25px;
}
.wpcf7-spinner{
	display: none;
}
@media only screen and (max-width: 767px) {
	.contact-guide .guide-ttl{
		margin-bottom: 5%;
	}
	.contact-guide .guide-ttl .roma{
		font-size: 6vw;
		margin-bottom: 2%;
	}
	.contact-guide .guide-ttl h2{
		font-size: 4.4vw;
	}
	.form-box .text{
		font-size: 3.6vw;
		margin-bottom: 10%;
	}
	.form-box table.tbl-r th.required-label .ttl{
		position: relative;
		display: inline-block;
	}
	.form-box table.tbl-r th.required-label .ttl::before{
		position: absolute;
		font-size: 2.8vw;
		padding: 4px 12px;
		margin-right: 3%;
		top: -1vw;
        right: -15vw;
	}
	.form-box .privacy{
		font-size: 3.6vw;
		margin-top: 3%;
	}
	.form-box .acceptance{
		font-size: 3.6vw;
		margin-top: 8%;
	}
	input[type="date"],
	input[type="text"],
	input[type="tel"],
	input[type="email"],
	input[type="url"],
	textarea,
	select{
		font-size: 3.6vw;
		padding: 1em;
	}
	input[type="checkbox"] {
		width: 5vw;
		height: 5vw;
		vertical-align: -1vw;
	}
	input[type="checkbox"]:checked:before {
		top: 0.5vw;
		left: 1.5vw;
		width: 1.5vw;
		height: 3vw;
	}
	.select-wrap::before {
		top: calc(50% - 1.5vw);
		right: 5%;
		width: 2.4vw;
		height: 2.4vw;
	}
	textarea{
		height: 50vw;
	}
	.submit_btn{
		display: block;
		margin-top: 10%;
	}
	.submit_btn li{
		width: 100%;
		max-width: inherit;
	}
	.submit_btn li::after{
		top: calc(50% - 1.5vw);
		right: 8%;
		width: 3vw;
		height: 3vw;
	}
	input[type="submit"] {
		font-size: 3.8vw;
		line-height: 3.2;
		padding: 0 10%;
	}
	.mw_wp_form_preview .submit_btn li.back{
		margin-right: 0;
		margin-bottom: 5%;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.contact-guide .guide-ttl{
		margin-bottom: 25px;
	}
	.contact-guide .guide-ttl .roma{
		font-size: 32px;
		margin-bottom: 10px;
	}
	.contact-guide .guide-ttl h2{
		font-size: 15px;
	}
	.form-box .text{
		font-size: 14px;
		margin-bottom: 40px;
	}
	.form-box table.tbl-r th.required-label .ttl::before{
		font-size: 10px;
		padding: 4px 12px;
		margin-right: 12px;
	}
	.form-box .privacy{
		font-size: 14px;
		margin-top: 30px;
	}
	.form-box .acceptance{
		font-size: 14px;
		margin-top: 25px;
	}
	input[type="date"],
	input[type="text"],
	input[type="tel"],
	input[type="email"],
	input[type="url"],
	textarea,
	select{
		font-size: 15px;
		padding: 0.8em;
	}
	.select-wrap::before {
		top: calc(50% - 6px);
		right: 18px;
		width: 9px;
		height: 9px;
	}
	textarea{
		height: 200px;
	}
	.submit_btn{
		margin-top: 40px;
	}
	.submit_btn li::after{
		top: calc(50% - 5px);
		right: 20px;
		width: 10px;
		height: 10px;
	}
	input[type="submit"] {
		font-size: 15px;
		line-height: 50px;
		padding: 0 20px;
	}
} */
/**
/* プライバシーポリシー CSS
----------------------------------------------- */
.privacy-policy-guide .entry h3 {
	font-size: 18px;
	line-height: 1.5;
	letter-spacing: 0.03em;
	margin-bottom: 34px;
	margin-top: 90px;
}

.privacy-policy-guide .entry h3:first-child {
	margin-top: 0;
}

.privacy-policy-guide .entry p {
	font-size: 15px;
	line-height: 2;
	margin-bottom: 40px;
}

.privacy-policy-guide .entry p:last-child {
	margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
	.privacy-policy-guide .entry h3 {
		font-size: 4.4vw;
		margin-bottom: 3%;
		margin-top: 10%;
	}

	.privacy-policy-guide .entry p {
		font-size: 3.8vw;
		margin-bottom: 5%;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.privacy-policy-guide .entry h3 {
		font-size: 17px;
		margin-bottom: 20px;
		margin-top: 60px;
	}

	.privacy-policy-guide .entry p {
		font-size: 14px;
		margin-bottom: 30px;
	}
}

/**
/* エラーページ CSS
----------------------------------------------- */
.error-guide .entry p {
	font-size: 16px;
	line-height: 2.3;
	text-align: center;
}

.error-guide .entry .block_btn {
	text-align: center;
	margin-top: 60px;
}

.error-guide .block_btn {
	@media only screen and (max-width: 767px) {
		.error-guide .entry .block_btn {
			margin-top: 8%;
		}
	}

	@media only screen and (min-width: 768px) and (max-width: 1024px) {
		.error-guide .entry .block_btn {
			margin-top: 40px;
		}
	}
}