@charset "UTF-8";
/* CSS Document */

img {
     max-width: 100%;
     height: auto;
	vertical-align: top;
	font-size: 0;
	line-height: 0;
	border: 0;
}

.pc_view { 
	display: none !important;
}
.sp_view {
	display: block !important;
}

.btn_move img {
  -webkit-animation: pulse 2s ease 0s infinite normal;
  animation: pulse 2s ease 0s infinite normal;
}

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  50% {
    -webkit-transform: scale3d(1.09, 1.09, 1.09);
    transform: scale3d(1.075, 1.09, 1.09); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  50% {
    -webkit-transform: scale3d(1.09, 1.09, 1.09);
    transform: scale3d(1.09, 1.09, 1.09); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

.wrapper {
	width: 100%;
	text-align:center;
	background: #ffffff;
	height:100%;
	position:relative;
}

#header {
	width: 100%;
	margin:0 auto 50px;
}

#header_btn_cvb{
    position: fixed;
	width:calc(645 / 750 *100%);
    z-index: 100;
    bottom: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
}


.contents {
	width:100%;
	background: #ffffff;
}

.cv-info-01 {
	width:calc(647 / 750 *100%);
	margin:0 auto 30px;
}

.cv-area-01 {
	width:calc(532 / 750 *100%);
	margin:0 auto 50px;
}

.cv-area-02 {
	width:calc(532 / 750 *100%);
	margin:0 auto 80px;
}

.cv-campaign-01 {
	width:calc(700 / 750 *100%);
	margin:0 auto 35px;
}

.cv-text-01 {
	width:calc(700 / 750 *100%);
	margin:0 auto;
    margin-bottom:50px;
	text-align:left;
	line-height:1.8;
    font-size: 1.0rem;
}

.parts-area {
	width: 100%;
	margin:0 auto 50px;
}


.reason-area {
	width: 100%;
	margin:0 auto;
}

.etc-area {
	width: 100%;
	margin:0 auto 50px;
}

.contents-area {
	width: 100%;
	margin:0 auto;
}

.voice-area {
	width: 100%;
	margin:0 auto;
}

.cv-head {
	width: 100%;
	margin:0 auto 50px;
}

.faq-head {
	width:calc(702 / 750 *100%);
	margin:0 auto 50px;
}

.faq-head-01 {
	width:calc(620 / 750 *100%);
	margin:0 auto 35px;
}

.area12_qa  {
	width:calc(635 / 750 *100%);
	margin:0 auto;
    margin-bottom:calc(10 / 800 *100%);
}

.area12_qa_end  {
	width:calc(635 / 750 *100%);
	margin:0 auto;
    margin-bottom:calc(50 / 800 *100%);
}

.area12_qa_endall  {
	width:calc(635 / 750 *100%);
	margin:0 auto;
    margin-bottom:calc(100 / 800 *100%);
}

.faqhead_new {
	width:100%;
}

.faqbody_new {
	width:100%;
}

.text_area_qa {
	width:100%;
	margin:0 auto;
	text-align:left;
	background:#fed1d0;
    font-size: 1.4rem;
	color:#000;
	line-height:1.8;
	box-sizing:border-box;
  font-family: "Zen Old Mincho", serif;
  font-weight: 400;
  font-style: normal;
	padding:5% 4% 8%;
	
}


.area09 {
	background: url(../img2/back.webp) ;
	background-size:calc(336 / 750 *100%) auto;
	padding-top:calc(85 / 800 *100%);
	padding-bottom:calc(100 / 800 *100%);
}

.salon-head {
	width:calc(661 / 750 *100%);
	margin:0 auto 50px;
}

.area09_1 {
	width:100%;
	display: flex;
	justify-content: center;
	margin:0 auto;
}

.slider_area {
	width:calc(635 / 800 *100%);
}

.slider_back {
	width:100%;
	background: url(../img/09-contentsback.webp) center center / cover no-repeat;
	height:0;
	padding-top:calc(687 / 635 * 100%);
	position:relative;
}


.slider_back2 {
	width:calc(584 / 635 *100%);
	position:absolute;
	top:28%;
	left: 0;
	right: 0;
	margin: auto;
}
	
.slider {
	width:100%;
}

.area10_1 {
	width:100%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin:0 auto;
    background:#da0000;
}

.area10_1 img{
	width:calc(800 / 800 *100%);
}

.area10_2 {
	width:100%;
	display: flex;
	justify-content: center;
	margin:0 auto;
	background: url(../img2/back.webp) ;
	background-size:calc(336 / 750 *100%) auto;
	padding-top:calc(100 / 800 *100%);
	padding-bottom:calc(70 / 800 *100%);
}

.slider2_back {
	width:calc(636 / 800 *100%);
}

.slider2 {
	width:100%;
}

.area11_1  {
	width:100%;
	display: flex;
	justify-content: center;
	margin:0 auto;
    margin-bottom:calc(85 / 800 *100%);
}

.area11_1 img{
	width:calc(635 / 800 *100%);
}

.prev-arrow1{
  position: absolute;
  top: 50%;
  left: -32px;
  transform: translate(0,-50%);
  width: 54px;
  z-index: 1;
}

.next-arrow1{
  position: absolute;
  top: 50%;
  right: -32px;
  transform: translate(0,-50%);
  width: 54px;
  z-index: 1;
}

.prev-arrow2{
  position: absolute;
  top: 50%;
  left: -21px;
  transform: translate(0,-50%);
  width: 54px;
  z-index: 1;
}

.next-arrow2{
  position: absolute;
  top: 50%;
  right: -21px;
  transform: translate(0,-50%);
  width: 54px;
  z-index: 1;
}

.area13_1 {
	width:100%;
	display: flex;
	justify-content: center;
	margin:0 auto;
    background:#da0000;
	padding-top:calc(50 / 800 *100%);
	padding-bottom:calc(70 / 800 *100%);
}

.area13_1 img{
	width:calc(620 / 800 *100%);
}

.area13_1n {
	width:100%;
	display: flex;
	justify-content: center;
	margin:0 auto;
    background:#da0000;
	padding-top:calc(50 / 800 *100%);
	padding-bottom:calc(70 / 800 *100%);
}

.area13_1n img{
	width:calc(620 / 800 *100%);
}

.area13_1a {
	width:100%;
    background:#da0000;
}

.area13_1a_box {
	width:calc(630 / 800 *100%);
	display:flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin:0 auto;
    background:#da0000;
    padding-bottom:20px;

}

.area13_1a_btn  {
	width:calc(305 / 630 *100%);
    padding-bottom:10px;

}



.area13_2 {
	width:100%;
	margin:0 auto;
    background:#da0000;
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}

.area13_3 {
	width:calc(800 / 800 *100%);
	margin:0 auto;
    padding-bottom:calc(15 / 800 *100%);
	background:#da0000;

}

.area13_3_text {
	text-align:left;
	color:#fff;

}

.area13_3_text a{
    font-size: 1.05rem;
	color:#fff;
}

.shoparea_right_btn img{
	max-width:451px;
	margin:0 auto;
}

.areashop_2 {
	background:#ffffff;
    margin-bottom:calc(45 / 800 *100%);
	padding-top:calc(6 / 800 *100%);
	padding-bottom:calc(6 / 800 *100%);

}

.areashop_2_bar {
	width: 100%;
	height: 4px;
	background-color: #da0000;
}

.areashop_2_text {
    font-size: 2.8rem;
	color:#da0000;
    margin-top:15px;
    margin-bottom:15px;

}

.areashop_3_midashi {
    font-size: 2.2rem;
	background-color: #ffffff;
	color:#da0000;
	margin:0 auto;

	width:calc(600 / 800 *100%);
    padding-top:calc(10 / 800 *100%);
    padding-bottom:calc(10 / 800 *100%);
    margin-bottom:calc(20 / 800 *100%);
    border-radius:10px;

}

.areashop_3_text1 {
    font-size: 3.8rem;
	color:#ffffff;
    margin-bottom:calc(10 / 800 *100%);
    line-height:2.8rem;

}

.areashop_3_text2 {
    font-size: 1.8rem;
	color:#ffffff;
    margin-bottom:calc(50 / 800 *100%);
    line-height:2.8rem;

}

.areashop_3_text3 {
    font-size: 1.8rem;
	color:#ffffff;
    margin-bottom:calc(20 / 800 *100%);
    line-height:2.8rem;
}

.areashop_3_text4 {
    margin-bottom:calc(60 / 800 *100%);
}

.areashop_3_text4 a{
    font-size: 1.8rem;
	color:#ffffff;
    line-height:2.8rem;
    text-decoration: underline;
}

.areashop_3_text5 {
    font-size: 3.8rem;
	color:#ffffff;
    margin-bottom:calc(30 / 800 *100%);
    line-height:2.8rem;

}

.areashop_3_map {
	overflow: hidden;
	height: 400px;
}

.areashop_3_map iframe {
	width:calc(600 / 800 *100%);
	margin:0 auto;
    margin-top:-200px;
    margin-bottom:calc(15 / 800 *100%);
}

.areashop_4 img {
	width:calc(178 / 800 *100%);
	margin:0 auto;
    margin-bottom:calc(50 / 800 *100%);
}

.areashop_4-1 img {
	width:calc(358 / 800 *100%);
	margin:0 auto;
    margin-bottom:calc(20 / 800 *100%);
}


.areashop_5 img {
	width:calc(604 / 800 *100%);
	margin:0 auto;
    margin-bottom:calc(85 / 800 *100%);
}


footer {
	width:100%;
	background-color: #3d3736;
    padding-top:calc(42 / 750 *100%);
    padding-bottom:calc(200 / 750 *100%);
}

.footer_text {
    font-size: 1.4rem;
	color:#ffffff;
}

/* NEW SHOP LIST */

.shoplist_area {
	width:calc(600 / 800 *100%);
	margin:0 auto;
	padding:0 0 80px;
}

.shoplist_areaheadbox {
	width:100%;
	height:85px;
	margin-bottom:10px;
    background-color:#fff;
	color:#b00000;

}

.shoplist_areahead_left {
	float:left;
	line-height: 85px;
	margin-left:calc(35 / 600 *100%);
    font-size: 2.2rem;

}

.shoplist_areahead_right {
	float:right;
	line-height: 85px;
	margin-right:calc(25 / 600 *100%);
    font-size: 3.2rem;
}

.shoparea_flex {
	display: flex;
	margin-bottom:10px;

}

.shoparea_left {
	width:calc(140 / 600 *100%);
	background:#daa2a8;
	color:#b00000;
    font-size: 1.4rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

.shoparea_right {
	width:calc(510 / 600 *100%);
	color:#b00000;
    font-size: 1.6rem;
}

.shoparea_right_head {
	height:60px;
}

.shoparea_right_head_left {
	float:left;
	line-height: 60px;
	margin-left:calc(25 / 600 *100%);
    font-size: 1.6rem;
}

.shoparea_right_head_right {
	float:right;
	line-height: 60px;
	margin-right:calc(35 / 600 *100%);
    font-size: 1.6rem;
}

.shoparea_right_main {
	color:#000;
	text-align:left;
	width:calc(450 / 510 *100%);
	margin-left:calc(25 / 510 *100%);
	margin-right:calc(35 / 510 *100%);
    font-size: 1.4rem;
    line-height:2.2rem;
}

.shoparea_right_add {
    font-size: 1.4rem;
	margin-bottom:20px;
}

.shoparea_right_info_left {
	float:left;
	width:calc(227 / 450 *100%);
}

.shoparea_right_info_right {
	float:left;
	width:calc(223 / 450 *100%);
}

.shopareabox_white  {
	background:#fff;
}

.shopareabox_blue {
	background:#f3e0e2;

}

.shoparea_right_tel {
	padding-top:3px;
}

.shoparea_right_map {
	width:calc(450 / 450 *100%);
	margin:0 auto;
    position: relative;
    padding-bottom: calc(270 / 450 *100%); /*アスペクト比 16:9の場合の縦幅*/
    height: 0;
    overflow: hidden;
}

.shoparea_right_map iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}

.shoparea_right_maptext {
	text-align:center;
    padding-bottom: 20px;
	color:#4c4c4c;
}

.shoparea_right_maptext a{
	text-decoration: underline;
	color:#4c4c4c;
}

.shoparea_right_btn {
	width:100%;
	margin:0 auto;
    padding-bottom: 20px;
}

.shoparea_right_btn img{
	width:100%;
	margin:0 auto;
}

.areashop_2ex {
	margin:0 auto 30px;
	width:calc(600 / 800 *100%);
}


.areashop_2_ex_head {
	color:#fff;
    font-size: 2.0rem;
    line-height:1;
    margin-bottom:10px;
}

.areashop_2_ex_main {
	color:#fff;
	border:1px solid #fff;
	padding:3.9%;
    font-size: 1.4rem;
    line-height:2.4rem;
    text-align:left;
    box-sizing:border-box;
    width:100%;
    
}

.areashop_2ex2 {
	margin:0 auto 20px;
    width:100%;
}


.areashop_2_ex_head2 {
	color:#000;
    font-size: 1.4rem;
    line-height:1;
    margin-bottom:10px;
}

.areashop_2_ex_main2 {
	color:#000;
	border:1px solid #000;
	padding:2.6%;
    font-size: 1.2rem;
    line-height:1.8rem;
    text-align:left;
    box-sizing:border-box;
    width:100%;
    
}

@media screen and (min-width:750px) {

.pc_view { 
	display: block !important;
}
.sp_view {
	display: none !important;
}

.contents {
	width:750px;
	margin:0 auto;
}

.text_area_qa {
	width:100%;
	margin:0 auto;
	text-align:left;
	background:#fed1d0;
    font-size: 2.4rem;
	color:#000;
	line-height:1.8;
	box-sizing:border-box;
  font-family: "Zen Old Mincho", serif;
  font-weight: 400;
  font-style: normal;
	padding:5% 4% 8%;
	
}
.prev-arrow1{
  position: absolute;
  top: 50%;
  left: -68px;
  transform: translate(0,-50%);
  width: 109px;
  z-index: 1;
}
.next-arrow1{
  position: absolute;
  top: 50%;
  right: -68px;
  transform: translate(0,-50%);
  width: 109px;
  z-index: 1;
}

.prev-arrow2{
  position: absolute;
  top: 50%;
  left: -42px;
  transform: translate(0,-50%);
  width: 109px;
  z-index: 1;
}
.next-arrow2{
  position: absolute;
  top: 50%;
  right: -42px;
  transform: translate(0,-50%);
  width: 109px;
  z-index: 1;
}

#header_btn_cvb{
    width: 645px;

}
footer {
	background-color: #3d3736;
    padding-top:42px;
    padding-bottom:200px;
}

.footer_text {
    font-size: 2.2rem;
	color:#ffffff;
}
}