@charset "utf-8";
.page_about{

}
.page_about .info_btn{
	background: #046BD2;
}
.page_about .info_cta{
	padding-top: 0;
}
/* ===== メインビジュアル ===== */
.page_about_mv .mv_lead{
	font-size: clamp(16px, 2vw, 20px);
	padding: 0 20px;
}



/* オフィシャルSNS */
.about_box{
display: grid;
align-items: center;
margin-top: 80px;
grid-template-columns: 1fr 1fr;
gap: 50px;
background: #fff;
border: 1px solid #ccc;
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.25);
padding: clamp(40px, 5vw, 100px);
margin-top: 100px;
}
.about_box:last-child{
	margin-bottom: 100px;
}

.about_content{
	border: 1px solid #ccc;
	padding: clamp(30px, 4vw, 46px);
}

.about_content h2{
	font-weight: 600;
		font-size: clamp(18px, 3vw, 21px);

}
.about_content .main_text{
	margin: 20px 0 27px 0;
	line-height: 1.7;
}
.about_button_SNS_wrapper{
	margin: 0 auto;
	width: 100%;
}
.about_button_SNS{
/* CTA */
    display: flex;
    align-items: center;
	justify-content: center;
    padding: 12px 60px;
	background: #44CFCF;
	color: #fff;
	font-size: 24px;
	box-sizing: border-box; /* パディング込みで幅を計算 */
	flex-direction: row;
}
/* .about_button_A{
	padding-right: 10px;
} */
.about_img{
	max-width: 484px;
	width: 100%;
}




@media(max-width:1080px){
	.about_box{
		display: block;
		text-align: center;
		margin-top: 80px;
	}

	.about_content{
		max-width: 484px;
		margin: 0 auto 50px auto;
		width: 100%;


	}
	.about_img{
		margin: 0 auto;
	}
}

@media(max-width:768px){
	.about_box {
	    padding: 40px 0;
		max-width: 600px;
		margin-top: 60px;

}
}
@media(max-width:580px){
	.about_box{
		padding: 20px;
	}
	.about_button_SNS{
		padding:  8px 0;
	}
	.about_content{
		padding: 20px;
		margin: 0 auto 20px 0;
	}
}

  /* ---------------------------- */
  /* Access */
  /* ---------------------------- */
.info_container{
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 50px;
	padding-top: 80px;
	font-size: 1rem;
}
.access_map{
	aspect-ratio: 1 / 1;
	width: 100%;
	overflow: hidden;
	max-width: 480px;
	min-width: 350px;
}
.access_map iframe{
	width: 100%;
	height: 100%;
	border: 0;
}
.info_size{
	font-size: clamp(20px, calc(20px + 4 * ((100vw - 375px) / 393)), 24px);
	font-weight: 600;
	letter-spacing: 0.05em;
}
.access_info{
	padding-top: 30px;
	padding-bottom: 20px;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
}
.access_info dl{
	display: grid;
	grid-template-columns: auto 1fr;
	row-gap: 25px;
	column-gap: 18px;
}
.access_info dt{
	font-weight: 400;
	white-space: nowrap;
	font-size: clamp(15px, calc(15px + 3 * ((100vw - 375px) / 393)), 18px);
}
.flex_dt{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.access_info dd{
	line-height: 1.7;
	font-weight: 400;
}
.access_info a{
	color: inherit;
	text-decoration: none;
}
.access_divider{
	grid-column: 1 / -1;
	border: none;
	border-top: 1px solid #999999;
	padding-bottom: 10px;
}
.ok_text{
	font-size: 0.8125rem;
}


/* アクセス */

.about_box_access{
	border: 1px solid #ccc;
	background: #fff;
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.25);
margin-top: 100px;
    padding: clamp(40px, 5vw, 100px);
}

.about_box_access .info_container{
	padding-top: 31px;
}

/* アクセス詳細 */
.access_detail{
	    display: grid;
		margin-top: 80px;
    grid-template-columns: 1fr 1fr;
	    gap: 50px;
		align-items: start;
}
.access_box{
	display: flex;
	    gap: 20px;
}
.floor-list {
	border: 2px solid #ccc;
	max-width: 320px;
	width: 100%;

}

.floor_list_items li {
  padding: 20px 0;
  text-align: center;
}
/* １番目だけ半分幅に */
.half_line{
	position: relative;
}
.half_line::after{
	  position: absolute;
  content: '';
  width: 50%;
  height: 2px;
  display: inline-block;
  background-color: #ccc;
  left: 0;
  bottom: 0;
}
/* 全アイテム：下線を入れる（最後は消す） */
.floor_list_items li:nth-of-type(2) {
  border-bottom: 2px solid #ccc;
}
.floor_list_items li:last-child {
  background: #e0fdfd;
}


/* フロアの説明 */
.floor_details{
	line-height: 2;
}
/* .floor_details li span{
	color: #999999;
} */
.floor_details li:first-child{
	margin-bottom: 20px;
}

@media(max-width:1080px){
	.info_container{
		grid-template-columns: 1fr;
	}
	.access_map{
		max-width: 480px;
		margin: 0 auto;
	}
	.access_info{
		max-width: 480px;
		margin: 0 auto;
		width: 100%;
	}
	.access_divider{
		padding-bottom: 0;
	}
	.access_detail{
		display: block;
	}
	.access_box{
		display: block;
	}
	.floor-list{
		margin: 50px auto;
	}
}
@media(max-width:768px){

	.access_map{
		margin-bottom: 50px;
		max-width: 480px;
	}
}
@media(max-width:580px){
	.access_map{
		min-width: 300px;
	}
	.info_btn{
		padding: 20px 30px;
	}
	.info_container{
		gap: 0;
	}
	.about_box_access{
		padding: 20px;
	}
	.page_about .info_btn{
	padding: 20px 10px;
}
}

@media(max-width:768px){
	/* .about_box_access{
	    padding: 40px 0;
		
} */
	.about_box_access .access{
		max-width: 600px;
	}
}
/* むさしセクション */
@media(max-width:1080px){
.musashi .about_content{
    margin: 50px auto 0 auto;
}
}
@media(max-width:580px){
	.musashi .about_content{
		margin: 20px auto 0 auto;
	}
}

/* cta修正 */
.page_about .info_cta {
	min-width: 100%;
}