@charset "utf-8";


/* 会社案内
----------------------- */
	
.list_wrap li{
	text-align: center;		
	font-weight: bold;
	padding: 0.8rem 1rem;
	/*background: #e9e9e9;*/
	border: 1px solid #aaa;
	border-radius: 0.5rem;
}

.list_wrap .layout-colmn2 li{
	width: calc(100% / 2 - 1rem);
	box-sizing: border-box;
	margin: 0.5rem 0;
}


.layout-colmn2 figure{
	margin-bottom: 2rem;
}


@media print, screen and (min-width: 1080px){

	.layout-colmn2 figure{
		width: 35%;
		margin-bottom: 0;
	}
	
	.layout-colmn2 .list_wrap{
		flex: 1;
		margin-left: 5%;
		background: #fff;
	}
	
	.list_wrap .layout-colmn2 li{
		margin: 1rem 0;
	}


}


/* 会社案内 - アクセス
----------------------- */

.page.about #main_img{
	background: url("../../about/images/main.jpg") no-repeat center / cover;
}

.google_map{
	padding-top: 90%;
	margin-bottom: 5rem;
}

.car_info,
.train_info{
	/*padding: 0 2%;*/
	padding: 0;
	box-sizing: border-box;
}

.access_info_wrap dt{
	padding: 0.5rem 1rem;
	margin-bottom: 1rem;
	background: #eee;
}

#sales .layout-colmn3 li{
	width: calc(100% / 2 - 1rem);
}


@media print, screen and (min-width: 760px){
	
	.access_map .illust_map{
		flex: 1;
	}
	
	.access_map .google_map{
		width: 60%;
		margin-right: 5%;
		margin-bottom: 0;
		padding-top: 31.25%;
	}
	
	
	#sales .layout-colmn3 li{
		width: calc(100% / 3 - 3rem);
		margin-bottom: 2rem;
	}
	
	/*.access_info_wrap{
		width: 60%;
		margin-left: 5%;
	}*/
}


/* 会社案内 - プライバシーポリシー
----------------------- -------*/

.policy .container li{
	padding-left: 1rem;
}

.policy .container li:not(:last-of-type){
	margin-bottom: 2rem;
}



/* 会社案内 - クラブ・サークル紹介
----------------------- -------*/
.page.club #main_img{
	background: url("../../about/images/club/main.jpg") no-repeat center / cover;
}


.page.club #page_catch{
	padding-bottom: 0;
    margin-bottom: 2rem;
}

.page.club #page_catch::before{
	background: url("../../about/images/club/club.png") no-repeat right center / contain;
}

.grid_box.layout-colmn3 > div,
.grid_box.layout-colmn3 > figure{
	width: auto;
}

/*.grid_box.ai_c{
	align-content: center;
}*/

.grid_box.layout-colmn3{
	display: grid;
	grid-template-columns:1fr 1fr;
	grid-gap: 0.5rem;
}


.grid_box.layout-colmn3.gap-none{
	grid-gap: 0;
}

.grid_box.layout-colmn3.gap-none figure{
	border:none;
	padding: 0;
}
	
.grid_box .item1{
	grid-row: 1 / 3;
   	grid-column: 1 / 2;
}
	
.grid_box .item1 img{
	width: 100%;
    height: 100%;
    object-fit: cover;
}

.club .grid_box{
	margin-bottom: 4rem;
}

.club .grid_box.layout-colmn3 .ph{
	 grid-column: 1 / 3;
}

/*.club .flex_box{
	align-items: center;
}*/

.club .flex_box .text_box{
	text-align: center;
	box-sizing: border-box;
}

.sp_colmn1{
}

.grid_box .banner_text{
	font-size: 105%;
	color: #fff;
	border: none;
	background: linear-gradient(320deg, #0e254e, #000a1a);
	grid-column: 1 / 3;
	padding: 2rem 1rem;
}

.grid_box .banner_text p{
	margin: 0;
}


@media print, screen and (min-width: 1080px){
	
/*	.grid_box.layout-colmn3 > div,
	.grid_box.layout-colmn3 > figure{
		padding: 5px;
	    border: 1px solid #888;
	}*/

	.grid_box.layout-colmn3{
		grid-template-columns:1fr 1fr 1fr;
		grid-gap: 1rem;
	}
	
	.grid_box .banner_text{
		grid-column:auto;
		position: relative;
	}
	
	.grid_box .banner_text::before,
	.grid_box .banner_text::after{
		content: ""; display: block;
		width: 5rem; height: 50%;
		
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
	}
	
	.grid_box .banner_text::before{
		background: url("../../about/images/club/ornment01.png") no-repeat center / contain;
		left: 5%;
	}
	
	.grid_box .banner_text::after{
		background: url("../../about/images/club/ornment02.png") no-repeat center / contain;
		right: 5%;
	}
}
	

	
/*eof*/