@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:min(3.3vw, 36px);
	color:#fff;
}

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

/* 内容の文字サイズ */
section div p, .title{
	font-size:clamp(16px, 2.5vw, 20px);
}

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

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


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

/******************** ↓セクション↓ ********************/
/* タイトル文字 */
h2{
	margin:min(4.5vw, 35px) auto min(2.8vw, 30px);
	padding:0 min(5.1vw, 40px);
}
/* 内容文字 */
section div p{
	padding:0 min(5.1vw, 40px);
	text-align:left;
	line-height:1.7em;
}
/*外箱*/
.gallery_flex_container{
	padding:min(8.9vw, 70px) 0;
	display:flex;
	flex-direction:column;
}
/*内箱*/
.gallery_flex_item{
	width: min(89vw, 700px);
	margin:0 auto min(10.2vw, 80px);
}

/* リストの右にくる（偶数番目）の左にマージン */
.gallery_flex_item:nth-child(2n-2){
	margin-left:auto;
}

/* ギャラリータイトル */
.title{
	border:clamp(1px, 0.2vw, 1.5px) solid #280000;
	padding:min(0.6vw, 5px);
	margin-bottom:min(1.9vw, 15px);
}
/* ビフォー画像 */
.img_before_flex{
	padding-right:min(3vw, 24px);
}
/* アフター画像 */
.img_after_flex{
	padding-left:min(3vw, 24px);
}

/*矢印のサイズ*/
.gallery_arrow{
	width:min(3vw, 24px);
	height:auto;
}

/*画像のサイズ指定*/
.img_before_flex, .img_after_flex{
	width:min(40vw, 314px);
	height:min(37vw, 291px);
}


}