@charset "UTF-8";

/* 横幅786pxまでの画面に対して */
@media (max-width:786px){
/* 縦向き */
#wrap{
	width:auto;
	display:flex;
	flex-direction:column;
	margin:0 auto;
}

/* スマホ版のみ改行 */
.br_media{
	display:block;
}
/* スマホ版のみ非表示 */
.none_media{
	display:none;
}
/********** ↓文字関係↓ **********/
/* h1のサイズ */
h1{
	font-size:clamp(24px, 3.1vw, 36px);
}

/* h2のサイズ */
h2{
	font-size:clamp(22px, 2.8vw, 30px);
}

/* 一覧に戻るボタンと記事下の文面の文字サイズ */
#back_btn, .bottom_p{
	font-size:clamp(16px, 2.5vw, 20px);
}

/********** ↑文字関係↑ **********/

/******************** ↑まとめたもの↑ ********************/


/******************** ↓ファーストビュー↓ ********************/
/* ファーストビュー */
.fv_news{
	height:min(48.3vw, 380px);
	margin-top:100px;
}
/* ロゴのサイズと位置関係 */
.logo{
	display:none;
}
/* ファーストビューのタイトル */
.fv_news h1{
	margin-top:min(19.6vw, 154px);
}
/******************** ↑ファーストビュー↑ ********************/


/******************** ↓セクション↓ ********************/
section{
	width:min(70vw, 550px);
}

/* 記事タイトル */
section h2{
	margin-top:min(7.6vw, 60px);
}

/* 記事の枠 */
.news-detail_flex_conteiner{
	margin-bottom:min(19.1vw, 150px);
}

/* 一覧に戻るボタン */
section #back_btn{
	border:min(0.1vw, 1px) solid #555;
	transition:none;
	padding:clamp(12px, 2.2vw, 17px) min(15.4vw, 121px);
}


/* 記事下の文面 */
section .bottom_p{
	padding:min(10.2vw, 80px) 0 min(8.9vw, 70px);
}


/* スライドショーの枠を、、設定してみました(by廣岡) */
.slider{
	width:min(70vw, 550px);
	height:auto;

}

/******************** ↑セクション↑ ********************/
}