@charset "utf-8";
/*
Theme Name: ビューティーパートナーズ 3
Theme URI:
Author:
*/

/* -------------------------------------------------- */
/* RESET*/
/* -------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}

li {
	list-style-type: none;
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

img {
	vertical-align: bottom;
}

textarea,select,option {
	font: inherit;
}

/* -------------------------------------------------- */
/* WP*/
/* -------------------------------------------------- */
/* 投稿の画像配置 */
.alignright { display: block; margin: 0 0 10px auto; }/* 配置位置 左 */
.alignleft { display: block; margin: 0 auto 10px 0; }/* 配置位置 右 */
.aligncenter { display: block; margin: 0 auto 10px; }/* 配置位置 中央 */
/* .alignright { float: right; padding: 0px 0 10px 10px; } *//* 後続のテキスト左回り込み */
/*.alignleft { float: left; padding: 0px 10px 10px 0; }*//* 後続テキスト右回り込み */

/* -------------------------------------------------- */
/* LINK */
/* -------------------------------------------------- */
a:link,
a:visited { text-decoration: none; color: #333333; }
a:hover  { text-decoration: none; color: #a40000; }
a:active { text-decoration: none; color: #a40000; }

a.on {
	transition: all 0.3s ease-in-out 0s;
}

a.on:hover {
	opacity: 0.7;
}

/* -------------------------------------------------- */
/* CLEARFIX */
/* -------------------------------------------------- */
.cf:before,
.cf:after {
	content: " ";
	display: table;
}

.cf:after {
	clear: both;
}

.cf {
	*zoom: 1;
}

/* -------------------------------------------------- */
/* COMMON */
/* -------------------------------------------------- */
html {
	font-size: 62.5%;/* 10px */
}

body {
	background: #FFFFFF;
	color: #333333;
	font-size: 14px;
	font-size: 1.4rem;
	letter-spacing: 0.05em;
}

#container {
	position: relative;
	font-family: 'Noto Sans JP',"游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka,"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.5;
}

* {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-feature-settings: "palt";
}

.sp {
	display: none;
}

.pc {
	display: block;
}


/* -------------------------------------------------- */
/* PC*/
/* -------------------------------------------------- */
/* ヘッダー */
/* -------------------------------------------------- */
header {
	width: 100%;
	height: 100px;
	padding: 0 35px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}

#hLogo {
	width: 170px;
	height: auto;
}

#hNav ul {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

#hNav li {
	padding-left: 30px;
	font-size: 1.8rem;
}

.ig img {
	width: 28px;
	height: auto;
}

/* 共通レイアウト */
/* -------------------------------------------------- */
.content {
	width: 1200px;
	margin: 0 auto 100px;
}

/* タイトル */
/* -------------------------------------------------- */
.tit1 {
	font-size: 3rem;
	color: #a40000;
	padding-bottom: 20px;
}

.tit2 {
	padding-bottom: 30px;
	margin-bottom: 30px;
	font-size: 3rem;
	color: #a40000;
	text-align: center;
	position: relative;
}

.tit2::after {
	content: "";
	width: 30px;
	height: 1px;
	margin-left: -15px;
	background: #a40000;
	position: absolute;
	left: 50%;
	bottom: 0;
}

.tit2::before {
	text-align: center;
	color: #a40000;
	font-size: 1.3rem;
	display: block;
}

/* ボタン */
/* -------------------------------------------------- */
.btnCen {
	text-align: center;
}

a.btn1,
span.btn1 {
	padding: 20px 60px;
	font-size: 1.6rem;
	font-weight: bold;
	color: #FFF;
	background: #000;
	position: relative;
	transition: all 0.3s ease-in-out 0s;
	display: inline-block;
}

.btn1::after {
	content: "";
	width: 7px;
	height: 12px;
	margin-top: -6px;
	background: url(img/common/icon_arrow_right_w.svg) 0 0 no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	position: absolute;
	right: 5%;
	top: 50%;
	z-index: 2;
}


a.btn1::before {
	content: "";
	width: 0;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(255,255,255,0.2);
	transition: all 0.2s ease-in-out 0s;
}

span.btn1::before {
	content: "";
	width: 0;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	background: #a40000;
	transition: all 0.2s ease-in-out 0s;
}

a.btn1:hover::before {
	width: 100%;
}

.salon a:hover span.btn1::before {
	width: 100%;
}

.salon .btn1Txt {
	z-index: 2;
	position: relative;
}

a.btn2 {
	padding: 20px;
	font-size: 1vw;
	font-weight: bold;
	color: #FFF;
	background: #17489c;
	position: relative;
	transition: all 0.3s ease-in-out 0s;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

a.btn2 > span::before {
	content: "";
	width: 20px;
	height: 15px;
	margin-right: 5px;
	background: url(img/common/icon_mail.svg) 0 0 no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	display: inline-block;
	vertical-align: middle;
}

a.btn2 > span > span {
	display: inline-block;
	vertical-align: middle;
}

.btn2::after {
	content: "";
	width: 7px;
	height: 12px;
	margin-top: -6px;
	background: url(img/common/icon_arrow_right_w.svg) 0 0 no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	position: absolute;
	right: 5%;
	top: 50%;
}


a.btn2::before {
	content: "";
	width: 0;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(255,255,255,0.2);
	transition: all 0.2s ease-in-out 0s;
}

a.btn2:hover::before {
	width: 100%;
}


a.btn3 {
	width: 100%;
	padding: 30px 0;
	font-size: 2rem;
	font-weight: bold;
	color: #FFF;
	background: #17489c;
	position: relative;
	transition: all 0.3s ease-in-out 0s;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

.btn3::after {
	content: "";
	width: 7px;
	height: 12px;
	margin-top: -6px;
	background: url(img/common/icon_arrow_right_w.svg) 0 0 no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	position: absolute;
	right: 5%;
	top: 50%;
}

a.btn3::before {
	content: "";
	width: 0;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(255,255,255,0.2);
	transition: all 0.2s ease-in-out 0s;
}

a.btn3:hover::before {
	width: 100%;
}

/* 共通CV*/
/* -------------------------------------------------- */
#cv {
	display: flex;
}

#cvImg {
	width: 50%;
}

#cvImg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	font-family: 'object-fit: cover;';
}

#cvDesc {
	width: 50%;
	padding: 50px 5%;
	border-top: 1px #999 solid;
	border-bottom: 1px #999 solid;
}

#cvDesc h2 {
	font-size: 3rem;
	padding-bottom: 20px;
}

#cvTxt {
	padding-bottom: 30px;
	font-size: 1.6rem;
}

#cvContact {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#cvTel {
	width: 50%;
}

#cvNum {
	font-size: 2.4vw;
	color: #17489c;
	line-height: 1;
}

#cvNum::before {
	content: "";
	width: 30px;
	height: 30px;
	margin-right: 5px;
	background: url(img/common/icon_tel.svg) 0 0 no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	display: inline-block;
	vertical-align: middle;
}

#cvNum span {
	display: inline-block;
	vertical-align: middle;
}

#cvTime {
	font-size: 0.8vw;
	text-align: center;
}

#cvBtn {
	width: 50%;
}

#cvBtn .btn2 {
	width: 100%;
}

/* フッター */
/* -------------------------------------------------- */
footer {
	padding: 30px 0 0 0;
	width: 100%;
}

#fLogo {
	width: 170px;
	height: auto;
	margin: 0 auto 20px;
}

#fLogo img {
	width: 100%;
	height: auto;
}

#fNav {
	padding-bottom: 30px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

#fNav li {
	padding: 0 10px;
}

#fNav li a {
	transition: all 0.3s ease-in-out 0s;
}

#fIg img {
	width: 20px;
	height:  auto;
}

#copyright {
	width: 100%;
	height: 60px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	background: #f9f9f9;
}

#pagetop {
	position: fixed;
	right: 0;
	bottom: 0;
	background: #000;
}

#pagetop a {
	width: 60px;
	height: 60px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

/* 共通見出し */
/* -------------------------------------------------- */
#underMv {
	width: calc(100% - 60px);
	margin: 0 auto;
	padding: 50px 50px 0;
	margin-bottom: 50px;
	border-bottom: 1px #a40000 solid;
}

#underTit {
	padding-bottom: 30px;
}

#underMainTit {
	font-size: 4rem;
	position: relative;
	color: #a40000;
}

#underMainTit::before {
	color: #a40000;
	font-size: 1.8rem;
	display: block;
}

#bc {
	padding: 10px 0;
}

#bc ul {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

#bc li {
	padding-right: 20px;
	color: #a40000;
}

#bc li::after {
	content: "";
	width: 1px;
	height: 20px;
	margin-left: 15px;
	background: #a40000;
	display: inline-block;
	vertical-align: middle;
	transform: rotate(-45deg);
}

#bc li:last-child::after {
	display: none;
}

#bc a {
	color: #a40000;
}

#bc img {
	
}


/* Page Navigation */
/* -------------------------------------------------- */
#pageNavWrap {
	margin-top: 10px;
	text-align: center;
}

#pager {
	display: flex;
	justify-content: center;
	align-items: center;
}

#pageNavWrap a,
#pageNavWrap span {
	width: 40px;
	height: 40px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	color: #000;
	background-color: #FFF;
	border: 2px #000 solid;
	margin: 0 4px;
	white-space: nowrap;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	border-radius: 50%;
}

#pageNavWrap span.current,
#pageNavWrap a.next,
#pageNavWrap a.prev,
#pageNavWrap a:hover {
	color: #fff;
	background-color: #000;
	transition: all 0.3s ease-in-out 0s;
}

#pageNavWrap span.dots {
	width: 1em;
	background-color: #fff;
	color: #000;
	padding: 10px 0;
}

#pageNavWrap img {
	vertical-align: middle;
}

/*Single*/
#pagerSingle {
	padding-bottom: 100px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

#back a {
	padding: 0 30px;
	margin: 0 10px;
	height: 40px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	background-color: #000;
	border: 2px #000 solid;
	text-decoration: none;
	border-radius: 30px;
	color: #FFF;
}

#prevSingle a {
	width: 40px;
	height: 40px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	background-color: #000;
	border: 2px #000 solid;
	margin: 0 4px;
	text-decoration: none;
	border-radius: 50%;
}

#nextSingle a {
	width: 40px;
	height: 40px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	background-color: #000;
	border: 2px #000 solid;
	margin: 0 4px;
	text-decoration: none;
	border-radius: 50%;
}

/* 絞り込み */
/* -------------------------------------------------- */
#recruitTitWrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}

#serachWrap {
	padding-bottom: 20px;
}

#search {
	display: flex;
}

#genre {
	margin-right: 30px;
	position: relative;
}

#genre::after {
	content: "";
	width: 10px;
	height: 10px;
	background: url(img/common/icon_x.svg) center center no-repeat;
	position: absolute;
	top: 50%;
	right: -20px;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

#area {
	margin-right: 10px;
}

.searchPd select {
	height: 40px;
	padding: 5px 30px 5px 10px;
	background: #fff url(img/common/icon_arrow_down_k.svg) 95% center no-repeat;
	-webkit-background-size: 12px 7px;
	background-size: 12px 7px;
	border: 1px #999 solid;
	appearance: none;
	-webkit-appearance: none;
}

.searchPd select::-ms-expand {
	display: none;
}

#searchSubmit {
	border: none;
	width: 40px;
	height: 40px;
	background: #000 url(img/common/icon_search.svg) center center no-repeat;
	-webkit-background-size: 20px, 100%;
	background-size: 20px, 100%;
	cursor: pointer
}

/* ハンバーガーメニュー */
/* -------------------------------------------------- */
#menuBtnWrap {
	display: none;
}

/* -------------------------------------------------- */
/* TAB&SP */
/* -------------------------------------------------- */
@media screen and (max-width: 1024px) {
	.sp {
		display: block;
	}
	
	.pc {
		display: none;
	}
	
	header {
		padding: 0 3%;
		height: 80px;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 10000;
		background: #FFF;
	}
	
	main {
		padding-top: 80px;
	}
	
	/* 共通レイアウト */
	/* -------------------------------------------------- */
	.content {
		width: 100%;
		margin: 0 auto 80px;
		padding: 0 3%;
	}
	
	/* ハンバーガーメニュー */
	/* -------------------------------------------------- */
	#menuBtnWrap {
		display: block;
	}
	
	#hNav {
		width: 40%;
		height: 100vh;
		position: fixed;
		top: 0;
		right: -100%;
		background: #FFF;
		z-index: 10000;
		transition: all 0.3s ease-in-out 0s;
	}
	
	.open #hNav {
		right: 0%;
	}

	.open {
		overflow: hidden;
	}
	
	.open main,
	.open footer {
		-ms-filter: blur(20px);
		filter: blur(20px);
	}

	
	#hNav {
		padding: 80px 3% 0;
	}
	
	#hNav ul {
		display: block;
		text-align: center;
	}
	
	#hNav li {
		border-bottom: 1px #ccc dotted;
		display: block;
	}
	
	#hNav a {
		width: 100%;
		padding: 20px 0;
		display: block;
	}
	
	/* ボタン */
	#menuBtn {
		position: relative;
		width: 30px;
		height: 26px;
		cursor: pointer;
		z-index: 10001;
	}

	#menuBtn span {
		position: absolute;
		left: 0;
		width: 100%;
		height: 1px;
		background-color: #000;
		border-radius: 4px;
	}

	#menuBtn,
	#menuBtn span {
		display: block;
		transition: all .5s;
	}

	#menuBtn span:nth-of-type(1) {
		top: 0;
	}

	#menuBtn span:nth-of-type(2) {
		top: 13px;
	}

	#menuBtn span:nth-of-type(3) {
		bottom: 0;
	}
	
	#menuBtn span:nth-of-type(1) {
		-webkit-animation: menuBtn-bar01 .75s forwards;
		animation: menuBtn-bar01 .75s forwards;
	}

	@-webkit-keyframes menuBtn-bar01 {
		0% {
			-webkit-transform: translateY(1	3px) rotate(45deg);
		}

		50% {
			-webkit-transform: translateY(13px) rotate(0);
		}

		100% {
			-webkit-transform: translateY(0) rotate(0);
		}
	}

	@keyframes menuBtn-bar01 {
		0% {
			transform: translateY(13px) rotate(45deg);
		}

		50% {
			transform: translateY(13px) rotate(0);
		}

		100% {
			transform: translateY(0) rotate(0);
		}
	}

	#menuBtn span:nth-of-type(2) {
		transition: all .25s .25s;
		opacity: 1;
	}

	#menuBtn span:nth-of-type(3) {
		-webkit-animation: menuBtn-bar03 .75s forwards;
		animation: menuBtn-bar03 .75s forwards;
	}

	@-webkit-keyframes menuBtn-bar03 {
		0% {
			-webkit-transform: translateY(-13px) rotate(-45deg);
		}

		50% {
			-webkit-transform: translateY(-13px) rotate(0);
		}

		100% {
			-webkit-transform: translateY(0) rotate(0);
		}
	}

	@keyframes menuBtn-bar03 {
		0% {
			transform: translateY(-13px) rotate(-45deg);
		}

		50% {
			transform: translateY(-13px) rotate(0);
		}

		100% {
			transform: translateY(0) rotate(0);
		}
	}

	#menuBtn.active span:nth-of-type(1) {
		-webkit-animation: active-menuBtn-bar01 .75s forwards;
		animation: active-menuBtn-bar01 .75s forwards;
	}

	@-webkit-keyframes active-menuBtn-bar01 {
		0% {
			-webkit-transform: translateY(0) rotate(0);
		}

		50% {
			-webkit-transform: translateY(13px) rotate(0);
		}

		100% {
			-webkit-transform: translateY(13px) rotate(45deg);
		}
	}

	@keyframes active-menuBtn-bar01 {
		0% {
			transform: translateY(0) rotate(0);
		}

		50% {
			transform: translateY(13px) rotate(0);
		}

		100% {
			transform: translateY(13px) rotate(45deg);
		}
	}

	#menuBtn.active span:nth-of-type(2) {
		opacity: 0;
	}

	#menuBtn.active span:nth-of-type(3) {
		-webkit-animation: active-menuBtn-bar03 .75s forwards;
		animation: active-menuBtn-bar03 .75s forwards;
	}

	@-webkit-keyframes active-menuBtn-bar03 {
		0% {
			-webkit-transform: translateY(0) rotate(0);
		}

		50% {
			-webkit-transform: translateY(-13px) rotate(0);
		}

		100% {
			-webkit-transform: translateY(-13px) rotate(-45deg);
		}
	}

	@keyframes active-menuBtn-bar03 {
		0% {
			transform: translateY(0) rotate(0);
		}

		50% {
			transform: translateY(-13px) rotate(0);
		}

		100% {
			transform: translateY(-13px) rotate(-45deg);
		}
	}
	
	/* CV */
	/* -------------------------------------------------- */
	#cvImg {
		width: 40%;
	}
	
	#cvDesc {
		width: 60%;
		padding: 20px 3%;
		border-top: 1px #999 solid;
		border-bottom: 1px #999 solid;
	}
	
	#cvContact {
		display: block;
	}
	
	#cvTel {
		width: 100%;
		padding-bottom: 20px;
	}
	
	#cvBtn {
		width: 100%;
	}
	
	#cvNum {
		font-size: 5vw;
		text-align: center;
	}
	
	#cvTime {
		font-size: 2vw;
	}
	
	#cvTxt {
		padding-bottom: 20px;
		font-size: 1.6rem;
	}
	
	/* 下層MV */
	/* -------------------------------------------------- */
	#underMv {
		width: 94%;
		margin: 0 auto;
		padding: 30px 30px 0;
		margin-bottom: 50px;
		border-bottom: 1px #a40000 solid;
	}
	
	#underMainTit {
		font-size: 3rem;
		position: relative;
		color: #a40000;
	}
	
	#bc a {
		display: inline-block;
	}
	
	#bc img {
		width: 20px;
		height: auto;
	}
	
	/* ボタン */
	/* -------------------------------------------------- */
	a.btn2 {
		font-size: 2vw;
	}
	/* 絞り込み検索 */
	/* -------------------------------------------------- */
	select {
		color: #333;
	}
}


/* -------------------------------------------------- */
/* TAB(調整) */
/* -------------------------------------------------- */
@media screen and (min-width: 768px) and (max-width: 1024px) {

}
/* -------------------------------------------------- */
/* SP(調整) */
/* -------------------------------------------------- */
@media screen and (max-width: 767px) {
	
	.content {
		width: 100%;
		margin: 0 auto 60px;
		padding: 0 3%;
	}
	
	/* ヘッダー */
	/* -------------------------------------------------- */
	#hLogo {
		width: 120px;
		height: auto;
	}
	
	header {
		height: 60px;
	}
	
	main {
		padding-top: 60px;
	}
	
	#hNav {
		width: 80%;
	}
	
	#hLogo {
		position: relative;
		z-index: 10001;
	}
	
	/* タイトル */
	/* -------------------------------------------------- */
	.tit1 {
		font-size: 2.4rem;
		color: #a40000;
		padding-bottom: 20px;
	}
	
	
	/* 絞り込み検索 */
	/* -------------------------------------------------- */
	.searchPd {
		font-size: 1rem;
	}
	
	.searchPd select {
		height: 30px;
		padding: 0px 20px 0px 5px;
		background: #fff url(img/common/icon_arrow_down_k.svg) 95% center no-repeat;
		-webkit-background-size: 6px 3px;
		background-size: 6px 3px;
		border: 1px #999 solid;
		appearance: none;
		-webkit-appearance: none;
	}
	
	#area.searchPd select {
		max-width: 145px;
	}
	
	#searchSubmit {
		border: none;
		width: 30px;
		height: 30px;
		background: #000 url(img/common/icon_search.svg) center center no-repeat;
		-webkit-background-size: 15px, 100%;
		background-size: 15px, 100%;
		cursor: pointer;
	}
	
	#cv {
		display: block;
	}
	
	#cvImg {
		width: 100%;
	}
	
	#cvDesc h2 {
		font-size: 2.4rem;
		padding-bottom: 10px;
	}
	
	#cvDesc {
		width: 100%;
		border-top: none;
		border-bottom: 1px #999 solid;
	}
	
	#cvNum {
		font-size: 3.6rem;
		text-align: center;
	}
	
	#cvNum a {
		color: #17489c;
	}
	
	#cvNum::before {
		content: "";
		width: 25px;
		height: 25px;
		margin-right: 5px;
		background: url(img/common/icon_tel.svg) 0 0 no-repeat;
		-webkit-background-size: contain;
		background-size: contain;
		display: inline-block;
		vertical-align: middle;
	}
	
	#cvTime {
		font-size: 1.3rem;
	}
	
	/* ボタン */
	/* -------------------------------------------------- */
	a.btn1, span.btn1 {
		padding: 10px 40px;
		font-size: 1.4rem;
		font-weight: bold;
		color: #FFF;
		background: #000;
		position: relative;
		transition: all 0.3s ease-in-out 0s;
		display: inline-block;
	}
	
	a.btn2 {
		font-size: 1.4rem;
	}
	
	a.btn3 {
		font-size: 1.8rem;
	}
	
	/* 下層共通 */
	/* -------------------------------------------------- */
	#underMv {
		width: 94%;
		margin: 0 auto;
		padding: 20px 0 0;
		margin-bottom: 30px;
		border-bottom: 1px #a40000 solid;
	}
	
	#underTit {
		padding-bottom: 10px;
	}
	
	#underMainTit {
		font-size: 2.6rem;
	}
	
	#underMainTit::before {
		font-size: 1.2rem;
	}
	
	#bc a {
		display: inline-block;
		line-height: 1;
	}
	
	#bc img {
		width: 15px;
		height: auto;
	}
}

@media screen and (max-width: 374px) {
	html {
		font-size: 2.667vw;
	}
}