@charset "utf-8";
/* CSS Document */

.info_wrap_page{
	width:100%;
	max-width:980px;
	margin:0 auto;
}

.info_wrap_page .company_a{
	width:100%;
}

.info_wrap_page .company_a .company-wrap{
	width:100%;
}

.info_wrap_page .company_a .item{
	padding:clamp(22px,3vw,34px) 0;
	border-bottom:1px solid rgba(51,51,51,.12);
}

.info_wrap_page .company_a .item h3{
	width:22%;
	min-width:130px;
	font-weight:500;
	letter-spacing:.08em;
}

.info_wrap_page .company_a .item > div{
	width:78%;
}

.info_wrap_page .company_a .item p,
.info_wrap_page .company_a .item a{
	letter-spacing:.08em;
	line-height:1.9;
	font-weight:400;
	color:inherit;
}

@media screen and (max-width:768px){
	.info_wrap_page .company_a .item{
		flex-direction:column;
		gap:8px;
	}

	.info_wrap_page .company_a .item h3,
	.info_wrap_page .company_a .item > div{
		width:100%;
	}
}


.access_wrap{
	width:100%;
	max-width:1080px;
	margin:0 auto;
}

.access_wrap .mapbox{
	width:100%;
	aspect-ratio:2 / 1;
	overflow:hidden;
}

.access_wrap .mapbox iframe{
	width:100%;
	height:100%;
	display:block;
}

.access_wrap .access_txt{
	display:flex;
	flex-direction:column;
	gap:20px;
}

.access_wrap .access_item h3{
	position:relative;
	letter-spacing:.08em;
	margin-bottom:8px;
	padding-left:18px;
}

.access_wrap .access_item h3::before{
	content:"";
	position:absolute;
	left:0;
	top:.55em;
	width:10px;
	aspect-ratio:1/1;
	border-radius:50%;
	background:#1f6784;
}

.access_wrap .access_movie{
	text-align:center;
}

.access_wrap .access_movie > p{
	letter-spacing:.08em;
}


@media screen and (max-width:576px){
	.access_wrap .mapbox{
		aspect-ratio:1.2 / 1;
	}
}
.access_wrap .insta_embed{
	width:100%;
	margin:0 auto;
	border-radius:8px;
	overflow:hidden;
}
.access_wrap .access_movie{
	text-align:center;
}

.access_wrap .access_movie > p{
	letter-spacing:.08em;
}
.staff_page_wrap{
	width:100%;
	max-width:980px;
	margin:0 auto;
}

.staff_page_wrap .staff_main .imgbox{
	width:100%;
	aspect-ratio:1.9 / 1;
	overflow:hidden;
	border-radius:8px;
}

.staff_page_wrap .staff_main .imgbox img{
	width:100%;
	height:100%;
	object-fit:cover;
	display:block;
}

.staff_page_wrap .staff_message{
	max-width:780px;
	margin-left:auto;
	margin-right:auto;
}

.staff_page_wrap .staff_message h3{
	letter-spacing:.12em;
	line-height:1.8;
}

.staff_page_wrap .staff_message p{
	letter-spacing:.08em;
}

.staff_page_wrap .staff_list{
	--gap:clamp(50px,7vw,90px);
	flex-wrap:wrap;
	align-items:flex-start;
	gap:var(--gap);
}

.staff_page_wrap .staff_item{
	width:calc(50% - var(--gap) / 2);
}

.staff_page_wrap .staff_item .head{
	align-items:center;
	justify-content:flex-start;
	gap:clamp(18px,3vw,30px);
	margin-bottom:clamp(24px,4vw,36px);
}

.staff_page_wrap .staff_item .head .imgbox{
	width:clamp(100px,13vw,150px);
	aspect-ratio:1 / 1;
	overflow:hidden;
    border-radius: 50%;
}

.staff_page_wrap .staff_item .head .imgbox img{
	width:100%;
	height:100%;
	object-fit:cover;
	display:block;
}

.staff_page_wrap .staff_item .namebox .en{
	line-height:1;
	letter-spacing:.16em;
	margin-bottom:8px;
}

.staff_page_wrap .staff_item .namebox p:last-child{
	letter-spacing:.08em;
}

.staff_page_wrap .profile h3{
	letter-spacing:.08em;
	margin-bottom:8px;
	font-weight:600;
}

.staff_page_wrap .profile p{
	line-height:2;
	letter-spacing:.06em;
	padding-bottom:16px;
	margin-bottom:18px;
	border-bottom:1px dashed rgba(51,51,51,.35);
    font-size: 14px;
}

@media screen and (max-width:768px){
	.staff_page_wrap .staff_main .imgbox{
		aspect-ratio:1.35 / 1;
	}

	.staff_page_wrap .staff_list{
		gap:50px;
	}

	.staff_page_wrap .staff_item{
		width:100%;
        max-width: 450px;
	}
}

@media screen and (max-width:576px){
	.staff_page_wrap .staff_item .head{
		align-items:flex-start;
	}

	.staff_page_wrap .staff_item .head .imgbox{
		width:110px;
	}
}
@media screen and (max-width: 576px) {
    .pagetitle h1 {
        font-size: clamp(32px, 12vw, 36px);
    }
}
/* ---------- IEのみ ---------- */
@media all and (-ms-high-contrast: none) {
}
/* ---------- 1280px ~ ---------- */
@media screen and (max-width: 1280px){
}
/* ---------- 1080px ~ ---------- */
@media screen and (max-width: 1080px){
}
/* ---------- 768px ~ ---------- */
@media screen and (max-width: 768px){
}
/* ---------- 576px ~ ---------- */
@media screen and (max-width: 576px){
}
/* ---------- 350px ~ ---------- */
@media screen and (max-width: 350px){
}