@charset "UTF-8";
/* 全体に */
*{
	margin:0;
	padding:0;
	text-align:center;
}

/* 見ているぺージの文字色 */
#about #wrap header nav ul li#nav_about a{
	color:#881117;
	font-weight:bold;
}

/* スマホ版のみ改行のため無効化 */
.br_media{
	display:none;
}
/********** ↓文字関係↓ **********/
/* 書体 */
h1, h2, h3
, .section_top p
, .about_text_white p
, .about_flex_item p{
	font-family:'游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif!important;
}

/* h1の文字サイズと色 */
h1{
	font-size:min(3.3vw, 36px);
	color:#fff;
}

/* h2の文字サイズと色 */
h2{
	font-size:min(2.6vw, 28px);
	color:#280000;
}

/* h3の文字サイズと色 */
h3{
	font-size:min(2vw, 22px);
	color:#280000;
}

.section_top p
, .about_text_white p{
	font-size:min(1.7vw, 18px);
}

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

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


/******************** ↓ファーストビュー↓ ********************/
/* ファーストビュー */
.fv_about{
	display:block;
	height:min(35.2vw, 380px);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
	text-align:center;
}
/* ロゴのサイズと位置関係 */
.logo{
	width:min(11.1vw, 120px);
	height: auto;
	padding-top:min(6.9vw, 75px);
}
/* ファーストビューのタイトル */
.fv_about h1{
	margin-top:min(2.3vw, 25px);
}
/******************** ↑ファーストビュー↑ ********************/


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

/* タイトル文字 */
.section_top h2{
	margin-top:min(4.6vw, 50px);
}

/* 内容文字 */
.section_top p{
	margin-top:min(1.9vw, 20px);
}

/* 画像のサイズ */
.about_img{
	width:min(90.7vw, 980px);
	height:auto;
	padding-top:min(4.6vw, 50px);
	display:block;
	margin:0 auto;
}
/******************** ↑お客様に心地よく...(セクション１)↑ ********************/


/******************** ↓『高級感』ある...(セクション２)↓ ********************/
/* セクション全体 */
.about_text_white{
	height:min(52.8vw, 570px);
	display:block;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
}

/* セクション２の文字色 */
.about_text_white h2
, .about_text_white h3
, .about_text_white p{
	color: #ffffff;
}

/* タイトル文字 */
.about_text_white h2{
	display:inline-block;
	margin-top:min(4.6vw, 50px);
}

/* 内容文字 */
.about_text_white p{
	margin-top:min(1.6vw, 17px);
}

/* 各アイコンのマージン */
.about_flex_container_icon img{
	width:min(17.6vw, 190px);
	height:auto;
	margin:min(3.7vw, 40px);
}

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


/******************** ↓ドライ・しみぬき・アクア共通↓ ********************/
/* タイトル文字 */
.about_flex_item h2{
	padding:min(0.3vw, 3px) 0 min(0.5vw, 5px);
}

/* 内容文字 */
.about_flex_item p{
	font-size:min(1.6vw, 17px);
	margin-top:min(1.9vw, 20px);
}


/* 各セクションの外箱 */
.about_flex_container_mediaInverse
, .about_flex_container_mediaRegular{
	display:flex;
	justify-content:center;
}

/* 各セクションの内箱 */
.about_flex_item{
	width:min(47.2vw, 510px);
	height:min(25vw, 270px);
}

/* 画像サイズとホバー */
figure a img{
	height:min(25vw, 270px);
	width:auto;
	transition:0.5s;
}

/* ホバーしたら */
figure a img:hover{
	opacity:0.7;
	transition:0.5s;
}

/******************** ↑ドライ・しみぬき・アクア共通↑ ********************/


/******************** ↓ドライクリーニングとアクア・クリーニング↓ ********************/
/* 外箱の間隔 */
.about_flex_container_mediaInverse{
	margin:min(4.6vw, 50px) auto;
}

/* 画像を右端に寄せる */
.about_sectionback_white .about_flex_container_mediaInverse .about_flex_item figure{
	text-align:right;
}

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


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

/* 外箱の間隔 */
.about_flex_container_mediaRegular{
	padding-top:min(4.6vw, 50px);
}

/* 画像を左端に寄せる */
.about_sectionback_yellow .about_flex_container_mediaRegular .about_flex_item figure{
	text-align:left;
}

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