@charset 'UTF-8';

/*************
/* 100%表示用
*************/
/* 基本設定 */
#page-main {
  width: 100%;
}
#page-main img {
  max-width: 100%;
  height: auto;
}

/*********************************
/* Page - thanks
*********************************/
.thanks-area{
	display: inline-block;
	text-align: left;
}
.thanks-area .txt_block{
	text-align: justify;
	margin-bottom: 3.0714rem;
}
.thanks-area .txt_block p + p{
	margin-top: 0.9428rem;
}

/*********************************
/* Page - main画像
*********************************/
.page-head-img{
	width: 100%;
	aspect-ratio: 77 / 45;
	border-radius: 5px;
	overflow: hidden;
}
#page-main .page-head-img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
@media screen and (min-width: 768px){
	.page-head-img{
		width: 87.179%;
		margin-right: auto;
		margin-left: auto;
	}
}
@media screen and (min-width: 992px){
	.page-head-img{
		width: 85.555%;
		max-width: 1540px;
	}
}
@media screen and (min-width: 1200px){
	.page-head-img{
		border-radius: 10px;
	}
}
@media screen and (max-width: 767px){
	.page-head-img{
		aspect-ratio: 13 / 10;
		border-radius: 0;
	}
}

/*********************************
/* Company - スライダー（CSSアニメーションで等速ループ）
*********************************/
.company-slider{
	width: 100%;
	overflow: hidden;
	margin-top: 5.014rem;
}
.company-slider .swiper-wrapper{
	width: max-content;
	animation: companySliderFlow 60s linear infinite;
	will-change: transform;
}
.company-slider .swiper-slide{
	flex-shrink: 0;
	width: 17.857rem;
	aspect-ratio: 4 / 3;
	border-radius: 5px;
	overflow: hidden;
	margin-right: 16px;
}
#page-main .company-slider .swiper-slide img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
@keyframes companySliderFlow{
	from{
		transform: translate3d(0, 0, 0);
	}
	to{
		transform: translate3d(-50%, 0, 0);
	}
}
@media screen and (min-width: 992px){
	.company-slider{
		margin-top: 7.971rem;
	}
}
@media screen and (min-width: 1200px){
	.company-slider .swiper-slide{
		width: 20rem;
	}
}
@media screen and (min-width: 1400px){
	.company-slider{
		margin-top: 10.066rem;
	}
	.company-slider .swiper-slide{
		width: 350px;
	}
}



/*********************************
/* Company - 会社概要
*********************************/
.company-info {
	width: 100%;
	border-collapse: collapse;
}
.company-info tr {
	position: relative;
}
.company-info th, .company-info td {
	position: relative;
	font-weight: 500;
	letter-spacing: 0.04em;
	padding-top: 0.8rem;
	padding-bottom: 0.8rem;
}
.company-info th{
	color: #999;
}
.company-info td{
	color: #000;
	padding-left: 10px;
}
.company-info th::before, .company-info td::before,
.company-info th::after, .company-info td::after{
	position: absolute;
	height: 1px;
}
.company-info tr:first-child th::before{
	content: "";
	width: 100%;
	background-color: rgba(0,0,0,0.5);
	left: 0;
	top: 0;
}
.company-info tr:first-child td::before{
	content: "";
	width: calc(100% - 10px);
	background-color: rgba(120,120,120,0.25);
	right: 0;
	top: 0;
}
.company-info th::after{
	content: "";
	width: 100%;
	background-color: rgba(0,0,0,0.5);
	left: 0;
	bottom: 0;
}
.company-info td::after{
	content: "";
	width: calc(100% - 10px);
	background-color: rgba(120,120,120,0.25);
	right: 0;
	bottom: 0;
}

/* 業務内容のリスト形式を整える */
.business-list {
	padding-left: 1em;
	margin: 0;
}
@media screen and (min-width: 768px){
	.company-main{
		width: 93.5895%;
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
	}
	.co-main-img{
		width: 40.11976%;
		border-top-right-radius: 5px;
		border-bottom-right-radius: 5px;
		overflow: hidden;
	}
	.co-main-txtArea{
		width: 52.3353293413%;
		align-self: center;
	}
}
@media screen and (min-width: 992px){
	.company-main{
		width: 92.7775%;
	}
	.company-info th, .company-info td{
		padding-top: 1.72rem;
		padding-bottom: 1.72rem;
	}
}
@media screen and (min-width: 1200px){
	.co-main-img{
		border-top-right-radius: 10px;
		border-bottom-right-radius: 10px;
	}
	.company-info th{
		padding-right: 20px;
		padding-left: 20px;
		width: 22.88%;
	}
}
@media screen and (min-width: 1400px){
	.company-info th, .company-info td{
		letter-spacing: 0.08em;
		padding-top: 2.13rem;
		padding-bottom: 2.13rem;
	}
	.company-info th{
		padding-right: 30px;
		padding-left: 30px;
	}
}
@media screen and (min-width: 1900px){
	.company-info{
		width: 90.478%;
	}
}
@media screen and (max-width: 767px){
	.co-main-img{
		margin-bottom: 2.857rem;
	}
	.co-main-txtArea{
		width: 76.923%;
		margin-right: auto;
		margin-left: auto;
	}
	.company-info th, .company-info td{
		display: block;
	}
	.company-info td{
		padding-left: 0;
	}
	.company-info td::after{
		width: 100%;
	}
	.company-info tr:first-child th::before,
	.company-info tr:first-child td::before{
		display: none;
	}
}
/* company - アクセスマップ */
.company-access{
	margin-top: 5.014rem;
}
.co-ac-map, .co-ac-map img{
	border-radius: 5px;
	overflow: hidden;
}
.co-ac-map .youtube{
	padding: 0;
	aspect-ratio: 4 / 3;
}
.co-ac-map .youtube iframe{
	width: 100%;
	height: 100%;
}
.co-ac-text{
	font-size: 1.0714rem;
	position: relative;
	padding-left: calc(12px + 1rem);
	margin-bottom: 1.1428rem;
}
.co-ac-text::before{
	position: absolute;
	content: "";
	top: 7px;
	left: 0;
	width: 13px;
	height: 16.7px;
	background-image: url("../images/icon-map.svg");
	background-size: contain;
	background-repeat: no-repeat;
}
.co-ac-txt-block .txt_block{
	color: #999;
	letter-spacing: 0.06em;
	line-height: 1.73;
}
.co-ac-txtArea .vm{
	margin-top: 2.4571rem;
}
.tabicon{
	width: 12px;
	height: 12px;
	display: block;
}
@media screen and (min-width: 768px){
	.company-access{
		display: flex;
		justify-content: space-between;
	}
	.co-ac-txtArea{
		width: 40%;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	.co-ac-map{
		width: 56.75324%;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px){
	.company-access{
		align-items: flex-start;
	}
}
@media screen and (min-width: 992px){
	.company-access{
		margin-top: 7.971rem;
	}
	.co-ac-map .youtube{
		aspect-ratio: 874 / 491;
	}
}
@media screen and (min-width: 1200px){
	.co-ac-map, .co-ac-map img{
		border-radius: 10px;
	}
	.co-ac-txt-block .txt_block{
		letter-spacing: 0.08em;
	}
	.co-ac-text{
		font-size: 1.2rem;
		padding-left: calc(14px + 1rem);
		margin-bottom: 1.7666rem;
	}
	.co-ac-text::before{
		width: 14px;
		height: 18px;
		top: 10px;
	}
}
@media screen and (min-width: 1400px){
	.company-access{
		margin-top: 10.066rem;
	}
}
@media screen and (max-width: 767px){
	.co-ac-map{
		margin-top: 3.214rem;
	}
}
/* company - 沿革 */
.company-history{
	position: relative;
	padding: 5.714rem 0;
	margin-top: 5.714rem;
}
.company-history::before{
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #f8f7f4;
	z-index: -1;
}
.company-history .c-title1{
	margin-bottom: 2.814rem;
}
.co-history-block{
	list-style: none;
	margin-bottom: 0;
}
.co-history-block li{
	display: flex;
	justify-content: space-between;
	position: relative;
}
.co-history-block li + li{
	margin-top: 45px;
}
.co-histyory-year{
	width: 31.1688%;
	background-color: #d2460a;
	color: #fff;
	border-radius: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}
.co-histyory-year::after{
	position: absolute;
	content: "";
	width: 15px;
	height: 15px;
	background-image: url("../images/page/arrow-down.svg");
	background-size: contain;
	background-repeat: no-repeat;
	display: block;
	bottom: -30px;
}
.co-history-block li:last-child .co-histyory-year::after{
	display: none;
}
.co-history-block .txt_block{
	text-align: justify;
	width: 62.337662%;
	align-self: center;
	letter-spacing: 0.04em;
}
@media screen and (min-width: 768px){
	.co-histyory-year{
		height: 112px;
		font-size: 1.285rem;
	}
}
@media screen and (min-width: 992px){
	.company-history{
		padding: 8.5714rem 0;
		margin-top: 8.5714rem;
	}
	.co-history-flex{
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
	}
	.co-history-block{
		width: 58.333%;
		padding-top: 2.5rem;
	}
	.co-histyory-year{
		height: 168px;
	}
}
@media screen and (min-width: 1100px){
	.co-histyory-year{
		height: 140px;
	}
}
@media screen and (min-width: 1200px){
	.co-history-block{
		padding-top: 3.2rem;
	}
	.co-history-block li + li{
		margin-top: 60px;
	}
	.co-histyory-year{
		border-radius: 10px;
		height: 150px;
		font-size: 1.33rem;
	}
	.co-histyory-year::after{
		width: 20px;
		height: 20px;
		bottom: -40px;
	}
	.co-history-block .txt_block{
		letter-spacing: 0.06em;
	}
}
@media screen and (min-width: 1400px){
	.company-history{
		padding: 10.666rem 0;
		margin-top: 10.666rem;
	}
	.co-histyory-year{
		height: 180px;
		font-size: 1.6rem;
	}
}
@media screen and (min-width: 1500px){
	.co-histyory-year{
		height: 130px;
	}
}
@media screen and (min-width: 1700px){
	.co-histyory-year{
		height: 120px;
	}
}
/* company - スタッフ紹介 */
.co-staff{
	padding-bottom: 5.714rem;
}
.co-staff .co-ac-txt-block .txt_block{
	color: #232323;
	letter-spacing: 0.04em;
}
@media screen and (min-width: 768px){
	.co-staff .co-ac-txtArea{
		width: 33.7662%;
	}
}
@media screen and (min-width: 992px){
	.co-staff{
		padding-bottom: 8.5714rem;
	}
}
@media screen and (min-width: 1200px){
	.co-staff .co-ac-txt-block .txt_block{
		letter-spacing: 0.06em;
	}
}
@media screen and (min-width: 1400px){
	.co-staff{
		padding-bottom: 10.666rem;
	}
}

/*********************************
/* Design - 洗練されたデザインと設計力
*********************************/
/* Design - Concept */
.design-concept{
	margin-top: 5.414rem;
}
.design-concept .en-tit{
	margin-bottom: 2.8574rem;
}
.dcon-txtArea .f34{
	margin-bottom: 2.371rem;
}
.dcon-txtArea .txt_block{
	text-align: justify;
	font-size: 1rem;
	line-height: 2.14;
	letter-spacing: 0.06em;
}
.dcon-img{
	border-radius: 5px;
	overflow: hidden;
}
@media screen and (min-width: 768px){
	.dcon-flex{
		display: flex;
		flex-direction: row-reverse;
		align-items: flex-start;
		justify-content: space-between;
	}
	.dcon-img{
		width: 41.558%;
	}
	.dcon-txtArea{
		width: 46.4545%;
		align-self: center;
	}
}
@media screen and (min-width: 992px){
	.design-concept{
		margin-top: 8.2714rem;
	}
	.design-concept .en-tit{
		margin-bottom: 5.585rem;
	}
	.dcon-txtArea .txt_block p + p{
		margin-top: 1.9142rem;
	}
}
@media screen and (min-width: 1200px){
	.design-concept .en-tit{
		margin-bottom: 7.5rem;
	}
	.dcon-txtArea{
		width: 49.455%;
	}
	.dcon-img{
		border-radius: 10px;
	}
}
@media screen and (min-width: 1400px){
	.design-concept{
		margin-top: 10.366rem;
	}
	.dcon-txtArea .f34{
		margin-bottom: 3.333rem;
	}
	.dcon-txtArea .txt_block{
		line-height: 1.94;
	}
	.dcon-txtArea .txt_block p + p{
		margin-top: 2.233rem;
	}
}
@media screen and (min-width: 1600px){
	.dcon-txtArea{
		width: 45.4545%;
	}
}
@media screen and (max-width: 767px){
	.dcon-img{
		margin-top: 3.0714rem;
	}
}
/* Features - デザインや設計の特徴 */
.design-features{
	position: relative;
	margin-top: 5.714rem;
	padding: 5.5714rem 0 5.714rem;
}
.design-features::before{
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #f8f7f4;
	z-index: -1;
}
.design-features .c-title1{
	margin-bottom: 3.885rem;
}
.dfe-block{
	position: relative;
}
.dfe-block + .dfe-block{
	margin-top: 3.5714rem;
	padding-top: 3.5714rem;
}
.dfe-block + .dfe-block::before{
	position: absolute;
	content: "";
	width: 100%;
	height: 1px;
	background-color: rgba(120,120,120,0.25);
	top: 0;
	left: 0;
}
.dfe-txtArea{
	position: relative;
}
.dfe-no{
	background-color: #232323;
	color: #fff;
	font-size: 1rem;
	font-weight: 500;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 1.8rem;
}
.dfe-txt-inner > .f-eng{
	font-size: 1.0714rem;
	font-weight: 500;
	letter-spacing: 0.02em;
	line-height: 1;
	margin-bottom: 0;
}
.dfe-txt-inner .f34{
	margin-bottom: 1.1428rem;
}
.dfe-txtArea .txt_block{
	line-height: 1.73;
	letter-spacing: 0.04em;
	text-align: justify;
}
.dfe-img{
	border-radius: 5px;
	overflow: hidden;
}
@media screen and (min-width: 768px){
	.design-features{
		margin-top: 5.114rem;
	}
	.dfe-txtArea{
		display: flex;
		align-items: flex-start;
	}
	.dfe-no{
		margin-right: 3rem;
	}
	.dfe-txt-inner{
		width: calc(100% - (40px + 3rem));
		padding-top: 0.9rem;
	}
	.dfe-txt-inner > .f-eng{
		margin-bottom: 2rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px){
	.dfe-img{
		width: calc(100% - (40px + 3rem));
		margin-left: auto;
	}
}
@media screen and (min-width: 992px){
	.design-features{
		margin-top: 8.5714rem;
		padding: 8.428rem 0 8.214rem;
	}
	.design-features .c-title1{
		margin-bottom: 6.028rem;
	}
	.dfe-block{
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
	}
	.dfe-block + .dfe-block{
		margin-top: 5.357rem;
		padding-top: 5.357rem;
	}
	.dfe-img{
		width: 44.1558%;
	}
	.dfe-txtArea{
		width: 48.455%;
	}
	.dfe-no{
		margin-bottom: 0;
	}
	.dfe-txt-inner > .f-eng{
		margin-bottom: 2.7714rem;
	}
	.dfe-txt-inner .f34{
		margin-bottom: 2.371rem;
	}
}
@media screen and (min-width: 1200px){
	.dfe-block + .dfe-block{
		margin-top: 4.5rem;
	}
	.dfe-no.f-eng{
		width: 46px;
		height: 46px;
		font-size: 1.066rem;
	}
	.dfe-img{
		width: 31.156%;
		border-radius: 10px;
	}
	.dfe-txtArea {
		width: 62.455%;
	}
	.dfe-no{
		margin-right: 3.5rem;
	}
	.dfe-txt-inner{
		width: calc(100% - (46px + 3.5rem));
		padding-top: 1rem;
	}
	.dfe-txtArea .txt_block{
		line-height: 1.94;
		letter-spacing: 0.06em;
	}
}
@media screen and (min-width: 1400px){
	.design-features{
		margin-top: 10.666rem;
		padding: 10.466rem 0 10.266rem;
	}
	.design-features .c-title1{
		margin-bottom: 7.4rem;
	}
	.dfe-block + .dfe-block{
		margin-top: 6.607rem;
		padding-top: 6.666rem;
	}
	.dfe-img{
		width: 36.156%;
	}
	.dfe-txtArea {
		width: 53.455%;
	}
	.dfe-txt-inner > .f-eng{
		margin-bottom: 4.766rem;
	}
	.dfe-txt-inner .f34{
		margin-bottom: 3.366rem;
	}
}
@media screen and (min-width: 1600px){
	.design-features{
		padding-bottom: 10.666rem;
	}
	.dfe-block + .dfe-block{
		margin-top: 6.666rem;
	}
	.dfe-img{
		width: 44.156%;
	}
	.dfe-txtArea {
		width: 46.955%;
	}
}
@media screen and (min-width: 1800px){
	.dfe-txtArea {
		width: 45.455%;
	}
	.dfe-no{
		margin-right: 5rem;
	}
	.dfe-txt-inner{
		width: calc(100% - (46px + 5rem));
	}
}
@media screen and (max-width: 991px){
	.dfe-img{
		margin-top: 2.914rem;
	}
}
@media screen and (max-width: 767px){
	.dfe-txt-inner > .f-eng{
		position: absolute;
		left: calc(40px + 1rem);
		top: 13px;
		display: block;
	}
}

/*********************************
/* Spec - 性能
*********************************/
/***** spec haeder *****/
.spec-button{
	position: fixed;
	right: 0;
	bottom: 0;
	width: 280px;
	aspect-ratio: 89 / 28;
	z-index: 100;
	transition: transform 0.4s ease; 
    transform: translateY(0); /* 通常表示 */
}
.spec-button.is-hidden{
	transform: translateY(100%);
}
.spec-button a{
	display: block;
	position: relative;
	transition: .4s;
}
.spec-button-img{
	width: 35.955%;
}
.spec-button-block{
	position: absolute;
	background-color: #d2460a;
	right: 0;
	bottom: 0;
	aspect-ratio: 33 / 10;
	width: 74.1573%;
	z-index: -1;
	display: flex;
}
.spec-button-block::after{
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(255,255,255,0.1);
	transform-origin: 100% 50%;
	transform: scaleX(0);
	transition: transform ease .4s,opacity ease .6s;
	opacity: 0;
	z-index: 1;
}
.spec-button-block .text, .spec-button-block .arrow{
	position: relative;
	z-index: 2;
}
.spec-button-block .text{
	width: 78.788%;
	padding-left: 10.384%;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	letter-spacing: 0.04em;
	line-height: 1.57;
	font-size: 0.7857rem;
}
.spec-button-block .arrow{
	width: 21.212%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.spec-button-block .arrow svg{
	width: 10px;
	height: 9px;
}
.spec-button-block .arrow .logo-color{
	fill: #fff;
}
.spec-button-block .arrow::before{
	position: absolute;
	content: "";
	width: 1px;
	height: 50%;
	background-color: rgba(244,146,113,0.25);
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}
.spec-button a:hover{
	text-decoration: none;
}
a:hover .spec-button-block::after{
	transform-origin: 0% 50%;
	transform: scaleX(1);
	opacity: 1;
}
@media screen and (min-width: 768px){	
	.spec-button{
		width: 360px;
	}
	.spec-button-block .text{
		font-size: 0.928rem;
	}
}
@media screen and (min-width: 1200px){
	.spec-button{
		width: 445px;
	}
	.spec-button-block .text{
		font-size: 0.9333rem;
	}
}
/***** Spec - 8つの性能デザイン *****/
.spec-perf{
	margin-top: 5.514rem;
}
.spec-perf .c-title1{
	margin-bottom: 3.885rem;
}
.spec-perf-nav{
	list-style: none;
	margin-bottom: 0;
}
.spec-perf-nav li{
	position: relative;
	padding-left: calc(24px + 0.7rem);
}
.spec-perf-nav li::before, .spec-perf-nav li::after{
	content: "";
	position: absolute;
	border-radius: 50%;
	top: 50%;
	transform: translateY(-50%);
}
.spec-perf-nav li::before{
	width: 4px;
	height: 4px;
	background-color: #b4b4b4;
	left: 10px;
}
.spec-perf-nav li::after{
	width: 24px;
	height: 24px;
	border: 1px solid #d2460a;
	border-radius: 50%;
	left: 0;
	opacity: 0;
}
.spec-perf-nav li a{
	color: #b4b4b4;
	font-weight: bold;
	transition: .4s;
}
.spec-perf-nav li.active a{
	color: #d2460a;
	pointer-events: none;
    cursor: default;
}
.spec-perf-nav li.active::before{
	background-color: #d2460a;
}
.spec-perf-nav li.active::after{
	opacity: 1;
}
.spec-perf-nav li a:hover{
	text-decoration: none;
	opacity: 0.8;
}
.spec-perf-nav li.active a:hover{
	opacity: 1;
}
.spec-perf-con{
	list-style: none;
	margin-bottom: 0;
}
.spec-perf-img{
	border-radius: 5px;
	overflow: hidden;
}
.spec-perf-entit{
	color: #d2460a;
	letter-spacing: 0.02em;
	line-height: 1;
	font-size: 1rem;
	margin-bottom: 1.3428rem;
}
.spec-perf-txtArea .f34{
	margin-bottom: 0.1714rem;
}
.spec-perf-sub{
	font-size: 1.1428rem;
	letter-spacing: 0.06em;
	line-height: 1.5;
	margin-bottom: 0.985rem;
}
.spec-perf-txtArea .txt_block{
	letter-spacing: 0.04em;
	text-align: justify;
	line-height: 1.73;
}
@media screen and (min-width: 768px){
	.spec-perf-inner{
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
	}
	.spec-perf-nav{
		width: 220px;
		position: sticky;
		top: 100px;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}
	.spec-perf-nav li + li{
		margin-top: 0.5714rem;
	}
	.spec-perf-con{
		width: calc(100% - 220px);
	}
}
@media screen and (min-width: 992px){
	.spec-perf{
		margin-top: 8.3714rem;
	}
	.spec-perf .c-title1{
		margin-bottom: 6.028rem;
	}
	.spec-perf-nav{
		width: 17.5324%;
	}
	.spec-perf-con{
		width: 77.922%;
	}
	.spec-perf-con li{
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
	}
	.spec-perf-con li + li{
		margin-top: 5.357rem;
	}
	.spec-perf-con li:nth-child(2n){
		flex-direction: row-reverse;
	}
	.spec-perf-img{
		width: 48.333%;
	}
	.spec-perf-txtArea{
		width: 43.333%;
	}
	.spec-perf-entit{
		margin-bottom: 2.057rem;
	}
	.spec-perf-sub{
		margin-bottom: 1.3428rem;
	}
}
@media screen and (min-width: 1200px){
	.spec-perf-nav{
		top: 160px;
	}
	.spec-perf-nav li{
		padding-left: calc(28px + 1rem);
	}
	.spec-perf-nav li + li{
		margin-top: 0.8rem;
	}
	.spec-perf-nav li::before{
		width: 5px;
		height: 5px;
		left: 12px;
	}
	.spec-perf-nav li::after{
		width: 28px;
		height: 28px;
	}
	.spec-perf-entit{
		font-size: 1.066rem;
		margin-bottom: 2.533rem;
	}
	.spec-perf-txtArea .f34{
		margin-bottom: 0.4rem;
	}
	.spec-perf-sub{
		font-size: 1.333rem;
		margin-bottom: 2.433rem;
	}
}
@media screen and (min-width: 1400px){
	.spec-perf{
		margin-top: 10.466rem;
	}
	.spec-perf .c-title1{
		margin-bottom: 7.3rem;
	}
	.spec-perf-con li + li{
		margin-top: 6.66rem;
	}
	.spec-perf-entit{
		margin-bottom: 3.766rem;
	}
	.spec-perf-sub{
		margin-bottom: 2.433rem;
	}
}	
@media screen and (min-width: 1600px){
	.spec-perf-entit{
		margin-bottom: 5.5333rem;
	}
}
@media screen and (max-width: 991px){
	.spec-perf-con li + li{
		margin-top: 3.985rem;
	}
	.spec-perf-img{
		margin-bottom: 2.4rem;
	}
}
@media screen and (max-width: 767px){
	.spec-perf-nav{
		display: none;
	}
}
/***** Spec - バウムホルムの家 *****/
.spec-house{
	position: relative;
	padding: 5.714rem 0;
	margin-top: 5.314rem;
}
.spec-house::before{
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #f8f7f4;
	z-index: -1;
}
.baum-house{
	margin-bottom: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
}
.spec-house-titArea{
	margin-bottom: 1.9428rem;
}
.spec-house-titArea .c-title1{
	margin-bottom: 2.971rem;
}
.baum-house li{
	width: calc((100% - 15px)/2);
	margin-top: 0.925rem;
	margin-right: 15px;
	text-align: center;
}
.baum-house li:first-child, .baum-house li:nth-child(2){
	margin-top: 0;
}
.baum-house li:nth-child(2n){
	margin-right: 0;
}
.bhouse-img{
	border-radius: 5px;
	overflow: hidden;
	margin-bottom: 0.3428rem;
}
.baum-house p{
	margin-bottom: 0;
	letter-spacing: 0.04em;
	line-height: 1.5;
}
@media screen and (min-width: 576px){
	.spec-house-titArea{
		margin-bottom: 2.757rem;
	}
	.baum-house li{
		width: calc((100% - 20px)/2);
		margin-top: 2.05rem;
		margin-right: 20px;
	}
	.bhouse-img{
		margin-bottom: 0.885rem;
	}
}
@media screen and (min-width: 768px){
	.baum-house li{
		width: calc((100% - 30px)/2);
		margin-right: 30px;
	}
	.baum-house p{
		font-size: 1.1428rem;
	}
}
@media screen and (min-width: 992px){
	.spec-house{
		padding: 8.5714rem 0;
		margin-top: 8.5714rem;
	}
	.spec-house-titArea{
		display: flex;
		align-items: flex-end;
		justify-content: space-between;
		margin-bottom: 6.089rem;
	}
	.spec-house-titArea .c-title1{
		margin-bottom: 0;
	}
	.baum-house li{
		width: calc((100% - 80px)/3);
		margin-right: 40px;
	}
	.baum-house li:nth-child(3){
		margin-top: 0;
	}
	.baum-house li:nth-child(2n){
		margin-right: 40px;
	}
	.baum-house li:nth-child(3n){
		margin-right: 0;
	}
}
@media screen and (min-width: 1200px){
	.baum-house li{
		width: calc((100% - 100px)/3);
		margin-top: 3.566rem;
		margin-right: 50px;
	}
	.baum-house li:nth-child(2n){
		margin-right: 50px;
	}
	.baum-house li:nth-child(3n){
		margin-right: 0;
	}
	.bhouse-img{
		border-radius: 10px;
		margin-bottom: 1.666rem;
	}
	.baum-house p{
		letter-spacing: 0.06em;
		font-size: 1.2rem;
	}
}
@media screen and (min-width: 1400px){
	.spec-house{
		padding: 10.666rem 0;
		margin-top: 10.666rem;
	}
	.spec-house-titArea{
		margin-bottom: 7.6rem;
	}
	.baum-house li{
		width: calc((100% - 110px)/3);
		margin-top: 3.9rem;
		margin-right: 55px;
	}
	.baum-house li:nth-child(2n){
		margin-right: 55px;
	}
	.baum-house li:nth-child(3n){
		margin-right: 0;
	}
	.bhouse-img{
		margin-bottom: 2rem;
	}
}
@media screen and (max-width: 575px){
	.baum-house p{
		font-size: 0.857rem;
	}
}
/* tab */
.spec-house-titArea .nav-link {
	padding: 0;
}
.spec-house-titArea .nav-tabs {
	border: none;
}
.spec-house-titArea .nav-tabs .nav-item {
	margin-bottom: 0;
}
.spec-house-titArea .nav-tabs .nav-link {
	position: relative;
	border: none;
	border-radius: 0;
	color: #b4b4b4;
	font-weight: bold;
	letter-spacing: 0.04em;
	font-size: 1rem;
	display: inline-flex;
	align-items: center;
}
.spec-house-titArea .nav-tabs .nav-link .arrow{
	width: 26px;
	height: 26px;
	border: 1px solid rgba(180,180,180,0.5);
	border-radius: 2px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 1rem;
}
.spec-house-titArea .nav-tabs .nav-link .arrow svg{
	width: 7.5px;
	height: 6.8px;
}
.spec-house-titArea .nav-tabs .nav-link .arrow .logo-color{
	fill: #b4b4b4;
}
.spec-house-titArea .nav-tabs .nav-link:hover, .spec-house-titArea .nav-tabs .nav-link:focus {
	border-color: none;
}
.spec-house-titArea .nav-tabs .nav-link.active .arrow,
.spec-house-titArea .nav-tabs .nav-item.show .nav-link .arrow{
	background-color: #d2460a;
	border: 1px solid rgba(210,70,10,0.5);
	transform: rotate(90deg);
}
.spec-house-titArea .nav-tabs .nav-link.active .arrow .logo-color,
.spec-house-titArea .nav-tabs .nav-item.show .nav-link .arrow .logo-color{
	fill: #fff;
}
.spec-house-titArea .nav-tabs .nav-link.active,
.spec-house-titArea .nav-tabs .nav-item.show .nav-link{
	color: #d2460a;
	background-color: transparent;
}
.spec-house-titArea .nav-fill > .nav-link, .spec-house-titArea .nav-fill .nav-item {
	text-align: left;
	flex: unset;
}
@media screen and (min-width: 576px){
	.spec-house-titArea .nav{
		gap: 2.85rem;
	}
}
@media screen and (min-width: 768px){
	.spec-house-titArea .nav-tabs .nav-link{
		font-size: 1.1428rem;
	}
	.spec-house-titArea .nav-tabs .nav-link .arrow{
		width: 30px;
		height: 30px;
		margin-right: 1rem;
	}
	.spec-house-titArea .nav-tabs .nav-link .arrow svg{
		width: 8.5px;
		height: 7.7px;
	}
}
@media screen and (min-width: 1200px){
	.spec-house-titArea .nav{
		gap: 2.66rem;
	}
	.spec-house-titArea .nav-tabs .nav-link{
		font-size: 1.2rem;
		letter-spacing: 0.06em;
	}
	.spec-house-titArea .nav-tabs .nav-link .arrow{
		width: 34px;
		height: 34px;
		border-radius: 4px;
		margin-right: 16px;
	}
	.spec-house-titArea .nav-tabs .nav-link .arrow svg{
		width: 10px;
		height: 9px;
	}
}
@media screen and (max-width: 575px){
	.spec-house-titArea .nav-tabs .nav-link .arrow{
		width: 23px;
		height: 23px;
		margin-right: 7px;
	}
	.spec-house-titArea .nav-tabs .nav-link .arrow svg{
		width: 7px;
		height: 6.3px;
	}
}
@media screen and (max-width: 399px){
	.spec-house-titArea .nav{
		flex-wrap: unset;
		-ms-flex-wrap: unset;
		justify-content: space-between;
	}
	.spec-house-titArea .nav-tabs .nav-item{
		display: inline-flex;
	}
	.spec-house-titArea .nav-tabs .nav-link{
		font-size: 0.875rem;
	}
	.spec-house-titArea .nav-tabs .nav-link .arrow{
		width: 20px;
		height: 20px;
	}
}
/***** Spec - 高性能を創り出す施工のこだわり *****/
.spec-const{
	margin-top: 5.314rem;
}
.spec-const .c-title1{
	margin-bottom: 2.814rem;
}
.spec-const-block{
	position: relative;
}
.spec-const-nav{
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}
.spec-const-prev, .spec-const-next{
	width: 40px;
	height: 40px;
	border-radius: 2px;
	background-color: #232323;
	display: flex;
	align-items: center;
	justify-content: center;
}
.spec-const-prev{
	transform: rotate(180deg);
}
.spec-const-prev .logo-color, .spec-const-next .logo-color{
	fill: #fff;
}
.spec-const-img{
	display: flex;
	column-gap: 5px;
}
.spec-const-img img{
	border-radius: 5px;
}
.spec-const-img > img, .spec-const-img-col{
	width: calc((100% - 5px)/2);
}
.spec-const-img-col img{
	width: 100%;
	height: calc((100% - 5px)/2);
	object-fit: cover;
}
.spec-const-img-col img + img{
	margin-top: 5px;
}
.spec-const-txtArea{
	margin-top: 40px;
}
.text-nums{
	letter-spacing: 0.02em;
	color: #b4b4b4;
	text-align: center;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 2.2rem;
}
.text-nums span{
	color: #232323;
}
.spec-const-tit{
	font-size: 1.714rem;
	line-height: 1.6;
	margin-bottom: 1.757rem;
}
.spec-const-txtArea .txt_block{
	letter-spacing: 0.04em;
	text-align: justify;
}
.spec-const-pagination{
	display: flex;
	justify-content: center;
	gap: 11px;
	margin-top: 2.857rem;
}
.spec-const-pagination .swiper-pagination-bullet{
	margin: 0;
	width: 32px;
	height: 2.4px;
	background-color: #dcdcdc;
	border-radius: 0;
	opacity: 1;
}
.spec-const-pagination .swiper-pagination-bullet-active{
	background-color: #232323;
}
@media screen and (min-width: 768px){
	.spec-const .c-title1{
		margin-bottom: 3.885rem;
	}
	.spec-const-nav{
		width: calc(100% + ((40px * 2) + 3rem));
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
	}
	.spec-const-flex{
		display: flex;
		flex-direction: row-reverse;
		justify-content: space-between;
	}
	.spec-const-img{
		width: 50%;
		max-height: 400px;
	}
	.spec-const-txtArea{
		width: 43%;
		margin-top: 0;
	}
	.text-nums{
		text-align: left;
		height: auto;
		justify-content: flex-start;
		line-height: 1;
		margin-bottom: 0;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px){
	.spec-const-txtArea{
		display: flex;
		flex-direction: column-reverse;
	}
	.text-nums{
		margin-top: 2.971rem;
	}
}
@media screen and (min-width: 992px){
	.spec-const{
		margin-top: 5.314rem;
	}
	.spec-const .c-title1{
		margin-bottom: 6.028rem;
	}
	.spec-const-nav{
		width: 100%;
	}
	.spec-const-swiper{
		width: calc((100% - (40px * 2)) - 5rem);
		max-width: 1300px;
		margin: 0 auto;
	}
	.spec-const-img{
		min-height: 400px;
		max-height: 530px;
		width: 51.1538%;
	}
	.spec-const-txtArea{
		width: 42.692%;
	}
	.text-nums{
		position: absolute;
		bottom: 0;
		left: 0;
	}
	.spec-const-pagination{
		margin-top: 4.2857rem;
	}
}
@media screen and (min-width: 1200px){
	.spec-const-prev, .spec-const-next{
		width: 56px;
		height: 56px;
		border-radius: 4px;
	}
	.spec-const-swiper{
		width: calc((100% - (56px * 2)) - 5rem);
	}
	.spec-const-img{
		column-gap: 10px;
		min-height: 500px;
		max-height: 530px;
		width: 51.1538%;
	}
	.spec-const-img img{
		border-radius: 10px;
	}
	.spec-const-img > img, .spec-const-img-col{
		width: calc((100% - 10px)/2);
	}
	.spec-const-img-col img{
		height: calc((100% - 10px)/2);
		object-fit: cover;
	}
	.spec-const-img-col img + img{
		margin-top: 10px;
	}
	.spec-const-txtArea{
		width: 42.692%;
	}
	.text-nums{
		font-size: 1.333rem;
	}
	.spec-const-tit{
		font-size: 1.866rem;
		margin-bottom: 2.333rem;
	}
	.spec-const-txtArea .txt_block{
		letter-spacing: 0.06em;
	}
	.spec-const-pagination{
		gap: 14px;
		margin-top: 5.333rem;
	}
	.spec-const-pagination .swiper-pagination-bullet{
		width: 40px;
		height: 3px;
	}
}
@media screen and (min-width: 1400px){
	.spec-const{
		margin-top: 10.666rem;
	}
	.spec-const .c-title1{
		margin-bottom: 7.3rem;
	}
	.spec-const-img{
		width: 56.1538%;
	}
	.spec-const-txtArea{
		width: 37.6923%;
		padding-top: 2.633rem;
	}
}
@media screen and (min-width: 1600px){
	.spec-const-img{
		width: 56.1538%;
	}
	.spec-const-txtArea{
		width: 37.6923%;
		padding-top: 5.966rem;
	}
}
@media screen and (min-width: 1800px){
	.spec-const-txtArea{
		padding-top: 6.3rem;
	}
}
/***** Spec - 高性能住宅がつくる暮らしのメリット *****/
.spec-merit{
	position: relative;
	padding: 5.714rem 0 0;
	margin-top: 5.714rem;
}
.spec-merit::before{
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #f8f7f4;
	z-index: -1;
}
.spec-merit .c-title1{
	margin-bottom: 3.171rem;
}
.spec-merit-list{
	list-style: none;
	border-top: 0.25px solid rgba(120, 120, 120, 0.25);
	margin-bottom: 0;
}
.spec-merit-list li{
	list-style: none;
	border-bottom: 0.25px solid rgba(120, 120, 120, 0.25);
	padding: 1.3rem 0;
	margin-bottom: 0;
}
.merit-item-tit{
	cursor: pointer;
	display: flex;
	position: relative;
	margin-bottom: 0;
	padding-right: 1.5rem;
}
.merit-item-tit .no{
	width: 32px;
	height: 32px;
	font-size: 1rem;
	border-radius: 50%;
	background-color: #d2460a;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 1rem;
}
.merit-tit{
	width: calc((100% - 32px) - 1rem);
	line-height: 1.5;
	font-size: 1.1428rem;
	letter-spacing: 0.02em;
	padding-top: 3px;
}
.merit-item-tit .plus{
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	display: block;
	width: 12px;
	height: 12px;
}
.merit-item-tit .plus::before, .merit-item-tit .plus::after{
	position: absolute;
	content: "";
	width: 100%;
	margin: auto;
	box-sizing: border-box;
	vertical-align: middle;
}
.merit-item-tit .plus::before{
	border-top: 2px solid #232323;
	width: 12px;
	height: 0;
	top: 0;
	bottom: 0;
	right: 0;
}
.merit-item-tit .plus::after{
	border-left: 2px solid #232323;
	width: 0;
	height: 12px;
	top: 0;
	bottom: 0;
	right: 5.5px;
	transition: .3s;
}
.merit-item-tit.is-open .plus::after{
	border-left: 2px solid #232323;
	height: 0;
}
.spec-merit-list .modal__content{
	max-width: 800px;
	padding: 4rem 0 3.5rem;
	max-height: 80%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.spec-merit-list .modal-trigger{
	position: absolute;
	margin: 0;
	right: 7.5%;
	top: 1.5rem;
}
.spec-merit-list .txt_block{
	width: 85%;
	margin: 0 auto;
	text-align: justify;
	letter-spacing: 0.04em;
}
.spec-merit-img{
	width: 83.3333%;
	margin: 3rem auto 0;
}
@media screen and (min-width: 768px){
	.spec-merit{
		padding-bottom: 5.714rem;
	}
	.spec-merit-list{
		display: flex;
		flex-wrap: wrap;
	}
	.spec-merit-list li{
		width: 50%;
		box-sizing: border-box;
		padding: 1.5rem 0;
	}
	.spec-merit-list li:nth-child(odd){
		border-right: 0.25px solid rgba(120, 120, 120, 0.25);
		padding-right: 1.5rem;
	}
	.spec-merit-list li:nth-child(even){
		padding-left: 1.5rem;
	}
	.spec-merit-list .modal__content{
		padding: 5rem 0 3.5rem;
	}
	.spec-merit-list .modal-trigger{
		top: 2.5rem;
	}
	.spec-merit-img{
		width: 76.923%;
		margin: 0;
		position: absolute;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
		display: flex;
		justify-content: flex-end;
		padding-right: 0.597%;
	}
	.spec-merit-img img{
		width: 44.3%;
	}
}
@media screen and (min-width: 992px){
	.spec-merit{
		padding: 8.571rem 0;
		margin-top: 8.571rem;
	}
	.spec-merit .c-title1{
		margin-bottom: 4.957rem;
	}
	.spec-merit-list li{
		padding: 2rem 0;
	}
	.spec-merit-list li:nth-child(odd){
		padding-right: 2.678rem;
	}
	.spec-merit-list li:nth-child(even){
		padding-left: 2.678rem;
	}
	.merit-item-tit{
		padding-right: 2rem;
	}
	.merit-item-tit .no{
		width: 40px;
		height: 40px;
		font-size: 1.071rem;
	}
	.merit-tit{
		font-size: 1.428rem;
		width: calc((100% - 40px) - 1rem);
	}
	.spec-merit-img{
		width: 85.555%;
		max-width: 1540px;
	}
}
@media screen and (min-width: 1200px){
	.spec-merit-list li{
		padding: 2.1rem 0;
	}
	.merit-item-tit .no{
		width: 46px;
		height: 46px;
		font-size: 1.066rem;
		margin-right: 1.5rem;
	}
	.merit-tit{
		font-size: 1.333rem;
		padding-top: 7px;
		width: calc((100% - 46px) - 1.5rem);
	}
	.merit-item-tit .plus{
		width: 16px;
		height: 16px;
	}
	.merit-item-tit .plus::before{
		width: 16px;
	}
	.merit-item-tit .plus::after{
		height: 16px;
		right: 7px;
	}
	.spec-merit-list .modal__content{
		padding: 6rem 0 4rem
	}
	.spec-merit-list .txt_block{
		letter-spacing: 0.06em;
	}
}
@media screen and (min-width: 1400px){
	.spec-merit{
		padding: 10.666rem 0;
		margin-top: 10.666rem;
	}
	.spec-merit .c-title1{
		margin-bottom: 5.966rem;
	}
	.spec-merit-list li{
		padding: 2.77rem 0;
	}
	.merit-tit{
		font-size: 1.666rem;
		padding-top: 3px;
	}
}
@media screen and (min-width: 1600px){
	.spec-merit-list li:nth-child(odd){
		padding-right: 3.333rem;
	}
	.spec-merit-list li:nth-child(even){
		padding-left: 3.333rem;
	}
	.merit-item-tit .no{
		margin-right: 1.666rem;
	}
	.merit-tit{
		width: calc((100% - 46px) - 1.5rem);
	}
	.spec-merit-img{
		padding-right: 1.2987%;
	}
}
/***** Spec - グレード表 *****/
.spec-grade{
	margin-top: 5.5142rem;
}
.spec-grade .c-title1{
	margin-bottom: 3.171rem;
}
.spec-grade .table-wrapper {
  overflow: auto;
}
.spec-grade table{
	width: 100%;
	border-collapse: collapse;
}
.spec-grade tr{
	border-top: 1px solid rgba(120, 120, 120, 0.25);
	border-bottom: 1px solid rgba(120, 120, 120, 0.25);
}
.spec-grade td, .spec-grade th{
	padding: 15px 15px;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	font-weight: bold;
	font-size: 1rem;
	letter-spacing: 0.04em;
	line-height: 24px;
	border-right: 1px solid rgba(120, 120, 120, 0.25);
}
.spec-grade tr th:last-child, .spec-grade tr td:last-child{
	border-right: none;
}
.spec-grade tr th:first-child, .spec-grade tr td:first-child{
	text-align: left;
}
.spec-grade th{
	background-color: #232323;
	color: #fff;
}
.spec-grade th.f-eng{
	letter-spacing: 0.02em;
	font-size: 1.0714rem;
	font-weight: 500;
}
.spec-grade tr:nth-child(2n+1) td{
	background-color: #f8f7f4;
}
@media screen and (min-width: 768px){
	.spec-grade td, .spec-grade th{
		padding: 15px 30px;
	}
}
@media screen and (min-width: 992px){
	.spec-grade{
		margin-top: 8.3714rem;
	}
	.spec-grade .c-title1{
		margin-bottom: 4.957rem;
	}
	.spec-grade td, .spec-grade th{
		padding: 19.5px 40px;
	}
}
@media screen and (min-width: 1200px){
	.spec-grade td, .spec-grade th{
		font-size: 1.0666rem;
		letter-spacing: 0.06em;
	}
}
@media screen and (min-width: 1400px){
	.spec-grade{
		margin-top: 10.466rem;
	}
	.spec-grade .c-title1{
		margin-bottom: 5.966rem;
	}
}
@media screen and (max-width: 575px){
	.spec-grade tr:first-child{
		border: none;
	}
	.spec-grade th:nth-child(1), .spec-grade td:nth-child(1){
		width: 5.8%;
	}
	.spec-grade th:nth-child(1){
		position: sticky;
		left: 0;
		background-color: #232323;
		border: none;
	}
	.spec-grade td:nth-child(1){
		position: sticky;
		left: 0;
		background-color: #fff;
	}
	.spec-grade th:nth-child(1)::before, .spec-grade td:nth-child(1)::before{
		content: "";
		position: absolute;
		top: 0;
		left: 1px;
		width: 100%;
		height: 100%;
		border-right: 1px solid rgba(120, 120, 120, 0.25);
	}
}


/*********************************
/* Material - 素材について
*********************************/
.material-main{
	position: relative;
	margin-top: 5.0142rem;
}
.material-flex .f34{
	letter-spacing: 0.06em;
	margin-bottom: 2.4714rem;
}
.material-txtArea .txt_block{
	text-align: justify;
	letter-spacing: 0.04em;
	line-height: 1.94;
}
.material-img{
	overflow: hidden;
	border-radius: 5px;
}
@media screen and (min-width: 768px){
	.material-main{
		margin-top: 5.714rem;
	}
	.material-flex{
		display: flex;
		justify-content: space-between;
	}
	.material-flex .f34{
		margin: 0;
		writing-mode: vertical-rl;
	}
	.material-txtArea{
		width: 78.769%;
		margin-top: 3.07857rem;
	}
	.material-txtArea .txt_block{
		width: 55.619%;
	}
	.material-img{
		position: absolute;
		right: 0;
		top: 0;
		width: 30.555%;
		max-width: 640px;
		max-height: 800px;
		aspect-ratio: 4 / 5;
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
	}
	#page-main .material-img img{
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
}
@media screen and (min-width: 992px){
	.material-main{
		margin-top: 8.5714rem;
	}
	.material-txtArea{
		width: 80.7692%;
		margin-top: 4.757rem;
	}
	.material-txtArea .txt_block{
		width: 56.619%;
	}
	.material-txtArea .txt_block p + p{
		margin-top: 2.0142rem;
	}
	.material-img{
		position: absolute;
		right: 0;
		bottom: 0;
		width: 35.555%;
		max-width: 640px;
		max-height: 800px;
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
	}
}
@media screen and (min-width: 1200px){
	.material-flex .f34{
		letter-spacing: 0.08em;
		line-height: 1.61;
	}
	.material-txtArea .txt_block{
		width: 62.619%;
		letter-spacing: 0.06em;
	}
	.material-img{
		width: 30.555%;
		border-top-left-radius: 10px;
		border-bottom-left-radius: 10px;
	}
}
@media screen and (min-width: 1400px){
	.material-main{
		margin-top: 10.666rem;
	}
	.material-txtArea{
		margin-top: 6.166rem;
	}
	.material-txtArea .txt_block{
		width: 54.619%;
		line-height: 1.94;
	}
	.material-txtArea .txt_block p + p{
		margin-top: 2.266rem;
	}
	.material-img{
		width: 35.555%;
	}
}
@media screen and (min-width: 1600px){
	.material-txtArea .txt_block{
		width: 47.619%;
		max-width: 500px;
	}
}
@media screen and (max-width: 767px){
	.material-img{
		width: 76.923%;
		margin-top: 3.8857rem;
		margin-right: auto;
		margin-left: auto;
	}
}
/***** Material - 素材の特徴 *****/
.material-features{
	position: relative;
	padding: 5.714rem 0;
	margin-top: 5.714rem;
}
.material-features::before{
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #f8f7f4;
	z-index: -1;
}
.material-features .c-title1{
	margin-bottom: 3.885rem;
}
.m-features-block{
	margin-bottom: 0;
	list-style: none;
}
.m-features-block li{
	margin-top: 3.1714rem;
}
.m-features-block li:first-child{
	margin-top: 0;
}
.m-features-img{
	border-radius: 5px;
	overflow: hidden;
	margin-bottom: 1.128rem;
}
.m-features-tit{
	font-size: 1.5714rem;
	line-height: 1.2;
	letter-spacing: 0.02em;
	margin-bottom: 0.828rem;
}
.m-features-block .txt_block{
	text-align: justify;
	letter-spacing: 0.04em;
	line-height: 1.6;
}
@media screen and (min-width: 768px){
	.m-features-block{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.m-features-block li{
		width: calc((100% - 40px)/2);
	}
	.m-features-block li:nth-child(2){
		margin-top: 0;
	}
}
@media screen and (min-width: 992px){
	.material-features{
		padding: 8.571rem 0 8.7rem;
		margin-top: 8.571rem;
	}
	.material-features .c-title1{
		margin-bottom: 6.028rem;
	}
	.m-features-block li{
		width: calc((100% - 50px)/2);
		margin-top: 4.957rem;
	}
	.m-features-img{
		margin-bottom: 1.7428rem;
	}
	.m-features-tit{
		margin-bottom: 1.6428rem;
	}
}
@media screen and (min-width: 1200px){
	.m-features-img{
		border-radius: 10px;
	}
	.m-features-tit{
		font-size: 1.666rem;
	}
	.m-features-block .txt_block{
		letter-spacing: 0.06em;
	}
}
@media screen and (min-width: 1400px){
	.material-features{
		padding: 10.66rem 0 10.9rem;
		margin-top: 10.66rem;
	}
	.material-features .c-title1{
		margin-bottom: 7.4rem;
	}
	.m-features-block li{
		width: calc((100% - 60px)/2);
		margin-top: 6.366rem;
	}
	.m-features-img{
		margin-bottom: 2.366rem;
	}
	.m-features-tit{
		margin-bottom: 2.066rem;
	}
}
@media screen and (min-width: 1600px){
	.m-features-block li{
		width: calc((100% - 80px)/2);
	}
}

/*********************************
/* Staff - スタッフ紹介
*********************************/
.staff{
	margin-top: 5.714rem;
	margin-bottom: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
}
.staff li{
	width: calc((100% - 20px)/2);
	margin-right: 20px;
	margin-top: 2.14285rem;
}
.staff li:first-child, .staff li:nth-child(2){
	margin-top: 0;
}
.staff li:nth-child(2n){
	margin-right: 0;
}
/*
.staff-link{
	cursor: pointer;
}
	*/
.staff_img{
	overflow: hidden;
	border-radius: 5px;
	margin-bottom: 0.9714rem;
}
.staff-link .staff_img img{
	transition: .5s;
}
/*
.staff-link:hover .staff_img img{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
	*/
.staff-yaku, .staff-name{
	padding: 0 2.525%;
}
.staff-yaku{
	color: #a0a0a0;
	letter-spacing: 0.04em;
	line-height: 1;
	font-size: 0.7142rem;
	margin-bottom: 0.7142rem;
}
.staff-name{
	letter-spacing: 0.04em;
	line-height: 1;
	font-size: 1.0714rem;
	margin-bottom: 0;
}
.staff .modal__content{
	width: 87.1794%;
    max-width: 640px;
    left: unset;
    right: 0;
    transform: unset;
    height: 100svh;
    min-height: 100vh;
    top: 0;
    border-radius: 0;
	background-color: #fff;
}
.staff .modal__content .inner{
	width: 76.4705%;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	padding: 5.714rem 0;
}
.staff .modal-trigger{
	margin-left: auto;
	position: absolute;
	right: 0;
	top: 35px;
}
/* モーダル切り替え中、強制的にヘッダーを非表示にする */
body.modal-switching #header {
    display: none !important;
}
.modal__content .staff_img{
	margin-bottom: 1.6857rem;
}
.modal__content .staff-yaku{
	font-size: 0.7857rem;
	margin-bottom: 1.1214rem;
}
.modal__content .staff-name{
	font-size: 1.714rem;
}
.staff .modal__content .txt_block{
	margin-top: 2.4rem;
	padding: 0 2.525%;
}
.staff-nav{
	display: flex;
	justify-content: space-between;
	margin-top: 3.328rem;
}
.staff-prev, .staff-next{
	width: 40px;
	height: 40px;
	border-radius: 2px;
	background-color: #232323;
	position: relative;
	cursor: pointer;
}
.staff-prev::after, .staff-next::after{
	position: absolute;
	content: "";
	width: 10px;
	height: 10px;
	background-image: url("../images/arrow.svg");
	background-repeat: no-repeat;
	background-size: contain;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%)
}
.staff-prev::after{
	transform: translate(-50%,-50%) rotate(180deg);
}
@media screen and (min-width: 768px){
	.staff li{
		width: calc((100% - 60px)/3);
		margin-top: 2.857rem;
		margin-right: 30px;
	}
	.staff li:nth-child(3){
		margin-top: 0;
	}
	.staff li:nth-child(2n){
		margin-right: 30px;
	}
	.staff li:nth-child(3n){
		margin-right: 0;
	}
	.staff_img{
		margin-bottom: 1.328rem;
	}
	.staff-yaku{
		font-size: 0.7857rem;
		margin-bottom: 0.828rem;
	}
	.staff-name{
		font-size: 1.2857rem;
	}
	.staff .modal__content{
		width: 55%;
	}
	.staff .modal__content .inner{
		padding: 7.1428rem 0;
		width: 62.5%;
	}
	.staff .modal-trigger{
		top: 45px;
	}
	.modal__content .staff_img{
		margin-bottom: 2.0428rem;
	}
	.modal__content .staff-yaku{
		margin-bottom: 1.4714rem;
	}
	.staff .modal__content .txt_block{
		margin-top: 2.9714rem;
	}
	.staff-nav{
		margin-top: 4.0428rem;
	}
}
@media screen and (min-width: 992px){
	.staff{
		margin-top: 8.5714rem;
	}
	.staff li{
		width: calc((100% - 90px)/3);
		margin-top: 4.285rem;
		margin-right: 45px;
	}
	.staff li:nth-child(2n){
		margin-right: 45px;
	}
	.staff li:nth-child(3n){
		margin-right: 0;
	}
	.staff_img{
		margin-bottom: 1.6857rem;
	}
	.staff-yaku{
		font-size: 0.928rem;
		margin-bottom: 1.11428rem;
	}
	.staff-name{
		font-size: 1.428rem;
	}
	.staff .modal__content{
		width: 40.555%;
	}
	.modal__content .staff_img{
		margin-bottom: 2.233rem;
	}
	.modal__content .staff-yaku{
		font-size: 0.928rem;
		margin-bottom: 1.6rem;
	}
	.modal__content .staff-name{
		font-size: 2rem;
	}
	.staff .modal__content .txt_block{
		margin-top: 3.4rem;
	}
}
@media screen and (min-width: 1200px){
	.staff_img{
		border-radius: 10px;
		margin-bottom: 1.5666rem;
	}
	.staff-yaku{
		font-size: 0.9333rem;
		letter-spacing: 0.06em;
		margin-bottom: 0.9333rem;
	}
	.staff-name{
		font-size: 1.466rem;
		letter-spacing: 0.06em;
	}
	.modal__content .staff_img{
		margin-bottom: 2.233rem;
	}
	.modal__content .staff-yaku{
		font-size: 0.9333rem;
		margin-bottom: 1.6rem;
	}
	.modal__content .staff-name{
		font-size: 2.1333rem;
	}
	.staff .modal__content .txt_block{
		margin-top: 3.4rem;
	}
	.staff-nav{
		margin-top: 4.7333rem;
	}
	.staff-prev, .staff-next{
		width: 56px;
		height: 56px;
		border-radius: 4px;
	}
}
@media screen and (min-width: 1400px){
	.staff{
		margin-top: 10.666rem;
	}
	.staff li{
		width: calc((100% - 112px)/3);
		margin-top: 5.3333rem;
		margin-right: 56px;
	}
	.staff li:nth-child(2n){
		margin-right: 56px;
	}
	.staff li:nth-child(3n){
		margin-right: 0;
	}
	.staff_img{
		margin-bottom: 1.9rem;
	}
	.staff-yaku{
		margin-bottom: 1.4rem;
	}
	.staff .modal__content{
		width: 35.555%;
	}
	.staff .modal__content .inner{
		padding: 10.666rem 0;
	}
	.staff .modal-trigger{
		top: 70px;
	}
}
@media screen and (max-width: 767px){
	.staff{
		justify-content: space-between;
	}
	.staff li{
		margin-right: 0;
	}
	.staff li:nth-child(2){
		margin-top: 2.14285rem;
	}
	.staff li.staff-first{
		width: 100%;
	}
	.staff li.staff-first .staff-link{
		width: calc((100% - 20px)/1.5);
		margin-right: auto;
		margin-left: auto;
	}
}
/***** Staff - 採用情報 *****/
.staff-recruit{
	position: relative;
	padding: 5.014rem 0 5.714rem;
	margin-top: 5.857rem;
}
.staff-recruit::before{
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background-color: #fff;
	top: 0;
	left: 0;
	z-index: -1;
}
.staff-recruit .company-access{
	margin-top: 0;
}
.staff-recruit .co-staff{
	padding-bottom: 0;
}
@media screen and (min-width: 992px){
	.staff-recruit{
		padding: 7.971rem 0 8.5714rem;
		margin-top: 8.785rem;
	}
}
@media screen and (min-width: 1400px){
	.staff-recruit{
		padding: 10.666rem 0;
		margin-top: 10.933rem;
	}
}

/*********************************
/* Land - 上手な土地の選び方
*********************************/
.land-main{
	margin-top: 5.414rem;
	margin-bottom: 5.1142rem;
}
.land-main .en-tit{
	margin-bottom: 2.8574rem;
}
.land-main-flex .f34{
	letter-spacing: 0.06em;
	margin-bottom: 2.371rem;
}
.land-main-flex .txt_block, .land-con-txtArea .txt_block{
	text-align: justify;
	font-size: 1rem;
	line-height: 2.14;
	letter-spacing: 0.04em;
}
.land-block{
	padding: 4.6428rem 0 4.1428rem;
}
.land-block:nth-of-type(odd){
	position: relative;
}
.land-block:nth-of-type(odd)::before{
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #f8f7f4;
	z-index: -1;
}
.land-con-img{
	border-radius: 5px;
	overflow: hidden;
	margin-bottom: 1.692rem;
}
.land-con-txtArea .f34{
	margin-bottom: 1.2928rem;
}
@media screen and (min-width: 992px){
	.land-main{
		margin-top: 8.3714rem;
		margin-bottom: 7.9714rem;
	}
	.land-main-flex{
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
	}
	.land-main-flex .f34{
		margin-bottom: 0;
	}
	.land-main-flex .txt_block{
		width: 47%;
	}
	.land-block{
		padding: 6.964rem 0;
	}
	.land-con-flex{
		display: flex;
		justify-content: space-between;
	}
	.land-con-img{
		width: 44.15584%;
		margin-bottom: 0;
	}
	.land-con-txtArea{
		width: 47.402597%;
		align-self: center;
	}
	.land-con-txtArea .f34{
		margin-bottom: 2.3233rem;
	}
	.land-con-txtArea .txt_block{
		width: 100%;
		max-width: 610px;
	}
}
@media screen and (min-width: 1200px){
	.land-main-flex .f34{
		letter-spacing: 0.08em;
	}
	.land-main-flex .txt_block, .land-con-txtArea .txt_block{
		letter-spacing: 0.06em;
	}
	.land-main-flex .txt_block{
		width: 47%;
	}
	.land-con-img{
		border-radius: 10px;
	}
	.land-con-txtArea .f34{
		letter-spacing: 0.08em;
	}
}
@media screen and (min-width: 1400px){
	.land-main{
		margin-top: 10.366rem;
		margin-bottom: 10.166rem;
	}
	.land-main-flex .txt_block, .land-con-txtArea .txt_block{
		line-height: 1.94;		
	}
	.land-main-flex .txt_block{
		width: 47%;
		max-width: 610px;
	}
	.land-block{
		padding: 8.666rem 0;
	}
	.land-con-txtArea .f34{
		margin-bottom: 3.166rem;
	}
}

/*********************************
/* Money - 資金計画について
*********************************/
.money-main{
	margin-top: 5.1142rem;
}
.money-main .p-title2{
	margin-bottom: 3.571rem;
}
.money-main-img{
	border-radius: 5px;
	overflow: hidden;
	margin-bottom: 1.692rem;
}
.money-main-txtArea .f34{
	margin-bottom: 1.2928rem;
}
.money-main-txtArea .txt_block{
	text-align: justify;
	font-size: 1rem;
	line-height: 2.14;
	letter-spacing: 0.04em;
}
@media screen and (min-width: 992px){
	.money-main{
		margin-top: 7.9714rem;
	}
	.money-main .p-title2{
		margin-bottom: 5.357rem;
	}
	.money-main-flex{
		display: flex;
		justify-content: space-between;
	}
	.money-main-img{
		width: 44.1558%;
		margin-bottom: 0;
	}
	.money-main-txtArea{
		width: 47.4025%;
		align-self: center;
	}
	.land-con-txtArea .f34{
		margin-bottom: 2.3233rem;
	}
	.money-main-txtArea .txt_block{
		width: 100%;
		max-width: 610px;
	}
}
@media screen and (min-width: 1200px){
	.money-main-img{
		border-radius: 10px;
	}
	.money-main-txtArea .f34{
		letter-spacing: 0.08em;
	}
	.money-main-txtArea .txt_block{
		letter-spacing: 0.06em;
	}
}
@media screen and (min-width: 1400px){
	.money-main{
		margin-top: 10.066rem;
	}
	.money-main .p-title2{
		margin-bottom: 6.666rem;
	}
	.money-main-txtArea .f34{
		margin-bottom: 3.166rem;
	}
	.money-main-txtArea .txt_block{
		line-height: 1.94;
	}
}
/***** Money - 私たちの考え方 *****/
.money-dedfference{
	position: relative;
	padding: 5.714rem 0 6.0357rem;
	margin-top: 5.1142rem;
}
.money-dedfference::before{
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #f8f7f4;
	z-index: -1;
}
.money-def-txtArea .c-title1{
	margin-bottom: 1.6rem;
}
.money-def-txtArea .f20{
	line-height: 1.6;
	letter-spacing: 0.06em;
	margin-bottom: 0;
}
.money-def-table{
	display: flex;
	position: relative;
}
.money-def-table::after{
	position: absolute;
	content: "";
	width: 1px;
	height: 100%;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	background-color: rgba(120,120,120,0.25);
}
.money-def-table ul{
	width: 50%;
	margin: 0;
	list-style: none;
}
.money-def-table ul li{
	background-color: #fff;
	position: relative;
	text-align: center;
	padding: 0.8rem 0.5rem;
	font-size: 0.928rem;
	letter-spacing: 0.06em;
}
.money-def-table ul li:not(:first-child)::after{
	position: absolute;
	content: "";
	width: 100%;
	height: 1px;
	background-color: rgba(120,120,120,0.25);
	bottom: 0;
	left: 0;
}
.generally li:first-child{
	background-color: #505050;
	color: #fff;
}
.baum li:first-child{
	background-color: #d2460a;
	color: #fff;
}
.money-def-flex{
	margin-top: 5.714rem;
}
.money-def-img{
	border-radius: 5px;
	overflow: hidden;
	margin-bottom: 1.2642rem;
}
.money-def-item .f25{
	line-height: 1.6;
	letter-spacing: 0;
	margin-bottom: 0.9642rem;
}
.money-def-item .txt_block{
	text-align: justify;
	letter-spacing: 0.04em;
}
@media screen and (min-width: 576px){
	.money-def-table ul li{
		font-size: 1rem;
	}
}
@media screen and (min-width: 768px){
	.money-def-mian{
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
	}
	.money-def-table{
		width: 53%;
		margin-top: 2.5rem;
	}
	.money-def-flex{
		display: flex;
		justify-content: space-between;
	}
	.money-def-item{
		width: calc((100% - 40px)/2);
	}
}
@media screen and (min-width: 992px){
	.money-dedfference{
		padding: 8.5714rem 0 9.3035rem;
		margin-top: 8.5714rem;
	}
	.money-def-txtArea .c-title1{
		margin-bottom: 2.85rem;
	}
	.money-def-table{
		width: 62.337%;
	}
	.money-def-flex{
		margin-top: 8.5714rem;
	}
	.money-def-item{
		width: calc((100% - 55px)/2);
	}
	.money-def-img{
		margin-bottom: 1.733rem;
	}
}
@media screen and (min-width: 1200px){
	.money-def-txtArea .c-title1{
		margin-bottom: 3.4666rem;
	}
	.money-def-txtArea .f20{
		letter-spacing: 0.08em;
	}
	.money-def-table{
		margin-top: 3.2rem;	
	}
	.money-def-table ul li{
		letter-spacing: 0.08em;
	}
	.money-def-item{
		width: calc((100% - 70px)/2);
	}
	.money-def-img{
		border-radius: 10px;
		margin-bottom: 1.733rem;
	}
	.money-def-item .f25{
		margin-bottom: 1.3333rem;
	}
	.money-def-item .txt_block{
		letter-spacing: 0.06em;
	}
}
@media screen and (min-width: 1200px) and (max-width: 1399px){
	.money-def-table{
		width: 57.337%;
	}
}
@media screen and (min-width: 1400px){
	.money-dedfference{
		padding: 10.666rem 0 11.7rem;
		margin-top: 10.666rem;
	}
	.money-def-table ul li{
		font-size: 1.2rem;
	}
	.money-def-flex{
		margin-top: 10.666rem;
	}
	.money-def-item{
		width: calc((100% - 80px)/2);
	}
	.money-def-img{
		margin-bottom: 1.966rem;
	}
	.money-def-item .f25{
		margin-bottom: 1.666rem;
	}
}
@media screen and (max-width: 767px){
	.money-def-txtArea{
		margin-bottom: 2.557rem;
	}
	.money-def-item + .money-def-item{
		margin-top: 3.0714rem;
	}
}

/**************************
/* プライバシーポリシー
**************************/
.privacy-area{
	margin-bottom: 4.375rem;
}
.privacy-con {
  margin-bottom: 2.3rem;
}
.privacy-con:last-child{
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}
.privacy-con .f25{
	position: relative;
	line-height: 1.6;
	margin-bottom: 1.1857rem;
	padding-bottom: 1.428rem;
}
.privacy-con .f25::after{
	position: absolute;
	content: "";
	width: 100%;
	height: 1px;
	background-color: rgba(120,120,120,0.25);
	bottom: 0;
	left: 0;
}
.privacy-con-inner {
  margin-bottom: 20px;
}
.privacy-list {
  margin-left: 20px;
  margin-bottom: 15px
}
.privacy-list li {
  margin-left: 20px;
  list-style: disc;
}
.privacy-list li:first-child {
  list-style: none;
  margin-left: 0;
}
@media screen and (min-width: 768px){
	.privacy-area{
		margin-bottom: 6.375rem;
	}
	.privacy-con{
		margin-bottom: 3.3rem;
	}
}
@media screen and (min-width: 992px){
	.privacy-area{
		margin-bottom: 7.375rem;
	}
}
@media screen and (min-width: 1200px){
	.privacy-con{
		margin-bottom: 4.3rem;
	}
	.privacy-con .f25{
		padding-bottom: 1.9333rem;
		margin-bottom: 1.7333rem;
	}
}
@media screen and (min-width: 1400px){
	.privacy-area{
		margin-bottom: 9.375rem;
	}
}
.indices {
  margin-left: 20px;
}
.indices li {
  list-style: none;
  padding-left: 1.3em;
  text-indent: -1.3em;
  margin-bottom: 10px;
}
.indices li.annotation {
  padding-left: 2.9em;
  text-indent: -2.9em;
  margin-bottom: 5px;
}
.indices li:last-child {
  margin-bottom: 0;
}

/*********************************
/* About us - 私たちについて
*********************************/
.about-philosophy{
	margin-top: 5.414rem;
}
.about-philosophy .en-tit{
	margin-bottom: 2.414rem;
}
.about-philosophy .f34{
	margin-bottom: 1.857rem;
}
.about-philosophy .txt_block{
	letter-spacing: 0.04em;
	line-height: 1.6;
}
.about-philosophy .txt_block p + p{
	margin-top: 1.085rem;
}
@media screen and (min-width: 992px){
	.about-philosophy{
		margin-top: 8.632rem;
	}
	.about-philosophy .txt_block p + p{
		margin-top: 1.44rem;
	}
}
@media screen and (min-width: 1200px){
	.about-philosophy .en-tit{
		margin-bottom: 4rem;
	}
	.about-philosophy .f34{
		margin-bottom: 2.333rem;
	}
	.about-philosophy .txt_block{
		letter-spacing: 0.06em;
	}
	.about-philosophy .txt_block p + p{
		margin-top: 1.633rem;
	}
}
@media screen and (min-width: 1400px){
	.about-philosophy{
		margin-top: 10.766rem;
	}
}
/* Design & Quality */
.about_dq{
	position: relative;
	margin-top: 5.057rem;
	padding: 4.928rem 0;
}
.about_dq::before{
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #f8f7f4;
	z-index: -1;
}
.about_dq .en-tit{
	margin-bottom: 3.828rem;
}
.about_dq .f34{
	margin-bottom: 1.857rem;
}
.about_dq-img img{
	border-radius: 5px;
}
.about_dq-txtArea .txt_block{
	letter-spacing: 0.04em;
	line-height: 1.6;
}
.about_dq-txtArea .txt_block p + p{
	margin-top: 1.085rem;
}
@media screen and (min-width: 768px){
	.about_dq-flex{
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
	}
	.about_dq-img{
		width: 47.3%;
	}
	.about_dq-txtArea{
		align-self: center;
		width: 43.07%;
	}
}
@media screen and (min-width: 992px){
	.about_dq{
		margin-top: 8.2714rem;
		padding: 8.589rem 0 8.285rem;
	}
	.about_dq-img{
		width: 50.3%;
	}
	.about_dq-txtArea{
		width: 40.07%;
	}
	.about_dq-txtArea .txt_block p + p{
		margin-top: 1.44rem;
	}
}
@media screen and (min-width: 1200px){
	.about_dq .en-tit{
		margin-bottom: 5.666rem;
	}
	.about_dq-img{
		width: 50.3%;
	}
	.about_dq-img img{
		border-radius: 10px;
	}
	.about_dq-txtArea{
		width: 40.07%;
	}
	.about_dq-txtArea .f34{
		margin-bottom: 3.33rem;
	}
	.about_dq-txtArea .txt_block{
		letter-spacing: 0.06em;
	}
	.about_dq-txtArea .txt_block p + p{
		margin-top: 1.633rem;
	}
}
@media screen and (min-width: 1400px){
	.about_dq{
		margin-top: 10.366rem;
		padding: 10.733rem 0 10.666rem;
	}
}
@media screen and (min-width: 1600px){
	.about_dq-img{
		width: 48.3%;
	}
	.about_dq-txtArea{
		width: 42.07%;
	}
}
@media screen and (min-width: 1800px){
	.about_dq-img{
		width: 52.3%;
	}
	.about_dq-txtArea{
		width: 38.07%;
	}	
}
@media screen and (max-width: 767px){
	.about_dq-img{
		margin-bottom: 2.157rem;
	}
	.about_dq-txtArea .txt_block{
		text-align: justify;
	}
}
/* Our Commitment */
.about_commitment{
	margin-top: 5.35714rem;
	margin-bottom: 6.6428rem;
}
.about_commitment-img{
	margin-bottom: 3.371rem;
}
.about_commitment-img img{
	border-radius: 5px;
}
.about_commitment .en-tit{
	margin-bottom: 2.414rem;
}
.about_commitment-flex .f34{
	margin-bottom: 1.857rem;
}
.about_commitment-flex .txt_block p + p{
	margin-top: 1.085rem;
}
@media screen and (min-width: 768px){
	.about_commitment-flex{
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
	}
	.about_commitment-flex .f34{
		margin-bottom: 0;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px){
	.about_commitment-flex .txt_block{
		width: 60%;
	}
}
@media screen and (min-width: 992px){
	.about_commitment{
		margin-top: 8.5714rem;
		margin-bottom: 10.714rem;
	}
	.about_commitment-img{
		margin-bottom: 7.3rem;
	}
	.about_commitment .en-tit{
		margin-bottom: 3.7rem;
	}
	.about_commitment-flex .txt_block p + p{
		margin-top: 1.44rem;
	}
}
@media screen and (min-width: 1200px){
	.about_commitment-img img{
		border-radius: 10px;
	}
	.about_commitment-flex .txt_block p + p{
		margin-top: 1.633rem;
	}
}
@media screen and (min-width: 1400px){
	.about_commitment{
		margin-top: 10.666rem;
		margin-bottom: 12.933rem;
	}
	.about_commitment .en-tit{
		margin-bottom: 4.7rem;
	}
	.about_commitment-img{
		margin-bottom: 9.133rem;
	}
	.about_commitment .en-tit, .about_commitment-flex{
		width: 76.923%;
		margin-right: auto;
		margin-left: auto;
	}
}

/*********************************
/* Recruit - 採用情報
*********************************/
.recruit-bg{
	position: relative;
}
.recruit-bg::before{
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #f8f7f4;
	z-index: -1;
}
/* Recruit - Message */
.rec-message{
	width: 76.923%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 6.8428rem;
}
.rec_tit1{
	font-size: 1rem;
}
.rec_tit1 .f-eng{
	display: block;
	letter-spacing: 0.02em;
	font-size: 1.15rem;
	margin-bottom: 1.6428rem;
}
.rec-mes_txtArea .rec_tit1{
	margin-bottom: 3.585rem;
}
.rec-mes_txtArea .f34{
	letter-spacing: 0.05em;
	margin-bottom: 1.957rem;
}
.rec-mes_txtArea .txt_block{
	letter-spacing: 0.06em;
	line-height: 1.6;
	text-align: justify;
}
.rec-mes_txtArea .txt_block p + p{
	margin-top: 1.013rem;
}
.rec-mes_sign{
	font-size: 1.0714rem;
	margin-top: 2.8714rem !important;
}
.rec-mes_img{
	border-radius: 5px;
	overflow: hidden;
}
@media screen and (min-width: 768px) {
	.rec-message{
		width: 88.4615%;
		margin-left: 0;
		display: flex;
		flex-direction: row-reverse;
		justify-content: space-between;
	}
	.rec-mes_img{
		width: 45.689%;
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
	}
	#page-main .rec-mes_img img{
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.rec-mes_txtArea{
		width: 47.126%;
	}
	.rec-mes_sign{
		margin-top: 3.9428rem !important;
	}
}
@media screen and (min-width: 992px) {
	.rec-message{
		width: 92.7775%;
		margin-top: 8.571rem;
	}
	.rec-mes_img{
		width: 50.689%;
	}
	.rec-mes_txtArea{
		width: 42.126%;
	}
}
@media screen and (min-width: 1200px) {
	.rec-mes_img{
		width: 38.689%;
		border-top-right-radius: 10px;
		border-bottom-right-radius: 10px;
	}
	.rec-mes_txtArea{
		width: 54.126%;
	}
	.rec_tit1 .f-eng{
		font-size: 1.333rem;
		margin-bottom: 2.5rem;
	}
	.rec-mes_txtArea .rec_tit1{
		margin-bottom: 6.2rem;
	}
	.rec-mes_txtArea .f34{
		margin-bottom: 2.466rem;
	}
	.rec-mes_txtArea .txt_block p + p{
		margin-top: 1.5rem;
	}
	.rec-mes_sign{
		font-size: 1.133rem;
		margin-top: 7.866rem !important;
	}
}
@media screen and (min-width: 1400px) {	
	.rec-message{
		margin-top: 10.666rem;
	}
	.rec-mes_img{
		width: 46.689%;
	}
	.rec-mes_txtArea{
		width: 46.126%;
	}
}
@media screen and (min-width: 1600px) {	
	.rec-mes_img{
		width: 52.689%;
	}
	.rec-mes_txtArea{
		width: 40.126%;
	}
}
@media screen and (min-width: 1800px) {
	.rec-mes_img{
		width: 55.6886%;
		max-height: 720px;
	}
	.rec-mes_txtArea{
		width: 37.1257%;
	}

}
@media screen and (min-width: 1801px) {
	.rec-message{
		width: calc(50vw + 770px);
	}
}
@media screen and (max-width: 767px) {
	.rec-mes_txtArea .f34{
		font-size: 1.714rem;
	}
	.rec-mes_img{
		margin-top: 3.9857rem;
	}
}
/* Recruit - Philosophy */
.rec-philosophy{
	position: relative;
	margin-top: 7.1428rem;
	padding: 5.5714rem 0 5.428rem;
}
.rec-philosophy::before{
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #fff;
	z-index: -1;
	border-radius: 15px;
}
.rec-philosophy .inner{
	width: 76.923%;
	margin-right: auto;
	margin-left: auto;
}
.rec-phi_titArea{
	margin-bottom: 3.7428rem;
}
.rec-phi_titArea .f20{
	margin-bottom: 0;
}
.rec-phi_list{
	margin-bottom: 0;
	list-style: none;
}
.rec-phi_img{
	border-radius: 5px;
	overflow: hidden;
	margin-bottom: 0.628rem;
}
.rec-phi_tit{
	font-size: 1.2142rem;
	letter-spacing: 0.05em;
	margin-bottom: 0.333rem;
}
.rec-phi_list .txt_block{
	line-height: 1.6;
}
@media screen and (min-width: 768px) {
	.rec-phi_titArea{
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
	}
	.rec-phi_list{
		display: flex;
		justify-content: space-between;
	}
	.rec-phi_list li{
		width: calc((100% - 40px)/3);
	}
}
@media screen and (min-width: 992px) {
	.rec-philosophy{
		width: 85.555%;
		max-width: 1540px;
		margin-top: 8.5714rem;
		margin-right: auto;
		margin-left: auto;
		padding: 8.428rem 0 8.357rem;
	}
	.rec-philosophy .inner{
		width: 84.415%;
	}
	.rec-phi_titArea{
		margin-bottom: 5.26rem;
	}
	.rec-phi_titArea .f20{
		margin-bottom: 0.8rem;
	}
	.rec-phi_list li{
		width: calc((100% - 60px)/3);
	}
	.rec-phi_img{
		margin-bottom: 1.0133rem;
	}
	.rec-phi_tit{
		margin-bottom: 0.666rem;
	}
}
@media screen and (min-width: 1200px) {
	.rec-philosophy::before{
		border-radius: 20px;
	}
	.rec-phi_titArea .f20{
		margin-bottom: 0;
	}
	.rec-phi_list li{
		width: calc((100% - 55px)/3);
	}
	.rec-phi_img{
		border-radius: 10px;
	}
	.rec-phi_tit{
		font-size: 1.466rem;
	}
}
@media screen and (min-width: 1300px) {
	.rec-phi_list li{
		width: calc((100% - 80px)/3);
	}
}
@media screen and (min-width: 1400px) {
	.rec-philosophy{
		padding: 10.533rem 0 10.4rem;
		margin-top: 10.666rem;
	}
	.rec-phi_titArea{
		margin-bottom: 7.035rem;
	}
	.rec-phi_titArea .f20{
		margin-bottom: 1.3rem;
	}
	.rec-phi_list li{
		width: calc((100% - 100px)/3);
	}
	.rec-phi_img{
		margin-bottom: 1.266rem;
	}
	.rec-phi_tit{
		margin-bottom: 1.233rem
	}
}
@media screen and (max-width: 767px) {
	.rec-phi_titArea .c-title1{
		margin-bottom: 2.1142rem;
	}
	.rec-phi_list li + li{
		margin-top: 2.9142rem;
	}
}
/* Recruit - Growth vision */
.rec-vision{
	margin-top: 7.1428rem;
}
.rec-vision .inner{
	padding-left: 4.7%;
}
.rec-vision .c-title1{
	margin-bottom: 3.285rem;
}
.rec-vis_txtArea{
	margin-bottom: 4.035rem;
}
.rec-vis_txtArea .f34{
	line-height: 1.47;
	letter-spacing: 0.05em;
	margin-bottom: 1.857rem;
}
.rec-vis_txtArea .f34 .rec34_bg{
	position: relative;
	color: #fff;
	padding: 0 7px 0 10px;
	margin-right: 0.2em;
}
.rec-vis_txtArea .f34 .rec34_bg::before{
	position: absolute;
	content: "";
	z-index: -1;
	background-color: #d2460a;
	border-radius: 4px;
	top: 2px;
	left: 0;
	width: 100%;
	height: 100%;
}
.rec-vis_txtArea .txt_block{
	text-align: justify;
	letter-spacing: 0.06em;
}
@media screen and (min-width: 992px) {
	.rec-vision{
		margin-top: 8.5714rem;
	}
	.rec-vision .inner{
		padding: 0 7.4675%;
	}
	.rec-vis_txtArea{
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
		margin-bottom: 6.403rem;
	}
	.rec-vis_txtArea .f34{
		margin-bottom: 0;
	}
	.rec-vis_txtArea .txt_block{
		width: 50%;
	}
}
@media screen and (min-width: 1200px) {
	.rec-vision .c-title1{
		margin-bottom: 6.266rem;
	}
	.rec-vis_txtArea{
		margin-bottom: 7.966rem;
	}
	.rec-vis_txtArea .txt_block{
		width: 45%;
		max-width: 600px;
	}
}
@media screen and (min-width: 1400px) {
	.rec-vision{
		margin-top: 10.666rem;
	}
}
@media screen and (max-width: 767px) {
	.rec-vis_txtArea .f34{
		font-size: 1.6428rem;
	}
}
.rec-vis_flowArea{
	position: relative;
}
.rec-vis_flow-line{
	position: absolute;
	content: "";
	display: block;
	width: 1px;
	height: 100%;
	background-color: #000;
	bottom: 0;
	left: 13px;
	z-index: -1;
}
.rec-vis_flow{
	margin-bottom: 0;
	list-style: none;
}
.rec-vis_flow li{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}
.rec-vis_flow-time{
	background-color: #000;
	color: #fff;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 26px;
	height: 65px;
	border-radius: 30px;
	font-size: 0.857rem;
}
.rec-vis_flow-box{
	position: relative;
	width: calc(100% - (26px + 1.5rem));
	text-align: center;
	padding: 1.07142rem 0 1.857rem;
}
.rec-vis_flow-box::before{
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: -1;
	border-radius: 5px;
	background-color: #fff;
}
.rec-vis_flow-box p{
	line-height: 1.6;
	margin: 0;
}
.rec_number{
	font-size: 1.1428rem;
	line-height: 1;
	margin-top: 0.828rem;
	margin-bottom: 0.728rem;
}
.rec_number .f-eng{
	font-size: 2.285rem;
}
.rec_number .f-eng.cl{
	color: #d2460a;
}
@media screen and (min-width: 768px) {
	.rec-vis_flow-line{
		width: auto;
		height: 1px;
		right: 0;
		top: 13px;
		bottom: unset;
		left: calc((100% - 35px) / 8);
	}
	.rec-vis_flow-line::after{
		content: "";
		position: absolute;
		right: 1px;
		top: 50%;
		transform: translateY(-50%) rotate(45deg);
		width: 10px;
		height: 10px;
		border-top: 1px solid #000;
		border-right: 1px solid #000;
	}
	.rec-vis_flow{
		display: flex;
		justify-content: space-between;
	}
	.rec-vis_flow li{
		flex-direction: column;
		width: calc((100% - 35px)/4);
	}
	.rec-vis_flow-time{
		width: 65px;
		height: 26px;
		margin-bottom: 0.714rem;
	}
	.rec-vis_flow-box{
		width: 100%;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px){
	.rec-vis_flow-box p{
		font-size: 11px;
	}
	.rec_number{
		font-size: 0.928rem;
	}
	.rec_number .f-eng{
		font-size: 1.857rem;
	}
}
@media screen and (min-width: 992px) {
	.rec-vis_flow li{
		flex-direction: column;
		width: calc((100% - 60px)/4);
	}
	.rec-vis_flow-box{
		padding: 1.428rem 0 1.857rem;
	}
	.rec-vis_flow-time{
		margin-bottom: 1.4285rem;
	}
	.rec-vis_flow-line{
		left: calc((100% - 60px) / 8);
		right: 0;
	}
}
@media screen and (min-width: 1200px) {
	.rec-vis_flow-line{
		top: 17px;
	}
	.rec-vis_flow-line::after{
		width: 13px;
		height: 13px;
	}
	.rec-vis_flow-box{
		display: flex;
		justify-content: center;
		flex-direction: column;
		align-items: center;
		padding: 1.8rem 0 2.466rem;
	}
	.rec-vis_flow-box::before{
		border-radius: 10px;
	}
	.rec-vis_flow-time{
		width: 80px;
		height: 34px;
		font-size: 1rem;
		margin-bottom: 1.666rem;
		letter-spacing: 0.06em;
	}
	.rec_number{
		font-size: 1.333rem;
		margin-top: 1.3rem;
		margin-bottom: 1.4rem;
	}
	.rec_number .f-eng{
		font-size: 2.666rem;
	}
}
@media screen and (min-width: 1400px) {
	.rec-vis_flow li{
		width: calc((100% - 120px)/4);
	}
	.rec-vis_flow-time{
		margin-bottom: 2rem;
	}
	.rec-vis_flow-line{
		left: calc((100% - 120px) / 8);
		right: 0;
	}
}
@media screen and (max-width: 767px) {
	.rec-vis_flow li + li{
		margin-top: 20px;
	}
	.rec-vis_flow-time{
		flex-direction: column;
		line-height: 1;
	}
	.rec-vis_flow-time span{
		writing-mode: vertical-rl;
	}
	.rec-vis_flow-line{
		display: none;
	}
	.rec-vis_flow li{
		position: relative;
	}
	.rec-vis_flow li:not(:last-child)::after{
		content: "";
		position: absolute;
		left: 13px;
		top: 50%;
		width: 1px;
		height: calc(100% + 20px);
		background-color: #000;
		z-index: -1;
	}
	.rec-vis_flow li:last-child::after{
		content: "";
		position: absolute;
		left: 13px;
		top: 0;
		width: 1px;
		height: 100%;
		background-color: #000;
		z-index: -1;
	}
	.rec-vis_flow li:last-child::before{
		content: "";
		position: absolute;
		left: 8px;
		bottom: 1px;
		width: 10px;
		height: 10px;
		border-top: 1px solid #000;
		border-right: 1px solid #000;
		transform: rotate(135deg);
	}
}
/* Recruit - Work style */
.rec-work{
	margin-top: 8.571rem;
}
.rec-work .c-title1{
	margin-bottom: 3.8857rem;
}
.rec-work .inner{
	padding-left: 4.7%;
}
.rec-work_txtArea .f34{
	margin-bottom: 1.957rem;
}
.rec-work_txtArea .txt_block{
	line-height: 1.6;
	letter-spacing: 0.06em;
	text-align: justify;
}
.rec-work_txtArea .txt_block p + p{
	margin-top: 1.1428rem;
}
@media screen and (min-width: 768px) {
	.rec-work .inner{
		display: flex;
		justify-content: space-between;
	}
	.rec-work_img{
		width: 33.385%;
		align-self: center;
	}
	.rec-work_txtArea{
		width: 60%;
		align-self: center;
	}
}
@media screen and (min-width: 992px) {
	.rec-work{
		margin-top: 9.6428rem;
	}
	.rec-work .inner{
		padding: 0 7.4675%;
	}
	.rec-work_img{
		width: 32.385%;
	}
	.rec-work_txtArea{
		width: 56.846%;
	}
}
@media screen and (min-width: 1200px) {
	.rec-work .c-title1{
		margin-bottom: 7.1666rem;
	}
	.rec-work_img{
		width: 35.3846%;
	}
	.rec-work_txtArea{
		width: 53.8461%;
	}
	.rec-work_txtArea .f34{
		margin-bottom: 3rem;
	}
	.rec-work_txtArea .txt_block p + p{
		margin-top: 1.633rem;
	}
}
@media screen and (min-width: 1400px) {
	.rec-work{
		margin-top: 12rem;
	}
	.rec-work_img{
		width: 25.3846%;
	}
	.rec-work_txtArea{
		width: 63.8461%;
	}
}
@media screen and (min-width: 1600px) {
	.rec-work_img{
		width: 33.3846%;
	}
	.rec-work_txtArea{
		width: 55.8461%;
	}
}
@media screen and (min-width: 1700px) {
	.rec-work_img{
		width: 35.3846%;
	}
	.rec-work_txtArea{
		width: 53.8461%;
	}
}
@media screen and (max-width: 767px) {
	.rec-work_img{
		margin-bottom: 2.8714rem;
	}
}
/* Recruit - Environment */
.rec-envi{
	position: relative;
	margin-top: 8.1714rem;
	padding: 7.1428rem 0;
}
.rec-envi::before{
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #fff;
	z-index: -1;
	border-radius: 15px;
}
.rec-envi .inner{
	width: 76.923%;
	margin-right: auto;
	margin-left: auto;
}
.rec-envi_list{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	list-style: none;
	margin: 0;
}
.rec-envi_list li{
	position: relative;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 1.428rem 0 1.1428rem;
}
.rec-envi_list li::before{
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #f8f7f4;
	border-radius: 5px;
	z-index: -1;
}
.rec-envi_no{
	font-size: 0.71428rem;
	letter-spacing: 0.08em;
	line-height: 1;
	margin-bottom: 0.01428rem;
}
.rec-envi_tit{
	font-size: 1.0714rem;
	letter-spacing: 0.05em;
	margin-bottom: 0;
}
.rec-envi_img{
	width: 52.5%;
	margin: 0.828rem auto 1.028rem;
}
.rec-envi_sec p{
	font-size: 0.857rem;
	letter-spacing: 0.06em;
	line-height: 1.6;
	margin-bottom: 0;
}
@media screen and (min-width: 768px) {
	.rec-envi .c-title1{
		margin-bottom: 0;
	}
	.rec-envi .f20{
		margin-bottom: -0.2rem !important;
	}
}
@media screen and (min-width: 992px) {
	.rec-envi{
		width: 85.555%;
		max-width: 1540px;
		margin-top: 9.6428rem;
		margin-right: auto;
		margin-left: auto;
	}
	.rec-envi .inner{
		width: 84.415%;
	}
	.rec-envi_list li{
		width: calc((100% - 50px)/6);
	}
}
@media screen and (min-width: 1200px) {
	.rec-envi::before{
		border-radius: 20px;
	}
	.rec-envi .f20{
		margin-bottom: -0.1rem !important;
	}
	.rec-envi_list li{
		padding: 1.666rem 0 1.5333rem;
	}
	.rec-envi_list li::before{
		border-radius: 10px;
	}
	.rec-envi_no{
		font-size: 0.733rem;
		margin-bottom: 0.333rem;
	}
	.rec-envi_tit{
		font-size: 1.066rem;
	}
	.rec-envi_img{
		margin: 1.333rem auto 2.066rem;
	}
	.rec-envi_sec p{
		font-size: 0.866rem;
	}
}
@media screen and (min-width: 1200px) and (max-width: 1299px) {
	.rec-envi .f20{
		width: 40%;
	}
}
@media screen and (min-width: 1400px) {
	.rec-envi{
		padding: 10.666rem 0;
		margin-top: 12rem;
	}
	.rec-envi_list li{
		width: calc((100% - 65px)/6);
		padding: 2rem 0 1.866rem;
	}
	.rec-envi_sec{
		flex: 1;
		display: flex;
		align-items: center;
	}
}
@media screen and (min-width: 1600px) {	
	.rec-envi_list li{
		width: calc((100% - 100px)/6);
	}
	.rec-envi_no{
		font-size: 0.8rem;
		margin-bottom: 0.566rem;
	}
	.rec-envi_tit{
		font-size: 1.333rem;
	}
	.rec-envi_img{
		margin: 1.333rem auto 2.066rem;
	}
	.rec-envi_sec p{
		font-size: 1rem;
	}
}
@media screen and (max-width: 991px) {
	.rec-envi_list li{
		width: calc((100% - 20px)/3);
		margin-top: 10px;
	}
	.rec-envi_list li:nth-child(1), .rec-envi_list li:nth-child(2), .rec-envi_list li:nth-child(3){
		margin-top: 0;
	}
}
@media screen and (max-width: 767px) {
	.rec-envi_list li{
		width: calc((100% - 10px)/2);
	}
	.rec-envi_list li:nth-child(3){
		margin-top: 10px;
	}
}
/* Recruit - Jobs */
.rec-jobs{
	margin-top: 7.1428rem;
}
.rec-jobs .c-title1{
	margin-bottom: 3.4857rem;
}
.rec-jobs .c-title1, .rec-jobs_txtArea{
	width: 76.923%;
	margin-right: auto;
	margin-left: auto;
}
.rec-jobs .f20{
	line-height: 1.5;
	letter-spacing: 0.06em;
	margin-bottom: 1.1428rem;
}
.rec-jobs_block{
	width: 88.4615%;
	margin-left: auto;
	line-height: 1.6;
	letter-spacing: 0.06em;
}
@media screen and (min-width: 992px) {
	.rec-jobs{
		width: 92.7775%;
		margin-top: 8.5714rem;
		margin-left: auto;
	}
	.rec-jobs .c-title1{
		width: 100%;
		margin-right: 0;
		margin-left: 0;
	}
	.rec-jobs_flex{
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
	}
	.rec-jobs_txtArea{
		width: 30.05389%;
		margin: 0;
	}
	.rec-jobs_block{
		width: 63.059%;
		margin: 0;
	}
}
@media screen and (min-width: 1200px) {
	.rec-jobs .c-title1{
		margin-bottom: 6.666rem;
	}
	.rec-jobs .f20{
		margin-bottom: 1.666rem;
	}
}
@media screen and (min-width: 1200px) and (max-width: 1399px) {
	.rec-jobs_txtArea{
		width: 31.054%;
	}
	.rec-jobs_block{
		width: 62.059%;
	}
}
@media screen and (min-width: 1400px) {
	.rec-jobs{
		margin-top: 10.666rem;
	}
	.rec-jobs_txtArea{
		width: 27.054%;
	}
	.rec-jobs_block{
		width: 66.059%;
	}
}
@media screen and (min-width: 1500px) {
	.rec-jobs_txtArea{
		width: 25.054%;
	}
	.rec-jobs_block{
		width: 68.059%;
	}
}
@media screen and (min-width: 1600px) {
	.rec-jobs_block{
		width: 73.059%;
	}
}
@media screen and (min-width: 1700px) {
	.rec-jobs_txtArea{
		width: 23.05389%;
	}
	.rec-jobs_block{
		width: 72.059%;
	}
}
@media screen and (min-width: 1801px) {
	.rec-jobs{
		width: calc(50vw + 770px);
	}
}
@media screen and (max-width: 991px) {
	.rec-jobs_txtArea{
		margin-bottom: 3.7857rem;
	}
}

/* Recruit - Jobs Swiper items */
.rec_jobs-swiper .swiper-slide a{
	display: block;
	color: inherit;
	text-decoration: none;
}
.rec-jobs-img{
	position: relative;
	overflow: hidden;
	aspect-ratio: 31 / 40;
	border-radius: 5px;
	margin-bottom: 1.2142rem;
}
#page-main .rec-jobs-img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.4s ease;
}
.rec_jobs-swiper .swiper-slide a:hover .rec-jobs-img img{
	transform: scale(1.1);
}
.rec-jobs-img .plus{
	position: absolute;
	top: 0;
	left: 0;
	width: 16.129%;
	height: auto;
	aspect-ratio: 1 / 1;
	background-color: #d2460a;
	pointer-events: none;
	border-bottom-right-radius: 5px;
}
.rec-jobs-img .plus::before,
.rec-jobs-img .plus::after{
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	background-color: #fff;
	transform: translate(-50%, -50%);
}
.rec-jobs-img .plus::before{
	width: 32%;
	height: 1px;
}
.rec-jobs-img .plus::after{
	width: 1px;
	height: 32%;
}
.rec-jobs-tit{
	font-size: 1.2857rem;
	font-weight: 500;
	line-height: 1.5;
	margin-bottom: 0.8714rem;
}
.rec_jobs-swiper .txt_block{
	font-size: 1rem;
	line-height: 1.6;
	letter-spacing: 0.06em;
}
@media screen and (min-width: 1200px) {
	.rec-jobs-img{
		border-radius: 10px;
		margin-bottom: 1.9rem;
	}
	.rec-jobs-img .plus{
		border-bottom-right-radius: 10px;
	}
	.rec-jobs-tit{
		font-size: 1.366rem;
		margin-bottom: 1.466rem;
	}
	.rec_jobs-swiper .txt_block{
		font-size: 0.966rem;
	}
}
@media screen and (min-width: 1400px) {
	.rec-jobs-tit{
		font-size: 1.466rem;
		margin-bottom: 1.466rem;
	}
	.rec_jobs-swiper .txt_block{
		font-size: 1rem;
	}
}
.rec-jobs-pagination{
	position: relative;
	width: 87.3% !important;
	height: 1px !important;
	margin-top: 3.1714rem;
	background-color: #dcdcdc;
}
.rec-jobs-pagination .swiper-pagination-progressbar-fill{
	background-color: #000;
}
@media screen and (min-width: 768px) {
	.rec-jobs-pagination{
		width: 87% !important;
	}
}
@media screen and (min-width: 992px) {
	.rec-jobs-pagination{
		width: 87.6% !important;
	}
}
@media screen and (min-width: 1200px){
	.rec-jobs-pagination{
		margin-top: 5.166rem;
	}
}
@media screen and (min-width: 1400px) {
	.rec-jobs-pagination{
		width: 88.3% !important;
	}
}
@media screen and (min-width: 1500px) {
	.rec-jobs-pagination{
		width: 88.7% !important;
	}
}
@media screen and (min-width: 1600px) {
	.rec-jobs-pagination{
		width: 89.4% !important;
	}
}
@media screen and (min-width: 1700px) {
	.rec-jobs-pagination{
		width: 88.9% !important;
	}
}
@media screen and (min-width: 1900px) {
	.rec-jobs-pagination{
		width: 84.3% !important;
	}
}
/* Recruit - Interview */
.rec-interview{
	position: relative;
	margin-top: 7.1428rem;
	padding: 5.7142rem 0;
}
.rec-interview::before{
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #fff;
	z-index: -1;
	border-radius: 15px;
}
.rec-interview .inner{
	width: 76.923%;
	margin-right: auto;
	margin-left: auto;
}
.rec-interview-swiper a{
	display: block;
	color: inherit;
	text-decoration: none;
}
.rec-interview-swiper a:hover .rec-jobs-img img{
	transform: scale(1.1);
}
.rec-interview-txt{
	letter-spacing: 0.06em;
	line-height: 1.6;
}
.rec-interview-name{
	line-height: 1.2;
	letter-spacing: 0.06em;
	margin-bottom: 0;
}
@media screen and (min-width: 768px) {
	.rec-interview-swiper .swiper-wrapper{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.rec-interview-swiper .swiper-slide{
		width: calc((100% - 30px)/2);
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.rec-interview-swiper .swiper-slide:nth-child(3), .rec-interview-swiper .swiper-slide:nth-child(4){
		margin-top: 3.4714rem;
	}
}
@media screen and (min-width: 992px) {
	.rec-interview{
		width: 85.555%;
		max-width: 1540px;
		margin-top: 8.5714rem;
		margin-right: auto;
		margin-left: auto;
		padding: 8.5714rem 0 8.5rem;
	}
	.rec-interview .inner{
		width: 84.415%;
	}
	.rec-interview-swiper .swiper-slide{
		width: calc((100% - 60px)/4);
	}
}
@media screen and (min-width: 1200px) {
	.rec-interview::before{
		border-radius: 20px;
	}
	.rec-interview-swiper .rec-jobs-img{
		margin-bottom: 1.8rem;
	}
	.rec-interview-txt{
		margin-bottom: 1.366rem;
	}
}
@media screen and (min-width: 1400px) {
	.rec-interview{
		margin-top: 10.666rem;
		padding: 10.666rem 0 10.6rem;
	}
	.rec-interview-swiper .swiper-slide{
		width: calc((100% - 150px)/4);
	}
}
.rec-interview-pagination{
	display: none;
}
@media screen and (max-width: 767px) {
	.rec-interview .inner{
		width: 88.4615%;
		margin-left: auto;
		margin-right: 0;
	}
	.rec-interview-pagination{
		display: block;
		position: relative;
		width: 87.3% !important;
		height: 1px !important;
		margin-top: 3.4714rem;
		background-color: #dcdcdc;
	}
	.rec-interview-pagination .swiper-pagination-progressbar-fill{
		background-color: #000;
	}
}
/* Recruit - Who we Want */
.rec-who{
	margin-top: 6.8428rem;
}
.rec-who .rec_tit1{
	margin-bottom: 3.685rem;
}
.rec-who .f34{
	letter-spacing: 0.05em;
	line-height: 1.47;
	margin-bottom: 1.8428rem;
}
.cl-d2460a{
	color: #d2460a;
}
.rec-who-list{
	margin-bottom: 0;
	list-style: none;
}
.rec-who-list li{
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	letter-spacing: 0.06em;
	padding: 1.0714rem 0 2.857rem;
}
.rec-who-list li::before{
	position: absolute;
	content: "";
	background-color: #fff;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: -1;
	border-radius: 5px;
}
.rec-who-list li span{
	background-image: url(../images/page/recruit-chcek.svg);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
	display: block;
	margin-bottom: 0.4714rem;
}
@media screen and (min-width: 768px) {
	.rec-who .f34{
		margin-bottom: 2.557rem;
	}
	.rec-who-list{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.rec-who-list li{
		width: calc((100% - 10px)/2);
	}
}
@media screen and (min-width: 768px) and (max-width: 991px){
	.rec-who-list li:nth-child(3), .rec-who-list li:nth-child(4){
		margin-top: 20px;
	}
}
@media screen and (min-width: 992px) {
	.rec-who{
		margin-top: 8.378rem;
	}
	.rec-who-list li{
		width: calc((100% - 15px)/2);
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px){
	.rec-who-list li:nth-child(3), .rec-who-list li:nth-child(4){
		margin-top: 15px;
	}
}
@media screen and (min-width: 1200px) {
	.rec-who .rec_tit1{
		margin-bottom: 5.966rem;
	}
	.rec-who .rec_tit1 .f-eng{
		margin-bottom: 2.366rem;
	}
	.rec-who .f34{
		margin-bottom: 3.5rem;
	}
	.rec-who-list li{
		width: calc((100% - 20px)/2);
		padding: 1.666rem 0 4.2rem;
	}
	.rec-who-list li::before{
		border-radius: 10px;
	}
	.rec-who-list li span{
		width: 28px;
		height: 28px;
		margin-bottom: 1.066rem;
	}
}
@media screen and (min-width: 1200px) and (max-width: 1399px){
	.rec-who-list li:nth-child(3), .rec-who-list li:nth-child(4){
		margin-top: 20px;
	}
}
@media screen and (min-width: 1400px) {
	.rec-who{
		margin-top: 10.5rem;
	}
	.rec-who-list li{
		width: calc((100% - 60px)/4);
	}
}
@media screen and (max-width: 767px) {
	.rec-who-list li + li{
		margin-top: 10px;
	}
}
@media screen and (max-width: 575px) {
	.rec-who .f34{
		font-size: 1.5714rem;
	}
}
/* Recruit - Faq */
.rec-faq{
	width: 76.923%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 5.714rem;
}
.rec-faq .rec_tit1{
	margin-bottom: 3.107rem;
}
@media screen and (min-width: 992px) {
	.rec-faq{
		width: 73.333%;
		max-width: 1000px;
		margin-top: 8.271rem;
	}
}
@media screen and (min-width: 1200px) {
	.rec-faq .rec_tit1{
		margin-bottom: 5.566rem;
	}
}
@media screen and (min-width: 1400px) {
	.rec-faq{
		margin-top: 10.666rem;
	}
}
/*** accordion ***/
.accordion_area{
	position: relative;
}
.accordion_area .accordion_one{
	position: relative;
	border-radius: 5px;
	overflow: hidden;
}
.accordion_area .accordion_one::after{
	position: absolute;
    content: "";
    width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #fff;
	z-index: -1;
}
.accordion_area .accordion_one + .accordion_one{
	margin-top: 10px;
}
.accordion_area .accordion_one .ac_header {
	padding: 10px 30px 10px 15px;
	position: relative;
	display: flex;
	align-items: flex-start;
	z-index: 0;
	cursor: pointer;
	transition: .3s;
}
.accordion_area .accordion_one .ac_header:not(.open):hover {
	opacity: 0.8;
	transition: .3s;
}
.accordion_area .accordion_one .ac_header .i_box {
	position: absolute;
	top: 23px;
	right: 10px;
	width: 11px;
	height: 11px;
}
.accordion_area .accordion_one .ac_header .i_box:before, .accordion_area .accordion_one .ac_header .i_box:after {
	position: absolute;
	content: "";
	width: 100%;
	margin: auto;
	box-sizing: border-box;
	vertical-align: middle;
}
.accordion_area .accordion_one .ac_header .i_box:before {
	border-top: 1px solid rgba(0,0,0,0.7);
	width: 11px;
	height: 0;
	top: 0;
	bottom: 0;
	right: 0;
}
.accordion_area .accordion_one .ac_header .i_box:after {
	border-left: 1px solid rgba(0,0,0,0.7);
	width: 0;
	height: 11px;
	top: 0;
	bottom: 0;
	right: 5px;
	transition: .3s;
}
.accordion_area .accordion_one .ac_header.open .i_box:after {
	height: 0;
}
.accordion_area .accordion_one .ac_inner {
	display: none;
	padding: 20px 30px 25px 15px;
	position: relative;
}
.accordion_area .accordion_one .ac_inner::before{
	position: absolute;
	content: "";
	width: 100%;
	height: 1px;
	background-color: #dcdcdc;
	top: 0;
	left: 0;
}
.accordion_area .accordion_one .ac_inner .ac_inner_flex{
	display: flex;
}
@media screen and (min-width: 768px) {
	.accordion_area .accordion_one .ac_header{
		padding: px 40px 15px 20px;
	}
	.accordion_area .accordion_one .ac_header .i_box{
		top: 24px;
		right: 25px;
		width: 13px;
		height: 13px;
	}
	.accordion_area .accordion_one .ac_header .i_box::before{
		width: 13px;
	}
	.accordion_area .accordion_one .ac_header .i_box::after{
		height: 13px;
		right: 6px;
	}
}
@media screen and (min-width: 1200px){
	.accordion_area .accordion_one{
		border-radius: 10px;
	}
	.accordion_area .accordion_one + .accordion_one{
		margin-top: 20px;
	}
	.accordion_area .accordion_one .ac_header{
		padding: 15px 66px 15px 20px;
	}
	.accordion_area .accordion_one .ac_header .i_box{
		width: 16px;
		height: 16px;
		top: 28px;
		right: 30px;
	}
	.accordion_area .accordion_one .ac_header .i_box:before{
		width: 16px;
	}
	.accordion_area .accordion_one .ac_header .i_box:after{
		height: 16px;
		right: 7px;
	}
	.accordion_area .accordion_one .ac_inner{
		padding: 25px 66px 30px 20px;
	}
}
.ac_q, .ac_a{
	font-size: 1.071rem;
	line-height: 1;
	margin-right: 13px;
	width: 35px;
	height: 35px;
	border-radius: 50%;
	background-color: #d2460a;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
}
.p-faq__q-txt{
	letter-spacing: 0.06em;
	line-height: 1.5;
	font-size: 1.071rem;
	font-weight: 500;
	color: #000;
	margin-bottom: 0;
	width: calc(100% - (35px + 13px));
	align-self: center;
}
.p-faq__a-txt{
	width: calc(100% - (35px + 13px));
}
.p-faq__a-txt p{
	font-size: 1rem;
	line-height: 1.5;
	letter-spacing: 0.06em;
	text-align: justify;
	margin-bottom: 0;
}
@media screen and (min-width: 768px) {
	.ac_q, .ac_a{
		width: 40px;
		height: 40px;
		margin-right: 20px;
	}
	.p-faq__q-txt, .p-faq__a-txt{
		width: calc(100% - (40px + 20px));
	}
}
@media screen and (min-width: 1200px){
	.ac_q, .ac_a{
		font-size: 1.066rem;
		width: 42px;
		height: 42px;
	}
	.p-faq__q-txt{
		font-size: 1.066rem;
	}
	.p-faq__q-txt, .p-faq__a-txt{
		width: calc(100% - (42px + 20px));
	}
}

/*********************************
/* Requirements - 採用情報タブ
*********************************/
.rec-requirements{
	margin-top: 7.1428rem;
}
.rec-requirements .c-title1{
	margin-bottom: 3.1714rem;
}
.requirements-con {
	display: none;
}
.requirements-con.is-active {
	display: block;
}
.requirements-menu a {
	display: block;
	width: 100%;
	color: #b4b4b4;
	background-color: #fff;
	font-size: 1.0714rem;
	font-weight: 500;
	letter-spacing: 0.06em;
	line-height: 1;
	text-align: center;
	text-decoration: none;
	border-radius: 100px;
	padding: 0.47rem 1rem;
	transition: background-color .3s, color .3s;
}
.requirements-menu a.is-active {
	background-color: #d2460a;
	color: #fff;
	pointer-events: none;
	cursor: default;
}
.requirements-menu a:hover {
	text-decoration: none;
	color: #b4b4b4;
}
.requirements-table{
	width: 100%;
	border-collapse: collapse;
}
.requirements-table th, .requirements-table td{
	border-top: 1px solid rgba(140,140,140,0.25);
	border-bottom: 1px solid rgba(140,140,140,0.25);
	line-height: 1.6;
	letter-spacing: 0.06em;
	padding: 2.83rem 0;
}
.requirements-table th{
	font-weight: 500;
}
.requirements-table td{
	font-weight: 400;
}
@media screen and (min-width: 768px) {
	.rec-requirements .c-title1{
		margin-bottom: 3.8857rem;
	}
	.requirements-table th{
		width: 17%;
	}
	.requirements-table td{
		width: 83%;
	}
}
@media screen and (min-width: 992px) {
	.rec-requirements{
		margin-top: 9.6428rem;
	}
	.requirements-flex {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
	}
	.requirements-menu {
		width: 240px;
		position: sticky;
		top: 120px;
		display: flex;
		flex-direction: column;
		align-items: stretch;
	}
	.requirements-menu a + a {
		margin-top: 0.5rem;
	}
	.requirements-contents {
		width: calc(100% - 240px - 8rem);
	}
}
@media screen and (min-width: 1200px) {
	.rec-requirements .c-title1{
		margin-bottom: 7.066rem;
	}
	.requirements-menu {
		width: 320px;
		top: 180px;
	}
	.requirements-menu a{
		font-size: 1.2rem;
	}
	.requirements-menu a + a {
		margin-top: 1rem;
	}
	.requirements-contents{
		width: 58.935%;
		max-width: 1000px;
	}
}
@media screen and (min-width: 1400px) {
	.requirements-contents{
		width: 64.935%;
	}
}
@media screen and (max-width: 991px) {
	.requirements-menu {
		display: flex;
		flex-wrap: wrap;
		gap: 0.5rem;
		margin-bottom: 2.5rem;
	}
	.requirements-menu a {
		width: auto;
		padding: 0.5rem 1.2rem;
		font-size: 0.928rem;
	}
}
@media screen and (max-width: 767px) {
	.requirements-table th, .requirements-table td{
		display: block;
	}
	.requirements-table tr:not(:first-child) th{
		border-top: none;
	}
	.requirements-table th{
		border-bottom: none;
		padding: 1.5rem 0 0.728rem;
	}
	.requirements-table td{
		border-top: none;
		padding: 0 0 1.5rem;
	}
}
/* Recruit - Entry */
.bg_entry{
	position: relative;
	padding: 5.714rem 0;
	margin-top: 7.1428rem;
}
.bg_entry::before{
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #edece7;
	z-index: -1;
}
.rec-entry .c-title1{
	margin-bottom: 3.385rem;
}
.rec-entry-txtArea .txt_block{
	letter-spacing: 0.06em;
	line-height: 1.73;
	text-align: justify;
}
.rec-entry-txtArea .txt_block p + p{
	margin-top: 1.3428rem;
}
@media screen and (min-width: 992px) {
	.bg_entry{
		padding: 8.5714rem 0;
		margin-top: 9.6428rem;
	}
	.rec-entry{
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
	}
	.rec-entry-txtArea{
		width: 240px;
		position: sticky;
		top: 120px;
	}
	.rec-entry-form{
		width: calc(100% - 240px - 8rem);
	}
}
@media screen and (min-width: 1200px) {
	.rec-entry .c-title1{
		margin-bottom: 5.566rem;
	}
	.rec-entry-txtArea{
		width: 320px;
		position: sticky;
		top: 180px;
	}
	.rec-entry-txtArea .txt_block p + p{
		margin-top: 1.766rem;
	}
	.rec-entry-form{
		width: 58.935%;
		max-width: 1000px;
	}
}
@media screen and (min-width: 1400px) {
	.bg_entry{
		padding: 10.666rem 0;
		margin-top: 12rem;
	}
	.rec-entry-form{
		width: 64.935%;
	}
}
@media screen and (min-width: 1600px) {
	.rec-entry-txtArea{
		width: 415px;
	}
}
@media screen and (max-width: 991px) {
	.rec-entry-txtArea{
		margin-bottom: 3.5857rem;
	}
}



.rec-entry-form #form_customize .form_check_box .jobtype{
	row-gap: calc(10px - 8px);
}
.rec-entry-form #form_customize .form_check_box .jobtype .wpcf7-list-item{
	width: 50%;
	margin-right: 0;
}
.rec-entry-form #form_customize .form_check_box .jobtype .wpcf7-list-item:nth-child(3){
	width: 100%;
}
@media screen and (min-width: 768px) {
	.rec-entry-form #form_customize .form_check_box .jobtype{
		row-gap: calc(15px - 8px);
	}
	.rec-entry-form #form_customize .form_check_box .jobtype .wpcf7-list-item{
		width: 105px;
	}
	.rec-entry-form #form_customize .form_check_box .jobtype .wpcf7-list-item:nth-child(3){
		width: auto;
	}
}
@media screen and (min-width: 768px) {
	.rec-entry-form #form_customize .form_check_box .jobtype .wpcf7-list-item{
		width: 105px;
	}
	.rec-entry-form #form_customize .form_check_box .jobtype .wpcf7-list-item:nth-child(3){
		width: calc(100% - (105px * 2));
	}
	.rec-entry-form .reCAPTCHA_p{
		text-align: left;
		width: 75%;
		margin-left: auto;
	}
}
@media screen and (min-width: 992px) {
	.rec-entry-form #form_customize .form_check_box .jobtype .wpcf7-list-item{
		width: 120px;
	}
	.rec-entry-form #form_customize .form_check_box .jobtype .wpcf7-list-item:nth-child(3){
		width: 100%;
	}
}
@media screen and (min-width: 1164px) {
	.rec-entry-form #form_customize .form_check_box .jobtype .wpcf7-list-item:nth-child(3){
		width: calc(100% - (125px * 2));
	}
}
@media screen and (min-width: 1200px) {
	.rec-entry-form #form_customize .form_check_box .jobtype{
		row-gap: calc(20px - 8.5px);
	}
	.rec-entry-form #form_customize .form_check_box .jobtype .wpcf7-list-item{
		width: 135px;
	}
	.rec-entry-form #form_customize .form_check_box .jobtype .wpcf7-list-item:nth-child(3){
		width: calc(100% - (135px * 2));
	}
}
@media screen and (min-width: 1200px) and (max-width: 1399px) {
	.rec-entry-form #form_customize .form_check_box .jobtype .wpcf7-list-item:nth-child(3){
		width: 100%;
	}
}

/* Recruit - Modal */
.rec-modal .modal__content{
	background-color: #fff;
	width: 87.1794%;
}
.rec-modal .modal-trigger{
	position: absolute;
	top: 30px;
	right: 4.675%;
	margin: 0;
}
.rec-modal .modal__content{
	overflow: hidden;
	max-height: calc(100dvh - 150px);
	top: 50%;
	transform: translate(-50%,-50%);
	display: flex;
	flex-direction: column;
}
.rec-modal .modal__content-block{
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	flex: 1;
	min-height: 0;
}
.rec-modal .modal__content .inner{
	width: 85%;
	max-width: 1000px;
	margin-right: auto;
	margin-left: auto;
	padding: 5rem 0 5.7142rem;
}
#page-main .rec-modal-img img{
	border-radius: 5px;
}
.rec-modal-tit{
	position: relative;
	padding-bottom: 1.07142rem;
	margin-bottom: 2.357rem;
}
.rec-modal-tit::after{
	position: absolute;
	content: "";
	width: 100%;
	height: 1px;
	left: 0;
	bottom: 0;
	background-color: #dcdcdc;
}
.rec-modal-tit span{
	font-size: 1rem;
	display: block;
}
.rec-modal-txtArea .f20{
	line-height: 1.5;
	letter-spacing: 0.06em;
}
.rec-modal-txtArea .txt_block{
	letter-spacing: 0.06em;
	line-height: 1.6;
}
.rec-modal-txtArea > .f20{
	margin-bottom: 1.5428rem;
}
.rec-modal-job{
	margin-top: 2.8714rem;
}
.rec-modal-job > .f20{
	position: relative;
	padding-left: 16px;
}
.rec-modal-job > .f20::before{
	position: absolute;
	content: "";
	width: 6px;
	height: 6px;
	background-color: #232323;
	border-radius: 50%;
	top: 11px;
	left: 0;
}
.rec-modal-interview + .rec-modal-interview{
	margin-top: 2.514rem;
}
.rec-modal-interview .f20{
	position: relative;
	padding-left: 14.2857%;
}
.rec-modal-interview .f20::before{
	position: absolute;
	content: "";
	width: 10.714%;
	height: 1px;
	background-color: rgba(0,0,0,0.5);
	top: 13px;
	left: 0;
}
@media screen and (min-width: 768px) {
	.rec-modal .modal__content .inner{
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		padding: 7.1428rem 0 7.857rem;
	}
	.rec-modal-img{
		width: 36%;
		position: sticky;
	}
	.rec-modal-txtArea{
		width: 56%;
	}
	.rec-modal-tit.flex{
		display: flex;
		align-items: baseline;
		justify-content: space-between;
		flex-direction: row-reverse;
	}
}
@media screen and (min-width: 992px) {
	.rec-modal .modal__content{
		width: 85.555%;
		max-width: 1540px;
	}
	.rec-modal .modal__content .inner{
		padding: 7.5rem 0 8.0357rem;
	}
}
@media screen and (min-width: 1200px) {
	.rec-modal .modal__content .inner{
		padding: 9.333rem 0 10rem;
	}
	.rec-modal .modal-trigger{
		top: 70px;
		right: 4.675%;
	}
	.rec-modal-img{
		top: 9.333rem;
	}
	#page-main .rec-modal-img img{
		border-radius: 10px;
	}
	.rec-modal-tit{
		padding-bottom: 1.733rem;
		margin-bottom: 3.5rem;
	}
	.rec-modal-txtArea > .f20{
		margin-bottom: 2.15714rem;
	}
	.rec-modal-job{
		margin-top: 4.533rem;
	}
	.rec-modal-job > .f20::before{
		width: 7px;
		height: 7px;
		top: 12px;
	}
	.rec-modal-interview + .rec-modal-interview{
		margin-top: 3.433rem;
	}
	.rec-modal-interview .f20{
		margin-bottom: 1.633rem;
	}
	.rec-modal-interview .f20::before{
		top: 16px;
	}
}
@media screen and (max-width: 767px) {
	.rec-modal-img{
		margin-bottom: 3.585rem;
	}
	.rec-modal-tit span{
		margin-bottom: 0.333rem;
	}
}

/*********************************
/* After support - アフターサポート
*********************************/
.after-main{
	margin-top: 5.014rem;
}
.after-main .f34{
	margin-bottom: 1.2428rem;
	letter-spacing: 0.05em;
}
.after-main > .txt_block{
	letter-spacing: 0.06em;
	line-height: 1.73;
}
.after-setsubi{
	margin-top: 3.1714rem;
}
.after-setsubi-item{
	background-color: #d2460a;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	border-radius: 5px;
	height: 110px;
}

.after-setsubi-item p{
	font-size: 1.0714rem;
	letter-spacing: 0.08em;
	line-height: 1;
	margin-bottom: 0;
}
.after-setsubi-item p + p{
	margin-top: 0.6428rem;
}
.after-setsubi-item p .f-eng{
	font-size: 1.714rem;
	letter-spacing: 0.02em;
}
.after-setsubi-item p .bigtxt{
	font-size: 1.428rem;
	letter-spacing: 0.06em;
}
.after-setsubi-item:first-child p + p{
	margin-top: 0.414rem;
}
.after-setsubi-item:first-child p .f-eng{
	margin-right: 2px;
}
@media screen and (min-width: 768px) {
	.after-setsubi{
		display: flex;
		justify-content: space-between;
	}
	.after-setsubi-item{
		width: calc((100% - 20px)/3);
		height: 130px;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.after-setsubi-item p{
		font-size: 1rem;
		letter-spacing: 0.04em;
	}
}
@media screen and (min-width: 992px) {
	.after-setsubi-item{
		width: calc((100% - 50px)/3);
	}
}
@media screen and (min-width: 1200px) {
	.after-main .f34{
		margin-bottom: 2rem;
	}
	.after-setsubi{
		margin-top: 4.466rem;
	}
	.after-setsubi-item{
		height: 160px;
		border-radius: 10px;
		width: calc((100% - 70px)/3);
	}
	.after-setsubi-item p{
		font-size: 1.066rem;
	}
	.after-setsubi-item p + p{
		margin-top: 0.733rem;
	}
	.after-setsubi-item p .f-eng{
		font-size: 1.866rem;
	}
	.after-setsubi-item p .bigtxt{
		font-size: 1.6rem;
	}
	.after-setsubi-item:first-child p + p{
		margin-top: 0.333rem;
	}
	.after-setsubi-item:first-child p .f-eng{
		margin-right: 4px;
	}
	.after-setsubi-item:first-child p .bigtxt{
		margin-right: 2px;
	}
}
@media screen and (min-width: 1400px) {
	.after-main{
		margin-top: 9.866rem;
	}
}
@media screen and (max-width: 767px) {
	.after-setsubi-item + .after-setsubi-item{
		margin-top: 10px;
	}
}

.after-target{
	margin-top: 4.292rem;
}
.after-target .f28{
	margin-bottom: 2.757rem;
	letter-spacing: 0.08em;
}
.af-target-block{
	display: flex;
	flex-wrap: wrap;
}
.af-target-item{
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 1rem 0 1.285rem;
}
.af-target-item::before{
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #f8f7f4;
	border-radius: 5px;
	z-index: -1;
}
.af-target-tit{
	position: relative;
	padding-bottom: 0.2857rem;
	font-size: 1rem;
	letter-spacing: 0.06em;
	margin-bottom: 1.428rem;
}
.af-target-tit::after{
	position: absolute;
	content: "";
	width: 12px;
	height: 1px;
	background-color: #000;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
}
.af-target-img{
	width: 29.89%;
	margin: 0 auto 1.028rem;
}
.af-target-txt{
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 1;
	width: 100%;
}
.af-target-txt p{
	margin-bottom: 0;
	font-size: 0.923rem;
	line-height: 1.43;
	letter-spacing: 0.02em;
}
@media screen and (min-width: 768px) {
	.af-target-block{
		justify-content: space-between;
	}
	.af-target-item{
		width: calc((100% - 40px)/5);
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.af-target-tit{
		letter-spacing: 0;
	}
}
@media screen and (min-width: 992px) {
	.after-target{
		margin-top: 5.446rem;
	}
	.af-target-item{
		width: calc((100% - 60px)/5);
	}
}
@media screen and (min-width: 1200px) {
	.after-target .f28{
		margin-bottom: 4rem;
	}
	.af-target-item{
		padding: 2.133rem 0 1.6rem;
	}
	.af-target-item::before{
		border-radius: 10px;
	}
	.af-target-tit{
		padding-bottom: 0.533rem;
		margin-bottom: 1.933rem;
	}
	.af-target-img{
		margin-bottom: 1.333rem;
	}
	.af-target-txt p{
		font-size: 0.933rem;
	}
}
@media screen and (min-width: 1400px) {
	.after-target{
		margin-top: 6.266rem;
	}
	.af-target-item{
		width: calc((100% - 80px)/5);
	}
}
@media screen and (max-width: 1199px) {
	.after-target .f28{
		font-size: 1.6428rem;
	}
}
@media screen and (max-width: 767px) {
	.af-target-block{
		gap: 10px;
	}
	.af-target-item{
		width: calc((100% - 10px)/2);
	}
}
.after-hosyo{
	position: relative;
	margin-top: 6.1538rem;
	padding: 5.0714rem 0 5.714rem;
	overflow: hidden;
}
.after-hosyo::before{
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #f8f7f4;
	z-index: -1;
}
.tyouki-block .f34{
	letter-spacing: 0.05em;
	margin-bottom: 1.5692rem;
}
.tyouki-maintxt, .tyouki-txt{
	letter-spacing: 0.06em;
	line-height: 1.73;
}
@media screen and (min-width: 768px) {
	.tyouki-img{
		margin: 2.914rem 0;
	}
}
@media screen and (min-width: 992px) {
	.after-hosyo{
		margin-top: 9.23rem;
		padding: 7.928rem 0 8.571rem;
	}
}
@media screen and (min-width: 1200px) {
	.tyouki-block .f34{
		margin-bottom: 1.866rem;
	}
	.tyouki-img{
		margin: 4.933rem 0 4.833rem;
	}
}
@media screen and (min-width: 1400px) {
	.after-hosyo{
		margin-top: 10.666rem;
		padding: 9.933rem 0 10.666rem;
	}
}
.tyouki-scrollbar{
	display: none;
}
@media screen and (max-width: 767px) {
	.tyouki-img{
		width: 100vw;
		margin-left: 50%;
		transform: translateX(-50%);
		overflow-x: auto;
		-ms-overflow-style: none;
		scrollbar-width: none;
		margin-top: 2.914rem;
	}
	.tyouki-img::-webkit-scrollbar{
		display: none;
	}
	#page-main .tyouki-img img{
		max-width: 600px;
		padding: 0 11.5385%;
	}
	.tyouki-scrollbar{
		display: block;
		position: relative;
		width: 100%;
		height: 3px;
		margin: 12px 0 2.914rem;
		background-color: rgba(0, 0, 0, 0.12);
		border-radius: 2px;
	}
	.tyouki-scrollbar-thumb{
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.5);
		border-radius: 2px;
		cursor: pointer;
	}
}
.hosyo-block{
	margin-top: 3.985rem;
}
.hosyo-item + .hosyo-item{
	margin-top: 3.985rem;
}
.hosyo-img{
	border-radius: 5px;
	overflow: hidden;
	margin-bottom: 1.7rem;
}
.hosyo-txtArea .f28{
	letter-spacing: 0.08em;
	line-height: 1.78;
	margin-bottom: 1.1428rem;
}
.hosyo-txtArea .txt_block{
	letter-spacing: 0.06em;
	line-height: 1.6;
}
@media screen and (min-width: 768px) {
	.hosyo-item{
		display: flex;
		justify-content: space-between;
	}
	.hosyo-item:nth-child(even){
		flex-direction: row-reverse;
	}
	.hosyo-img{
		width: 52.307%;
		margin-bottom: 0;
	}
	.hosyo-txtArea{
		width: 40%;
		align-self: center;
	}
}
@media screen and (min-width: 992px) {
	.hosyo-block{
		margin-top: 5.446rem;
	}
}
@media screen and (min-width: 1200px) {
	.hosyo-item + .hosyo-item{
		margin-top: 6.666rem;
	}
	.hosyo-img{
		border-radius: 10px;
	}
	.hosyo-txtArea .f28{
		margin-bottom: 2.233rem;
	}
}
@media screen and (min-width: 1400px) {
	.hosyo-block{
		margin-top: 6.366rem;
	}
}
@media screen and (max-width: 1199px) {
	.after-hosyo .f28{
		font-size: 1.6428rem;
	}
}
.kasai-block{
	margin-top: 3.9rem;
}
.kasai-block .f28{
	letter-spacing: 0.08em;
	line-height: 1.78;
	margin-bottom: 1.9rem;
}
.kasai-item{
	position: relative;
	padding: 1.785rem 6.349% 3rem;
}
.kasai-item::before{
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #fff;
	z-index: -1;
	border-radius: 5px;
}
.kasai-tit{
	position: relative;
	font-size: 1.107rem;
	letter-spacing: 0.03em;
	line-height: 1.6;
	padding-bottom: 1.214rem;
	margin-bottom: 1.028rem;
}
.kasai-tit::after{
	position: absolute;
	content: "";
	width: 100%;
	height: 1px;
	background-color: rgba(200,200,200,0.25);
	left: 0;
	bottom: 0;
}
.kasai-item .txt_block{
	line-height: 1.6;
	letter-spacing: 0.06em;
}
@media screen and (min-width: 768px) {
	.kasai-list{
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
	}
	.kasai-item{
		width: calc((100% - 10px)/2);
	}
}
@media screen and (min-width: 992px) {
	.kasai-block{
		margin-top: 5.796rem;
	}
	.kasai-list{
		gap: 20px;
	}
	.kasai-item{
		width: calc((100% - 20px)/2);
	}
}
@media screen and (min-width: 1200px) {
	.kasai-block .f28{
		margin-bottom: 3.266rem;
	}
	.kasai-list{
		gap: 30px;
	}
	.kasai-item{
		padding: 2.8rem 2.66rem 4.66rem;
		width: calc((100% - 30px)/2);
	}
	.kasai-item::before{
		border-radius: 10px;
	}
	.kasai-tit{
		font-size: 1.2rem;
		padding-bottom: 1.666rem;
		margin-bottom: 1.6rem;
	}
}
@media screen and (min-width: 1400px) {
	.kasai-block{
		margin-top: 7.433rem;
	}
}
@media screen and (max-width: 1199px) {
	.kasai-block .f28{
		font-size: 1.6428rem;
	}
}
@media screen and (max-width: 767px) {
	.kasai-item + .kasai-item{
		margin-top: 20px;
	}
}
.after-faq{
	margin-top: 5.014rem;
	padding-bottom: 6.428rem;
}
.after-faq .f34{
	letter-spacing: 0.04em;
	margin-bottom: 2.714rem;
}
.after-faq .accordion_area .accordion_one::after{
	background-color: #f8f7f4;
}
@media screen and (min-width: 992px) {
	.after-faq{
		margin-top: 7.8714rem;
		padding-bottom: 9.6428rem;
	}
}
@media screen and (min-width: 1200px) {
	.after-faq .f34{
		margin-bottom: 4.966rem;
	}
}
@media screen and (min-width: 1400px) {
	.after-faq{
		margin-top: 9.966rem;
		padding-bottom: 12rem;
	}
}