@charset "utf-8";

@media screen and (max-width: 1200px) {
/* layout_common */
.header_logo {
  width: 240px;
  height: 60px;
  padding-top: 16px;
}
.global_list > li > a {
  padding: 7px 10px;
  font-size: 1.3rem;
}
.footer_area1_block {
  display: flex;
  flex-flow: column wrap;
  margin: 0;
}
.footer_box_menu_wrap {
	width: 100%;
}
.footer_box_menu {
  margin: 0 0 40px;
}

.top_salon_list {
  justify-content: space-between;
}
.top_salon_list > li {
  flex-basis: 48%;
  margin: 0 0 5%;
}
.top_salon_list > li:nth-of-type(3n) {
  flex-basis: 48%;
  margin: 0 0 5%;
}
.main01_title {
  max-width: 170px;
}
.main02_text_pc {
  max-width: 300px;
}

}


@media screen and (max-width: 768px) {

body {
  font-size: 1.6rem;
}
.sp_only {
  display: block;
}
.pc_only {
  display: none;
}

/* header / drawer */
.area_drawermenu {
  inset: 0;
}
.menu_list {
  inset: 0;
  padding: 40px 20px 40px;
  overflow-y: auto;
  transform: translateY(-20px);
}
.active .menu_list {
  transform: translateY(0);
}
.list_drawermenu_btn {
  display: flex;
  flex-direction: row;
  gap: 10px;
  margin-bottom: 10px;
}
.list_drawermenu_btn li {
  flex: 1;
  width: auto;
}
.list_drawermenu_btn a {
  padding: 12px 8px;
  font-size: 1.4rem;
}
.list_drawermenu_btn a.btn_cmp,
.list_drawermenu_btn a.btn_web {
font-size: 1.6rem;
}
.list_drawermenu {
  display: block;
  margin-bottom: 40px;
}
.list_drawermenu li {
  width: 100%;
}
.list_drawermenu li a {
  padding: 8px 10px;
  font-size: 1.7rem;
}
.list_drawermenu_sns {
  gap: 25px;
  margin-top: 30px;
}
.list_drawermenu_sns li {
  font-size: 2.2rem;
}
.menu_list_logo {
  margin: 0 0 25px;
  max-width: 180px;
}
.header_menubtn_wrap {
  position: fixed;
  top: 20px;
  right: 20px;
  display: flex;
  align-items: center;
  gap: 12px;
  z-index: 900;
}
.header_menubtn:hover {
  background: none;
}
a.header_tel {
  position: relative;
  top: 12px;
  right: 65px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  background: #BA9C4F;
  color: #fff;
  border-radius: 50%;
  font-size: 1.6rem;
}
.area_header_wrap {
  width: 90%;
  justify-content: flex-start;
}
.menu_list_logo {
  max-width: 220px;
}
.area_drawermenu.active ~ .header_menubtn_wrap .header_tel {
	display: none;
}

/* layout_common */
.header_logo {
  width: 180px;
  padding-top: 18px;
}
.header_name {
	display: none;
}
.header_langbtn {
  position: absolute;
  right: 85px;
  top: 20px;
}
.header_langbtn a {
  font-size: 1.3rem;
}
.global {
  display: none;
}
.footer_area1_block {
  display: none;
}
.footer_parallax {
	height: 200px;
}

.fixnav_footer {
	display: block;
}
#recruit .fixnav_footer_recruit {
	display: block;
}
#recruit .fixnav_footer {
	display: none;	
}

/* 右固定ボタン SP */
.fixbtn {
  right: 12px;
  bottom: 12px;
  width: 94px;
}
.fixbtn li + li {
  margin-top: 10px;
}
.fixbtn a:hover {
  transform: none;
  opacity: 1;
}

p.read {
  font-size: 1.8rem;
  line-height: 1.8;
}
.block_2col > div {
  width: 100%;
}
.block_3col,
.block_5col_tel,
.block_4col,
.block_4col_menu {
  justify-content: space-between;
  width: 100%;
}
.block_3col_tel {
  justify-content: space-between;
  width: 100%;
  margin-bottom: 10px;
}
.block_3col > div {
  width: 100%;
  margin-bottom: 20px;
}
.block_5col_tel > div {
  width: 48%;
  margin: 0 0 5px 0;
}
.block_4col > div {
  width: 48%;
  margin: 0;
}
.block_4col_menu > div {
  width: 100%;
  margin: 0;
}

a.btn1 {
  width: 100%;
}
.tel_salon_box .textarea {
  padding: 5px 0 10px 10px;
}
.tel_salon_box .textarea .tel {
  margin: 0 0 3px;
  color: #333;
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 1;
}
.arr_prev {
	left: 0;
	width: 24px;
	height: 24px;
	margin: -12px 0 0;
	background: url(../images/common/icon_prev.svg) no-repeat center center;
	background-size: 24px 24px;
}
.arr_next {
	right: 0;
	width: 24px;
	height: 24px;
	margin: -12px 0 0;
	background: url(../images/common/icon_next.svg) no-repeat center center;
	background-size: 24px 24px;
}
.wrap_400,
.wrap_600 {
	width: 100%;
	margin: 0 auto;
}

/* layout_index */
.mainimg_wrap {
  margin-top: 70px;
}
.main_catch {
  position: absolute;
  top: 50%;
  left: 5%;
  width: 90%;
}
.main_catch .catch1 {
  margin: 0;
  font-size: 1.6rem;
}
.main_catch .catch2 {
  margin: 0 0 15px;
  font-size: 4rem;
}
.main_catch .catch3 {
  display: none;
}

.top_contents {
  padding: 40px 0;
}
.top_contents_title {
	margin: 0 0 25px;
	font-size: 2rem;
}
.top_contents_title_main {
	gap: 8px;
}
.top_contents_title_sub {
	font-size: 1.2rem;
	margin-top: 3px;
}

.top_manzokudo_title {
	font-size: 2.4rem;
}
.top_manzokudo > div {
  width: 42%;
}

.top_bnr_col2,
.top_bnr_col3,
.top_bnr_col4 {
  display: flex;
  flex-wrap: wrap;
	justify-content: space-between;
}
.top_bnr_col2 > div,
.top_bnr_col3 > div,
.top_bnr_col4 > div {
	width: 100%;
  margin: 0 0 20px;
}
.top_about_list_img {
  width: 100%;
  height: auto;
}
.top_about_list_text {
  width: 100%;
  margin: 0 0 30px;
}
.top_about_list > li:nth-child(even) .top_about_list_text {
  order: 1;
}
.top_about_list > li:nth-child(even) .top_about_list_img {
  order: 2;
}
.top_about_list_title {
  margin-bottom: 20px;
  padding-bottom: 5px;
  font-size: 1.8rem;
}
.top_about_list_title > div span {
  font-size: 1.4rem;
}
.top_about_list_title2 {
  margin-bottom: 20px;
  font-size: 2.2rem;
}
.top_about_list_title4 {
  margin-bottom: 60px;
  font-size: 2.2rem;
}

.top_about_list_subtext {
  margin-bottom: 30px;
  font-size: 1.6rem;
  line-height: 1.6;
}

.top_features_list_img {
	width: 100%;
  height: auto;
}
.top_features_list_text {
	width: 100%;
  padding: 15px;
}
.top_features_list > li:nth-child(even) .top_features_list_text {
  order: 1;
}
.top_features_list > li:nth-child(even) .top_features_list_img {
  order: 2;
}
.top_features_list_title {
  margin-bottom: 20px;
	font-size: 2rem;
}
.top_features_list_title span {
	font-size: 1.4rem;
}
.top_features_list_subtext {
  margin: 0;
  font-size: 1.6rem;
  line-height: 1.6;
}

.top_menu_list {
  justify-content: space-between;
}
.top_menu_list > li {
  flex-basis: 48%;
  margin: 0 0 5%;
}
.top_menu_list > li:nth-of-type(3n) {
  flex-basis: 48%;
  margin: 0 0 5%;
}
.top_menu_list .pct {
  margin: 0 0 10px;
  height: 150px;
  overflow: hidden;
}
.top_menu_list .pct img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.top_menu_list > li .medal {
  width: 48px;
}
.top_menu_list .textarea .date {
  font-size: 1.2rem;
}
.top_menu_list .textarea .title {
  font-size: 1.6rem;
}
.top_menu_list .categoly_list li {
  font-size: 1.1rem;
}

.top_news_list li a {
  display: inline-block;
  font-size: 1.6rem;
  padding: 10px 30px 10px 10px;
}
.top_news_list li div {
  display: inline-block;
  line-height: 1.7;
}
.top_news_list li div.date {
	width: 100px;
  font-size: 1.3rem;
}
.top_news_list li div.salon {
	width: 120px;
  font-size: 1.3rem;
}
.top_news_list li div.title {
  width: 100%;
  margin: 5px 0 0 ;
}

.top_ninka {
  padding: 20px;
}
.top_ninka > div.textarea {
	width: 100%;
}
.top_ninka > div.pct {
	width: 100%;
  text-align: center;
}
.top_ninka > div.pct img {
	width: 200px;
}
.top_ninka .title {
  font-size: 1.8rem;
}

.list_tab {
	margin: 0 0 30px;
}
.list_tab ul li {
	font-size: 1.6rem;
}


.top_voice_list > li:nth-of-type(5n) {
  flex-basis: 48%;
  margin: 0 0 20px;
}

.top_voice_list .textarea .title {
  margin: 0 0 10px;
  font-size: 1.6rem;
}
.top_voice_list .textarea .read{
  font-size: 1.4rem;
}

.top_blog_list {
  justify-content: space-between;
  width: 100%;
  margin: 0 0 20px;
}
.top_blog_list > li {
  flex-basis: 48%;
  margin: 0 0 20px;
}
.top_blog_list > li:nth-of-type(4n) {
  flex-basis: 48%;
  margin: 0 0 20px;
}
.top_blog_list .pct {
  margin: 0 0 10px;
}
.top_blog_list .pct img {
  height: 150px;
}
.top_vblog_list .textarea .title {
  margin: 0 0 10px;
  font-size: 1.6rem;
}
.top_blog_list .textarea .read{
  font-size: 1.4rem;
}

.top_salon_mainimg {
  margin: 0 0 40px;
}
.top_salon_mainimg img {
  height: 200px;
}
.top_salon_title {
	font-size: 2rem;
}
.top_salon_list {
  justify-content: space-between;
}
.top_salon_list > li {
  flex-basis: 100%;
  margin: 0 0 30px;
}
.top_salon_list > li:nth-of-type(3n) {
  flex-basis: 100%;
  margin: 0 0 30px;
}
.top_salon_box .pct {
  width: 25%;
}
.top_salon_box .textarea {
  width: 70%;
}
.top_salon_box .textarea .title {
  font-size: 2rem;
}
.top_salon_box .textarea .title span {
  font-size: 1.2rem;
}

.main_emblem_list,
.main_emblem_list_e
 {
  position: absolute;
  left: 3%;
  bottom: 2%;
}
.main_emblem_list li {
  position: relative;	
  width: 90px;
  display: inline-block;
}

.main_emblem_list_e li {
  position: relative;	
  width: 120px;
  display: inline-block;
}
.main_emblem_list li:first-child,
.main_emblem_list_e li:first-child {
  margin-right: 5px;
}
.main02_text_pc,
.main01_text_pc {
  top: auto;
  bottom: 5%;
  transform: translate(0, -10px);
}
.slick-active .main01_text_pc,
.slick-active .main02_text_pc {
  transform: translate(0);
}
.main01_text_pc {
  max-width: 223px;
}
.main02_text_pc {
  max-width: 280px;
}
.main01_title {
  max-width: 90px;
  top: 5%;
  transform: none;
  right: 5%;
}
.main01_title_e {
  max-width: 90%;
  top: 5%;
  transform: none;
  left: 5%;
}
.recruit_main01_title {
  position: absolute;
  top: 20%;
  left: 50%;
  transform: translateX(-50%);
  width: 90%;
  max-width: 420px;
  height: auto;
}

.main_slick .sp_only {
  display: block!important;
}
.main_slick .pc_only {
  display: none!important;
}
.main_video_box {
  width: 100%;
  object-fit: cover;
  height: 100%;
}
.main_img_box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  z-index: 1;
  pointer-events: none;
}
.main_img_box img {
  width: 100%;
  height: 100%;
  object-fit: cover; 
}
.area_urgentnotice,
.area_urgentnotice2 {
	margin: 15px 0 20px 0;
	text-align: center;
	border: 3px solid #ff245f;
	font-weight: bold;
	border-radius: 5px;
	background: #ffffe3;
}
.area_urgentnotice .body {
	text-align: left;
}
.area_urgentnotice2 .body {
	text-align: left;
	padding: 10px 5px;
	letter-spacing: -0.01em;	
}
.ttl_center {
  font-size:2rem;
  margin-bottom:30px;
}

.ttl_center span {
  font-size:1.4rem;
}

/* top_main img */
.mainimg_wrap2 {
  height: 530px;
  position: relative;
  overflow: hidden;
}

.slider,
.slick-list,
.slick-track,
.slick-slide {
  height: 100%;
}

.slider img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.slider img {
  object-position: center 70%;
}

.main_video2 {
  height: 530px!important;
}

/* layout_subpage */
.sub_headimg_wrap img {
  height: 200px;
}
.sub_headimg_textarea .title {
	font-size: 2.6rem;
  letter-spacing: .1em;
}
.topicpath li {
	font-size: 1rem;
}
.sub_contents {
  padding: 40px 0 60px;
}
.sub_contents_block {
  margin: 0 0 40px;
  padding: 0 0 40px;
  border-bottom: 1px solid #f2f2f2;
}
.sub_contents_title1 {
  font-size: 2.4rem;
}
.sub_contents_title2 {
  margin: 0 0 20px;
  font-size: 1.8rem;
}
.sub_contents_title3 {
  position: relative;
  margin: 0 0 30px;
  padding-left: 40px;
  font-size: 2rem;
  scroll-margin-top: 120px;  
}
.sub_contents_title3:before {
  content: '';
  position: absolute;
  top: 16px;
  left: 0;
  width: 25px;
}


/* layout_menulist */
.menu_list_box {
  padding: 20px;
}
.menu_list_box > div.textarea {
	width: 100%;
  order: 2;
}
.menu_list_box > div.pctarea {
	width: 100%;
  margin: 0 0 20px;
  order: 1;
}
.menu_list_box > div.detailarea {
	width: 100%;
  order: 3;
}

.menu_list_btnarea > li {
  width: 100%;
  margin: 0 0 10px;
}
.price_list_box {
  padding: 15px;
}
.price_list_box > div.textarea .title {
	font-size: 2.0rem;
}
.price_list_box > div.textarea .title span {s
  font-size: 1.6rem;
}


/* layout_menu */
#m01,#m02,#m03,#m04,#m05 {
  margin-top: -90px;
  padding-top: 90px;
}
.menu_main {
  height: auto;
  margin: 0 0 30px;
}
.menu_main::after {
	background-color: rgba(0,0,0,0);
}
.menu_main_catch {
  position: static;
  width: 100%;
  margin: 0 0 20px;
  transform: translate(0,0);
  z-index: 2;
}
.menu_main_catch .catch {
  color: #672f8d;
  font-size: 2rem;
  line-height: 1.6;
}
.menu_feature_list_img {
  width: 100%;
  height: auto;
}
.menu_feature_list_text {
  width: 100%;
  margin: 0 0 30px;
}
.menu_feature_list > li:nth-child(even) .menu_feature_list_text {
  order: 1;
}
.menu_feature_list > li:nth-child(even) .menu_feature_list_img {
  order: 2;
}
.menu_osusume_list {
	margin: 0 0 40px;
}
.menu_blockstyle1 > div.textarea {
  width: 100%;
  order: 2;
}
.menu_blockstyle1 > div.pctarea{
  width: 100%;
  margin: 0 0 20px;
  order: 1;
}
.menu_blockstyle1 > div.leftarea {
  width: 100%;
  margin: 0;
}
.menu_blockstyle1 > div.rightarea{
  width: 100%;
}
.menu_bnr_option > div {
  width: 100%;
}
.menu_point_box {
  padding: 20px;
}
.menu_step_box {
  padding: 20px;
}
.menu_step_box > div.textarea {
	width: 100%;
  order: 2;
}
.menu_step_box > div.pctarea {
	width: 100%;
  margin: 0 0 20px;
  order: 1;
}
td,th {
	padding: 8px;	
	font-size: 1.2rem;
}
.tbl_menu_price td.time {
  padding: 10px;
}
.tbl_menu_price td.price {
  padding: 10px;
}
.tbl_menu_price td.price span.price_text {
  font-size: 1.6rem;
}
.tbl_menu_price td.price span.price_text em {
  font-size: 2rem;
}
.tbl_menu_price td.time_6times {
	width: 100%;
	display: block;
  padding: 10px;
}
.tbl_menu_price td.price_6times {
	width: 100%;
	display: block;	
  padding: 10px;
}
.tbl_menu_price td.price_6times span.price_text {
  font-size: 1.6rem;
}
.tbl_menu_price td.price_6times span.price_text em {
  font-size: 2rem;
}
.tbl_menu_price span.cap {
	letter-spacing: -0.06em;
}

/* layout_effect */
.effect_box {
  margin: 0 0 20px;
	padding: 20px;
}

/* layout_faq */
.list_faq dt {
	font-size: 1.6rem;
}
.list_faq dd {
	padding: 15px;
}

/* layout_access_list */
.access_salon_list > li {
  flex-basis: 100%;
  margin: 0 0 30px;
}
.access_salon_box > div.pct {
  width: 100%;
}
.access_salon_box > div.textarea {
  width: 100%;
  padding: 10px 15px;
}
.access_salon_box .textarea .title {
  font-size: 2rem;
}
.access_salon_box .textarea .title span {
  font-size: 1.2rem;
}
.studio_map iframe {
  height: 400px;
}
.access_salon_box .sp_only span {
  font-size: 1.8rem;
}
.access_salon_box .sp_only a {
  display: block;
  font-size: 2.6rem;
  font-weight: 500;
  margin: 10px 0 15px;
}
  
/* layout_price */
.price_cmp {
  font-size: 1.5rem;
}
.price_cmp_ttl {
  font-size: 1.2rem;
}
.price_table tfoot th,
.price_table tfoot td {
  font-size: 1.2rem;
}


/* layout_access */
.access_list_info {
  margin: 0 0 20px;
  padding: 20px;
  background: #f2f2f2;
}
.access_list_info li > div.data {
  display: block;
  width: 100%;
  margin: 0 0 15px;
}
.access_list_info li > div.item {
  display: block;
	width: 100%;
}
.access_staff_list > li {
  flex-basis: 100%;
  margin: 0 0 2%;
  padding: 20px;
}
.access_staff_list > li:nth-of-type(2n) {
  flex-basis: 100%;
  margin: 0 0 2%;
}
.access_pay_list {
	gap: 8px;
}
.access_pay_list li {
	padding: 6px 10px;
}
.access_pay_list img {
	height: 27px;
}
.access_salon_box .textarea .title {
  font-size: 1.9rem;
  letter-spacing: -0.04em;
}

/* layout_review */
ul.list_tab_review li {
	width: 25%;
	font-size: 1.4rem;
}
.tab_content_review {
	margin: 0 0 40px;
	padding: 20px 15px;
}
.review_head_ttl .ttl1 {
	font-size: 2.2rem;
}
.review_head_ttl .ttl2 {
	font-size: 1.3rem;
}
.review_head_score {
	margin: 0 0 20px;
}
.review_head_score .score {
	font-size: 3rem;
}
.review_head_score .count {
	font-size: 1.3rem;
}
.review_block {
	margin: 0 0 15px;
	padding: 15px;
}

/* reserve */
.reserve_insta_col5 > div {
	display: block;
	width: 100%;
}
.btn_insta_list_e a {
  display: inline-block;
  width: 100%;
  margin: 0 0 10px;
  padding: 15px 15px 15px 45px;
  background: #fff url(../images/common/icon_insta.svg) no-repeat 15px center;
  background-size: 22px;
  border: 1px solid #aaa;
  color: #333;
  font-size: 1.5rem;
  font-weight: 500;
}



/* layout_medianews */
.sub_medianews_list {
  justify-content: space-between;
}
.sub_medianews_list > li {
  flex-basis: 48%;
  margin: 0 0 5%;
}
.sub_medianews_list > li:nth-of-type(3n) {
  flex-basis: 48%;
  margin: 0 0 5%;
}
.sub_medianews_list .pct {
  height: 180px;
  margin: 0 0 10px;
}
.sub_medianews_list .textarea .title {
  font-size: 2rem;
}


/* layout_contact */
.sub_contact_caution {
  padding: 20px;
}
.tbl_contact td,
.tbl_contact th {
  display: block;
}
.tbl_contact th {
  width: 100%;
  padding: 15px;
  border-bottom: none;
}
.tbl_contact td {
  width: 100%;
}
.tbl_contact thead {
  display: none;
}


/* layout_post */
.block_post > div.leftside {
  width: 100%;
  margin: 0 0 40px;
}
.block_post > div.rightside {
  width: 100%;
}


/* layout_voice */
.box_voice_detail {
	padding: 20px;
}
.box_voice_detail .photoarea {
	width: 100%;
	height: 300px;
	margin: 0 0 30px;
	text-align: center;
}
.box_voice_detail .photoarea img {
	width: 240px;
}
.box_voice_detail .txtarea {
	width: 100%;
}
.voice_list_profile dt {
	float: none;
	width: 100%;
	margin: 0 0 5px;
}
.voice_list_profile dd {
	float: none;
	width: 100%;
	margin: 0 0 15px;
}
.box_saloninfo ul li {
	width: 100%;
	margin: 0 0 2% 0;
}


/* layout_recruit */
.recruit_main {
  flex-flow: column wrap;
}
.recruit_main > div {
  flex-basis: 100%;
}
.recruit_main_catch {
  font-size: 2rem;
}
.recruit_entry_box_txt {
  padding: 20px;
}
.recruit_entry_box_txt .title {
  font-size: 2.2rem;
}
.recruit_list2 > li {
  flex-basis: 100%;
  margin: 0 0 2%;
  padding: 20px 10px;
}
.recruit_list2 > li span {
	font-size: 1.8rem;
}
.recruit_list2 > li:nth-child(3n) {
  margin: 0 0 2%;
}
.recruit_box_career {
  padding: 20px 10px;
}
.box_careerup {
  display: flex;
  flex-flow: column wrap;
}
.box_careerup .photo1 {
  width: 90%;
	max-width: 220px;
	order: 2;
  margin: 0 auto;
}
.box_careerup .photo2 {
	width: 100%;
	order: 1;
  margin: 0 auto 20px;
}
.block_3col.recruit_btn > div,
.block_4col.recruit_btn > div {
  width: 100%;
  margin: 0 0 15px;
}




/* layout_school */
.school_main_catch {
  padding: 30px 10px;
  background: #f2f2f2;
  text-align: center;
}
.school_main_catch .catch1 {
  margin: 0 0 15px;
  font-size: 2.2rem;
}
.school_main_catch .catch2 {
  font-size: 1.5rem;
}
.school_course > div:first-child {
  margin: 0 0 20px;
}
.school_list_point > li {
  flex-basis: 100%;
  margin: 0 0 2%;
  padding: 20px 10px;
}
.school_list_point > li:nth-child(3n) {
  margin: 0 0 2%;
}

.school_list_course {
  padding: 20px;
}
.school_list_course > div.textarea {
	width: 100%;
  order: 2;
}
.school_list_course > div.pctarea {
	width: 100%;
  margin: 0 0 20px;
  order: 1;
}
.school_list_btnareae > li {
  width: 100%;
  margin: 0 0 10px;
}


.school_about > div.textarea {
  width: 100%;
  margin-bottom: 20px;
}
.school_about > div.pctarea {
  width: 100%;
}
.school_about .result {
  margin: 0 auto 20px;
}
.school_voice {
  margin-bottom: 20px;
  padding: 20px;
}
.school_voice > div.textarea {
	width: 100%;
}
.school_voice > div.pctarea {
	width: 100%;
  margin-bottom: 20px;
}


}



@media screen and (max-width: 480px) {

  .block_3col.recruit_ninki > div {
    width: 100%;
    margin: 0 0 15px;
  }
  
/* layout_english
-----------------------------------------------------------*/
#scalp_scope {
  scroll-margin-top: 100px; /* 固定ヘッダーの高さ */
}

}



@media print {
.effect_fadein {
  opacity: 1;
  transform: translate(0,0); 
}
.js-animated-image {
	position: relative;
	width: 100%;
	height: 100%;
  transform: scaleX(1);
	transform-origin: left;
}
.js-animated-image img {
	clip-path: inset(0);
}
.js-animated-image.is-animated {
	transform: scaleX(1);
}
.js-animated-image.is-animated img {
	transform: scale(1);
	transition: transform .0s cubic-bezier(0.81, 0.1, 0.2, 0.97) .2s;
	animation: clip-to-right .8s cubic-bezier(0.81, 0.1, 0.2, 0.97) .2s forwards;
}
@keyframes clip-to-right {
	0% {
		clip-path: inset(0);
	}
	99% {
		clip-path: inset(0);
	}
	to {
		clip-path: inset(0);
	}
}
.header_cover {
  position: relative;
}
.drawer_btn,
.pagetop {
  display: none;
}


}