@charset 'UTF-8';

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

	トップページ

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



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

	レイアウト

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

/* 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;
				font-family: 'Noto Serif JP','游明朝',YuMincho,'ヒラギノ明朝 ProN W2';
	}

	.inner_wrap {
		position: relative;
	}
}



/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	#wrapper {
			font-family: 'Noto Serif JP','游明朝',YuMincho,'ヒラギノ明朝 ProN W2';
	}

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

	.inner_wrap {
		position: relative;
	}
}





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

	ここからコンテンツ内容

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



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

	〇〇

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


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.top_wrapp{
		margin:0 auto;
		width:800px;
		filter: drop-shadow(10px 10px 10px rgba(0,0,0,0.6));
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.sp_main img{
		width:100vw;
	}
}





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

	〇〇

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


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.top_contents{
		background:#fff;
		filter: drop-shadow(10px 10px 10px rgba(0,0,0,0.1));
		width:800px;
		margin:0 auto;
	}
	.news_bg{
		background:url(../img/news_bg.png)left top no-repeat;
		padding: 31px 38px 41px;
		height: 260px;
	}
	.post_date{
		font-size:9px;
		color:#777;
	}
	.post_title a{
		font-size: 14px;
		color: #222;
	}
	.top_message_base{
		margin: 40px;
		border: 1px solid #C8C8C8;
		padding: 15px;
	}
	.top_message_midashi h2{
		font-weight:normal;
		font-size: 14px;
		padding-bottom: 12px;
	}
	.top_message_contents{
		font-size:12px;
		display:flex;
	}
	.top_message_text{
		width: 60%;
		padding-right: 8px;
		font-size: 10px;
		color: #555;
	}
	.top_message_pics{
		width:39%;
	}
	.top_message_pics img{
		width:100%;
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.top_contents{
		background:#fff;
		filter: drop-shadow(10px 10px 10px rgba(0,0,0,0.1));
		width: 100%;
		margin:0 auto;
	}
	.news_bg{
		padding: 11vw 10vw 2vw;
		
	}
	.post_date{
		font-size: 3vw;
		color:#777;
	}
	.post_title{
		border-bottom:1px solid #DCDCDC;
		padding-bottom:2vw;
	}
	.post_title a{
		font-size: 4.5vw;
		color: #222;
	}
	.top_message_base{
		margin: 5vw 5vw 16vw !important;
		border: 1px solid #C8C8C8;
		padding: 5vw;
	}
	.top_message_midashi h2{
		font-weight: normal;
		font-size: 5vw;
		padding-bottom: 5vw;
		text-align: center;
	}
	.top_message_contents{
		font-size:12px;
	}
	.top_message_text{
		width: 100%;
		padding-right: 8px;
		font-size: 3.5vw;
		color: #555;
		padding-bottom: 0vw;
	}
	.top_message_pics{
		width:100%;
		display:none;
	}
	.top_message_pics img{
		width:100%;
	}
}





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

	〇〇

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


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.post_wrap li{
		border-bottom:1px dashed #848484;
		
	}
}


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





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

	〇〇

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


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


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





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

	〇〇

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


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


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