@charset "UTF-8";
/*
	テンプレートファイルfront-page.php専用css
*/
/*====================================
メインビジュアル
=====================================*/
/* plugin MetaSlider*/
.metaslider,
.slides {
	overflow: hidden; /*はみ出させない*/
}



	/*====================================
	メインビジュアル	769px以上
	=====================================*/
	/* @media screen and (min-width: 769px) {
		.main-visual {
			margin-top: 12.5rem;
		}
	} */
	/*上部に隙間*/
	/*====================================
	メインビジュアル	768px以下
	=====================================*/
	/* @media screen and (max-width: 768px) {
		.main-visual {
			margin-top: 11.12rem;
		}
	} */
	/*上部に隙間*/
/*====================================
セクションエリア共通
=====================================*/
	/*====================================
	セクションエリア共通	769px以上
	=====================================*/
	@media screen and (min-width: 769px) {
		.front-page_sec {
			padding: 2rem 0 3rem 0;
		}
	}
	/*====================================
	セクションエリア共通	768px以下
	=====================================*/
	@media screen and (max-width: 768px) {
		.front-page_sec {
			padding: 1.5rem 0 2.5rem 0;
		}
	}
/*====================================
もっと見るボタン
=====================================*/
	/*====================================
	もっと見るボタン	769px以上
	=====================================*/
	@media screen and (min-width: 769px) {
		.more_btn {
			width: 60%;
		}
	}

/*====================================
セクションタイトル
======================================*/
.front-page_ttl_area {
	margin-bottom: 2rem;
	text-align: center;
}
.front-page_ttl{
	font-size: 1.9rem;
}
	/*====================================
	セクションタイトル	768px以下
	=====================================*/
	@media screen and (max-width: 768px) {
		.front-page_ttl {
			font-size: 1.25rem;
		}

		.front-page_ttl_area {
			/* margin-bottom: 0rem; */
			text-align: center;
		}
		section.main-visual {
			margin-top: 8.78rem;
		}
	}
	/*====================================
	セクションタイトル	560px以下
	=====================================*/
	@media screen and (max-width: 560px) {
		.front-page_ttl {
			font-size: 1.125rem;
		}
}
/*====================================
セクションタイトルの装飾
======================================*/
/* アンダーライン共通 */
.front-page_ttl {
	position: relative;
	padding: 0 0 0.7em 0;
	display: inline-block;
}
.front-page_ttl::after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 0.5rem;
	content: '';
	
}

/*====================================
学校の様子 
======================================*/

.news_thumbnail_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 1rem 2rem 0;
	justify-content: space-between;
}

.news_thumbnail_list_area {
    width: calc(50% - 3rem);
    margin: 1rem;
}

.news_thumbnail_list_img {
	width: auto;
    height: 250px;
    background-color: #aaa;
    background-image: url(../img/common/no-img.png);
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 3rem;
}
.news_thumbnail_list_img img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    border-radius: 3rem;
}

.news_thumbnail_list_img {
    width: auto;
    height: 250px;
    background-color: #aaa;
    background-image: url(../img/common/noimg-manabun.png);
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 3rem;
    background-size: auto 250px;
}


/* バーチャル母校訪問バナー */
a.bl_omoide_banner {
    max-width: 650px;
    margin: 0 auto;
    margin-top: 6rem;
  display: inline-block;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.bl_omoide_banner img {
  transition: opacity 0.3s ease;
}

.bl_omoide_banner:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.15);
}

.bl_omoide_banner:hover img {
  opacity: 0.9;
}

/* お問合せ */

th.contents {
    vertical-align: middle;
}

@media screen and (max-width: 768px) {
	.news_thumbnail_list {
		display: block;
		padding: 0;
	}
	.news_thumbnail_list_area {
		width: 100%;
		margin: 1rem 0;
	}
	/* .news_thumbnail_list_img {
		width: auto;
		height: 200px;
		background-color: #aaa;
		background-image: url(../img/common/no-img.png);
		background-position: center center;
		background-repeat: no-repeat;
		border-radius: 3rem;
	} */
	.news_thumbnail_list_img {
    width: auto;
    height: 250px;
    background-color: #aaa;
    background-image: url(../img/common/noimg-manabun.png);
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 3rem;
    background-size: auto 250px;
}
	.news_thumbnail_list_img img {
		width: 100%;
		height: 250px;
		object-fit: cover;
		border-radius: 3rem;
	}


.news_thumbnail_list_area+.news_thumbnail_list_area {
    border-top-width: 1px;
    border-top-style: dotted;
    padding-top: 1rem;

}


}

/*====================================
重要なお知らせ関係
=====================================*/
/* .news_item {
    width: 100%;
}
a.cat.cat_edu-important {
    background-color: red;
}
.important-news_list .news_item {
    padding: 10px 30px 10px 30px;
    margin-bottom: 15px;
    background-color: #fbebeb;
}
.important-news_listwrap .important-news_list .news_text::before {
    color: #ff0232;
} 

ul.news_list {
    padding: 0 30px 0px 30px;
} */
.news_item {

    width: 100%;
}
a.cat.cat_edu-important {
    background-color: red;
}
.important-news_list .news_item {
    padding: 10px;
    margin-bottom: 15px;
    background-color: #fbebeb;
}
.important-news_listwrap .important-news_list .news_text::before {
    color: #ff0232;
}
.important-news_listwrap .cat{
	background-color: red;

}