@charset "utf-8";

/* -------------------------------------------------------------------
メインビジュアルの設定
------------------------------------------------------------------- */
.sub-main{
	background: linear-gradient(90deg, #ECECE9 0%, #ECECE9 50%, #DDD9D5 50%, #DDD9D5 100%);
	text-align:center;
}
.sub-main_text{
	width:min(90%,1336px);
	margin: 0 auto;
	color:#727171;
	padding:5em 0 3em;
	display:grid;
	grid-template-columns:1fr;
	text-align:center;
	gap:30px 0;
}


@media screen and (min-width:768px){
.sub-main_text{
	padding:5em 0;
	display:flex;
	justify-content:space-between;
	gap:0px 0px;
	align-items:center;
	}
}

.sub-main_text p{
	font-size:clamp(14px,4vw,18px);
	letter-spacing:1.5px;
}
.sub-main_text p .ceo{
	display:block;
	margin:5px 0 0;
}
.sub-main_text p .name{
	display:inline-block;
	margin:0 5px;
}
@media screen and (min-width:768px){
.sub-main_text p .ceo{
	display:inline-block;
	margin:0px 30px 0 30px;
}
.sub-main_text p .name{
	display:inline-block;
	margin:0 0px;
	}
}
.company-text{
	width:min(90%,1336px);
	margin: 0 auto;
	padding:2em 0 6em;
}

.company-text p{
	font-size:clamp(14px,3vw,16px);
	letter-spacing:1.5px;
	line-height:1.7;
}


.company_inner{
	width:min(90%,1336px);
	margin: 0 auto;
	padding:2em 0 0em;
}
.company_inner p{
	font-size:clamp(14px,3vw,18px);
	letter-spacing:1.5px;
	line-height:1.7;
	width:min(100%,850px);
	margin: 0 auto;
}
.company_inner p.center-in{
	text-align:center;
}

.company-h3{
	color:#727171;
	font-size:clamp(18px,5vw,23px);
	letter-spacing:5px;
	line-height:1.7;
	text-align:center;
	font-weight:600;
	margin:0 0 30px;

}
.company-h3 span{
	border-bottom:2px solid #727171;
	display:inline-block;
	padding:0 30px 1px;
}
.company-h3-img{
	text-align:center;
	padding:0 0 30px;
	max-width:55%;
	margin: 0 auto;
}
@media screen and (min-width:768px){
.company-h3-img{
	max-width:100%;
	}
}

.campany-table{
	width:100%;
	font-size:clamp(14px,3.5vw,17px);
}
.campany-table th{
	padding:5px 10px;
	text-align:right;
	width:15%;
}
.campany-table td{
	padding:5px 10px;
}
.campany-table td span{
	display:block;
}
.campany-table td a{
	display:block;
	color:#076baf;
	text-decoration:underline;
	}
@media screen and (max-width:768px){
.campany-table{
	width:95%;
	margin: 0 auto;
	}
.campany-table th{
	padding:5px 10px;
	text-align:left;
	width:100%;
	display:block;
	border-bottom:1px solid #222;
	}
.campany-table td{
	padding:5px 10px 30px 10px;
	width:100%;
	display:block;
	}
}
.map_inner{
	border-top:1px solid #222;
	padding:15px 0;
	margin:30px 0 0;
}
.map_inner .map-h4{
	font-size:clamp(16px,5.5vw,22px);
	line-height:1.3;
	margin:0 0 10px;
}

.map_inner p{
	font-size:clamp(12px,3vw,16px);
}

.map_inner .add{
	display:block;
	margin:8px 0 -3px;

}
@media screen and (min-width:768px){
.map_inner .add{
	display:inline-block;
	margin:0px 10px 0px 0;
	}
}
.map_inner .tel{
	font-size:clamp(12px,3vw,16px);
	letter-spacing:1.5px;
	line-height:1.7;
}
.map_inner a{
	display:block;
	color:#076baf;
	text-decoration:underline;
	}

@media screen and (min-width:768px){
.map_inner .tel{
	display:flex;
	gap:0 20px;
	}
}
iframe{
	display:block;
	margin:30px auto 0px;
	height:300px;
	width:100%;
}
@media screen and (min-width:768px){
iframe{
	width:650px;
	height:450px;
	margin:45px auto 0px;
	}
}
.space-margin{
	margin:60px auto 0;
}
@media screen and (min-width:768px){
.space-margin{
	margin:120px auto 0;
	}
}