@charset "UTF-8";

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

/* スマホ版のみ改行 */
.br_media{
	display:block;
}

/* スマホ版のみ改行を無効化 */
.br_media_none{
	display:none;
}

/* スマホ版のみ非表示 */
.none_media{
	display:none;
}
/********** ↓文字関係↓ **********/
/* h1のサイズ */
h1{
	font-size:clamp(24px, 4.6vw, 36px);
}
/* h2のサイズ */
h2{
	font-size:clamp(22px, 3.6vw, 28px);
}

/* h3のサイズ */
h3{
	font-size:clamp(18px, 2.8vw, 22px);
	color:#280000;
}

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

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


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


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

/******************** ↓お客様に心地よく...(セクション１)↓ ********************/
/* セクション内の内容の下に間隔を */
.section_top{
	padding-bottom:min(8.3vw, 65px);
}

/* タイトル文字 */
.section_top h2{
	font-size:clamp(22px, 3.6vw, 28px);
	margin-top:min(4.5vw, 35px);
	padding:0 min(5.1vw, 40px);
}
/* 内容文字 */
.section_top p{
	font-size:clamp(16px, 2.5vw, 20px);
	margin-top:min(3.2vw, 25px);
	padding:0 min(5.1vw, 40px);
	text-align:left;
	line-height:1.7em;
}

/* 画像を非表示 */
.about_img{
	display:none;
}
/******************** ↑お客様に心地よく...(セクション１)↑ ********************/


/******************** ↓『高級感』ある...(セクション２)↓ ********************/
/* セクション全体 */
.about_text_white{
	height:clamp(460px, 81.4vw, 640px);
}

/* タイトル文字 */
.about_text_white h2{
	font-size:clamp(22px, 3.6vw, 28px);
	margin-top:min(7vw, 55px);
	padding:0 min(5.1vw, 40px);
}
/* 小見出し文字 */
.about_text_white h3{
	font-size:clamp(18px, 2.8vw, 22px);
	padding:0 min(5.1vw, 40px);
}
/* 内容文字 */
.about_text_white p{
	font-size:clamp(16px, 2.5vw, 20px);
	margin-top:min(1.9vw, 15px);
	padding:0 min(5.1vw, 40px);
	text-align:left;
	line-height:1.7em;
}

/* 各アイコンのマージン */
.about_flex_container_icon img{
	width:min(20.4vw, 160px);
	margin:min(6.4vw, 50px) min(3.2vw, 25px) min(5.1vw, 40px);
}

/******************** ↑『高級感』ある...(セクション２)↑ ********************/


/******************** ↓ドライ・しみぬき・アクア共通↓ ********************/
/* 各セクションの内箱 */
.about_flex_item{
	width:auto;
	height:auto;
}

/* 画像を中央に寄せる */
.about_sectionback_white .about_flex_container_mediaInverse .about_flex_item figure
, .about_sectionback_yellow .about_flex_container_mediaRegular .about_flex_item figure{
	text-align:center;
	padding-bottom:min(3.8vw, 30px);
}

/* 画像サイズ */
figure a img{
	width: min(70vw, 550px);
	height:auto;
}


/******************** ↓ドライクリーニングとアクア・クリーニング↓ ********************/
/* ドライ・アクアの外箱 */
.about_flex_container_mediaInverse{
	width:min(86.5vw, 680px);
	display:flex;
	flex-direction:column-reverse;
	justify-content:center;
	margin:min(8.9vw, 70px) auto min(4.6vw, 35px);
}

/* 内容文字 */
.about_sectionback_white .about_flex_container_mediaInverse .about_flex_item p{
	margin:min(2.5vw, 20px) auto min(3.8vw, 30px);
	text-align:left;
	line-height:1.7em;
}

/******************** ↑ドライクリーニングとアクア・クリーニング↑ ********************/


/******************** ↓しみぬき・リファイン↓ ********************/
/* セクション全体 */
.about_sectionback_yellow{
	padding-bottom:min(7.6vw, 60px);
}

/* しみ抜きの外箱 */
.about_sectionback_yellow .about_flex_container_mediaRegular{
	width:min(86.5vw, 680px);
	display:flex;
	flex-direction:column;
	justify-content:center;
	padding-top:min(8.3vw, 65px);
	margin:0 auto;
}

/* 内容文字 */
.about_sectionback_yellow .about_flex_container_mediaRegular .about_flex_item p{
	margin-top:min(2.5vw, 20px);
	text-align:left;
	line-height:1.7em;
}

/******************** ↑しみぬき・リファイン↑ ********************/

}