@charset "utf-8";

/* FONT */


.crimson {
  font-family: 'Crimson Text', serif;
}

.o-sans {
  font-family: 'Open Sans', sans-serif;
}

.p-sans {
  font-family: 'Poppins', sans-serif;
}

.nsans {
  font-family: 'Noto Sans', serif;
}

.sawarabi {
  font-family: "Sawarabi Mincho", serif;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
form,
input,
button,
p {
  margin: 0px;
  padding: 0px;
  font-size: 16px;
  font-weight: 500;
  font-family: YuGothic,'Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
  line-height: 160%;
  color: #333;
  word-wrap: break-word;
  overflow-wrap: break-word;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

h1{
     font-size: 12px;
    letter-spacing: 1px;
    padding-right: 40px;
    max-width: 1000px;
    margin: auto;
}

body {
  background-color: #fffdf7;
  background-image: url(/import/tenant_1/160.16.202.157/html2/images/top/white-wall.png);
}

.w46{
  width: 46%;
  margin: 1% 0;
}

a{
  display: block;
}

/********************************
/********************************
/********************************

l_reset_reset

********************************/


/* コンタクトフォームのボタンをリセット（chromeのUA） */
input[type="button"i],
input[type="submit"i],
input[type="reset"i],
input[type="file"i]::-webkit-file-upload-button,
button {
  border-color: none;
  border-style: none;
  border-width: 0;
  padding: 0;
}

h2,
h3,
h4,
h5 {
  font-weight: normal;
  margin: 0;
  font-size: 100%;
}



/********************************
/********************************

m_reset_reset

********************************/
@media only screen and (max-width: 1024px) {}

/********************************
/********************************
/********************************

l_common

********************************/

/********** heading（見出し） **********/
.ej_heading {
  font-family: 'Crimson Text', serif;
  text-align: center;
  line-height: 1.5;
  letter-spacing: 4.5px;
  margin-bottom: 1em;
}

.ej_heading.lf{
  text-align: left;
}

.ej_heading span {
  font-size: 15px;
  display: block;
  font-weight: bold;
}

.ej_heading .pic.logo {
  max-width: 150px;
  margin: 0 auto 5px;
}

.underpage .ej_heading {
  margin-bottom: 6%;
}


.underpage .border_wrap {
  position: relative;
  border-bottom: 5px solid #333;
  padding-top: 6%;
}

.underpage .border_wrap:before {
  position: absolute;
  display: block;
  content: "";
  width: 100%;
  height: 2px;
  background: #333;
  bottom: 3px;
}

/********** col **********/
.col_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -2% 0 0 -2%;
  justify-content: center;
}

[data-element-id] .col_wrap div{
   display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -2% 0 0 -2%;
  justify-content: center;
}

[data-element-id] .col_wrap.new div{
   display: -webkit-box;
  display: -ms-flexbox;
  display: block;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 2%;
  
}

[data-element-id] .col_wrap.new99 div{
   display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0;
  justify-content: center;
}

.col_wrap.new{
  display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: justify;
    -webkit-justify-content: center;
    justify-content: center;
}

.col_wrap .col_4 {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  padding: 2% 0 0 2%;
  word-wrap: break-word;
  width: 25%;
}

.col_wrap .col_3 {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 33.33333%;
  flex: 0 0 33.33333%;
  padding: 2% 0 0 2%;
  word-wrap: break-word;
  width: 33.33333%;
}
.col_wrap .col_3.new {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 33.33333%;
  flex: 0 0 33.33333%;
  padding: 2% 0 0 2%;
  word-wrap: break-word;
  width: 33.33333%;
}

.col_wrap .col_2 {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  padding: 2% 0 0 2%;
  word-wrap: break-word;
  width: 50%;
}

.menu-list.item {
    width: 29.333%;
    margin: 2%;
    position: relative;
    z-index: 0;
}

@media only screen and (max-width: 1024px) {
  .col_wrap .col_3.new {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-flex: 0;
   -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  padding: 2% 0 0 2%;
  word-wrap: break-word;
  width: 50%;
}
  .menu-list.item{
    width: 45%;
  }
}



/********** btn **********/
.btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 2px solid #333;
    width: 180px;
    margin: auto;
    position: relative;
    padding: 1.5rem 0;
    letter-spacing: 3px;
    background: #ffffff;
    z-index: 6;
    justify-content: center;
}
.btn {
  border-left: none;
  border-right: none;
  background: none;
}

.btn span {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 70%;
  text-align: center;
  font-family: 'Open Sans', sans-serif;
}

/* .btn:after {
  font-family: "Font Awesome 5 Free";
  content: "\f054";
  font-weight: 900;
  right: 1rem;
  position: absolute;
} */

.s_btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-top: 2px solid #333;
  border-right: 2px solid #333;
  border-left: 2px solid #333;
  width: 100%;
  margin: auto;
  position: relative;
  padding: 1.5rem 0;
  letter-spacing: 3px;
}

.s_btn_wrap .s_btn:last-of-type {
  border-bottom: 2px solid #333;
}

.s_btn span {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 90%;
  text-align: center;
  font-size: 12px;
}

.btn.btn_big {
  width: 40%;
}

.btn.btn_big:after {
  content: none;
}

.btn.back {
  background: #f0f0f0;
  width: 250px;
  padding: 1.75rem 0;
  cursor: pointer;
}

.btn.back span {
  font-family: 'Poppins', sans-serif;
  font-weight: bold;
}

.btn.back:after {
  content: none;
}

.btn.rev:after {
  content: none;
}

.btn.rev:before {
  font-family: "Font Awesome 5 Free";
  content: "\f053";
  font-weight: 900;
  left: 1rem;
  position: absolute;
}


/********** web予約 **********/
.reserve {
  width: 50%;
  margin: 10% auto 0;
  background: #f0f0f0;
  height: 40%;
}

.reserve .text_wrap {
  padding: 1rem;
  width: 60%;
}

.reserve .logo {
  max-width: 109px;
  margin-bottom: .5rem;
}

.reserve .cap {
  font-size: 24px;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 0.5rem;
}

.reserve .cap span {
  display: block;
  font-size: 11px;
  margin: .5rem 0 1rem;
}

.reserve .pic_wrap {
  width: 40%;
  max-width: 187px;
}

.reserve .btn {
  margin-left: 0;
  background: #ffffff;
  padding: 1rem;
}
.accent {
  background: url(/import/tenant_1/160.16.202.157/html2/images/top/bgi.jpg) no-repeat;
  background-size: cover; 
  background-color: rgba(0,0,0,0.5); 
  background-blend-mode: overlay; 
}

.text {
  font-size: 16px;
}


.box-lead {
  border: 3px solid #999;
  text-align: center;
  color: #999;
  padding: 2rem 0;
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 10%;
  position: relative;
  width: 40%;
  margin: 0 auto 6%;
  letter-spacing: 4px;
}

.box-lead .pic {
  position: absolute;
  width: 105px;
  right: 0.5rem;
  bottom: 0.5rem;
}

/********************************
/********************************

m_common

********************************/
@media only screen and (max-width: 1024px) {

  /********** web予約 **********/
  .reserve {
    width: 80%;
  }

  .reserve .btn {
    width: 80%;
  }


  .box-lead {
    width: 60%;
  }

  .box-lead .pic {
    width: 30%;
  }

}




/********************************

s_common

********************************/
@media only screen and (max-width: 599px) {

  .w46{
    width: 100%;
    margin: 1% 0;
  }

  .col_wrap .col_2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }

  /********** web予約 **********/
  .reserve {
    width: 100%;
  }

  .reserve .cap {
    font-size: 16px;
  }


  .box-lead {
    width: 80%;
  }

  .box-lead .pic {
    width: 25%;
  }

}

/********************************
/********************************
/********************************

l_header

********************************/
.mainimage {
  width: 100%;
  margin: auto;
  max-width: 1500px;
  position: relative;
  border-top: 5px double;
  border-bottom: 5px double;
  border-color: black;
}


.mainimage .mi_inner {
  width: 100%;
  position: relative;
}

/* TOPメインビジュアル */
.main_sld {
  position: relative;
  padding-top: 55%;
}

.main_sld .uk-slidenav-position {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.main_sld .uk-slideshow {
  height: 100% !important;
}

.main_sld .uk-slideshow * {
  height: 100% !important;
}

.main_sld li>div {
  position: relative;
  display: block;
  width: 100%;
}

.main_sld li img {
  width: 100%;
  height: 100% !important;
  font-family: "object-fit: cover; object-position: 50% 50%;";
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 50% 50%;
  object-position: 50% 50%;
}

.mv-tt {
  width: 100%;
  position: absolute;
  bottom: 35%;
  left: 0;
  z-index: 3;
}

.mainimg-title {
  font-size: 34px;
  color: #fff;
  white-space: nowrap;
  letter-spacing: 5px;
  line-height: 2;
  font-family: 'Crimson Text', serif;
  font-weight: 400;
  display: flex;
    justify-content: flex-end;
}
@media (max-width: 1024px) {
  .mv-tt{
    bottom: 20%;
  }
  .mainimg-title {
    /* padding: 10px 15%; */
    font-size: 3.6vw;
  }
}

@media (max-width: 599px) {
  .mv-tt{
    bottom: 16%;
  }
  .mainimg-title {
    /* padding: 10px 10%; */
  font-size: 4vw;
}
}


.head_group {
  position: absolute;
  top: 50%;
  left: 50%;
}
.head_group h2{
  position: absolute;
  top: 50%;
 /*  left: 50%; */
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.head_group .logo {
  max-width: 254px;
  margin: 0 auto 1rem;
}

.head_group .head_lead {
  font-size: 16px;
  color: #ffffff;
  text-align: center;
}

.global_m {
  position: relative;
  padding: 15px 0 0 0;
}

.global_m.fixed {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  background: rgb(240, 240, 240, .9);
  width: 100%;
  border-bottom: 1px #333 #000;
}

/* .global_m .nav_fixed_top,
.global_m.fixed .nav_top {
  display: none;
} */

.global_m.fixed .nav_fixed_top,
.global_m .nav_top {
  display: block;
}

#gnav .nav_wrap {
  width: 1024px;
  margin: auto;
}

/* #gnav.global_m:after {
  position: absolute;
  display: block;
  content: "";
  background: url(/import/tenant_1/160.16.202.157/html2/images/common/stripe.jpg) repeat-x;
  z-index: 1;
  height: 6px;
  width: 100%;
  background-size: contain;
  margin: auto;
  bottom: -2rem;
} */

#gnav.global_m.fixed:after {
  display: none;
}

#gnav .nav_fixed_top:after {
  display: none;
}

#gnav.fixed ul {
  /* margin: 1rem auto; */
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
/* 
#gnav.fixed li a {
  padding: 0 1rem;
} */

#gnav.fixed .nav_fixed_top {
  width: 20%;
  padding-right: 2rem;
}

#gnav.fixed .nav_fixed_top a {
  padding: 0;
}

#gnav.fixed .nav_fixed_top .head_lead {
  text-align: center;
}

#gnav.fixed .nav_fixed_top .logo {
  margin-bottom: 0.5rem;
}

#gnav.fixed .nav_fixed_top a:hover .logo img,
#gnav.fixed .nav_fixed_top a:hover .head_lead {
  opacity: .6;
}

/* #gnav ul {
  width: 100%;
  margin: 2rem auto;
} */

#gnav li {
  position: relative;
}

#gnav li:after {
  content: "/";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}

#gnav li:last-child:after {
  content: none;
}

#gnav li a {
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
  padding: 0 1.75rem;
  padding-bottom: 30px;
}

#gnav li:first-child a {
  padding-left: 0;
}

#gnav li:last-child a {
  padding-right: 0;
}

#gnav .tab_sm_list {
  display: none;
}

[data-element-id]#gnav .tab_sm_list {
  display: block;
}

.accordion-body{
  position: relative;
  z-index: 3;
}

/********************************
/********************************

m_header

********************************/
@media only screen and (max-width: 1024px) {
  #gnav li:first-child a {
  padding-left: 15px;
}
  .global_m{
    padding: 0;
  }
  .head_group .head_lead span {
    display: block;
  }


  #gnav.global_m:after {
    display: none;
  }

  #gnav .toggle {
    background: #333;
  }

  #gnav .tab_sm_list {
    display: block;
  }

  #gnav.action .accordion-body {
    width: 50%;
    right: 0;
    left: auto;
  }

  #gnav .nav_wrap {
    width: 100%;
  }

  #gnav ul {
    margin: 0 auto;
    max-width: none;
  }


  #gnav li:after {
    content: none;
  }


  #gnav.global_m .nav_fixed_top {
    border-bottom: none;
    width: 50%;
    margin: 0 auto 2rem;
  }

  #gnav.global_m .nav_fixed_top .logo {
    margin-bottom: .5rem;
    padding: 0 1rem;
  }

  #gnav.global_m .nav_fixed_top .head_lead {
    text-align: center;
  }

}




/********************************

s_header

********************************/
@media only screen and (max-width: 599px) {
  .flexhm{
        width: calc(100% - 30px);
    height: calc(100% - 30px);
  }

  header .main_sld .pic,
  .head_group .logo {
    width: 100%;
  }
  .global_m{
    padding: 0;
  }

  /* .head_group {
    width: 65%;
  } */

  .head_group .logo {
    margin: 0 auto;
  }

  .head_group .head_lead {
    display: none;
  }

  #gnav.action .accordion-body {
    width: 90%;
  }

  #gnav.global_m .nav_fixed_top {
    width: 70%;
  }

  #gnav .logo {
    width: 100%;
  }



}

/********************************
/********************************
/********************************

l_footer

********************************/
.f_wrap {
 
  border-bottom: 2px solid #333;
}

.f_logo_wrap .pic {
  max-width: 250px;
  margin: 0 auto 2rem;
}

.f_add_time,
.f_tel,
.f_sns {
  margin: 0 auto 2rem;
  text-align: center;
}

.f_tel {
  font-weight: bold;
}

.f_sns li i {
  font-size: 30px;
}

/* .f_sns li:first-child {
  padding-right: 1rem;
} */

.f_nav {
  width: 70%;
  margin: 0 auto; 
}

.f_nav li {
  margin: 5px 0;
}

.f_nav ul li a {
  font-family: 'Open Sans', sans-serif;
  padding: 0 1rem;
}

footer .copyright {
  text-align: center;
  font-size: 12px;
  padding-bottom: 50px;
}

/********************************
/********************************

m_footer

********************************/
@media only screen and (max-width: 1024px) {}




/********************************

s_footer

********************************/
@media only screen and (max-width: 599px) {
  footer .copyright{
    padding-bottom: 80px;
  }
  .f_pic_wrap .pic {
    width: 100%;
  }
}



/********************************
/********************************
/********************************

l_index（01_トップページ)

********************************/
.toppage .inner {
  padding: 80px 0;
}

.body_box .inner {
  padding: 80px 0;
}

.t_news-blog .dl_wrap {
  border-top: 4px solid #333333;
  border-bottom: 4px solid #333333;
  margin-bottom: 6%;
}

.t_news-blog .t_article_box {
  border-bottom: 2px dotted #333;
  padding: 1rem;
}

.t_news-blog dl {
  padding: 1rem;
  font-size: 12px;
}

.t_news-blog .t_news dl {
  width: 100%;
}

.t_news-blog .t_blog dl {
  width: calc(100% - 5rem);
}

.t_news-blog .t_article_box:last-of-type {
  border-bottom: none;
}

.t_news-blog .pic_area {
  width: 5rem;
}

.t_news-blog dt {
  width: 100%;
  padding-bottom: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.t_news-blog dt:before {
  display: block;
  content: "";
  background: #333333;
  width: 1rem;
  height: 2px;
  margin-bottom: auto;
  margin-top: auto;
  margin-right: .5rem;
}

.t_news-blog dd {
  width: 100%;
}

.t_news-blog dd a {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}

.t_concept_wrap {
  position: relative;
}

.t_concept_wrap:before {
  position: absolute;
  display: block;
  content: "";
  border-top: 3px solid #f0f0f0;
  top: 10px;
  left: 10px;
 
  width: calc(100% - 20px);
  height:1px;
  z-index: 5;
}
.t_concept_wrap:after {
  position: absolute;
  display: block;
  content: "";
border-right: 3px solid #f0f0f0;
  top: 10px;
  right: 10px;

 
  height: calc(100% - 20px);
  z-index: 5;
}
.t_concept_inner{
  position: relative;
}
.t_concept_inner:before {
  position: absolute;
  display: block;
  content: "";
  border-left: 3px solid #f0f0f0;
  top: 10px;
  left: 10px;

 
  height: calc(100% - 20px);
  z-index: 5;
}
.t_concept_inner:after {
  position: absolute;
  display: block;
  content: "";
border-bottom: 3px solid #f0f0f0;
  bottom: 10px;
  left: 10px;
 
  width: calc(100% - 20px);
  height:1px;
  z-index: 5;
}

.t_concept_wrap .btn {
  z-index: 6;
}

.t_concept .text_area {
  background: #fff;
  padding: 3rem;
  width: 50%;
  order: 2;
}

.t_concept .text_area .t_concept_heading {
  display: inline-block;
  position: relative;
  z-index: 2;
  text-align: left;
  border-bottom: 1px solid;
  font-weight: 500;
  font-size: 20px;
}
.t_concept .text_area .t_concept_heading {
  /* text-align: center; */
  /* width: 100%; */
  margin-bottom: 2rem;
  line-height: 2;
  letter-spacing: 2px;
  /* font-size: 16px; */
}

.t_concept .text_area .text {
  line-height: 2.5;
  margin-bottom: 3rem;
  font-size: 13px;
}

.t_concept .pic_area {
  width: 50%;
  order: 3;
}

.t_about .text_box {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: #f0f0f0;
  width: 50%;
  height: 50%;
  padding: 1.5rem;
}

.t_about .t_about_heading,
.t_about .h_wrap .no {
  font-size: 18px;
  font-family: 'Poppins', sans-serif;
}

.t_about .t_about_heading {
  letter-spacing: 3px;
}

.t_about .t_about_heading span {
  font-weight: bold;
  display: block;
}

.t_about .h_wrap .no span {
  border-bottom: 1px solid #333;
}

.t_about .text_box .lead {
  position: absolute;
  bottom: 1rem;
  font-size: 12px;
}

.t_sg {
  border-top: 5px solid #333;
  border-bottom: 5px solid #333;
  position: relative;
}
.t_sg.new {
   border-top: 0px solid #333;
  border-bottom: 5px solid #333;
  position: relative;
}

.t_sg.new:before,
.t_sg.new::after {
  position: absolute;
  display: none;
  content: "";
  width: 100%;
  height: 2px;
  background: #333;

}

.t_sg.new2 {
   border-top: 0px solid #333;
  border-bottom: 5px solid #333;
  position: relative;
}
.t_sg.new2:before
 {
  position: absolute;
  display: none;
  content: "";
  width: 100%;
  height: 2px;
  background: #333;

}

.t_sg.new2::after {
  position: absolute;
  display: block;
  content: "";
  width: 100%;
  height: 2px;
  background: #333;

}

.t_sg:before,
.t_sg::after {
  position: absolute;
  display: block;
  content: "";
  width: 100%;
  height: 2px;
  background: #333;

}

.t_sg:before {
  top: 3px;
}

.t_sg:after {
  bottom: 3px;
}

.t_sg .t_sg_wrap {
  margin-bottom: 3rem;
}

.bordnew2 {
   border-top: 0px solid #333;
  border-bottom: 5px solid #333;
  position: relative;
}
.bordnew2:before {
  position: absolute;
  display: none;
  content: "";
  width: 100%;
  height: 2px;
  background: #333;

}

.bordnew2::after {
  position: absolute;
  display: block;
  content: "";
  width: 100%;
  height: 2px;
  background: #333;

}

/*style*/
.t_sg .item:nth-of-type(1),
.t_sg .item:nth-of-type(4) {
    transform: translateY(-30px);
}

.t_sg .item:nth-of-type(3),
.t_sg .item:nth-of-type(6) {
    transform: translateY(30px);
}

.t_sg.new .item:nth-of-type(2){
  transform: translateY(0px);
}
.t_sg.new .item:nth-of-type(3){
  transform: translateY(30px);
}

.t_sg.new .item:nth-of-type(4){
  transform: translateY(30px);
}

.posr {
  position: relative;
  display: block;
}

.t_bnr_list .text_area {
  position: absolute;
  width: 80%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.t_bnr_list .text_area .t_bnr_heading {
  font-family: 'Poppins', sans-serif;
  color: #ffffff;
  display: inline-block;
  border-bottom: 2px solid #fff;
  letter-spacing: 3px;
}

.t_bnr_list .text_area .t_bnr_heading.new {
  font-family: 'Poppins', sans-serif;
  color: #ffffff;
  display: inline-block;
  border-bottom: 0px solid #fff;
  letter-spacing: 3px;
  margin-bottom: 30px;
}

.toppage .t_recruit {
  padding-top: 120px;
}

.t_recruit .text_area {
  position: relative;
  /* top: -40px; */
  left: 20px;
  border: 2px solid #333;
  background: rgba(255, 255, 255, .8);
  padding: 3rem;
  width: 70%;
  height: 100%;
}

.t_recruit .t_recruit_heading {
  font-family: 'Poppins', sans-serif;
  letter-spacing: 3px;
  line-height: 1.5;
  position: relative;
  margin-bottom: 3rem;
}

.t_recruit .t_recruit_heading span {
  font-size: 11px;
  display: block;
}

.t_recruit .t_recruit_heading:after {
  position: absolute;
  display: block;
  content: "";
  width: 30px;
  height: 2px;
  background: #333333;
  bottom: -1.5rem;
}

.t_recruit .text_area .text {
  font-size: 12px;
  margin-bottom: 1.5rem;
}

.t_recruit .text_area .text span {
  display: block;
}

/*feture-list*/
.feture-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}


.feture-list .box {
  width: 30%;
  padding: 30px;
  position: relative;
  z-index: 0;
  margin-left: 4%;
}
.feture-list .box.eno {
  width: 48%;
  padding: 0 30px 0 0;
  position: relative;
  z-index: 0;
  margin-left: 0%;
}
.feture-list .box.eno .num {
    font-size: 40px;
    position: absolute;
    display: flex;
    align-items: center;
    margin-right: 0;
    justify-content: center;
    top: -30px;
    right: 0px;
    font-weight: 700;
    font-family: 'Noto Sans', sans-serif;
    background-color: #fffdf7;
    background-image: url(/import/tenant_1/160.16.202.157/html2/images/top/white-wall.png);
    width: 80px;
    height: 70px;
    border-radius: 50%;
}
.feture-list .box.eno:nth-of-type(even) {
  margin-top: 0px;
}
.feture-list .box:nth-of-type(odd) {
  margin-left: 0;
}

.feture-list .box:nth-of-type(even) {
  margin-top: 60px;
}

.feture-list .box:nth-of-type(3) {
  margin-top: -110px;
} 

.feture-list .box:nth-of-type(4) {
  margin-top: -50px;
} 

.feture-list .box:nth-of-type(odd) {
  margin-left: 0;
}

.feture-list.new11 .box:nth-of-type(even) {
  margin-top: 0px;
}

.feture-list.new11 .box:nth-of-type(3) {
  margin-top: 0px;
} 

.feture-list.new11 .box:nth-of-type(4) {
  margin-top: 0px;
} 

.feture-list.new11 .box{
  margin-left: 0%;
}

.feture-list .box .pbox,
.feture-list .box:nth-of-type(even) .pbox{
width: 100%;
}

.feture-list .box .tbox,
.feture-list .box:nth-of-type(even) .tbox {
width: 100%;
margin: 0;
}

.feture-list .box .tbox {
  background: #f5f5f5;
  padding: 20px;
  margin: 0% auto 20% 0;
  position: relative;
  z-index: 1;
}

.feture-list .box .num {
  font-size: 40px;
  position: absolute;
  display: flex;
  align-items: center;
  margin-right: 0;
  justify-content: center;
  top: 0px;
  right: 0px;
  font-weight: 700;
  font-family: 'Noto Sans', sans-serif;
  background-color: #fffdf7;
  background-image: url(/import/tenant_1/160.16.202.157/html2/images/top/white-wall.png);
  width: 80px;
  height: 70px;
  border-radius: 50%;
}

.feture-list .box .tbox h4 {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
  line-height: 1.5;
  padding-bottom: 5px;
  border-bottom: solid 1px;
}

.toppage .t_about .txt {
  font-size: 30px;
  line-height: 1.5;
  font-family: 'Crimson Text', serif;
  font-weight: 400;
  letter-spacing: 5px;
}

.toppage .t_about .txt .sub {
  font-size: 16px;
  display: block;
  font-weight: normal;
}

.h-btn{
  margin-top: 10px;
}


.headinnL .web a,
.h-btn a{
  background: #121212;
   color: #fff;
   border-color: #121212;
}

.headinnL .web.ab a{
  background: #A9AEAA;
   color: #fff;
   border-color: #A9AEAA;
}

.headinnL .web a,
.h-btn a {
  display: block;
  padding: 0.4em;
  border: 2px solid;
  text-align: center;
  width: 180px;
  border: 2px solid #121212;
}
.header-logo{
  width: 180px;
  /* padding: 10px 20px; */
}

#gnav li.gal:after {
  content: "/";
  display: none;
}
#gnav li.header-logo:after {
  content: "/";
  display: none;

}
.view02 a {
  display: inline-block;
 border-left: 2px solid #121212;
 border-right: 2px solid #121212;
 
}

.view02 a .btn{
  padding: 0.4em;
  background-color: #fffdf7;
  background-image: url(/import/tenant_1/160.16.202.157/html2/images/top/white-wall.png);
}

.flexsb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.flexsb.new-h{
  padding:0;
}

.flexsb.new-h .header-info{
  width: 60%;
}

/*totop*/

#totop {
  position: fixed;
  bottom: 10px;
  right: 10px;
  z-index: 99;
  text-align: center;
}

#totop a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  font-weight: 500;
  border-radius: 50%;
  background-color: #000;
  color: #fff;
  /* padding: 30px 10px; */
  width: 80px;
  height: 80px;
}

#totop a .pic {
  display: inline-block;
  max-width: 140px;
}

#totop a .t {
  margin-left: 3em;
  margin-top: 0.25em;
  display: inline-block;
  text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}


/********************************
/********************************

m_index（01_トップページ)

********************************/
@media only screen and (max-width: 1024px) {
.h-btn{
  display: none;
}
  .sp_btn{
    -ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
text-orientation: upright;
  }
  .btn.tel{
    width: 10%;
  }

  .headinnL .web a{
    width: 10%;
  }
  .headinn{
    position: fixed;
    bottom: 0;
    z-index: 7;
  }

  .feture-list .box{
    width: 50%;
  }
  .feture-list .box .tbox{
    margin: 0px;
  }
  .feture-list .box:nth-of-type(even){
    margin-top: 30px;
  }
  .feture-list .box{
    margin-left: 0px;
  }
  .feture-list .box:nth-of-type(3){
    margin-top: -30px;
  }
  .feture-list .box:nth-of-type(4){
    margin-top: 0px;
  }


  .t_concept .text_area {
    /* position: absolute; */
    z-index: 2;
    width: 50%;
    height: 100%;
    padding: 2rem;
    background: rgba(255, 255, 255, .8);
  }
   .t_concept .text_area.new {
    /* position: absolute; */
    z-index: 2;
    width: 100%;
    height: 100%;
    padding: 2rem;
    background: rgba(255, 255, 255, .8);
  }



  .t_about .text_box {
    width: 75%;
  }

  .t_recruit .text_area {
    width: 60%;
    height: calc(100% + 40px);
    padding: 1.5rem;
  }

  .t_recruit .t_recruit_heading {
    margin-bottom: 2rem;
  }

  .t_recruit .text_area .text span {
    display: inline;
  }

  .t_recruit .t_recruit_heading:after {
    bottom: -1rem;
  }

  .t_recruit .text_area .s_btn {
    width: 80%;
  }

}


/********************************

s_index（01_トップページ)

********************************/
@media only screen and (max-width: 599px) {
    .toppage .t_about .txt{
    font-size: 4vw;
  }
  .toppage .t_about .txt .sub{
     font-size: 2vw;
  }
  .view02 a{
    width: 100%;
  }
  .headinn{
    width: 100%;
  }
  #totop{
    bottom: 50px;
  }
  #totop a{
    width: 60px;
    height: 60px;
  }

  .sp_btn {
    -ms-writing-mode: inherit;
    writing-mode: inherit;
    text-orientation: inherit;
    width: 100%;
}
.headinnL .web a{
  width: 100%;
}
.btn.tel{
  width: 100%;
}

  .body_box .inner{
    padding: 40px 0;
  }
    /*style*/
.t_sg .item:nth-of-type(1),
.t_sg .item:nth-of-type(4) {
    transform:inherit;
}

.t_sg .item:nth-of-type(3),
.t_sg .item:nth-of-type(6) {
    transform:inherit;
}

  .t_concept .text_area .t_concept_heading{
    font-size: 16px;
  }
  .t_concept .pic_area {
    width: 100%;
  }
  .feture-list .box{
    width: 100%;
  }
  .feture-list .box .tbox{
    margin: 0;
  }
  .feture-list .box:nth-of-type(even){
    margin-top: 0;
  }
  .feture-list .box{
    margin-left: 0;
  }
  .feture-list .box:nth-of-type(3){
    margin-top: 0;
  }
  .toppage .inner {
    padding: 30px 0;
  }

  .t_news-blog .col_wrap .col_2:first-of-type {
    margin-bottom: 10%;
  }

  .t_concept .text_area {
    width: 100%;
    position: static;
    order: 3;
  }

  .t_about .text_box {
    height: 60%;
    padding: 1rem;
  }

  .t_about .pic {
    width: 100%;
  }

  .t_sg .col_wrap .col_3 {
    flex: 0 0 50%;
    width: 50%;
  }

  .t_bnr_list .col_wrap .col_3 {
    flex: 0 0 100%;
    width: 100%;
  }

  .toppage .col_wrap .col_3 .pic {
    width: 100%;
  }

  .toppage .t_recruit {
    padding-top: 30px;
  }

  .t_recruit .text_area {
    width: 100%;
    padding: 1rem;
    position: static;
  }

  .t_recruit .pic {
    width: 100%;
  }

  .t_recruit .t_recruit_heading,
  .t_recruit .text_area .text {
    text-align: center;
  }

  .t_recruit .t_recruit_heading:after {
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }

}

/********************************
/********************************
/********************************

l_underpage

********************************/
/* .underpage {
  margin-bottom: 6%;
} */

.up_mainimage .head_group {
  border: none;
  z-index: 3;
  width: 100%;
}

.up_mainimage .main_heading {
  color: #ffffff;
  letter-spacing: 5px;
  position: relative;
}

.body_box .up_mainimage .main_heading{
  position: absolute;
}

.body_box .up_mainimage .main_heading:after {
  position: absolute;
  display: block;
  content: "";
  width: 80px;
  height: 4px;
  background: #ffffff;
  position: absolute;
  bottom: -1rem;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

.up_mainimage .mi_inner {
  max-width: 1500px;
  overflow: hidden;
}

.up_mainimage .mi_inner:after {
  display: block;
  content: "";
  padding-top: 24.21875%;
}

.up_mainimage .mi_inner img {
  /* position: absolute;
  top: 50%;
  left: 50%;
  width: auto;
  height: 100%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%!important;
  /* IE対策 */
  font-family: "object-fit: cover; object-position: 50% 50%;";
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
}

.up_mainimage .mi_inner .pic:before {
  display: block;
  position: absolute;
  content: "";
  background: rgba(0, 0, 0, .3);
  width: 100%;
  height: 100%;
  z-index: 2;
}

.head_menu_wrap {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  padding: 6% 0;
}

.head_menu li {
  width: 30%;
  padding: 1rem;
  border: 2px solid #333;
  line-height: 1;
  margin: 0 1% 2%;
}

.head_menu li a {
  font-size: 24px;
  text-align: center;
  display: block;
  font-family: 'Poppins', sans-serif;
  font-weight: bold;
  letter-spacing: 5px;
}

.head_menu li a span {
  font-size: 12px;
  display: block;
  font-weight: normal;
  padding-top: 3px;
}

/********************************
/********************************

m_underpage

********************************/
@media only screen and (max-width: 1024px) {
  .head_menu_wrap {
    max-width: none;
  }

  .head_menu li {
    width: 175px;
    padding: 0.5rem;
  }

  .head_menu li a {
    font-size: 20px;
  }
}




/********************************

s_underpage

********************************/
@media only screen and (max-width: 599px) {
  .up_mainimage .mi_inner .pic {
    width: 100%;
  }

  .up_mainimage .mi_inner:after {
    padding-top: 40%;
  }

  .head_group {
    /* width: 100%; */
    text-align: center;
  }

  .up_mainimage .main_heading:after {
    bottom: -.5rem;
    height: 3px;
  }

  .head_menu li {
    width: 48%;
  }

  .head_menu li a {
    font-size: 15px;
  }

}
.boxdm{
  background: #f5f5f5;
  padding: 5%;
  text-align: center;
  font-size: 20px;
  font-family: 'Crimson Text', serif;
}

.body_box .t_concept .text_area{
  width: 100%;
}
.body_box .t_concept .text_area .text{
  margin-bottom: 0;
}

.border01{
  border-bottom:solid 1px #333;
}

.borderbox01{
  border: solid 1px #121212;
  padding: 20px;
}

/********************************
/********************************
/********************************

l_about（02_About)

********************************/
.about .no {
  text-align: center;
  padding-bottom: 3px;
  font-family: 'Poppins', sans-serif;
  margin-bottom: 4%;
  letter-spacing: 3px;
}

.about .no span {
  border-bottom: 1px solid #333;
  font-size: 18px;
}

.about .lead {
  text-align: center;
}

.bordersp{
  margin-bottom: 8%;
  border-bottom: 1px solid #333;
  padding-bottom: 8%;
}

/* .about .explain_wrap {
  margin-bottom: 10%;
}

.about .explain_wrap .explain {
  margin-bottom: 6%;
} */

.explain_wrap{
  margin-bottom: 50px;
}

.explain_wrap.new{
  margin-bottom: 0px;
}

.about .explain_heading {
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: 2px;
  margin-bottom: 2rem;
}

.about .explain_wrap .text_wrap {
  width: 68%;
  padding: 0 2rem 0 2rem;
}

.about .explain_wrap .pic_wrap {
  width: 32%;
}

.text_zo .explain_wrap{
  padding: 20px;
  border: solid 1px;
}

.text_zo .explain_wrap .pic_wrap {
  width: 100%;
}

.text_zo .explain_wrap .text_wrap{
  width: 100%;
  text-align: center;
  padding: 0;
}

.text_zo .explain_wrap .text_wrap .ej_heading.lf{
  text-align: center;
  color: #fff;
  background-color: #50302cb7;
  padding: 5px;
}

.text_zo .explain_wrap .text {
  padding: 0 4rem 0 4rem;
}

.about .explain_wrap .explain:nth-of-type(odd) .text_wrap {
  order: 1;
}

.about .explain_wrap .explain:nth-of-type(even) .text_wrap {
  order: 0;
}

.about .feture-list .box:nth-of-type(even){
  margin-top:0;
}

.about .feture-list .box{
width: 30%;
margin: 0 10px;
padding: 10px;
}

.about .feture-list .box.new002{
width: 100%;
margin: 0 10px;
padding: 10px;
}
.about .feture-list .box .num{
  top: -16px;
  left: 0;
}
.about .feture-list .box.eno .num {
    top: -16px;
    left: inherit;
    right: 0;
}

.underpage.about  .ej_heading{
  margin-bottom: 30px;
}

.about .feture-list .box .tbox{
  margin: 0;
}

.feture-list .box.new{
  width: 40%;
}
.about .feture-list .box.new02{
  margin:10px
}

.about .feture-list .box.new{
  margin: 10px;
}

.feture-list .box.new03{
  background-color: #f5f5f5;
}

.feture-list .box.new03{
  width: 80%;
  border: solid;
  padding: 0;
  margin: 30px
}

.feture-list .box.new03 .tbox{
  margin: 0;
}

.feture-list .box.new03 .pbox{
  width: 20%;
  margin: auto;
  padding: 10px
}

.body_box .inner.new00{
  padding: 80px 0 0 0;
}

.about .feture-list .box .num.sinew {
    top: initial;
    left: 50%;
    /* bottom: 0; */
    z-index: 2;
    transform: translate(-50%,-50%);
}

.feture-list .box .tbox.onew h4 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
    line-height: 1.5;
    padding-bottom: 5px;
    border-bottom: solid 1px;
    margin-top: 20px;
}

/********************************
/********************************

m_about（02_About)

********************************/
@media only screen and (max-width: 1024px) {
  
  .about .feture-list .box.eno .num {
    top: -30px;
    left: inherit;
    right: -20px;
}


  .text_zo .explain_wrap:nth-of-type(odd) .text{
    padding: 0px 2rem 0 0rem;
  }
  
   .text_zo .explain_wrap:nth-of-type(odd) .text.neo{
    padding: 0px 0rem 0 2rem;
  }
  
  .text_zo .explain_wrap:nth-of-type(even) .text{
    padding: 0px 0rem 0 2rem;
  }
 
  .about .feture-list .box .num{
    top: -1px;
    
  }

  .about .feture-list .box.new02 .num{
    top: -10px;
  }
  
.about .feture-list .box{
  width: 50%;
  margin: 0 0px;
  }
  .about .feture-list .box.eno{
  width: 30%;
  margin: 0 0px;
  }


  .about .feture-list .box.new02{
    width: 45%;
  }
  .about .feture-list .box.new02:nth-of-type(even){
    margin-top: 10px;
  }

  .about .explain_wrap .text_wrap {
    padding: 0 2rem;
  }

 /*  .body_box .explain_wrap:nth-of-type(odd) .text_wrap {
   padding-left: 0;
 } */
 .body_box .explain_wrap:nth-of-type(odd) .text_wrap{
   padding-right: 0;
 }

  .body_box .explain_wrap:nth-of-type(even) .text_wrap {
    padding-right: 0;
  }
  .body_box .explain_wrap.sin:nth-of-type(odd) .text_wrap{
    padding-right: 0;
    padding-left: 2em;
  }

  .text_zo .explain_wrap .text_wrap{
    padding: 0;
  }
  .feture-list .box.new{
    width: 47%;
  }
  .about .feture-list .box.new{
    margin: 10px;
  }
  .about .feture-list .box.new:nth-of-type(even){
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .about .feture-list .box .num.sinew {
    top: initial;
    left: 50%;
    /* bottom: 0; */
    z-index: 2;
    transform: translate(-50%,-50%);
}
.feture-list .box .num.sinew {
    font-size: 40px;
    position: absolute;
    display: flex;
    align-items: center;
    margin-right: 0;
    justify-content: center;
    top: 0px;
    right: 0px;
    font-weight: 700;
    font-family: 'Noto Sans', sans-serif;
    background-color: #fffdf7;
    background-image: url(/import/tenant_1/160.16.202.157/html2/images/top/white-wall.png);
    width: 70px;
    height: 70px;
    border-radius: 50%;
}
}


/********************************

s_about（02_About)

********************************/
@media only screen and (max-width: 599px) {
  .about .feture-list .box.eno {
    width: 100%;
    margin: 0 0px;
}
.about .feture-list .box.eno .num {
    top: -20px;
    left: inherit;
    right: 0px;
}
  .feture-list .box.eno .num {
    font-size: 40px;
    position: absolute;
    display: flex;
    align-items: center;
    margin-right: 0;
    justify-content: center;
    top: -20px;
    right: 30px;
    font-weight: 700;
    font-family: 'Noto Sans', sans-serif;
    background-color: #fffdf7;
    background-image: url(/import/tenant_1/160.16.202.157/html2/images/top/white-wall.png);
    width: 80px;
    height: 70px;
    border-radius: 50%;
}
  .about .feture-list .box .num{
    top: 0px;
   left: inherit;
  
  }
     .text_zo .explain_wrap:nth-of-type(odd) .text.neo{
    padding: 0px 0rem 0 0rem;
  }
  .body_box .inner.new00{
    padding: 40px 0 0 0;
  }
  .feture-list .box.new03{
    width: 100%;
  }
  .about .feture-list .box.new02{
    width: 100%;
  }  .about .feture-list .box{
    width: 100%;
  }

  .text_zo .explain_wrap:nth-of-type(odd) .text{
    padding: 0px;
  }
  .text_zo .explain_wrap:nth-of-type(even) .text{
    padding: 0px;
  }

  .about .lead {
    text-align: left;
  }

  .about .explain_wrap .text_wrap,
  .about .explain_wrap .pic_wrap {
    width: 100%;
  }

  .about .explain_heading {
    text-align: center;
    margin-bottom: 1rem;
  }

  /* .about .explain_wrap .explain {
    margin-bottom: 16%;
    border-bottom: 1px solid #333;
    padding-bottom: 8%;
  } */

  .about .explain_wrap .explain:nth-of-type(odd) .text_wrap,
  .about .explain_wrap .explain:nth-of-type(even) .text_wrap {
    order: 1;
    padding: 0;
  }
  .text_zo .explain_wrap .text_wrap{
    padding: 0;
  }

  .feture-list .box.new{
    width: 100%;
  }
    .about .feture-list .box .num.sinew {
    top: initial;
    left: 50%;
    /* bottom: 0; */
    z-index: 2;
    transform: translate(-50%,-50%);
}
}



/********************************
/********************************
/********************************

l_concept（03_Concept)

********************************/
.concept .concept_wrap {
  position: relative;
}

.concept .bgi {
  position: absolute;
  z-index: -1;
  top: -130px;
  right: 0;
}

.concept .big_lead {
  line-height: 1.5;
  letter-spacing: 4px;
  margin-bottom: 6%;
}

.concept .concept_img_wrap {
  margin-bottom: 3%;
}

.concept .lead {
  line-height: 1.5;
  letter-spacing: 2px;
}

/********************************
/********************************

m_concept（03_Concept)

********************************/



/********************************

s_concept（03_Concept)

********************************/
@media only screen and (max-width: 599px) {
  .col_wrap .col_3 {
    flex: 0 0 50%;
    width: 50%;
  }

  .col_wrap .col_3 .pic {
    width: 100%;
  }

  .concept .bgi {
    top: -65px;
  }
}



/********************************
/********************************
/********************************

l_price（04_Price)

********************************/
.price .dl_wrap {
  border-top: 3px solid #333;
  padding: 1rem;
}

.price .col_2 {
  margin-bottom: 6%;
}

.price dl {
  border-bottom: 1px solid #ccc;
  padding: 1rem 0;
  margin-bottom: 2rem;
}

.price dt {
  font-weight: bold;
  font-size: 16px;
  padding-bottom: 1rem;
}

.price dt span {
  text-align: right;
  font-feature-settings: "palt";
}

.price dd {
  font-size: 14px;
  text-indent: 1rem;
  min-height: 3em;
}

.price .members_wrap {
  background: #ffffff;
  padding: 3rem;
}

.price .mem_head {
  border-bottom: 1px solid #333;
  padding-bottom: 10px;
}

.price .mem_head .logo {
  width: 150px;
  padding-right: 1rem;
}



.price .mem_body {
  margin-top: 1rem;
}

/********************************
/********************************

m_price（04_Price)

********************************/
@media only screen and (max-width: 1024px) {}


/********************************

s_price（04_Price)

********************************/
@media only screen and (max-width: 599px) {
  .price dl {
    padding-top: 0;
    margin-bottom: 1rem;
  }

  .price dd {
    max-height: none;
  }
}



/********************************
/********************************
/********************************

l_staff（05_Staff)

********************************/
.staff .stafflist li {
  margin-bottom: 6%;
}

.staff .stafflist .pic {
  margin-bottom: 1rem;
}

.staff .stafflist .posi {
  font-size: 11px;
  margin-bottom: .75rem;
}

.staff .stafflist .name {
  padding-left: 1rem;
}

/********** detail（個別ページ） **********/
.staff.detail .staff_detail {
  margin-bottom: 10%;
}

.staff.detail .posi {
  
  margin-bottom: 2rem;
}

.staff.detail .posi span {
  font-size: 11px;
  padding-right: 2rem;
}

.staff.detail .name_wrap {
  margin-bottom: 3rem;
  width: 50%;
}

.staff.detail .insta {
  width: 50%;
}

.staff.detail .name {
  font-weight: bold;
}

.staff.detail .eng_name {
  font-size: 11px;
}

/********************************
/********************************

m_staff（05_Staff)

********************************/
@media only screen and (max-width: 1024px) {}


/********************************

s_staff（05_Staff)

********************************/
@media only screen and (max-width: 599px) {
  .staff .col_wrap .col_4 {
    flex: 0 0 50%;
    width: 50%;
  }

  .staff .col_wrap .col_4 .pic {
    width: 100%;
  }

  /********** detail（個別ページ） **********/
  .staff.detail .posi,
  .staff.detail .name_wrap {
    margin-bottom: 1rem;
  }

}



/********************************
/********************************
/********************************

l_blog-news（07_Blog)

********************************/
.main {
  width: 75%;
}

.main .bloglist li {
  margin-bottom: 6%;
}
/* 
.main .bloglist li:nth-child(10) {
  display: none;
} */

.blog .text_wrap {
  padding-top: 1rem;
}

.blog .text_wrap .date {
  font-size: 11px;
}

.blog .text_wrap .title {
  font-weight: bold;
}

.side {
  width: 25%;
  padding-left: 2rem;
}

.side .cat_wrap .cat_heading,
.side .cat_wrap li {
  width: 100%;
  text-align: center;
  border-top: 2px solid #333;
  border-left: 2px solid #333;
  border-right: 2px solid #333;
}

.side .cat_wrap li:last-child {
  border-bottom: 2px solid #333;
}

.side .cat_wrap .cat_heading,
.side .cat_wrap li a {
  font-size: 12px;
}

.side .cat_wrap .cat_heading {
  padding: 1rem;
}


.side .cat_wrap .cat_heading {
  font-family: 'Poppins', sans-serif;
  font-weight: bold;
  background: #f0f0f0;
}

.side .cat_wrap li a {
  display: block;
  padding: 1rem;
}

.side .cat_wrap li a:hover {
  opacity: 1;
  background: #f0f0f0;
}

/********** l_pager **********/
.list-pager {
  width: 50%;
  margin: 6% auto 0;
}

.list-pager li {
  display: block;
  width: 50px;
  height: 50px;
  border: 2px solid #333;
  position: relative;
  /* margin: 0 10px; */
}

.list-pager li span,
.list-pager li a {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  padding: 20px;
  font-size: 18px;
}

.list-pager li.current {
  background: #f0f0f0;
}

/********** detail（詳細ページ） **********/
.detail .article_wrap {
  margin-bottom: 10%;
}

.detail .head_wrap {
  margin-bottom: 3rem;
}

.detail .date {
  text-align: center;
  font-size: 11px;
  margin-bottom: 2rem;
}

.detail .title {
  font-weight: bold;
  text-align: center;
}

.detail .btn.back {
  margin-left: auto;
}

/********** recommend（おすすめ記事） **********/

/* .detail .recommend .ej_heading,
.style-gallery.detail .recommend .ej_heading {
  border-bottom: 5px solid #333;
  position: relative;
  padding-bottom: 3%;
  margin-bottom: 0;
}


.detail .recommend .ej_heading:after,
.style-gallery.detail .recommend .ej_heading:after {
  bottom: calc(6% - 3px);
  position: absolute;
  display: block;
  content: "";
  width: 100%;
  height: 2px;
  background: #333;
}

.detail .recommend .pic:after {
  display: block;
  position: absolute;
  content: "";
  background: rgba(0, 0, 0, .3);
  width: 100%;
  height: 100%;
  z-index: 2;
  top: 0;
  left: 0;
} */

/* .detail .recommend .text_area {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 4;
  width: 75%;
} */

.detail .recommend .text_area {
    position: relative;
    /* top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 4; */
    width: 100%;
    margin-top: 10px;
    text-align: center;
}

.detail .recommend .text_area .t_bnr_heading {
  color: #333;
  display: inline-block;
  border-bottom: 2px solid #333;
  letter-spacing: 3px;
}


/********************************
/********************************

m_blog-news（07_Blog)

********************************/
@media only screen and (max-width: 1024px) {
  .blog .text_wrap {
    padding-top: 0.5rem;
  }

  .list-pager {
    width: 70%;
  }
}


/********************************

s_blog-news（07_Blog)

********************************/
@media only screen and (max-width: 599px) {

  .main,
  .side {
    width: 100%;
  }

  .side {
    order: 3;
    padding-left: 0;
  }

  .main .bloglist li:nth-child(10) {
    display: block;
  }

  /********** s_pager **********/
  .list-pager {
    width: 100%;
    margin-bottom: 10%;
  }

  .list-pager li span,
  .list-pager li a {
    font-size: 16px;
  }

  .list-pager li {
    width: 40px;
    height: 40px;
  }

  /********** detail（詳細ページ） **********/
  .detail .btn.back {
    margin-left: auto;
    margin-bottom: 10%;
  }

  .detail .recommend .col_wrap .col_3,
  .style-gallery.detail .recommend .col_wrap .col_3 {
    flex: 0 0 100%;
    width: 100%;
  }
}

/********************************
/********************************
/********************************

l_product（09_Product)

********************************/
.product .productlist .title {
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  margin: 1rem 0;
}

.product .productlist .spec {
  font-size: 11px;
  text-align: center;
  font-weight: bold;
}

.product .productlist .spec span {
  padding-left: 1rem;
  font-weight: normal;
}

.product .productlist li {
  margin-bottom: 6%;
}

.product .productlist li:nth-of-type(10) {
  display: none;
}

.product .cat_banner {
  margin-top: 6%;
}

.product .cat_banner li a {
  border: 2px solid #333;
}

.product .cat_banner li .pic_area {
  width: 40%;
  max-width: 152px;
}

.product .cat_banner li .text_area {
  width: 60%;
  font-size: 24px;
  font-weight: bold;
  line-height: 1;
  padding-left: 2rem;
}

.product .cat_banner li .text_area.small {
  width: 30%;
  text-align: center;
  padding: 0;
}

.product .cat_banner li .text_area span {
  font-size: 11px;
  display: block;
  padding-top: 0.25rem;
}




/********************************
/********************************

m_product（09_Product)

********************************/
@media only screen and (max-width: 1024px) {
  .product .cat_banner li .pic_area {
    width: 30%;
  }

  .product .cat_banner li .text_area {
    font-size: 14px;
    padding-left: 1rem;
    width: 70%;
  }

}


/********************************

s_product（09_Product)

********************************/
@media only screen and (max-width: 599px) {
  .product .cat_banner li .text_area {
    font-size: 16px;
  }

  .product .cat_banner li .pic_area .pic {
    width: 100%;
  }

  .product .productlist li:nth-of-type(10) {
    display: block;
  }

}


/********************************
/********************************
/********************************

l_style-gallery（11_Style Gallery)

********************************/
.style-gallery .sglist li {
  position: relative;
}

.style-gallery .sglist li .text_wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  opacity: 0;
  width: 75%;
  z-index: 5;
}

.style-gallery .sglist li a:hover .text_wrap,
.style-gallery .sglist li a:hover .pic img {
  opacity: 1;
  -webkit-transition: all 0.8s ease;
  transition: all 0.8s ease;
}

.style-gallery .sglist li a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}

.style-gallery .sglist li a:hover {
  z-index: 5;
  opacity: 1;
}

.style-gallery .sglist li a:hover .pic:after {
  display: block;
  position: absolute;
  content: "";
  background: rgba(0, 0, 0, .3);
  width: 100%;
  height: 100%;
  z-index: 1;
  top: 0;
  left: 0;
}

.style-gallery .sglist li .title {
  color: #ffffff;
  position: relative;
  font-size: 18px;
  margin-bottom: 2.5rem;
}

.style-gallery .sglist li .title:after {
  position: absolute;
  bottom: -1rem;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  display: block;
  content: "";
  width: 30%;
  height: 2px;
  background: #ffffff;
}

.style-gallery .sglist li .category {
  text-align: center;
  font-size: 14px;
  color: #fff;
  font-family: 'Poppins', sans-serif;
}

/********** detail（詳細ページ） **********/
.style-gallery.detail .sg_detail {
  margin-bottom: 10%;
}

.style-gallery.detail .text_wrap {
  align-content: space-between;
}

.style-gallery.detail .title {
  font-weight: bold;
  margin: 1rem 0 2rem;
}

.style-gallery.detail .comment {
  font-size: 16px;
}

/* .style-gallery.detail .staff_wrap {
  background: #f0f0f0;
  width: 100%;
  height: 35%;

} */

.style-gallery.detail .s_text_wrap {
  width: 65%;
  /* padding: 1rem; */

}

.style-gallery.detail .s_text_wrap .posi {
  font-size: 18px;
  font-family: 'Poppins', sans-serif;
  letter-spacing: 2px;
}

.style-gallery.detail .s_text_wrap .name {
  font-weight: bold;
  line-height: 1;
}

.style-gallery.detail .s_text_wrap .eng_name {
  font-size: 11px;
  font-weight: bold;
  margin-top: 0.5rem;
  margin-bottom: 1rem;
}

/* .style-gallery.detail .s_text_wrap .message {
  padding-left: 1rem;
} */

.style-gallery.detail .s_pic_wrap {
  width: 35%;
}

/********************************
/********************************

m_style-gallery（11_Style Gallery)

********************************/
@media only screen and (max-width: 1024px) {
  .style-gallery.detail .staff_wrap {
    height: auto;
    padding-right: 1rem
  }

  .style-gallery.detail .s_text_wrap .message {
    padding: 0;
  }

}
.filter1{
    filter: brightness(0.5);
}
/********************************

s_style-gallery（11_Style Gallery)

********************************/
@media only screen and (max-width: 599px) {
  .style-gallery.detail .s_text_wrap .posi{
    font-size: 14px;
  }
  .style-gallery.detail .comment {
    margin-bottom: 6%;
  }


  .style-gallery.detail .staff_wrap {
    padding: 0;
  }
}


/********************************
/********************************
/********************************

l_recruit_new（13_Recruit 新卒者の方へ)

********************************/
.recruit .yoko dl {
  padding: 2rem 0;
  border-bottom: 1px solid #666;
}

.recruit .yoko dt {
  font-size: 16px;
  width: 20%;
  font-weight: bold;
}

.recruit .yoko dd {
  width: 80%;
}

.recruit .yoko.new dt{
  width: 100%;
}

.recruit .yoko.new dd{
  width: 100%;
}

.recruit .one_day {
  border-bottom: 1px solid #666;
}

.recruit .staff_box {
  width: 55%;
  margin: 0 auto 3%;
}

.recruit .staff_box .pic {
  border: 5px solid #bfbfbf;
  padding: 20px;
  position: relative;
}

.recruit .staff_box .pic:before,
.recruit .staff_box .pic:after {
  position: absolute;
  display: block;
  content: "";
  background: #fff;
  height: 85%;
  width: 20px;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.recruit .staff_box .pic:before {
  left: -10px;
}

.recruit .staff_box .pic:after {
  right: -10px;
}

.recruit .staff_prof .posi,
.recruit .staff_prof .name {
  font-weight: bold;
  line-height: 1;
  margin-top: 2rem;
  text-align: center;
}

.recruit .staff_prof .posi span,
.recruit .staff_prof .name span {
  font-size: 11px;
}

.recruit .staff_prof .posi span {
  font-size: 11px;
  padding-right: 1rem;
}

.recruit .staff_prof .name span {
  display: block;
  margin-top: .5rem;
}

.recruit .qalist {
  margin-bottom: 6%;
}

.recruit .qalist .heading {
  margin-bottom: 2rem;
  font-weight: bold;
}

.recruit .qalist .body {
  position: relative;
  margin-top: 2rem;
  border: 4px solid #bfbfbf;
  padding: 1rem;
  font-size: 11px;
}

.recruit .qalist .body:before {
  position: absolute;
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 11.5px 19.9px 11.5px;
  border-color: transparent transparent #bfbfbf transparent;
  top: -20px;
  left: 20px;
}

.recruit .od_flow {
  padding: 6% 0 16%;
}

.recruit .od_flowlist {
  margin-bottom: 5rem;

}

.recruit .od_flow .timeline {
  font-weight: bold;
  line-height: 2;
  width: 20%;
  position: relative;
  padding-top: 1rem;
}

.recruit .od_flow .timeline span {
  display: block;
}

.recruit .od_flow .timeline:after {
  position: absolute;
  display: block;
  content: "";
  width: 12px;
  height: calc(100% + 5rem);
  background: #bfbfbf;
  top: 0;
  right: 0;
}

.recruit .od_flow:last-of-type .timeline:after {
  height: calc(100% + 15rem);

}

.recruit .od_flow .pic {
  width: 35%;
  position: relative;
  margin-left: 25px;
}

.recruit .od_flow .pic:before {
  position: absolute;
  display: block;
  content: "";
  top: 2rem;
  left: -19px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 11.5px 19.9px 11.5px 0;
  border-color: transparent #bfbfbf transparent transparent;
}

.recruit .od_flow .text_wrap {
  width: 40%;
  padding: 2rem 0 2rem 2rem;
}

.recruit .od_flow .lead {
  font-weight: bold;
  margin-bottom: 3rem;
}

.recruit .od_flow .text {
  font-size: 11px;
}

.recruit .mensetsulist .text_wrap {
  width: 65%;
  padding: 2rem 2rem 2rem 0;
}

.recruit .mensetsulist {
  position: relative;
  margin-bottom: calc(4rem + 20px);
}

.recruit .mensetsulist:after {
  position: absolute;
  display: block;
  content: "";
  bottom: calc(-2rem - 20px);
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 38.5px 0 38.5px;
  border-color: #bfbfbf transparent transparent transparent;
}

.recruit .mensetsulist:last-of-type:after {
  content: none;
}

.recruit .mensetsulist .pic {
  width: 35%;
}

.recruit .mensetsulist .head_wrap {
  position: relative;
  margin-bottom: 2rem;
}

.recruit .mensetsulist .head_wrap .pic {
  width: 48px;
}

.recruit .mensetsulist .head_wrap .no {
  font-size: 28px;
  position: absolute;
  font-weight: bold;
  left: 16px;
  top: 20px;
  display: block;
  text-shadow: #fff 2px 0px, #fff -2px 0px, #fff 0px -2px, #fff 0px 2px, #fff 2px 2px, #fff -2px 2px, #fff 2px -2px, #fff -2px -2px, #fff 1px 2px, #fff -1px 2px, #fff 1px -2px, #fff -1px -2px, #fff 2px 1px, #fff -2px 1px, #fff 2px -1px, #fff -2px -1px;
}

.recruit .mensetsulist h4 {
  font-weight: bold;
  padding-left: 2rem;
}

.recruit .mensetsulist .text {
  width: 90%;
  margin-left: 0;
  padding-left: 4rem;
}

/********************************
/********************************

m_recruit_new（13_Recruit 新卒者の方へ)

********************************/
@media only screen and (max-width: 1024px) {
  .recruit .yoko dt {
    width: 25%;
  }

  .recruit .yoko dd {
    width: 75%;
  }

  .recruit .od_flow {
    padding-bottom: 0;
  }

  .recruit .od_flowlist {
    margin-bottom: 6%;
  }

  .recruit .od_flow .timeline {
    width: 100%;
    border-bottom: 12px solid #bfbfbf;
    padding: 0 0 .5rem 0;
  }

  .recruit .od_flow .timeline span {
    display: inline-block;
    padding-right: 1rem;
  }

  .recruit .od_flow .timeline:after {
    content: none;
  }

  .recruit .od_flow .text_wrap {
    width: 65%;
  }

  .recruit .od_flow .pic {
    margin: 25px 0 0 0;
  }

  .recruit .od_flow .pic:before {
    top: -19px;
    left: 2rem;
    border-width: 0 11.5px 19.9px 11.5px;
    border-color: transparent transparent #bfbfbf transparent;
  }

  .recruit .mensetsulist .head_wrap .no {
    font-size: 24px;
    left: 13px;
    top: 15px;
  }

  .recruit .mensetsulist .head_wrap .pic {
    width: 40px;
  }

  .recruit .mensetsulist .text_wrap {
    padding: 1rem 1rem 1rem 0;
  }

  .recruit .mensetsulist .text {
    padding-left: 0;
    width: 100%;
  }

  .recruit .mensetsulist h4 {
    padding-left: 1rem;
    width: 80%;
  }

}


/********************************

s_recruit_new（13_Recruit 新卒者の方へ)

********************************/
@media only screen and (max-width: 599px) {

  .recruit .yoko dt,
  .recruit .yoko dd {
    width: 100%;
  }

  .recruit .yoko dt {
    margin-bottom: 0.5rem;
  }

  .recruit .staff_box {
    width: 100%;
    margin-bottom: 6%;
  }

  .recruit .one_day .col_3 {
    flex: 0 0 100%;
    width: 100%;
  }

  .recruit .od_flow .text_wrap {
    padding: 1rem 0 1rem 1rem;
  }

  .recruit .od_flow .lead {
    margin-bottom: 1rem;
  }

  .recruit .od_flow .pic:before {
    left: 1rem;
  }

  .recruit .mensetsulist .text_wrap {
    width: 100%;
    padding: 0 0 1rem;
  }

  .recruit .mensetsulist .pic {
    width: 80%;
  }

  .recruit .mensetsulist .head_wrap {
    margin-bottom: 1rem;
  }

  .recruit .mensetsulist h4 {
    width: 100%;
    padding-left: 0;
    text-align: center;
  }

  .recruit .mensetsulist .head_wrap .pic {
    margin: 0 auto .5rem;
  }

  .recruit .mensetsulist .head_wrap .no {
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }

}

/********************************
/********************************
/********************************

l_voice（15_Customer Voice)

********************************/
.voice .heading_wrap {
  margin-top: 0.5rem;
}

.voice .customer {
  font-size: 11px;
  font-weight: bold;
  margin-bottom: 1rem;
}

.voice .title {
  font-weight: bold;
  margin-bottom: 1rem;
}

.voice .comment {
  font-size: 11px;
  line-height: 1.5;
}

.voice .from_salon {
  position: relative;
  margin-top: 2rem;
  border: 4px solid #bfbfbf;

}

.voice .from_salon span {
  position: absolute;
  display: block;
  font-weight: bold;
  font-size: 11px;
  top: -1.25rem;
  left: 50px;
}

.voice .from_salon:before {
  position: absolute;
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 11.5px 19.9px 11.5px;
  border-color: transparent transparent #bfbfbf transparent;
  top: -20px;
  left: 20px;
}

.voice .from_salon .reply {
  padding: 1rem;
  font-size: 11px;
}

/********************************
/********************************

m_voice（15_Customer Voice)

********************************/
@media only screen and (max-width: 1024px) {
  .voice .col_2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin-bottom: 10%;
  }
}


/********************************

s_voice（15_Customer Voice)

********************************/
@media only screen and (max-width: 599px) {
  .voice .col_2 .pic {
    width: 100%;
  }
}



/********************************
/********************************
/********************************

l_contact（16_Contact)

********************************/
.contact .lead {
  border: 3px solid #999;
  text-align: center;
  color: #999;
  padding: 2rem;
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 10%;
}

.contact_form dl {
  width: 100%;
  margin-bottom: 2em;
}

.contact_form dt {
  width: 25%;
}

.contact_form dt .label {
  font-weight: bold;
}

.contact_form dt .require {
  font-size: 0.9em;
  background: #f0f0f0;
  padding: .15em 1em;
}

.contact_form dd {
  width: 70%;
  margin-left: 5%;
}

.contact_form dd .inputtext {
  border: 1px solid #666;
  padding: .5em;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.contact_form .btn_wrap li {
  padding: 0;
  margin: 0 auto;
  width: 50%;
}

.contact_form .contact-btn {
  width: 100%;
}

.contact_form .btn:hover {
  cursor: pointer;
  opacity: .6;
}


/********************************
/********************************

m_contact（16_Contact)

********************************/
@media only screen and (max-width: 1024px) {

  .contact_form dt,
  .contact_form dd {
    width: 100%;
  }

  .contact_form dt .label {
    margin-bottom: 1rem;
  }

  .contact_form dt .label {
    padding-right: 1rem;
  }

  .contact_form dt .require {
    margin-right: auto;
  }

  .contact_form dd {
    margin-left: 0;
  }

}


/********************************

s_contact（16_Contact)

********************************/
@media only screen and (max-width: 599px) {
  .contact_form .btn_wrap li {
    width: 100%;
    margin-bottom: 1rem;
  }

  .contact_form .btn {
    width: 80%;
    margin: auto;
  }

}



/********************************
/********************************
/********************************

l_salon-info（17_Salon info)

********************************/

.salon-info dl {
  padding: 1em 0;
  border-bottom: 1px solid #ccc;
}

.salon-info dt,
.salon-info dd {
  font-size: 16px;
  line-height: 3em;
}

.salon-info dt {
  width: 25%;
  font-weight: bold;
}

.salon-info dd {
  width: 75%;
}

.salon-info .gmap {
  position: relative;
  padding-bottom: 25%;
  height: 0;
  overflow: hidden;
}

.salon-info .gmap iframe,
.salon-info .gmap object,
.salon-info .gmap embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/********************************
/********************************

m_salon-info（17_Salon info)

********************************/
@media only screen and (max-width: 1024px) {

  .salon-info dt,
  .salon-info dd {
    font-size: 14px;
    width: 100%;
  }

  .salon-info .open dt {
    width: 30%;
  }

  .salon-info .open dd {
    width: 70%;
  }

  .salon-info .gmap {
    padding-bottom: 35%;
  }

}

/********************************

s_salon-info（17_Salon info)

********************************/
@media only screen and (max-width: 599px) {

  .salon-info .open dt,
  .salon-info .open dd {
    width: 50%;
  }

  .salon-info .gmap {
    padding-bottom: 60%;
  }

}



/********************************
/********************************
/********************************

l_flow（18_Hair Design Flow)

********************************/
.flow .explain_wrap {
  margin-bottom: 10%;
}

.flow .explain_wrap .explain {
  margin-bottom: 6%;
}

.flow .explain_heading {
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: 2px;
  margin-bottom: 2rem;
}

.flow .explain_wrap .text_wrap {
  width: 68%;
  padding: 2rem 4rem 0 4rem;
}

.flow .explain_wrap .pic_wrap {
  width: 32%;
}

.flow .explain_wrap .explain:nth-of-type(odd) .text_wrap {
  order: 1;
}

.flow .explain_wrap .explain:nth-of-type(even) .text_wrap {
  order: 0;
}

.flow .flowlist {
  margin-bottom: 3%;
}

.flow .flowlist .head_wrap {
  position: relative;
  border-bottom: 2px solid #7d7d7d;
  width: 100%;
  padding-bottom: 0.5rem;
  margin-bottom: 1.5rem;
}

.flow .flowlist .head_wrap:after {
  position: absolute;
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 0 7px 12.1px;
  border-color: transparent transparent transparent #7d7d7d;
  right: -1px;
  bottom: -0.5rem;
}

.flow .flowlist:last-of-type .head_wrap:after {
  content: none;
}

.flow .flowlist .head_wrap .pic {
  width: 48px;
}

.flow .flowlist .head_wrap .no {
  font-size: 28px;
  position: absolute;
  font-weight: bold;
  left: 16px;
  top: 20px;
  display: block;
  text-shadow: #fff 2px 0px,
    #fff -2px 0px,
    #fff 0px -2px,
    #fff 0px 2px,
    #fff 2px 2px,
    #fff -2px 2px,
    #fff 2px -2px,
    #fff -2px -2px,
    #fff 1px 2px,
    #fff -1px 2px,
    #fff 1px -2px,
    #fff -1px -2px,
    #fff 2px 1px,
    #fff -2px 1px,
    #fff 2px -1px,
    #fff -2px -1px;
}

.flow .flowlist .head_wrap h4 {
  font-size: 18px;
  font-weight: bold;
  padding-left: 1rem;
  letter-spacing: 3px;
}

.flow .flow_lead {
  margin-top: 1rem;
  font-weight: bold;
}

.flow .flow_text {
  margin-top: 1rem;
  font-size: 11px;
}

.pic.new{
  width: 35%;
}

/* .pic.new img {
  width: 30%;
} */


/********************************
/********************************

m_flow（18_Hair Design Flow)

********************************/
@media only screen and (max-width: 1024px) {
  .flow .explain_wrap .text_wrap {
    padding: 0 2rem;
  }

  .flow .explain_wrap .explain:nth-of-type(odd) .text_wrap {
    padding-right: 0;
  }

  .flow .explain_wrap .explain:nth-of-type(even) .text_wrap {
    padding-left: 0;
  }

  .flow .flowlist .head_wrap .pic {
    width: 40px;
  }

  .flow .flowlist .head_wrap .no {
    font-size: 20px;
    top: 14px;
    left: 14px;
  }

  .flow .flowlist .head_wrap h4 {
    padding-left: 0;
    width: 100%;
  }

}


/********************************

s_flow（18_Hair Design Flow)

********************************/
@media only screen and (max-width: 599px) {
  .pic.new {
    width: 99%;
}

  .flow .explain_wrap .text_wrap,
  .flow .explain_wrap .pic_wrap {
    width: 100%;
  }

  .flow .explain_heading {
    text-align: center;
    margin-bottom: 1rem;
  }

  .flow .explain_wrap .explain {
    margin-bottom: 16%;
    border-bottom: 1px solid #333;
    padding-bottom: 8%;
  }

  .flow .explain_wrap .explain:nth-of-type(odd) .text_wrap,
  .flow .explain_wrap .explain:nth-of-type(even) .text_wrap {
    order: 1;
    padding: 0;
  }

  .flow .flowlist {
    margin-bottom: 6%;
  }

  .flow .flowlist .head_wrap .pic {
    margin-left: 0;
  }

  .flow .flowlist .head_wrap h4 {
    font-size: 16px;
    letter-spacing: 0;
  }
}

.ej_heading,
.t_recruit .t_recruit_heading {
  font-family: 'Crimson Text', serif;
  font-weight: 400;
  letter-spacing: 4.5px;
}
.t_recruit .text_area .text {
  font-size: 14px;
  line-height: 2.5;
  padding: 0 0 20px;
  margin-bottom: 1.5rem;
}

.tit02 i {
  max-width: 24px;
 margin-right: 10px;
 color: #50302c;
}

.tit02 {
  overflow: hidden;
  font-family: 'Prata', serif;
}

.tit02.fl .en:first-letter {
  font-size: 150%;
}

.tit02 .t {
  display: inline-block;
  position: relative;
  padding-right: 1em;
}

.tit02 .t:after {
  position: absolute;
  top: 50%;
  left: 100%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  width: 300vw;
  height: 1px;
  border-bottom: 1px solid;
  content: "";
}
h2 .en:first-letter {
  font-size: 140%;
  color: #cfbbad;
}

.inb {
  display: inline-block;
}

.Adorn {
  font-family: 'Prata', serif;
  font-weight: 400;
}


.mbem2 {
  margin-bottom: 2em;
}

.nav-list li a,
.nav-list li .dropdown-btn {
    font-weight: bold;
    -webkit-transition: 0.3s linear;
    transition: 0.3s linear;
    color: #471a0c;
}

.dropmenu {
    *zoom: 1;
}

.dropmenu .dropdown {
    position: relative;
    overflow: hidden;
}

/* .dropmenu .dropdown::after {
    content: '';
    position: absolute;
    left: 50%;
    right: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    width: 280px;
    height: 40px;
    border: 0;
} */

.dropdown-btn {
    display: block;
    -webkit-transition: 0.3s linear;
    transition: 0.3s linear;
}

/* #gnav li .dropdown-btn a{
  padding-bottom: 20px;
} */

 .dropmenu .dropdown ul {
    position: absolute;
    top: 75%;
    right: -175px;
    left: -175px;
    z-index: -9999 !important;
    width: 150px;
    padding: 10px 15px;
    margin: 10px auto 0 auto;
    border:#121212 solid 1px;
    border-radius: 3px;
    -webkit-box-shadow: 3px 3px 10px -7px #000;
    box-shadow: 3px 3px 10px -7px #000;
    opacity: 0;
    -webkit-transition: 0.3s linear;
    transition: 0.3s linear;
    -webkit-transition-property: all;
    transition-property: all;
}

[data-element-id].dropmenu .dropdown ul{
      position: relative; 
    top: 75%;
   right: 0px;
   left: 0px; 
  z-index: 9999 !important; 
    width: 150px;
    padding: 10px 15px;
    margin: 10px auto 0 auto;
    border: #121212 solid 1px;
    border-radius: 3px;
    -webkit-box-shadow: 3px 3px 10px -7px #000;
    box-shadow: 3px 3px 10px -7px #000;
     opacity: 1; 
    -webkit-transition: 0.3s linear;
    transition: 0.3s linear;
    -webkit-transition-property: all;
    transition-property: all;
}

.dropmenu .dropdown ul::before {
  position: absolute;
  top: -7px;
  right: 0;
  left: 0;
  display: inline-block;
  width: 0;
  height: 0;
  margin: auto;
  content: '';
  border-color: transparent transparent #121212 transparent;
  border-style: solid;
  border-width: 0 7px 7px 7px;
}

#dropmenu .dropdown ul li {
    width: 100%;
    height: auto;
    margin-left: 0;
    overflow: hidden;
}

#dropmenu .dropdown ul li+li {
    border-top: 1px solid #121212;
}

#dropmenu .dropdown ul li::after {
  content: "/";
  display: none;
}

#dropmenu .dropdown ul li+li::after {
  content: "/";
  display: none;
}


#dropmenu .dropdown ul li a {
    display: block;
    padding: 10px 5px;
    font-size: 14px;
    color: #121212;
}

.dropdown-btn:hover {
    cursor: pointer;
}

#dropmenu .dropdown:hover {
    overflow: visible;
}

#dropmenu .dropdown:hover ul {
    z-index: 2 !important;
    opacity: 1;
    background-color: #fffdf7;
    background-image: url(/import/tenant_1/160.16.202.157/html2/images/top/white-wall.png);
}

.fixed #dropmenu .dropdown:hover ul{
  background: rgb(240, 240, 240, .9);
}

@media (max-width: 1024px) {
  .dropmenu .dropdown ul{
    border: 0px;
  }
  #dropmenu .dropdown ul li+li {
    border-top: 0px solid #121212;
}
   
    #dropmenu .dropdown {
        overflow: visible;
    }

    .dropmenu .dropdown ul::before,
    .dropmenu .dropdown::after {
        display: none;
    }

    #dropmenu .dropdown ul {
        width: 100%;
        margin: 10px 0;
        padding: 0 0 0 20px;
        background-color: inherit;
        -webkit-box-shadow: none;
        box-shadow: none;
        position: static;
        z-index: 2 !important;
        opacity: 1;
    }

    #dropmenu .dropdown ul li {
        margin: 10px 0;
    }

    #dropmenu .dropdown ul li a {
        font-size: 15px;
        color: inherit;
        padding: 0 0 0 20px;
        position: relative;
    }

    #dropmenu .dropdown ul li a::before {
        content: '∟';
        display: inline-block;
        position: absolute;
        top: -5px;
        left: 0;
    }
}
.home05 {
  position: relative;
  z-index: 0;
}

.home05 .cover {
  background-color: rgba(0,0,0,0.8);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.home05 .cover img {
  mix-blend-mode: multiply;
}

.home05cont h2 {
  color: #fff;
}

.home05iteminn .tbox .posi .inb {
   color: #fff;
}

.home05iteminn .tbox .name p {
  color: #fff;
}

.home05iteminn .tbox dd {
  color: #fff;
}

.home05iteminn .tbox .posi:before {
  color: #fff;
}


.home05 {
  /* padding-bottom: 0; */
  overflow: hidden;
}

.home05item a {
  display: block;
  height: 100%;
}
.home05iteminn {
height: 100%;
}
.home05iteminn .pbox {
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
  width: 40%;
}

.home05iteminn .tbox {
  margin-top: 8em;
  width: 50%;
}

.home05iteminn .tbox .posi {
  text-align: right;
  position: relative;
  padding: 0.25em 0;
}

.home05iteminn .tbox .posi:before {
  position: absolute;
  right: 0;
  bottom: 0;
  content: "";
  border-bottom: 1px solid;
  height: 1px;
  width: 125%;
  content: "";
}

.home05iteminn .tbox .posi .inb {
  text-align: left;
}

.home05iteminn .tbox dd {
  margin: 2em 0;
}

.home05iteminn .tbox .name p {
  margin: 0.5em 0;
  text-align: right;
}

.home05iteminn .tbox .name span {
  display: inline-block;
  text-align: left;
}

.home05iteminn .tbox .name .en span:first-letter {
  font-size: 250%;
}

.home05 .imgfit img {
  object-position: center 25%;
}

.salonconceptbox dl.titbox {
  max-width: 400px;
  margin: auto;
}

.salonconceptbox .titbox dt {
  padding-bottom: 60px;
}

.salonconceptlist li {
  width: 31.333%;
}

.salonconceptlist li:nth-last-of-type(-n + 3) {
  margin-top: -8%;
}

.salonconceptlist li:last-of-type {
  margin-top: -20%;
}

.salonconceptlist img {
  border: 5px solid #fff;
}

.accarea h3 {
  padding-bottom: 60px;
}

.accboxl {
  width: 44%;
  max-width: 400px;
  margin: 0 auto;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

.accboxr {
  width: 50%;
  border-left: 1px solid #aaa;
  padding-left: 6%;
}

.accboxr dt {
  padding-bottom: 20px;
}

.accboxr dd li {
  width: 49%;
}

.salonconceptbox .titbox dt {
  padding-bottom: 40px;
}


.underarea h3.mv {
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
}

.fshop dd{
  margin-bottom: 20px;
}

@media only screen and (max-width:599px) {
  .accboxl {
      width: 100%;
  }

  .accboxr {
      width: 100%;
      border-left: 0;
      border-top: 1px solid #aaa;
      padding-left: 0;
      padding: 4% 0;
      margin: 4% 0;
  }
  .accboxr dt {
      padding-bottom: 5px;
  }
  .accboxl .tbox dd li {
      text-align: center;
  }
  .salonconceptbox .titbox dt {
      padding-bottom: 20px;
  }
}


.list_table > dt,
.list_table > dd {
    box-sizing: border-box;
    border: 1px solid rgb(0, 0, 0);
    margin: 0 -1px -1px 0;
}


.list_table > dt,
.list_table > dd {
    padding: 1em;
}


@media screen and (max-width: 599px) {
    .list_table > dt,
    .list_table > dd {
      text-align: center;
  
  }
    .list_table > dt {
      background: #3a1e1e2e;
        
    }

   
    .list_table > dd > ul {
        text-align: left;
    }
}
@media print, (min-width: 599px) {
    .list_table {
        display: flex;
        flex-wrap: wrap;
       
    }
    .list_table > dt,
    .list_table > dd {
        display: flex;
        flex-direction: column;
        justify-content: center;
      
    }
    .list_table > dt {
        width: 40%;
    }
    .list_table > dd {
        width: 60%;
  
    }
}

.blog_g .col_wrap{
  margin-bottom: 3rem;
}
@media screen and (max-width: 599px) {
  .home05iteminn .tbox{
        margin-top: 2em;
  }
  .blog_g .col_wrap{
    margin-bottom: 0rem;
  }
}

.mes_tt{
  font-weight: bold;
  margin-bottom: 10px;
}

/*==========voice==========*/
.voice .subchild .pic {
  position: relative;
}

.voice .subchild .pic:after {
  content: "";
  background: #e5e5e5;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 15px;
  right: -20px;
  z-index: -1;
  padding-right: 999px;
  margin-right: -999px;
}


.voice .box-wrap:not(:first-of-type) {
  padding-top: 40px;
}

.voice .box-wrap .ofimg {
  width: 31%;
  height: 100%;
  cursor: pointer;
}
.uk-lb img {
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}


.voice .box-wrap .txt-box {
  width: 64%;
  padding-top: 20px;
}

.voice .box-wrap .txt-box dl {
  border-bottom: 1px dashed #cdcdcd;
  padding-bottom: 15px;
  margin-bottom: 15px;
}

.voice .box-wrap .txt-box dl:last-of-type {
  border-bottom: none;
}

.voice .box-wrap .txt-box dt {
  font-size: 16px;
  font-weight: bold;
  width: 25%;
}

.voice .box-wrap .txt-box .w100 dt,
.voice .box-wrap .txt-box .w100 dd {
  width: 100%;
  padding-bottom: 10px;
}

.voice .box-wrap .txt-box dd {
  width: 75%;
}

@media (max-width: 1024px) {
  .voice .box-wrap .txt-box dt {
      width: 35%;
  }

  .voice .box-wrap .txt-box dd {
      width: 65%;
  }
}

@media (max-width: 599px) {
  .voice .subchild .pic {
      width: 100%
  }

  .voice .box-wrap .ofimg {
      width: 55%;
      margin: 0 auto;
  }

  .voice .box-wrap .txt-box {
      width: 100%;
  }

  .voice .box-wrap .txt-box dt {
      font-size: 14px;
  }
}
.contact-item dd.radiobtn label {
  display: inline-block;
  padding: 0 10px 0 30px;
  position: relative;
}

.contact-item dd.radiobtn label::before {
  content: "";
  width: 20px;
  height: 20px;
  display: block;
  border: 2px solid #dcdcdc;
  border-radius: 3px;
  background-color: white;
  position: absolute;
  top: 0;
  left: 0;
}

.contact-item dd.radiobtn label:hover {
  text-decoration: underline;
  cursor: pointer;
}

.contact-item dd.radiobtn input {
  display: none;
}

.contact-item dd.radiobtn input:checked + label {
  text-decoration: underline;
}

.contact-item dd.radiobtn input:checked + label::after {
  width: 0;
  height: 0;
  color: #333;
  background-color: transparent;
  position: absolute;
 
  left: 2px;
  content: "\f00c";
  display: inline-block;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 20px;
  line-height: 1;
}

.contact-item dd.radiobtn input + label {
  margin-left: 15px;
}
@media (max-width: 599px) {
  .contact-item dd.radiobtn input + label{
    margin-left: 0;
  }
}
[data-element-id].flexsb.new0010 div{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

[data-element-id].abis_sp{
      width: 100%;
   padding-top: 50px;

}
@media only screen and (max-width: 599px) {
  .col_wrap .col_3.new {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-flex: 0;
   -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  padding: 2% 0 0 2%;
  word-wrap: break-word;
  width: 100%;
}
.feture-list .box.new03{
  margin: 0px;
}
.feture-list .box.new03 .pbox{
  width: 33%;
}
.box-lead{
  padding: 1rem 0;
  width: 60%;
}
}

.btn.sin{
  margin-top: 30px;
  color: #fff;
  border: 2px solid #fff;
}

.btn.sin {
    border-left: none;
    border-right: none;
    background: none;
}

.map{
  height: 400px;
}

.bnr_staff{
  background-color: #fff;
  padding: 10px;
  text-align: center;
      width: 80%;
    margin: auto;
}

.fa-angle-right:before {
    content: "\f105";
    color: #333;
    margin-right: 20px;
}
.list_table > dt {
    background: #fff;
}
.feture-list .box.mgk {
    width: 44%;
    padding: 30px;
    position: relative;
    z-index: 0;
    margin-left: 0%;
}
.fs280{
  font-size: 28px;
}
@media only screen and (max-width: 599px) {
  .t_bnr_list .text_area .t_bnr_heading.new {
    font-family: 'Poppins', sans-serif;
    color: #ffffff;
    display: inline-block;
    border-bottom: 0px solid #fff;
    letter-spacing: 3px;
    margin-bottom: 30px;
    font-size: 14px;
}
  .fs280{
  font-size: 14px;
}
  .about .feture-list .box.new002 {
    width: 100%;
    margin: 0 0px;
    padding: 10px;
}
  .feture-list .box.mgk{
    width: 100%;
  }
}
.itemcenter{
  align-items: flex-end;
}



.salon-02box{
  display: flex;
  justify-content: space-between;
  max-width: 1317px;
    margin: auto;
}

.salon-02box .inner{
  width: 48%;
}

.tenpo-p{
      text-align: center;
    margin-top: -20px;
    margin-bottom: 25px;
}

.header-info{
  display: flex;
    justify-content: space-between;
}

.header-info01{
      margin-right: 60px;
}

.reserve-li{
  padding: 0 0 30px 18px;
}




@media only screen and (max-width: 599px) {
.salon-02box {
    display: block;
}

.salon-02box .inner {
    width: 98%;
}

.view02 a, .btnlist{
  margin-top: 42px;
}

#totop {
    bottom: 90px;
}

}