@charset 'UTF-8';

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

	トップページ

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */

@import url(cate.css);

/* ================================================================================

	レイアウト

================================================================================ */

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	#wrapper {
	}

	main.outer_wrap {
		position: relative;
		max-width: none;
		/* max-width: 1920px; 固定幅レイアウト時 */
		width: 100%;
		min-height: 50vh;
		display: block;
		margin: 0 auto;
	}

	.inner_wrap {
		position: relative;
	}
}



/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	#wrapper {
	}

	main.outer_wrap {
		position: relative;
		width: 100%;
	}

	.inner_wrap {
		position: relative;
	}
}





/* ================================================================================

	メイン画像

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.main_top {
		position: relative;
	}
	.main_top {
  width: 100%; /* コンテナの幅をビューポートに合わせる */
  text-align: right; /* 子要素を右に整列 */
  padding-left: 15vw; /* 左側に余白を作る */
}
	

.main_top img {
  width: 85vw; /* 画像の幅をビューポートの90%に設定 */
  max-width: 100%; /* 画像がコンテナより大きくならないように設定 */
  height: auto; /* 高さを自動調整 */
}
	.main_top_in {
		position: relative;
	}
	.fv_text{
		position:absolute;
		left:5vw;
		bottom:60px;
		width:600px!important;
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.main_top {
		position: relative;
	}
	.main_top_in {
		position: relative;
	}
}





/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★

	ここからコンテンツ内容

★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */



/* ================================================================================

共通部分

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.section_ttle{
		
		font-size:18px;
		position:relative;
		padding-left:35px;
		margin:20px 0px;
		margin-bottom:50px!important;
	}
	.section_ttle::after{	
		background:#707070;
		position:absolute;
		content:"";
		width:27px;
		height:1px;
		top: 50%;
    left: 0%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
	
	}
	
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.inner_wrap{
		padding:0;
	}
	.section_ttle{
		
		font-size:14px;
		position:relative;
		padding-left:30px;
		margin:0px 0px;
	}
	.section_ttle::after{	
		background:#707070;
		position:absolute;
		content:"";
		width:27px;
		height:1px;
		top: 50%;
    left: 0%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
	
	}
	
}






/* ================================================================================

MV、Counseling

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	#mv{
		position:relative;
		height:100vh;
	}
	.mv_img img{
		position:absolute;
		width:90vw;
		max-width:100vw!important;
		left:0;
	}
	
	#counseling{
		position:relative;
	}
	.top-01 {
		position:absolute;
		width:440px;
		height:auto;
		left:-150px;
		top:-200px;
	}
	.top-02 {
		position:absolute;
		width:510px;
		height:auto;
		left:-40px;
		top:0px;
	}
	
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	
}





/* ================================================================================

Menu

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	#menu{
		position:relative;
	}
	.menu_bg img{
		position:absolute;
		z-index:0;
		top:-120px;
		max-width:100vw!important;
		left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	#menu{
		position:relative;
	}
	.menu_bg img{
		opacity:0.7;
		object-position:right;
		object-fit:cover;
		position:absolute;
		z-index:0;
		top:-30px;
		max-width:100vw!important;
		height:300px;
		left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	}
	
}





/* ================================================================================

Event

================================================================================ */
.latest-event-thumbnail {
	position: relative;
    width: 100%; /* コンテナの幅を指定 */
    padding-top: 56.25%; /* 16:9のアスペクト比に基づく高さ (9 / 16 * 100%) */
    overflow: hidden; /* 画像がコンテナからはみ出さないように */
}

.latest-event-thumbnail img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* 画像がコンテナにぴったりと収まるように調整 */
}

.latest-events {
    display: flex;
    flex-wrap: wrap;
    margin: -15px; /* 各アイテム間の余白調整 */
}

.latest-event-article {
    width: 100%; /* スマートフォンではデフォルトで1カラム */
    padding: 15px; /* 余白調整 */
}
.latest-event-info{
	margin-top:15px;
}

/* PC表示時に2カラムにするためのメディアクエリ */
@media (min-width: 768px) {
    .latest-event-article {
        width: 50%; /* PCでは2カラム */
    }
}


.reception{
	font-size:14px;
	 background:#47A400;
	padding:10px 20px;
	border-radius:50px;
	margin-right:20px;
	color:#fff;
}
.latest-event-article.accepting {
   background:#47A400;
}

.latest-events .title{
	margin:10px 0px;
}

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	#event{
		position:relative;
		
	}
	#event:after{
		position:absolute;
		content:"";
		background:#EFF1F3;
		height:100%;
		width:100vw;
		top: 50%;
    left: 0%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
		z-index:-1;
		
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	 .latest-event-article {
        width: 100%;
    }
	.reception{
	font-size:12px;
	 background:#47A400;
	padding:5px 10px;
	border-radius:50px;
	margin-right:10px;
	color:#fff;
}
}





/* ================================================================================

ブログ

================================================================================ */
.post_wrap ul li:nth-child(n+7){
	display:none;
}

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	
}