@charset "UTF-8";

/* Theme Name: chura */


/*==============================
▼ ▼ ▼ HP ▼ ▼ ▼
==============================*/

/*===================
▼base▼
===================*/

body{
  font-size: 1rem;
  line-height: 1.8;
  color : #594F4F;
  font-family: YuGothic, "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
  text-align: center;
}

p{
  margin-bottom : 1rem;
}

a{
  text-decoration : none;
  color : #594F4F;
}

.fade_pc,.br_pc{
  display: block;
}

.fade_sp,.br_sp{
  display: none;
}

.txt_l{
  text-align: left;
}

.txt_r{
  text-align: right;
}

.txt_c,.txt_cl{
  text-align: center;
}



/*===================
▼img▼
===================*/

.i480 img{
  max-width : 100% ;
  height : auto ;
}

.i120 img{
  max-width : 25% ;
  height : auto ;
}

.i100 img{
  max-width : 100% ;
  height : auto ;
}



/*===================
▼frame▼
===================*/

#container{
  width: 100%;
}

header{
  width: 80%;
  margin-right : auto;
  margin-left : auto;
}

/*===================
▼wrap▼
===================*/

.wrap100{
  width: 100%;
}

.wrap80{
  width: 80%;
  margin-right : auto;
  margin-left : auto;
}

.wrap2{
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.wrap05_l,.wrap05_r{
  width: 50%;
}

.wrap04_l,.wrap04_r{
  width: 40%;
}

.wrap06_r,.wrap06_l{
  width: 58%;
}

.wrap02_l{
  width: 20%;
}

.wrap08_r{
  width: 78%;
}

/*===================
▼space▼
===================*/

.mt2{
  margin-top : 2rem;
}

.mt3{
  margin-top : 3rem;
}

.mt5{
  margin-top : 5rem;
}

.mt10{
  margin-top : 10rem;
}

.mtb1{
  margin: 1rem 0;
}

.mtb2{
  margin: 2rem 0;
}

.mtb3{
  margin: 3rem 0;
}

.mtb5{
  margin: 5rem 0;
}

.ptb5{
  padding: 5rem 0;
}

.mb1{
  margin-bottom : 1rem;
}

.mb2{
  margin-bottom : 2rem;
}

.ml3{
  margin-left : 3rem;
}

/*===================
▼fonts▼
===================*/

.ft2{
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}

.bro{
  color : #8f6451;
}

.pin{
  color : #FA487E;
}

.bold{
  font-weight : bold;
}

.p07{
  font-size: 0.750rem;
}

.p2{
  font-size: 2rem;
}

.p15{
  font-size: 1.5rem;
}

.p125{
  font-size: 1.25rem;
}


.heading h2{
  color : #8f6451;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}

.eng{
  position: relative;
}

.eng::after,.tit::after{
  position: absolute;
  content: "";
  background-color: #8f6451;
  width: 20px;
  height: 2px;
  bottom: 0px;
  left: 50%;
  transform: translateX(-50%);
}


.tit{
  color : #594F4F;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  position: relative;
}

hr{
 height: 2px;
  margin: 2rem 0;
}



/*===================
▼link▼
===================*/

.h_link1 li{
  width: 40%;
  margin-right : auto;
  margin-left : auto;
  text-align: center;
  border-width : 1px;border-style : solid;border-color : #8f6451;
  border-radius: 50px;
}

.h_link1 a,.b_link60 a,.b_link60h a,.b_link60p a{
  display: block;
  transition: .4s;
  padding: 0.8em;
  background: #8f6451;
  color: #fff;
  border-radius: 50px;
}

.b_link60h a{
  background: #9c1455;
}

.b_link60p a{
  background: #FA487E;
}

.h_link1 a:hover,.b_link60 a:hover,.b_link60h a:hover,.b_link60p a:hover{
  background: #fff;
  color: #8f6451;
}

.b_link60h a:hover{
  color: #9c1455;
}

.b_link60p a:hover{
  color: #FA487E;
}


.h_link3,.h_link2{
  width: 100%;
  margin-right : auto;
  margin-left : auto;
}

.h_link3 ul,.h_link2 ul{
  display: flex;
  justify-content: space-between;
}

.h_link3 li{
  width : 30%;
}

.h_link2 li{
  width : 40%;
}

.line{
  border-radius: 50px;
  border-width : 1px;border-style : solid;border-color : #06c755;
}

.hot{
  border-radius: 50px;
  border-width : 1px;border-style : solid;border-color : #9c1455;
}

.mail{
  border-radius: 50px;
  border-width : 1px;border-style : solid;border-color : #8f6451;
}

.h_link3 a,.h_link2 a{
  display: block;
  transition: .4s;
  padding: 0.8em;
  border-radius: 50px;
}

.mail a{
  background: #8f6451;
  color: #fff;
}

.line a{
  background: #06c755;
  color: #fff;
}

.mail a:hover{
  background: #fff;
  color: #8f6451;
}

.line a:hover{
  background: #fff;
  color: #06c755;
}

.hot a{
  background: #9c1455;
  color: #fff;
}

.hot a:hover{
  background: #fff;
  color: #9c1455;
}


.b_link60 li,.b_link60h li,.b_link60p li{
  width: 60%;
  margin-right : auto;
  margin-left : auto;
  text-align: center;
  border-width : 1px;border-style : solid;border-color : #8f6451;
  border-radius: 50px;
}

.b_link60h li{
  border-width : 1px;border-style : solid;border-color : #9c1455;
}

.b_link60p li{
  border-width : 1px;border-style : solid;border-color : #FA487E;
}



/*===================
▼awesome▼
===================*/

.fa-rotate-60 {
  transform: rotate(60deg);
}

.fa-rotate-120 {
  transform: rotate(120deg);
}

.fa-rotate-45 {
	transform: rotate(45deg);
}

/*===================
▼inview▼
===================*/

.fadeIn {
  opacity: 0;
  transition: 4s;
}
.fadeIn.is-show {
  opacity: 1;
}

/*===================
▼h_breadcrumb▼
===================*/

.h_pan{
  width: 80%;
  margin-right : auto;
  margin-left : auto;
  text-align: left;
  margin-top : 1rem;
}

.h_breadcrumb{
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 0.750rem;
}

.h_breadcrumb li{
  display: inline;/*横に並ぶように*/
  list-style: none;
}

.h_breadcrumb li::after{
  /* >を表示*/
  content: '>';
  padding: 0 0.2em;
}

.h_breadcrumb li:last-child::after{
  content: '';
}

.h_breadcrumb li a{
  display: inline-block;
  text-decoration:none;
  position: relative;
  transition: .3s;
}

.h_breadcrumb li a::after{
	position: absolute;
	bottom: -2px;
	left: 50%;
	content: '';
	width: 0;
	height: 1px;
	background-color: #8f6451;
	transition: .3s;
	transform: translateX(-50%);
}

.h_breadcrumb li a:hover::after{
	width: 100%;
}


/*===================
▼button▼
===================*/

#bu_top,#bu_call{
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: #8f6451;
  text-decoration : none;
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  bottom: 10px;
}

#bu_top a,#bu_call a{
  color : #fff;
}

#bu_top{
  right: 10px;
  bottom: 10px;
}

#bu_call{
  left: 10px;
  bottom: 10px;
}

#bu_top i{
  margin-top: 2px;
  margin-left: 10px;
  font-size: 1.5rem;
}

#bu_call i{
  margin-top: 2px;
  margin-left: 7px;
  font-size: 1.5rem;
}

/*===================
▼header▼
===================*/

header{
  margin-top: 1rem;
}

header .wrap02_l img{
  max-width : 35% ;
  height : auto ;
}

.h_info{
  line-height: 1.5;
  font-size: 0.875rem;
}

header h1{
  font-size: 0.8125rem;
}

.tel{
  font-size: 1.25rem;
  margin-right : 0.5rem;
}

.ico{
  font-size: 1.25rem;
}

.ins{
  margin-left : 1rem;
}

/*===================
▼top_nav▼
===================*/

.top_nav{
  width: 80%;
  margin-right : auto;
  margin-left : auto;
  font-size: 0.875rem;
}

.top_nav ul{
  display: flex;
  justify-content: space-between;
}

.top_nav a{
  display: inline-block;
  text-decoration:none;
  position: relative;
  transition: .3s;
}

.top_nav a::after{
	position: absolute;
	bottom: -8px;
	left: 50%;
	content: '';
	width: 0;
	height: 1px;
	background-color: #8f6451;
	transition: .3s;
	transform: translateX(-50%);
}

.top_nav a:hover::after{
	width: 100%;
}


/*===================
▼slider▼
===================*/

.slider{
	width: 100%;
	height: 500px;
	overflow: hidden;
	position: relative;
}

.slider div{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 500px;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	z-index: 10;
	opacity: 0;
	animation-name: slide-fade;
	animation-duration: 35s; /* 30秒に変更 */
	animation-iteration-count: infinite;
	transform: scale(1.1); /* 最初に画像を大きくしておく */
}

@keyframes slide-fade {
	0%{
		opacity: 0;
	}
	20%{
		opacity: 1;
	}
	30%{
		opacity: 0;
	}
	60%{
		opacity: 0;
		transform: scale(1); /* ここで画像サイズを1に戻す */
	}
	100%{
		opacity: 0;
		z-index: 0;
	}
}
.slider div:first-of-type{
	background-image: url(https://acuchura.net/wp-content/themes/wp/images/home/tp1.webp);
}
.slider div:nth-of-type(2){
	background-image: url(https://acuchura.net/wp-content/themes/wp/images/home/tp2.webp);
	animation-delay: 5s;
}
.slider div:nth-of-type(3){
	background-image: url(https://acuchura.net/wp-content/themes/wp/images/home/tp3.webp);
	animation-delay: 10s;
}
.slider div:nth-of-type(4){
	background-image: url(https://acuchura.net/wp-content/themes/wp/images/home/tp4.webp);
	animation-delay: 15s;
}
.slider div:nth-of-type(5){
	background-image: url(https://acuchura.net/wp-content/themes/wp/images/home/tp5.webp);
	animation-delay: 20s;
}
.slider div:nth-of-type(6){
	background-image: url(https://acuchura.net/wp-content/themes/wp/images/home/tp6.webp);
	animation-delay: 25s;
}
.slider div:last-of-type{
	background-image: url(https://acuchura.net/wp-content/themes/wp/images/home/tp7.webp);
	animation-delay: 30s;
}




/*===================
▼tp▼
===================*/

#tp{
  position: relative;
}

#tp .g_fix{
  max-width : 25% ;
  height : auto ;
  position: absolute;
  bottom: -50px;
  right: 100px;
}

/*===================
▼gallery▼
===================*/

@keyframes infinity-scroll-left {
from {
  transform: translateX(0);
}
  to {
  transform: translateX(-100%);
}
}
.scroll-infinity__wrap{
  display: flex;
  overflow: hidden;
}
.scroll-infinity__list{
  display: flex;
  list-style: none;
  padding: 0
;
}
.scroll-infinity__list--left {
  animation: infinity-scroll-left 60s infinite linear 0.5s both;
}
.scroll-infinity__item {
  width: calc(100vw / 3);
}
.scroll-infinity__item >img{
  max-width : 100% ;
  height : auto ;
}


/*===================
▼feature,symptom▼
===================*/

#feature{
  background-color: #f6f3ef;
  padding: 5rem 0;
  position: relative;
}

#feature .wom_fix{
  max-width : 8% ;
  height : auto ;
  position: absolute;
  bottom: 0px;
  right: 140px;
}

/*===================
▼c_menu▼
===================*/

.c_menu{
  background-color: #f6f3ef;
}

.col_cou,.col_ba,.col_ar{
  width : 80%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-right : auto;
  margin-left : auto;
}

.col_cou li,.col_ba li,.col_ar li{
  width : 24%;
}

.col6{
  width : 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-right : auto;
  margin-left : auto;
}

.col6 li{
  width : 16%;
}


.col_cou img,.col6 img,.col_ba img,.col_ar img{
  max-width : 100% ;
  height : auto ;
  border-radius: 10px;
  margin-bottom : 0.1rem;
}

.cou_u{
  margin-top : 3rem;
}

.col_cou li:hover,.col6 li:hover,.col_ar li:hover{
  opacity: 0.6;
  transition-duration: 0.3s;
}







/*===================
▼lprw1▼ feau,trial,course
===================*/

.lprw1 .wrap04_l img{
  max-width : 80% ;
  height: auto;
  border-top-right-radius: 50%;
}

.lprw1 .wrap06_r,#trial .wrap05_r{
  display: flex;
  justify-content: center;
  align-items: center;
}


#trial .wrap05_l img,.course .wrap05_l img{
  max-width : 90% ;
  height : auto ;
  border-radius: 20px;
}

.course .price_box .wrap2{
  width : 100%;
  flex-wrap: wrap;
  margin-top : 1rem;
}

.course .price_box .wrap05_l,.course .price_box .wrap05_r{
  width: 50%;
  border-bottom-width : 1px;
  border-bottom-style : solid;
  border-bottom-color : #999999;
  padding-bottom : 1.0rem;
  margin-bottom : 1.0rem;
}

.course .price_box .wrap05_l{
  text-align: left;
}

.course .price_box .wrap05_r{
  text-align: right;
}

.course .h_link1 li{
  width: 80%;

}


/*===================
▼lwrp1▼ menu
===================*/

.lwrp1 .wrap06_l{
  display: flex;
  justify-content: center;
  align-items: center;
}

.lwrp1 .wrap04_r{
  display: flex;
  justify-content: flex-end;
}

.lwrp1 .wrap04_r img{
  max-width : 80% ;
  height: auto;
  border-top-left-radius: 50%;
  align-self: flex-start; 
}

/*===================
▼lprw2▼ staff b_voice v_male v_voi
===================*/

.lprw2 .wrap02_l img{
  max-width : 100% ;
  height : auto ;
}

#staff img,#v_male img{
  border-radius: 50%;
}

/*===================
▼hp_blog▼
===================*/

.hp_blog{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-end;
}

.hp_pop{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
}

.hp_blog .post,.hp_pop .pop_post{
  width: 16%;
  overflow: hidden;
  cursor: pointer;
  transition-duration: 0.3s;
}

.hp_blog img,.hp_pop img{
  max-width : 100% ;
  height : auto ;
}

.hp_blog .post a,.hp_pop .pop_post a{
  color : #333333;
}

.hp_blog .post:hover,.hp_pop .pop_post:hover{
  opacity: 0.6;
  transition-duration: 0.3s;
}

/*===================
▼salon▼
===================*/

#salon{
  background-color: #e8e5e1;
  padding: 5rem 0;
}

.s_info .wrap2{
  text-align: left;
  flex-wrap: wrap;
}

#salon .wrap20_l{
  width: 20%;
}

#salon .wrap80_r{
  width: 80%;
}

.s_info .wrap100{
  width: 100%;
}

.s_info .wrap100,.s_info .wrap20_l,.s_info .wrap80_r{
  border-bottom-width : 1px;
  border-bottom-style : solid;
  border-bottom-color : #999999;
  padding-bottom : 1.0rem;
  margin-bottom : 1.0rem;
}

.s_info .wrap2 p{
  margin-bottom : 0rem;
}

.s_info .wrap100,.s_info .wrap20_l{
  font-weight : bold;
}


/*===================
▼contact▼
===================*/

#contact{
  position: relative;
}

#contact .wom_fix{
  max-width : 8% ;
  height : auto ;
  position: absolute;
  bottom: -80px;
  right: 40px;
}


/*===================
▼news▼
===================*/

#news{
  background-color: #f6f3ef;
  padding: 5rem 0;
}

.sc{
  max-width: 100%;
  margin: 50px auto;
  background: white;
  border-radius: 10px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}

.newp{
  text-align: center;
  padding: 20px;
  background-color: #8f6451;
  color: #fff;
  margin: 0;
}

.scroll-area{
  height: 200px; /* 高さを調整 */
  overflow-y: auto; /* 縦のスクロールを有効に */
  padding: 10px;
}

.scroll-content p{
  margin: 10px 0;
  padding: 5px;
  border-bottom: 1px dotted #ddd; /* 点線に変更 */
}


#news a:hover{
  color : #8f6451;
  text-decoration : underline;
}



/*===================
▼footer▼
===================*/

footer{
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2rem 0;
  background-color: #CCC7BA;
}
footer p{
  margin-bottom : 0rem;
}



/*==============================
▼ ▼ ▼ PAGE ▼ ▼ ▼
==============================*/

/*===================
▼p_faq▼
===================*/

#p_faq,#p_flow{
  position: relative;
}

#p_faq .wom_fix,#p_flow .wom_fix{
  max-width : 8% ;
  height : auto ;
  position: absolute;
  bottom: -80px;
  right: 260px;
}

dt{
  color : #8f6451;
  font-weight : bold;
}

dd{
  margin-bottom : 2rem;
}


/*===================
▼contact▼
===================*/

.contact_box{
  width: 60%;
  margin-right : auto;
  margin-left : auto;
  position: relative;
  text-align: center;
  line-height: 1.8;
}

.contact_box p{
  font-size: 0.875rem;

}

.contact_box .wom_fix{
  max-width : 15% ;
  height : auto ;
  position: absolute;
  bottom: -18px;
  right: 0px;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="search"],
textarea{
  margin: 0;
  padding: 6px 4px;
  max-width: 100%;
  width: 100%;
  outline: none;
  border: 1px solid #ddd;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background: #eee;
  color: #777;
  vertical-align: bottom;
}

#comment-area input[type="text"],
#comment-area textarea{
  display: block;
}

textarea{
  overflow: auto;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="search"]:focus,
textarea:focus{
  border : 1px solid #fca503;
  background : none 0% 0% / auto auto repeat scroll padding-box border-box #ffffff;
  -webkit-box-shadow: 0 0 3px rgba(255,105,180,1);
  -moz-box-shadow: 0 0 3px rgba(255,105,180,1);
  box-shadow:  0 0 3px rgba(255,105,180,1);
  color : #444444;
}

.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"]{
  display: inline-block;
  margin-top: 10px;
  margin-bottom: 20px;
  padding: 4px 12px;
  padding: 8px 10px;
  border: 1px solid #635245;
  border-radius: 10px 10px 10px 10px;
  background: #ff6379;
  color: #fff;
  text-decoration: none;
  font-size: 12px;
  line-height: normal;
  cursor: pointer;
  /* Old browsers */
}

	.button:hover,
	button:hover,
	input[type="submit"]:hover,
	input[type="reset"]:hover,
	input[type="button"]:hover{
	  	border: 1px solid #635245;
	background: #FA487E;
		color: #fff;
	  	text-shadow: 0 -1px rgba(0, 0, 0, .4);

	}

	.button:active,
	button:active,
	input[type="submit"]:active,
	input[type="reset"]:active,
	input[type="button"]:active{
		position: relative;
		top:1px;
	}


/*===================
▼p_thanks▼
===================*/

#p_thanks{
  position: relative;
}

#p_thanks .wom_fix{
  max-width : 8% ;
  height : auto ;
  position: absolute;
  bottom: -80px;
  right: 300px;
}






/*===================
▼chart▼
===================*/

#chart{
  width: 100%;
  overflow-x: scroll;
}


/*===================
▼chart 共通▼
===================*/

.t_contrast1 th,.t_contrast80 th{
  background-color: #f8f9fa;
  border: 1px solid #dee2e6;
  padding: 12px;
  text-align: center;
  font-weight: bold;
}


/* データセルのスタイル */
.t_contrast1 td,.t_contrast80 td{
  background-color: #ffffff;
  border: 1px solid #dee2e6;
  padding: 12px;
  vertical-align: top;
}

/* 交互の行に色を付ける */
.t_contrast1 tbody tr:nth-child(odd) td,.t_contrast80 tbody tr:nth-child(odd) td{
  background-color: #f2f2f2;
}


/*===================
▼chart 各種▼
===================*/

#chart .t_contrast1{
  width: 150%;
  border-collapse: collapse; /* セルの境界線を結合 */
  border-spacing: 0;
}

.t_contrast1 .th1{
  width: 15%;
}

.t_contrast1 .th2{
  width: 40%;
}

.t_contrast1 .th3{
  width: 40%;
}


#chart .t_contrast80{
  width: 100%;
  border-collapse: collapse; /* セルの境界線を結合 */
  border-spacing: 0;
}



















@media (min-width: 481px) and (max-width: 960px){

/*==============================
▼ ▼ ▼ HP(960) ▼ ▼ ▼
==============================*/

/*===================
▼header▼
===================*/

header .wrap02_l img{
  max-width : 60% ;
  height : auto ;
}

/*===================
▼tp▼
===================*/

#tp .g_fix{
  max-width : 30% ;
  bottom: -50px;
  right: 10px;
}



/*===================
▼h_pan▼
===================*/

.h_pan{
  display: none;
}


}





@media (max-width: 480px) {

/*==============================
▼ ▼ ▼ HP(480) ▼ ▼ ▼
==============================*/


/*===================
▼base▼
===================*/

body{
  font-size: 0.875rem;
}

.fade_pc,.br_pc{
  display: none;
}

.fade_sp,.br_sp{
  display: block;
}

.txt_cl{
  text-align: left;
}



/*===================
▼h_pan▼
===================*/

.h_pan{
  display: none;
}

/*===================
▼fonts▼
===================*/

.p2{
  font-size: 1.25rem;
}

.p15{
  font-size: 1.25rem;
}

.p125{
  font-size: 1.125rem;
}



/*===================
▼link▼
===================*/

.h_link1 li,.b_link60 li,.b_link60h li,.b_link60p li{
  width: 80%;
}

.h_link3 ul,.h_link2 ul{
  flex-direction: column;
}

.h_link3 li,.h_link2 li{
  width : 80%;
  margin-right : auto;
  margin-left : auto;
}

.h_link3 .hot{
  margin-top : 1rem;
}

.h_link3 .mail,.h_link2 .mail{
  margin-top : 1rem;
}


/*===================
▼frame▼
===================*/

header{
  width: 96%;
}

/*===================
▼wrap▼
===================*/

.wrap80{
  width: 96%;
}

.wrap2{
  flex-direction: column;
}

.wrap05_l,.wrap05_r{
  width: 100%;
}

.wrap04_l,.wrap06_r,.wrap04_r,.wrap06_l{
  width: 100%;
}

.wrap02_l,.wrap08_r{
  width: 100%;
}


/*===================
▼space▼
===================*/

.mt10{
  margin-top : 5rem;
}

/*===================
▼h_breadcrumb▼
===================*/

.h_pan{
  width: 96%;
}

/*===================
▼header▼
===================*/

header .wrap2{
  flex-direction: row;
}

header .wrap02_l{
  width: 30%;
}

header .wrap08_r{
  width: 68%;
  text-align: left;
}

header .wrap02_l img{
  max-width : 60% ;
  height : auto ;
}


/*===================
▼slider▼
===================*/

.slider{
	height: 297px;
}

.slider div{
	height: 297px;
}

.slider div:first-of-type{
	background-image: url(https://acuchura.net/wp-content/themes/wp/images/home/h_cou01s.webp);
}
.slider div:nth-of-type(2){
	background-image: url(https://acuchura.net/wp-content/themes/wp/images/home/h_cou02s.webp);
}
.slider div:nth-of-type(3){
	background-image: url(https://acuchura.net/wp-content/themes/wp/images/home/h_cou03s.webp);
}
.slider div:nth-of-type(4){
	background-image: url(https://acuchura.net/wp-content/themes/wp/images/home/h_cou04s.webp);
}
.slider div:nth-of-type(5){
	background-image: url(https://acuchura.net/wp-content/themes/wp/images/home/h_cou05s.webp);
}
.slider div:nth-of-type(6){
	background-image: url(https://acuchura.net/wp-content/themes/wp/images/home/h_cou06s.webp);
}
.slider div:last-of-type{
	background-image: url(https://acuchura.net/wp-content/themes/wp/images/home/h_cou07s.webp);
}



/*===================
▼tp▼
===================*/

#tp .g_fix{
  max-width : 60% ;
  bottom: -40px;
  right: 10px;
}

/*===================
▼purpose▼
===================*/


#purpose1 .wrap2{
  flex-direction: column-reverse;
}

#purpose1 .wrap04_l{
  margin-top : 2rem;
}


/*===================
▼gallery▼
===================*/

.scroll-infinity__item {
  width: calc(100vw / 1.5);
}


/*===================
▼feature,symptom▼
===================*/

#feature .wrap04_l img,#symptom .wrap04_l img{
  max-width : 100% ;
  height : auto ;
  border-top-right-radius: 30%;
  border-bottom-left-radius: 30%;
}

#feature .wrap06_r,#symptom .wrap06_r{
  margin-top : 3rem;
}

#feature .wom_fix{
  max-width : 20% ;
  right: 0px;
}


/*===================
▼menu▼
===================*/

#menu .wrap2{
  flex-direction:column-reverse; 
}

#menu .wrap04_r img{
  max-width : 100% ;
  border-top-left-radius: 0%;
  border-top-right-radius: 30%;
  border-bottom-left-radius: 30%;
}

#menu .wrap06_l{
  margin-top : 3rem;
}

/*===================
▼c_menu▼
===================*/

.col_cou,.col_ba,.col_ar{
  width : 96%;
}

.col_cou li,.col6 li,.col_ba li,.col_ar li{
  width : 48%;
}

.col_cou img,.col_ba img,.col_ar img{
  max-width : 100% ;
}

.cou_t{
  margin-top : 3rem;
}

/*===================
▼lprw1▼ feau,trial,course
===================*/

.lprw1 .wrap04_l img{
  max-width : 100% ;
  height : auto ;
  border-top-right-radius: 0%;
  border-bottom-left-radius: 0%;
}

.lprw1 .wrap06_r,#trial .wrap05_r{
  margin-top : 3rem;
}

#trial .wrap05_l img,.course .wrap05_l img{
  max-width : 100% ;
}

.course .wrap05_r{
  width: 100%;
  margin-top : 3rem;
}

.course .price_box .wrap05_r{
  margin-top : 0rem;
}

.course .price_box .wrap2{
    flex-direction: row; 
}











/*===================
▼lwrp1▼ menu
===================*/

.lwrp1 .wrap2{
  flex-direction:column-reverse; 
}

.lwrp1 .wrap04_r img{
  max-width : 100% ;
  height : auto ;
  border-top-left-radius: 0%;
}

.lwrp1 .wrap06_l{
  margin-top : 3rem;
}

/*===================
▼lprw2▼ staff b_voice 
===================*/


.lprw2 .wrap02_l img{
  max-width : 50% ;
  height : auto ;
}

.lprw2 .wrap08_r{
  margin-top : 1rem;
}


/*===================
▼hp_blog▼
===================*/

.hp_blog .post,.hp_pop .pop_post{
  width : 48%;
  margin-bottom: 1.5rem;
}

/*===================
▼salon▼
===================*/

.s_info .wrap2{
  flex-direction: row;
  width: 96%;
}

#salon .wrap20_l{
  width: 25%;
}

#salon .wrap80_r{
  width: 75%;
}

/*===================
▼contact▼
===================*/

#contact .wom_fix{
  max-width : 20% ;
  right: 0px;
}




/*==============================
▼ ▼ ▼ PAGE ▼ ▼ ▼
==============================*/

/*===================
▼p_faq▼
===================*/

#p_faq .wom_fix,#p_flow .wom_fix{
  max-width : 20% ;
  right: 0px;
}

/*===================
▼contact▼
===================*/

.contact_box{
  width: 90%;
}

.contact_box .con_fix{
  right: 0px;
  max-width : 25% ;
  height : auto ;
}

/*===================
▼p_thanks▼
===================*/

#p_thanks .wom_fix{
  max-width : 18% ;
  right: 0px;
}





/*===================
▼chart 各種▼
===================*/

#chart .t_contrast80{
  width: 200%;
}

.t_contrast80 .th1{
  width: 20%;
}

.t_contrast80 .th2{
  width: 40%;
}

.t_contrast80 .th3{
  width: 40%;
}




}