@charset "UTF-8";

/*.heading h2.h {
	font-family: 'Yeseva One', cursive!important;
}*/

/*** コンセプト ***/
@media (max-width: 900px) {
#topConceptAnchor + section  .inner_item_img {
	width: 90% !important;
	margin-left: auto;
	margin-right: 0;
}
#topConceptAnchor + section  .heading.block_header_2 .h {
	 text-align: left;
}
}

/*** top menu ***/
#topMenuAnchor + .widget_menu01 {
overflow: visible;
}
#topMenuAnchor + .widget_menu01 .heading.block_header_6 {
position: relative;
top: -5rem;
}
#topMenuAnchor + .widget_menu01 .heading.block_header_2 .h {
display: none;
}
#topMenuAnchor + .widget_menu01 .add_text {
font-size: 2rem;
padding-bottom: 2rem;
font-weight: bold;
}
#topMenuAnchor + .widget_menu01 .contents_btn01 {
text-align: left;
}

@media (max-width: 900px) {
#topMenuAnchor + .widget_menu01 .contents_btn01 {
	text-align: center;
}
#topMenuAnchor + .widget_menu01 .add_text {
	text-align: center;
}
}

/*** top about ***/
#topAboutAnchor + .contents_box01 {
overflow: visible;
}
#topAboutAnchor + .contents_box01 .heading.block_header_6 {
position: relative;
top: -5rem;
padding-bottom: 0;
margin-bottom: 0;
}
#topAboutAnchor + .contents_box01 .inner_item_img {
position: relative;
}
#topAboutAnchor + .contents_box01 .inner_item_img::after {
content: '';
content: none;
display: block;
position: absolute;
bottom: -15rem;
right: -12rem;
background: url(/common/upload_data/mensfacialsalonbasejp/image/20220425132703.jpg) no-repeat center center / contain;
width: 100%;
height: 100%;
z-index: 1;
}
@media (max-width: 1200px) {
#topAboutAnchor + .contents_box01 .inner_item_img::after {
	right: -2rem;
}
}
@media (max-width: 900px) {
#topAboutAnchor + .contents_box01 .inner_item_img {
	text-align: left;
}
#topAboutAnchor + .contents_box01 .inner_item_img::after {
	bottom: -20%;
}
}

/*** top news ***/
#topNewsAnchor + .block_news_1 .contents_btn01 .content_wrapper {
text-align: left;
}
@media (max-width: 900px) { 
#topNewsAnchor + .block_news_1 {
	padding-top: 0;
	overflow: visible;
}
#topNewsAnchor + .block_news_1 .heading.block_header_6 {
	position: relative;
	top: -5rem;
	text-align: center;
	align-items: center;
}
#topNewsAnchor + .block_news_1 .heading.block_header_6.align-left .h::before {
	left: 50%;
	transform: translateX(-50%);
}
#topNewsAnchor + .block_news_1 .contents_btn01 .content_wrapper {
	text-align: center;
}
}

/*** voice ***/
#topVoiceAnchor + .widget_gallery01  {
overflow: visible;
}
#topVoiceAnchor + .widget_gallery01  .heading.block_header_6 {
position: relative;
top: -5rem;
}

/*** feature ***/
#topFeatureAnchor + .contents_box01::after {
content: '';
display: block;
position: absolute;
top: 0;
left: 45%;
transform: translateX(-50%);
height: 450px;
width: 700px;
background: url(/common/upload_data/mensfacialsalonbasejp/image/20220418221910.png) no-repeat center center / contain;
}
#topFeatureAnchor + .contents_box01 .wrapper_item {
width: 30%;
}
#topFeatureAnchor + .contents_box01 .heading.block_header_6 p,
#topFeatureAnchor + .contents_box01 .inner_item_txt p {
color: #FFF;
}
#topFeatureAnchor + .contents_box01 .heading.block_header_6 h3.h {
font-size: 2.4rem !important;
color: #FFF;
padding: 2rem 0;
}
#topFeatureAnchor + .contents_box01 .heading.block_header_6 h3.h:before {
display: none;
}
@media (max-width: 951px) {
#topFeatureAnchor + .contents_box01 .wrapper_item {
	width: 100%;
}
#topFeatureAnchor + .contents_box01::after {
	top: 0;
	left: auto;
	right: 0rem;
	transform: none;
	width: 150%;
	height: 350px;
	background-position: center right;
}
#topFeatureAnchor + .contents_box01 .contents_btn01 {
	 text-align: center;
}
}



@media (max-width: 768px) {
	.widget_menu01 .other-menu-list li {
			padding: 1rem 1rem !important;
	}
}

.heading.block_header_6 .h{
margin-right: auto;
}

#news + .contents_box01{
background:#efeae6;
margin: 0 !important;
padding-bottom: 2em;
}


#newstop + div .heading.block_header_6 p {
	font-size: 2.1rem;
	font-weight: bold;
	margin-right: auto;
	text-align: left;
}

#newstop + div .heading+.add_text {
	text-align: left;
}

@media (max-width: 900px) {
.heading.block_header_2 .h {
	text-align: left;
}
}

#topFaqAnchor + div .heading+.heading {
	text-align: left;
}

#topFaqAnchor + div .heading+.add_text {
	text-align: left;
}

#topVoiceAnchor + div .heading+.heading {
	text-align: left;
}
#topVoiceAnchor  + div .heading+.add_text {
	text-align: left;
}