@charset "utf-8";

/* ========================================
    リセットcss
========================================= */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-style: normal;
    font-weight: normal;
    font-size: 100%;
    vertical-align: baseline;

}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

html {
    overflow-y: scroll;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

input,
textarea {
    margin: 0;
    padding: 0;
}

ol,
ul {
    list-style: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

caption,
th {
    text-align: left;
}

a:focus {
    outline: none;
}

a {
    text-decoration: non box-sizing: border-box;
}

body {
    margin: 0;
    /* font-family: 'Josefin Sans', sans-serif, "游ゴシック体", "Yu Gothic", YuGothic,"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif !important;*/
    color: #585858;
    font-family: "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック体, YuGothic, "Yu Gothic", "游ゴシック Medium", "Yu Gothic Medium", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
    /* font-size: 62.5%; */
    overflow: hidden !important;
}

p,
dd,
dt,
ul,
li,
span {
    font-family: "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック体, YuGothic, "Yu Gothic", "游ゴシック Medium", "Yu Gothic Medium", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
}

dl.bordernone {
  border-bottom: none!important;
}

.bordernone {
  border: none!important;
}

.mt15 {
  margin-top: 1.5%;
}

/* セクションごとのマージン*/
.section-box {
    margin: 0 auto;
}

/* セクションごとのマージン bootstrap箇所*/
.boot-section {
    margin: 0 auto;
}

/* タイトル */
.all-title {
    /* font-family: 'Josefin Sans', sans-serif, "游ゴシック体", "Yu Gothic", YuGothic !important; */
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    position: relative;
    text-align: center;
    letter-spacing: .3rem;
}

/* .title-shadow {
    position: absolute;
    color: rgba(74, 74, 74, 0.2);
    font-size: 5rem;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    white-space: nowrap;
} */
.title-top {
    padding: 120px 0 50px;
    font-size: 1.5rem;
}


/* ボタン共通 */
.all-btn {
    background-color: #dad6ce;
    text-align: center;
    z-index: 2;
    overflow: hidden;
    border: 1px solid #dad6ce;
    width: 38%;
    margin: 0 auto;
    transition: all .3s;
}

.all-btn a {
    /* font-family: 'Josefin Sans', sans-serif, "游ゴシック体", "Yu Gothic", YuGothic !important;; */
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    letter-spacing: .2rem;
    display: block;
    position: relative;
    color: #fff;
    padding: 18px 0;
    transition: all .3s;

}

.stickarrow {
    position: absolute;
    width: 24px;
    top: 50%;
    right: 28px;
    transform: translateY(-50%);
    transition: all .4s ease-out;

}

.stickarrow:before {
    content: "";
    display: block;
    height: 1px;
    width: 100%;
    position: absolute;
    top: 50%;
    background: #fff;
}

.stickarrow:after {
    content: "";
    display: block;
    height: 1px;
    width: 35%;
    position: absolute;
    top: 50%;
    right: 1%;
    background: #fff;
    transform: rotate(45deg);
    transform-origin: right center;
}

.all-btn:hover {
    /* background-color: rgba(255,255,255,0.8); */
    background-color: transparent;
    border: 1px solid #dad6ce;
    color: #dad6ce !important;
    letter-spacing: 5px;
}

.all-btn a:hover {
    letter-spacing: 5px;
    text-decoration: none !important;
    color: #dad6ce !important;
    transition: all .3s;
}

.all-btn:active {
    /* background-color: rgba(255,255,255,0.8); */
    background-color: #fff;
    border: 1px solid #dad6ce;
    color: #dad6ce !important;
    letter-spacing: 5px;
}

.all-btn a:active {
    letter-spacing: 5px;
    text-decoration: none !important;
    color: #dad6ce !important;
    transition: all .3s;
}


.js-animation {
    opacity: 0;
    visibility: hidden;
    transform: translateY(40px);
    transition: all 1s;
}

.js-animation.is-show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
}


.container-fluid {
    padding-right: 0 !important;
    padding-left: 0 !important;

}

.sp-none {
    display: none;
}


/* タブレット向け記述  */
@media screen and (max-width: 767px) {
    .title-shadow {
        font-size: 3.0rem;
    }

    .all-btn {
        width: 50%;
    }

    .title-top {
        padding: 50px 0 30px;
        font-size: 1.7rem;
    }

    body.customize-support {
        margin-top: -7.9%;
    }

    .pc-none {
        display: none;
    }

    .sp-none {
        display: block;
    }

}

/* SP向け記述  */
@media screen and (max-width: 576px) {

    .title-top {
        font-size: 1.6rem;
    }

    .all-btn {
        margin: 0 auto;
        width: 100%;
        margin-bottom: 10%;
    }

    p {
        font-size: .8rem;
    }
}

/* ローディングアニメーション */
.start {
    background: #FFF;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 9000;
}

.start p {
    position: fixed;
    left: 55%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: none;
    z-index: 9999;
    width: 280px;
}

/* SP向け記述  */
@media screen and (max-width: 576px) {
    .start p {
        left: 63%;
    }
}


/* SP向け記述  */
@media screen and (max-width: 450px) {
    .start p {
        left: 60%;
    }
}

/* SP向け記述  */
@media screen and (max-width: 375px) {
    .start p {
        left: 61%;
    }
}


.fixed {
    height: 100%;
    position: fixed;
    width: 100%;
}




/* ========================================
    ヘッダー
========================================= */

header {
    position: fixed;
    top: 0;
    width: 100%;
    background-color: #fff;
    align-items: center;
    color: #585858;
    z-index: 5;
    transition: all .25s;
    box-shadow: 0 9px 3px -3px rgba(0, 0, 0, .02);
    height: auto;
}

.header {
    display: flex;
    max-width: 100%;
    width: 100%;
    position: relative;
    height: 82px;
}

.header h1 img {
    margin-top: 10px;
    width: 65px;
}



.header-nav ul {
    line-height: 5;
    position: absolute;
    margin-bottom: 0;
    right: 0;
}

.header-nav ul li {
    font-size: 1em;
    font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    position: relative;
    text-align: center;
    float: left;
    right: 0;
}

.header-nav ul li a {
    color: #585858;
    text-decoration: none;
}

.reserve-btn {
    background-color: #dad6ce;
    border: 1px solid #dad6ce;
    padding-right: 30px;
    padding-left: 30px;
    position: relative;
}

.header-nav ul .menu__single .reserve-btn {
    color: #fff;
    transition: all .3s;
}

.header-nav ul .menu__single .reserve-btn:hover {
    text-decoration: none;
    transition: all .3s;
    background-color: transparent;
    color: #dad6ce;
}

.header-nav ul li a:hover {
    color: #dad6ce;
    transition: all .3s;
}

.reserve-btn:hover {
    text-decoration: none;
    color: #dad6ce;
    transition: all .3s;
}

.humbaegar-menu {
    display: none;
}

li#menu-item5 {
    white-space: nowrap;
}

/* ナビ日本語表記 */

#menu-item1>a:after {
    content: 'トップ';
    display: block;
    text-align: center;
    letter-spacing: 2px;
    position: absolute;
    top: 35px;
    font-size: .6rem;
    left: 1.2rem;
}

#menu-item2>a:after {
    content: 'コンセプト';
    display: block;
    text-align: center;
    letter-spacing: 2px;
    position: absolute;
    top: 35px;
    font-size: .6rem;
    left: 2.5rem;
}

#menu-item3>a:after {
    content: 'サロン';
    display: block;
    text-align: center;
    letter-spacing: 2px;
    position: absolute;
    top: 35px;
    left: 2rem;
    font-size: .6rem;
}

#menu-item4>a:after {
    content: 'スタイル';
    display: block;
    text-align: center;
    letter-spacing: 2px;
    position: absolute;
    top: 35px;
    left: 1.5rem;
    font-size: .6rem;
}

#menu-item5>a:after {
    content: 'オンラインストア';
    display: block;
    text-align: center;
    letter-spacing: 2px;
    position: absolute;
    top: 35px;
    left: 1.5rem;
    font-size: .6rem;
}

#menu-item6>a:after {
    content: 'ニュース';
    display: block;
    text-align: center;
    letter-spacing: 2px;
    position: absolute;
    top: 35px;
    left: 1.5rem;
    font-size: .6rem;
}

#menu-item7>a:after {
    content: 'リクルート';
    display: block;
    text-align: center;
    letter-spacing: 2px;
    position: absolute;
    top: 35px;
    left: 2rem;
    font-size: .6rem;
}


/* モーダルメニュー */
.menu {
    position: relative;
    width: 45%;
    display: flex;
}

.menu>li {
    margin: 0 3.6%;
    /* メニュー間の隙間 */
    letter-spacing: 0.2rem;
}

.menu>li a {
    display: block;
}

ul.menu__second-level {
    visibility: hidden;
    opacity: 0;
    z-index: 1;
    margin: 25px 0 0 0;
    padding: 10px 2%;
    background: #333333;
}

.menu>li:hover {
    color: #333333;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.menu__single .menu__second-level li a {
    margin: 10px 0 0 0;
    text-align: center;
    font-size: 0.8rem;
    color: #ffffff;
}

.menu__second-level li a:hover {
    text-decoration: none;
    color: #dad6ce;
}

.menu:before,
.menu:after {
    content: " ";

}

.menu>li.menu__single {
    position: relative;
}

li.menu__single ul.menu__second-level {
    position: absolute;
    width: 160%;
    /* ここが下位メニューを表示するボックスの大きさ */
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    right: 5%;
}

li.menu__single:hover ul.menu__second-level {
    visibility: visible;
    opacity: 1;
}

.menu__second-level:before {
    content: "";
    position: absolute;
    top: -30px;
    left: 50%;
    margin-left: -15px;
    border: 15px solid transparent;
    border-bottom: 15px solid #333333;
}


/* Bounce To Bottom */
.hvr-bounce-to-bottom {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.hvr-bounce-to-bottom:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.hvr-bounce-to-bottom:hover,
.hvr-bounce-to-bottom:focus,
.hvr-bounce-to-bottom:active {
    color: #dad6ce;
}

.hvr-bounce-to-bottom:hover:before,
.hvr-bounce-to-bottom:focus:before,
.hvr-bounce-to-bottom:active:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/* ========================================
    ヘッダー　ハンバーガー mobile表示
========================================= */
@media screen and (max-width: 1158px) {

    .humbaegar-menu {
        display: block;
        position: relative;
    }

    .hamburger {
        display: block;
        position: absolute;
        z-index: 3;
        left: 3.5%;
        top: -50px;
        width: 42px;
        height: 42px;
        cursor: pointer;
        text-align: center;
    }

    .hamburger span {
        display: block;
        position: absolute;
        width: 30px;
        height: 2px;
        left: 6px;
        background: #585858;
        -webkit-transition: 0.3s ease-in-out;
        -moz-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out;
    }

    .hamburger span:nth-child(1) {
        top: 10px;
    }

    .hamburger span:nth-child(2) {
        top: 20px;
    }

    .hamburger span:nth-child(3) {
        top: 30px;
    }

    /* ナビ開いてる時のボタン */
    .hamburger.active span:nth-child(1) {
        top: 16px;
        left: 6px;
        background: #585858;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .hamburger.active span:nth-child(2),
    .hamburger.active span:nth-child(3) {
        top: 16px;
        background: #585858;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    nav.globalMenuSp {
        position: absolute;
        z-index: 2;
        top: 0;
        left: 0;
        color: #fff;
        background: rgb(0 0 0 / 88%);
        text-align: center;
        width: 100%;
        opacity: 0;
        visibility: hidden;
        transition: opacity .5s, visibility .5s;
    }

    nav.globalMenuSp ul {
        margin: 10% auto;
        padding: 0;
        width: 100%;
        height: 100vh;
    }

    nav.globalMenuSp ul li {
        list-style-type: none;
        padding: 0;
        width: 100%;
        transition: .6s all;
        font-size: 1.4rem;
        letter-spacing: 2px;
    }

    nav.globalMenuSp ul li:last-child {
        padding-bottom: 0;
    }

    /* nav.globalMenuSp ul li:hover{
        background :#ddd;
      } */

    nav.globalMenuSp ul li a {
        display: block;
        color: #fff;
        padding: 15px 0;
        text-decoration: none;
        font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
        letter-spacing: .2rem;
        font-size: 16px;
    }

    nav.globalMenuSp ul li a:hover {
        color: #dad6ce;
    }

    /* このクラスを、jQueryで付与・削除する */
    nav.globalMenuSp.active {
        opacity: 1;
        visibility: visible;
    }
}

/* //ヘッダー　ハンバーガー mobile表示 */


/* 固定ボタン mobile表示 */

.reserve-fixed {
    display: none;
    background-color: #dad6ce;
    position: fixed;
    box-shadow: 3px 3px 13px 0 #dad6ce;

}

.reserve-fixed a {
    color: #fff;
    display: block;
    transition: all .3s;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    padding: 2%;
    letter-spacing: .2rem;
}

.reserve-fixed:hover {
    background-color: #fff;
    border: 1px solid #dad6ce;
    color: #dad6ce !important;
    letter-spacing: 5px;
    transition: all .3s;
}

.reserve-fixed a:hover {
    letter-spacing: 5px;
    text-decoration: none !important;
    color: #dad6ce !important;
    transition: all .3s;
}

.reserve-fixed:active {
    background-color: #fff;
    border: 1px solid #dad6ce;
    color: #dad6ce !important;
    letter-spacing: 5px;
    transition: all .3s;
}

.reserve-fixed a:active {
    letter-spacing: 5px;
    text-decoration: none !important;
    color: #dad6ce !important;
    transition: all .3s;
}


.header h1 {
    padding-left: 50px;
}



@media screen and (max-width: 1420px) {
    .menu {
        width: 40%;
    }
}




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

    .menu {
        width: 25%;
    }
}


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

    .menu-pc {
        display: none;
    }

    .reserve-fixed {
        display: block;
        width: 100%;
        bottom: 0;
        text-align: center;
    }

    .header h1 {
        padding-left: 45%;

    }
}

/* PC向け記述  */
@media screen and (max-width: 991px) {
    .menu {
        width: 20%;
    }

    .header {
        display: flex;
        margin: 0 0 0 5%;
        max-width: 100%;
        width: 100%;
        position: relative;
        height: 65px;
    }

    .header-nav {
        margin: 0;
    }

    .header h1 {
        margin: 0 auto;
        width: 100%;
    }

    .header h1 img {
        width: 50px;
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .header {
        margin: 0;
    }

    .menu>li.menu__single {
        position: relative;
    }

    i.fas.fa-user {
        padding-left: 10px;
    }

    .header-nav ul {
        line-height: 4.5;
    }

    nav.header-nav {
        margin-right: -10%;
    }


    i.fas.fa-user {
        padding-left: 10px;
        width: 30px;
    }

    i.fas.fa-shopping-cart {
        width: 30px;
    }
}

/* SP向け記述  */
@media screen and (max-width: 576px) {
    .reserve-fixed {
        padding: 4%;
    }
}



/* ========================================
    section-0 オープニングアニメーション
========================================= */

.anime .start {
    width: 100vw;
    height: 100vh;
    position: relative;
    background: #fff;
    transition: all .3s;
}

.anime img .start img {
    display: block;
    position: absolute;
    top: 50%;
    left: 30%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}


/* SP向け記述  */
@media screen and (max-width: 576px) {

    .anime img .start img {
        display: block;
        position: absolute;
        top: 50%;
        left: 35%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }


}


/* ========================================
    section-1 メインイメージ
========================================= */
section#section-1 {
    margin-bottom: -5%;
}

.main-img {
    position: relative;
    overflow: hidden;
    /*     margin-top: 1%; */
}

.main-img img {
    width: 100%;
    object-fit: cover;
    margin-top: 80px;
    height: 93vh;

}

.hero-logo {
    display: none;
}

.wrap#slide_wrap {
    position: relative;
    overflow: hidden;

}

.slide_item {
    opacity: 0;
    transform: scale(1);
    transition: opacity 2s linear, transform 7.5s linear;
    /* //transformはFadeTime + IntarvalTime + α秒 */
    position: relative;
    width: 100%;
}

.slide_item:not(:first-child) {
    position: absolute;
    top: 0;
    left: 0;
}

.slide_item.show_ {
    opacity: 1;
}

.slide_item.zoom_ {
    transform: scale(1.1);
}

img {
    display: block;
    /* //下に余白できないように */
}

.slide_item-sp {
    display: none;
}

/* .main-img.main-topimg.slider-pc {
    margin-top: 10%;
} */


.news-fv img {
    width: 100%;
    object-fit: cover;
    /*     margin-top: 40px; */
    height: 100%;
}

@media screen and (max-width: 767px) {
    .hero-logo {
        position: absolute;
        transition: 1s;
        line-height: 1.5;
        top: 43%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        z-index: 3;
        display: block;

    }

    .slide_item-sp {
        display: block;
    }

    .slide_item-pc {
        display: none;
    }

    .news-fv img {
        width: 100%;
        object-fit: cover;
        margin-top: 9%;
        height: 100%;
    }

}

/* SP向け記述  */
@media screen and (max-width: 576px) {
    .hero-logo {
        position: absolute;
        transition: 1s;
        line-height: 1.5;
        top: 46%;
        left: 50%;
    }

    .main-img.main-topimg img {
        width: 100%;
        object-fit: cover;
        margin-top: 10px;

        height: 100vh;
        filter: brightness(.9);
    }

    .main-img img {
        width: 100%;
        object-fit: contain;
        margin-top: 0;
        height: 40vh;

    }

    .news-fv img {
        width: 100%;
        object-fit: contain;
        margin-top: 50px;
        height: 100%;
    }
}

@media screen and (max-width: 375px) {
    .news-fv img {
        width: 100%;
        object-fit: contain;
        margin-top: 0px;
        height: 40vh;
    }
}

/* ========================================
    section-2　コンセプト
========================================= */
section#section-2 {
    margin-top: 5%;
}

#section-2,
#concept {
    text-align: center;
    max-width: 1400px;
    margin: 5% auto;
    padding: 0 20px;
}

#section-2 .section-2-text {
    width: 100%;
    text-align: center;
    padding: 3%;
}

.section-2-text {
    font-size: .9rem;
    line-height: 1.5rem;
    margin-bottom: 2%;
    text-align: center;
}

.section-2-text-mobil {
    margin-top: 2%;
    font-size: .9rem;
    line-height: 1.5rem;
    margin-bottom: 2%;
    text-align: center;
}

.section-2-text2 {
    margin-top: 2%;
    font-size: .9rem;
    line-height: 1.5rem;
    margin-bottom: 2%;
    text-align: left;
}

.concept-text-top,
.concept-text-top-mobil {
    font-weight: 600;
    color: #585858;
    font-size: 1.1rem;
    padding: 0 0 1% 0;
    display: inline-block;
}

.concept-text-top-mobil {
    display: none;
}

.section-2-text-mobil {
    display: none;
}

/* タブレット向け記述  */
@media screen and (max-width: 767px) {
    .section-2-text {
        padding: 3% 10%;
        font-size: .8rem;
        margin-bottom: 5%;
    }

    .concept-text-top-mobil {
        display: block;
    }

    .concept-text-top {
        display: none;
    }

    .section-2-text-mobil {
        display: block;
        margin-bottom: 5%;
    }

    .section-2-text {
        display: none;
    }
}

/* SP向け記述  */
@media screen and (max-width: 576px) {
    .concept-text-top {
        font-size: .9rem;
    }

    .concept-text-top,
    .concept-text-top-mobil {
        font-size: .9rem;
    }

    .section-2-text-mobil {
        font-size: .8rem;
    }

}

/* SP向け記述  */
@media screen and (max-width: 375px) {
    .concept-text-top-mobil {
        display: block;
        padding-bottom: 5%;
    }

    .section-2-text-mobil {
        display: block;
        margin-bottom: 9%;
    }

}

/* ========================================
    section-3　サロンリスト
========================================= */
section#section-3 {
    margin-top: 7%;
    max-width: 1400px;
    margin: 0 auto;
    padding-bottom: 5%;
    padding: 0 20px;
    padding-bottom: 5%;
}

#section-3 ul {
    display: flex;
    margin-bottom: 30px;
    justify-content: space-between;
}

.salonlist-top img {
    max-width: 100%;
}

li.salonlist {
    margin-right: 3%;
    width: 31%;
}

li.salonlist:last-child {
    margin-right: 0;
}

.salonlist-top p {
    margin-top: 1rem;
    /* font-family: 'Josefin Sans', sans-serif, "游ゴシック体", "Yu Gothic", YuGothic !important;; */
    font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "Yu Gothic", "游ゴシック Medium", "Yu Gothic Medium", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
}

li.salonlist .salonlist-top dl dd {
    padding-bottom: 5px;
}

/* salonlist btn */
.salonlist-btn {
    text-align: center;
    margin: 50px 0 0 auto;
}

.salonlist-btn a {
    color: #fff;
    letter-spacing: .2rem;
    display: block;
    position: relative;
    transition: all .3s;
    width: 100%;
    background-color: #dad6ce;
    border: 1px solid #dad6ce;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    margin-bottom: 3%;
    padding: 10px 0;

}

.salonlist-btn a.info-btn {
    background: gray;
    border: 1px solid gray;
}

.salonlist-btn a.info-btn:hover {
    color: gray;
}

.salonlist-btn .saron-info a {
    color: #fff;
    letter-spacing: .2rem;
    display: block;
    position: relative;
    transition: all .3s;
    width: 100%;
    background-color: #dad6ce;
    border: 1px solid #dad6ce;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    margin-bottom: 3%;
    padding: 10px 0;

}

.salonlist-stickarrow {
    position: absolute;
    width: 24px;
    top: 50%;
    right: 28px;
    transform: translateY(-50%);
    transition: all .4s ease-out;
}


.salonlist-stickarrow:before {
    content: "";
    display: block;
    height: 1px;
    width: 100%;
    position: absolute;
    top: 50%;
    background: #fff;
}

.salonlist-stickarrow:after {
    content: "";
    display: block;
    height: 1px;
    width: 35%;
    position: absolute;
    top: 50%;
    background: #fff;
    right: 1%;
    transform: rotate(45deg);
    transform-origin: right center;
}

.salonlist-btn:hover {
    text-decoration: none;
    color: #dad6ce;
    transition: all .3s;
    letter-spacing: 5px;
    background-color: transparent;

}

.salonlist-btn a:hover {
    letter-spacing: 5px;
    text-decoration: none !important;
    color: #dad6ce;
    transition: all .3s;
    background-color: transparent;

}

/* .salonlist-btn:active {
    background-color: transparent;
    border: 1px solid  #dad6ce;
    color: #dad6ce!important;
    letter-spacing: 5px;

}

.salonlist-btn a:active {
    letter-spacing: 5px;
    text-decoration: none!important;
    color: #dad6ce!important;
    transition: all .3s;

} */

.salonlist-top dl dd span {
    font-weight: bold;
    display: inline-block;
    margin-bottom: 5px;
    margin-right: 5px;
    font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.salonlist-top dl {
    margin-top: 5%;
    height: 230px;
    text-align: center;
}


.salon-name1::after {
    content: '梅田店';
    display: block;
    text-align: center;
    letter-spacing: 2px;
    font-size: .8rem;
    color: #212528;
}

.salon-name2::after {
    content: '西梅田店';
    display: block;
    text-align: center;
    letter-spacing: 2px;
    font-size: .8rem;
    color: #212528;
}

.salon-name3::after {
    content: '武庫之荘店';
    display: block;
    text-align: center;
    letter-spacing: 2px;
    font-size: .8rem;
    color: #212528;
}

.salon-name4::after {
    content: '橿原店';
    display: block;
    text-align: center;
    letter-spacing: 2px;
    font-size: .8rem;
    color: #212528;
}

.salon-name5::after {
    content: '心斎橋店';
    display: block;
    text-align: center;
    letter-spacing: 2px;
    font-size: .8rem;
    color: #212528;
}


.salon-name6::after {
    content: '茶屋町店';
    display: block;
    text-align: center;
    letter-spacing: 2px;
    font-size: .8rem;
    color: #212528;
}

.salon-name7::after {
    content: '橿原店';
    display: block;
    text-align: center;
    letter-spacing: 2px;
    font-size: .8rem;
    color: #212528;
}

.salon-name8::after {
    content: '梅田';
    display: block;
    text-align: center;
    letter-spacing: 2px;
    font-size: .8rem;
    color: #212528;
}

.salon-name9::after {
    content: '心斎橋';
    display: block;
    text-align: center;
    letter-spacing: 2px;
    font-size: .8rem;
    color: #212528;
}

.salon-name10::after {
    content: '表参道';
    display: block;
    text-align: center;
    letter-spacing: 2px;
    font-size: .8rem;
    color: #212528;
}

.salon-name11::after {
    content: '西梅田';
    display: block;
    text-align: center;
    letter-spacing: 2px;
    font-size: .8rem;
    color: #212528;
}

.salon-name12::after {
    content: '西梅田';
    display: block;
    text-align: center;
    letter-spacing: 2px;
    font-size: .8rem;
    color: #212528;
}

.salon-name13::after {
    content: '梅田';
    display: block;
    text-align: center;
    letter-spacing: 2px;
    font-size: .8rem;
    color: #212528;
}

.salon-name14::after {
    content: '岡本';
    display: block;
    text-align: center;
    letter-spacing: 2px;
    font-size: .8rem;
    color: #212528;
}

.salon-name15::after {
    content: '近鉄奈良';
    display: block;
    text-align: center;
    letter-spacing: 2px;
    font-size: .8rem;
    color: #212528;
}

.salon-name16::after {
    content: '奈良橿原';
    display: block;
    text-align: center;
    letter-spacing: 2px;
    font-size: .8rem;
    color: #212528;
}

.salon-name17::after {
    content: '梅田';
    display: block;
    text-align: center;
    letter-spacing: 2px;
    font-size: .8rem;
    color: #212528;
}

.salon-name18::after {
    content: '和歌山';
    display: block;
    text-align: center;
    letter-spacing: 2px;
    font-size: .8rem;
    color: #212528;
}

.salon-name19::after {
    content: '愛知';
    display: block;
    text-align: center;
    letter-spacing: 2px;
    font-size: .8rem;
    color: #212528;
}

.salon-name20::after {
    content: '南船場';
    display: block;
    text-align: center;
    letter-spacing: 2px;
    font-size: .8rem;
    color: #212528;
}

.salon-name21::after {
    content: '夙川';
    display: block;
    text-align: center;
    letter-spacing: 2px;
    font-size: .8rem;
    color: #212528;
}

/* タブレット向け記述  */
@media screen and (max-width: 991px) {
    .salonlist-btn {
        text-align: center;
        margin: 55px 0 0 auto;
    }
}


/* タブレット向け記述  */
@media screen and (max-width: 902px) {
    .salonlist-top dl {
        height: 250px;
    }
}

/* タブレット向け記述  */
@media screen and (max-width: 767px) {

    .salonlist-top p {
        font-size: .8rem;
    }

    #section-3 {
        padding-bottom: 3%;
    }

    #section-3 ul {
        display: block;
        margin-top: 4%;
    }

    li.salonlist {
        margin-right: 0;
        width: 100%;
    }

    .salonlist-btn a {
        padding: 4%;
    }

    .salonlist-btn {
        margin-bottom: 10%;
    }

    .salonlist-top p {
        /* font-family: 'Josefin Sans', sans-serif, "游ゴシック体", "Yu Gothic", YuGothic !important; */
        font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "Yu Gothic", "游ゴシック Medium", "Yu Gothic Medium", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
        text-align: center;
        margin: 5%;
        font-size: 1.2rem;
    }

    .salonlist-top img {
        max-width: 100%;
        width: 100%;
    }

    .salonlist-top dl {
        margin-top: 5%;
        height: 200px;
        margin-bottom: 0;
    }

}


/* タブレット向け記述  */
@media screen and (max-width: 470px) {
    .salonlist-btn {
        display: block;
    }

    .salonlist-btn a {
        width: 100%;
        margin-bottom: 5%;

    }

    .salonlist-top dl {
        margin-top: 5%;
        height: 170px;
        margin-bottom: 0px;
    }

    .salonlist-top dl {
        margin-top: 5%;
        height: 200px;
        margin-bottom: 0px;
    }

    .salon-name {
        font-size: 1rem;
        margin-bottom: 2%;
        font-weight: bold;
        margin-top: 5%;
        width: 70%;
        text-align: center;
        margin: 0 auto;
    }

    .salonlist-top dd {
        font-size: 8rem;
    }

    li.salonlist .salonlist-top dl dd {
        padding-bottom: 10px;
    }
}

/* SP向け記述  */
@media screen and (max-width: 375px) {
    li.salonlist .salonlist-top dl dd {
        padding-bottom: 10px;
        font-size: .8rem;
    }

}

/* ========================================
    section-4 プロダクト　スライダー
========================================= */
section#section-4 {
    /* background: #f7f7f7; */
    background: #f7f7f7;

}

.product-description {
    text-align: center;
    margin: 1% auto 5% auto;
    width: 60%;
}

.product-description-mobil {
    display: none;
}

.product-description-img {
    display: flex;
    justify-content: center;
    width: 90%;
    margin: 0 auto;
}

.product-description-img img {
    max-width: 100%;
    height: 350px;
    object-fit: contain;
}

.product-description.element.js-animation.is-show {
    max-width: 1400px;
    margin: 0 auto;
    padding-bottom: 5%;
    padding: 0 20px;
}


.item {
    width: 25%;
    height: auto;
    margin-right: 2%;
    display: inline-block;
    white-space: normal;
}

.item img {
    width: 100%;
    object-fit: cover;
    height: auto;
}

.item a {
    display: block;

}

.item a:hover {
    opacity: 0.7;
    transition: all .3s;
    text-decoration: none;
}

.price-box {
    background: #fff;
    color: #626262;
    justify-content: space-between;
    height: auto;

}

.price-box h2 {
    text-align: center;
    padding-bottom: 5%;
    padding-top: 10%;

}

/* .cart-icon {
    padding: 8%;
    background: #fff;
}

.item i {
    color: #fff;
} */

.product-menu {
    white-space: normal;
    width: 100%;
    height: 30px;
    font-size: .8rem;
    color: #626262;
    text-align: center;
    padding-top: 3%;
}

.horizontal-list {
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
}

section#section-4 .item {
    width: 20%;
}



.product-description p {
    line-height: 1.5rem;
    font-size: .9rem;
}

.section-4-btn {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 20px 5%;
    margin-top: 5%;

}

.products-contents {
    background: #f7f7f7;
    padding: 4% 4% 0 4%;
    /*     margin-top: 5%; */
}

/* ul.horizontal-list.element.js-animation.is-show {
    margin-bottom: 3%;
} */


.top-products-title {
    padding: 70px 0 0;
}

@media screen and (min-width: 1200px) {
    .top-products-title {
        padding: 70px 0 50px 0;
    }

    .product-description p {
        line-height: 1.5rem;
        font-size: .9rem;
        margin-top: 5%;
    }

}


@media screen and (max-width: 1999px) {
    .item {
        width: 30%;
        height: auto;
        margin-right: 2%;
    }
}

/* タブレット向け記述  */
@media screen and (max-width: 767px) {
    section#section-4 .item {
        width: 40%;
        height: auto;
        margin-right: 2%;
    }

    .product-description {
        text-align: center;
        margin: 1% auto 10% auto;
        width: 100%;
    }

    .product-description-img {
        display: flex;
        justify-content: center;
        margin-bottom: 5%;
    }

    .product-description-mobil {
        display: block;
    }

    .product-description-pc {
        display: none;
    }


}

/* SP向け記述  */
@media screen and (max-width: 576px) {
    .horizontal-list {
        margin-bottom: 0;
    }

    section#section-4 .item {
        width: 45%;
        height: auto;
        margin-right: 2%;
    }

    .item img {
        width: 100%;
        object-fit: cover;

    }

    .product-description p {
        font-size: .8rem;
    }

    .item {
        width: 45%;
        height: auto;
        margin-right: 2%;
    }

    .product-menu {
        white-space: normal;
        width: 100%;
        height: 30px;
        font-size: .7rem;
        color: #626262;
        text-align: center;
        padding-top: 5%;
    }

    .product-description-img img {
        max-width: 100%;
        height: 150px;
        object-fit: cover;
    }

    .price-box {
        background: #fff;
        color: #626262;
        justify-content: space-between;
        height: auto;
        font-size: .8rem;
    }

    .product-description.element.js-animation.is-show {
        max-width: 1400px;
        margin: 0 auto;
        padding-bottom: 5%;
        padding: 0 20px;
        padding-bottom: -5%;
        margin-bottom: -10%;
    }

    .top-products-title {
        padding: 70px 0 50px;
    }
}




/* ========================================
    section-5 レコメンドスタイル
========================================= */
section#section-5 {
    max-width: 1400px;
    margin: 0 auto;
    padding-bottom: 5%;
    padding: 0 20px;
    padding-bottom: 5%;
}

.section-5-mobil {
    display: none;
}

#section-5 img,
#section-5-mobil {
    max-width: 100%;
    width: 100%;
    height: 100%;
    object-fit: cover;

}

.creative_img {
    padding: 0;
    margin-bottom: 30px;
}




/* タブレット向け記述  */
@media screen and (max-width: 767px) {
    .section-5-pc {
        display: none;
    }

    .section-5-mobil {
        display: block;
    }

    .products-contents {
        background: #f7f7f7;
        padding: 7% 4% 0 4%;
        margin-top: 5%;
    }
}

/* SP向け記述  */
@media screen and (max-width: 576px) {
    .creative_img {
        padding: 0 !important;
        margin: 0;
    }

    #section-5 .row {
        margin: 0;
    }

    .products-contents {
        background: #f7f7f7;
        padding: 10% 4% 0 4%;
        margin-top: 5%;
    }

}


/* SP向け記述  */
@media screen and (max-width: 411px) {

    #section-5 img,
    #section-5-mobil {
        max-width: 100%;
        width: 100%;
        height: 20vh;
        object-fit: cover;
    }

    .products-contents {
        background: #f7f7f7;
        padding: 15% 4% 0 4%;
        margin-top: 0;
    }
}

/* ========================================
    section-6 ニュース
========================================= */
section#section-6 {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 20px;
    padding-bottom: 20px;
}


.news-list .news-box .news-box-img img {
    object-fit: cover;
    height: 200px;
    width: 100%;
}

.news-box p {
    margin-top: 3%;
}

.news-box span {
    /* font-family: 'Josefin Sans', sans-serif, "游ゴシック体", "Yu Gothic", YuGothic !important;; */
    font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "Yu Gothic", "游ゴシック Medium", "Yu Gothic Medium", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
    letter-spacing: .2rem;
}


.news-list a {
    display: block;
    color: #585858;

}

.news-list a:hover {
    opacity: 0.7;
    transition: all .3s;
    text-decoration: none;
    color: #585858;
}

.section-6-btn {
    margin: 0 5%;
    padding-bottom: 5%;
}

.section-6-btn.element.js-animation.is-show {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 20px;
    padding-bottom: 5%;
}

li.col-md-3.col-xs-12.news-list {
    padding: 0 15px;
    margin-bottom: 3%;
}

#section-6-mobil {
    display: none;
}

/* タブレット向け記述  */
@media screen and (max-width: 767px) {
    .news-box {
        margin-bottom: 3%;
        display: flex;
    }

    .news-box p {
        margin-top: 0;
        margin-left: 3%;
    }

    .news-list .news-box .news-box-img img {
        object-fit: cover;
        width: 200px;
        height: 130px;
    }

    #section-6-mobil {
        display: block;
        max-width: 1400px;
        margin: 0 auto;
        padding: 0 20px;
        padding-bottom: 20px;
    }

    #section-6 {
        display: none;
    }


}


/* SP向け記述  */
@media screen and (max-width: 576px) {
    .section-6-box {
        margin: 0 2%;
    }

    li.col-md-3.col-xs-12.news-list {
        padding: 0 10px;
    }
}

/* SP向け記述  */
@media screen and (max-width: 442px) {
    .news-box p {
        margin-top: 0;
        margin-left: 3%;
        width: 60%;
        font-size: .8rem;
    }
}

/* ========================================
    section-7 予約ボタン
========================================= */
/* #section-7 {
    background-color: #F1F9F9;
}

.section-7-text {
    text-align: center;
}


.reserve-btn2 {
    background-color: #dad6ce;
    border: 1px solid  #dad6ce;
    text-align: center;
    flex: 1;
    margin-right: 2%;
}

.reserve-btn2 a {
    font-family: 'Josefin Sans', sans-serif, "游ゴシック体", "Yu Gothic", YuGothic !important;;
    letter-spacing: .2rem;
    display: block;
    position: relative;
    color: #fff;
    padding: 4%;
    transition: all .3s;

}

.reserve-btn2:hover{
    background-color: transparent;
    border: 1px solid  #dad6ce;
    color: #dad6ce!important;
    letter-spacing: 5px;
}


.reserve-btn2 a:hover {
    letter-spacing: 5px;
    text-decoration: none!important;
    color: #dad6ce!important;
    transition: all .3s;

}

.reserve-btn2:active{
    background-color: transparent;
    border: 1px solid  #dad6ce;
    color: #dad6ce!important;
    letter-spacing: 5px;
}


.reserve-btn2 a:active {
    letter-spacing: 5px;
    text-decoration: none!important;
    color: #dad6ce!important;
    transition: all .3s;

}

.reserve-btn2:last-child {
    margin-right: 0;
}

.reserve-btn2 a {
    color: #fff;
    font-family: 'Josefin Sans', sans-serif, "游ゴシック体", "Yu Gothic", YuGothic !important;;
    letter-spacing: .1rem;
}

.reserve-flex {
    display: flex;
    margin-bottom: 0;
    margin-top: 50px;
}


/* ページ内ジャンプ */

/* #section-7 .anchor{
    display: block;
    margin-top: -20px;
    padding-top: 20px;
    background-color: #fff;
}  */


/* SP向け記述  */
@media screen and (max-width: 767px) {
    .reserve-flex {
        display: block;

    }

    #section-7 {
        padding-bottom: 10%;
    }

    .reserve-btn2 {
        margin-right: 0;
        margin-bottom: 5%;
    }

    .reserve-btn2:last-child {
        margin-bottom: 0;
    }
}

/* ========================================
    section-8 リクルート
========================================= */
#section-8 {
    text-align: center;
    width: 100%;
    height: auto;
    position: relative;

}

/* .recruit-img img {
    max-width: 100%;
    width: 100%;
} */

.recruit-img img {
    max-width: 100%;
    width: 80%;
    margin: 0 auto;
    margin-bottom: 5%;
}


.recruit-btn {
    position: absolute;
    left: 38%;
    bottom: 17%;
    width: 26%;
}

.section-8-btn {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 20px;
}

/* タブレット向け記述  */
@media screen and (max-width: 767px) {
    .recruit-btn {
        bottom: 17%;
        width: 50%;
        left: 25%;
    }
}

/* SP向け記述  */
@media screen and (max-width: 576px) {
    .recruit-btn {
        bottom: 0;
    }

    .staff-bgimg {
        height: 60vh;
    }

    .recruit-btn {
        position: unset;
        margin-top: 5%;
        width: 100%;
    }
}

/* ========================================
    footer
========================================= */
footer {
    text-align: center;
    clear: both;
    background: #e6e6e6;
    /* background: #f7f7f7; */

}

.sns-list {
    display: flex;
    justify-content: center;
    padding: 3% 0 3%;
}

.sns-list li {
    margin-right: 2%;
}

.sns-list li:last-child {
    margin-right: 0;
}

.footer-nav ul {
    display: flex;
    justify-content: center;
}

.footer-nav ul li {
    margin-right: 3%;
}

.footer-nav ul li:last-child {
    margin-right: 0;
}

.footer h1 {
    margin: 1% 0;
}

.footer-nav ul li a {
    color: #555;
    font-size: .8rem;
}

.footer-nav ul li a:hover,
.sns-list li a:hover {
    color: #dad6ce;
    transition: all .3s;
    text-decoration: none;
}

.coppyright {
    font-size: .5rem;
    color: #555;
    display: inline-block;
    padding-bottom: 20px;
}

footer h1 img {
    margin: 0 auto;
}


/* タブレット向け記述  */
@media screen and (max-width: 767px) {
    .footer {
        padding-bottom: 10%;
        margin-top: 20%;
    }

    .sns-list {
        display: flex;
        justify-content: center;
        padding: 10% 0 5%;
    }

}

/* SP向け記述  */
@media screen and (max-width: 576px) {
    .footer-nav ul {
        display: block;
    }

    .footer-nav ul li {
        margin-right: 0;
        margin-bottom: 2%;
    }

    .footer-nav ul li a {
        font-size: .8rem;
    }

    .coppyright {
        margin-top: 5%;
    }
}

/* SP向け記述  */
@media screen and (max-width: 375px) {
    .footer {
        padding-bottom: 18%;
    }

    .footer-nav ul li a {
        font-size: .8rem;
    }
}

/* ========================================
    concept.html
========================================= */
#concept .section-2-text {
    width: 90%;
    text-align: center;
    padding: 1% 0 5% 0;
    margin: 0 auto;
}

section#concept-2 {
    /* max-width: 1400px; */
    padding-bottom: 5%;
}

section#concept-2 .section-2-text {
    text-align: left;
}

.consept-2-flex {
    display: flex;
    margin-top: 5%;
}

.left-img img {
    width: 100%;
    object-fit: cover;
    height: 450px;
    object-position: top;
}

.concept-2-textbox {
    padding: 7% 3%;

}

.left-img {
    max-width: 60%;
}


/*  quality  */
/*
#quality {
    background-color: #F1F9F9;
    background: #f6f6f6;
    padding-bottom: 2%;
    padding-top: 5%;
}

li.quality-item {
    margin-bottom: 2%;
    display: flex;
}

.horizontal-list.quality-list {
    overflow-y: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    margin-bottom: 3%;
    height: 600px;
}

.quality-item a{
    display: flex;
}

.quality-item .item-img {
    margin-right: 5%;
}

.quality-box {
    white-space: normal;
    width: 64%;
}

.quality-item .item-img img{
    max-width: 100%;
    width: 250px;
    height: 200px;
    object-fit: cover;
}

.quality-box span {
    font-weight: bold;
} */

section.all-salonlist {
    margin-top: -5% !important;
    margin-bottom: 10%;
}


/* 大デバイス  */
@media screen and (min-width: 1200px) {
    .concept-2-textbox {
        padding: 10% 5% 0 5%;
    }

}

/* 大以下  */
@media screen and (max-width: 1199px) {
    .concept-2-textbox {
        padding: 10% 5%;
    }

    .quality-box-img img {
        width: 100%;
        height: 200px;
        object-fit: cover;
    }
}

/* タブレット向け記述  */
@media screen and (max-width: 767px) {

    .consept-2-flex {
        display: block;
    }

    .quality-box-img img {
        max-width: 100%;
        width: 90%;
    }

    .left-img {
        margin-bottom: 2%;
    }

    .quality-box p {
        font-size: .8rem;
        width: 90%;
        margin: 5% auto;
        line-height: 1.5rem;
    }

    .quality-box span {
        font-size: .9rem;
        letter-spacing: .1rem;
    }

    .quality-box-img {
        text-align: center;
    }

    .quality-box-img img {
        max-width: 100%;
        height: 350px;
        object-fit: cover;
        margin: 0 5%;
    }

    .left-img {
        max-width: 100%;
    }

    .concept-2-textbox {
        padding: 2% 5%;
    }
}

/* SP向け記述  */
@media screen and (max-width: 576px) {
    .quality-box-img img {
        max-width: 100%;
        height: 200px;
        object-fit: cover;
    }

    .quality-item a {
        display: block;
    }

    .quality-box {
        white-space: normal;
        width: 100%;
        margin-top: 5%;
    }

    .quality-box p {
        font-size: .8rem;
        width: 100%;
        line-height: 1.5rem;
        margin: 5% 0;
    }

    .item-img {
        margin-right: 0%;
    }

    .quality-item .item-img img {
        max-width: 100%;
        width: 100%;
        height: 200px;
        object-fit: cover;
    }

    li.quality-item {
        margin-bottom: 2%;
        display: block;
    }

    .left-img img {
        width: 100%;
        object-fit: cover;
        height: 250px;
        object-position: top;
    }

    .section-2-text2 {
        margin-top: 2%;
        font-size: .8rem;
        line-height: 1.5rem;
        margin-bottom: 2%;
        text-align: left;
    }

    section#concept-2 {
        padding-bottom: 0;
    }

    .consept-2-flex {
        margin-top: 10%;
    }

    .concept-2-textbox {
        padding: 5%;
    }

    .right-step-img img,
    .left-step-img img {
        width: 100%;
        height: 200px;
        object-fit: cover;
    }

    .step-title {
        font-size: 1.2rem;

    }
}


/* ========================================
    frow
========================================= */
section#frow-pc {
    max-width: 1400px;
    margin: 0 auto;
    padding-bottom: 5%;
}

.step-box {
    display: flex;
    justify-content: center;
    margin-bottom: 4%;
}

.step-img {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    margin: 0 10%;
}

.step-img img {
    width: 100%;
    height: 250px;
    object-fit: cover;
}

.left-step-text {
    margin: 2% 1.5% 3% 5%;
    width: 100%;
}

.right-step-text {
    margin: 2% 5% 3% 1.5%;
    width: 100%;
}



#frow-mobil {
    display: none;
}

.step-title-right {
    text-align: right;
}

.left-step-text dt,
.right-step-text dt {
    border-bottom: 1px solid #585858;
    /* font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; */
    font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "Yu Gothic", "游ゴシック Medium", "Yu Gothic Medium", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
    letter-spacing: .1rem;
    font-size: 1.1rem;
    padding-bottom: 2%;
    font-weight: bold;
}

.left-step-text dd,
.right-step-text dd {
    font-size: .8rem;
    margin-top: 2%;
    line-height: 1.5rem;
}

.step-title {
    font-size: 1.5rem;
    font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;

}

.right-step-img,
.left-step-img {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    margin: 0 1.5%;
}

.right-step-img img,
.left-step-img img {
    width: 100%;
    height: 250px;
    object-fit: cover;
}

/* タブレット向け記述  */
@media screen and (max-width: 767px) {
    #frow-pc {
        display: none;
    }

    #frow-mobil {
        display: block;
    }

    .step-box {
        display: block;
        margin: 0 -6% 5% -6%;
    }

    .left-step-text {
        margin-top: 10%;
        padding: 5% 0;
        width: 82%;
        margin: 0 auto;
    }

    .step-img {
        max-width: 100%;
        text-align: center;
        margin: 0 9%;
    }

    .left-step-text dd,
    .right-step-text dd {
        font-size: .8rem;
        margin-top: 3%;
        line-height: 1.5rem;
    }

    .step-img img {
        width: 100%;
        height: 250px;
        object-fit: cover;
    }

    .left-step-text dt,
    .right-step-text dt {
        font-size: .9rem;
        line-height: 1.5rem;
    }

    .right-step-img,
    .left-step-img {
        display: block;
        max-width: 200%;
    }

    .right-step-img,
    .left-step-img {
        margin: 0 10%;
    }

    .left-step-text {
        width: 80%;
    }



}

/* ========================================
    shop.html
========================================= */

/* 店舗情報 */
#section-shop-concept {
    max-width: 1400px;
    margin: 5% auto;
    padding: 0 20px;
}

.section-2-text.element.js-animation.is-show {
    width: 60%;
    text-align: left;
    padding: 5%;
}

.shop-concept-box {
    display: flex;
    position: relative;
}

.shop-concept-img {
    width: 50%;
}

.shop-concept-img1 {
    position: absolute;
    width: 40%;
    object-fit: cover;
    top: 10%;
    right: 5%;
    height: 80%;
}

.shop-reserve-btn {
    margin-top: 15%;
    width: 100%;
}

.shop-reserve-btn a {
    padding: 5%;
}

.access-bg-box {
    background: #f6f6f6;
    padding: 5%;
    margin-top: 10%;
}

.right-description dl,
.left-description dl {
    border-bottom: 1px solid #585858;
    padding: 2% 0;
}

.left-maptext dt,
.right-description dt,
.left-description dt {
    margin-bottom: 2%;
}

.shop-concept-box-mobil {
    display: none;
}

.all-btn .shop-reserve-btn a {
    padding: 5%;
}

/* 店舗情報 */
section#access {
    max-width: 1400px;
    margin: 5% auto;
    padding: 0 20px;
}

ul.credit_area {
    display: inline-block;
    margin-bottom: 0;
}

ul.credit_area li {
    display: inline-block;
    padding: 0 5px;
    ;
}


/* stylist */

section#stylist {
    max-width: 1400px;
    margin: 5% auto;
    padding: 0 20px;
}


#stylist img {
    max-width: 100%;
    width: 100%;
    object-fit: cover;
    object-position: top;
    height: 100%;
}

#stylist img:hover {
    opacity: 0.7;
    transition: all .3s;
    text-decoration: none;
}

#stylist .container-fluid {
    margin-top: 8%;
}

#stylist .boot-section {
    padding-bottom: 0;
}

#stylist .container-fluid ul {
    padding: 0 10px;
}

/* menu */
section#menu {
    max-width: 1400px;
    margin: 5% auto;
    padding: 0 20px;
}

.menu-innner dl {
    border-bottom: 1px solid #585858;
    padding: 2% 0;
}

.menu-innner dd {
    text-align: right;
}


.menu-innner h2 {
    border-bottom: 2px solid #000;
    font-size: 1.5rem;
    font-weight: bold;
    padding: 7% 0 5%;
    margin-bottom: 2%;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.menu-innner.element.js-animation.is-show {
    margin-bottom: 8%;
}

/* タブレット向け記述  */
@media screen and (max-width: 765px) {
    .shop-concept-box {
        display: block;
    }

    .shop-concept-box-mobil {
        display: block;
    }

    .shop-concept-box {
        display: none;
    }

    .section-2-text.element.js-animation.is-show {
        margin-bottom: 0;
        width: 100%;
        text-align: center;
        padding: 5%;
        margin-top: 0;
    }

    .shop-concept-img1 {
        max-width: 100%;
        width: 100%;
        position: unset;
        height: 250px;
        object-fit: cover;
    }

    .shop-concept-img {
        width: 100%;
    }

    #section-shop-concept {
        margin-bottom: 0;
    }

    .access-bg-box {
        background: #f6f6f6;
        padding: 5%;
        margin: 3% 0;
    }

}

/* SP向け記述  */
@media screen and (max-width: 576px) {

    .left-maptext dt,
    .right-description dt,
    .left-description dt {
        margin-bottom: 2%;
        font-size: .9rem;
    }

    #access dl dd {
        font-size: .8rem;

    }

    p.access-bg-box {
        font-size: .8rem;
        line-height: 1.2rem;
    }

    .menu-innner h2 {
        font-size: 1rem;
    }

    .menu-innner dl {
        border-bottom: 1px solid #585858;
        padding: 2% 0;
        font-size: .8rem;
    }
}

/* ========================================
    salon-list.html
========================================= */
section#section-salonlist {
    max-width: 1400px;
    margin: 0 auto;
    margin-top: 5%;
    padding: 0 20px;
}

li.col-8.salon-list {
    margin: 0 auto;
    margin-top: 3%;
}

.salonlist-box {
    display: flex;
    margin-bottom: 5%;
}


.salon-name {
    font-size: 1.3rem;
    margin-bottom: 4%;
    font-weight: bold;
    font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    border-bottom: 1px solid #000;
    text-align: center;
    padding-bottom: 5px;
    position: relative;
}

.salonlist-info {
    font-size: 1.2rem;
    font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-weight: bold;
}

.all-btn.section-salonlist-btn {
    margin: 15% 0;
    width: 400px;
}

.salonlist-box-img {
    max-width: 55%;
    text-align: center;
}

.salonlist-box-img img {
    max-width: 100%;
    height: auto;
    width: 80%;
    margin: 0 auto;
}

.salonlist-text {
    padding: 0 5%;
    width: 50%;
}

li.salon-list {
    max-width: 1200px;
    margin: 0 auto;
    list-style: none;
}

/* タブレット向け記述  */
@media screen and (max-width: 767px) {
    .salonlist-box {
        display: block;
    }

    .all-btn.section-salonlist-btn {
        width: 300px;
        margin: 0 auto;
    }

    .salonlist-box-img {
        max-width: 100%;
        text-align: center;
    }

    .salonlist-box-img img {
        width: 100%;
        margin: 0 auto;
    }

    .salon-name {
        font-size: 1.3rem;
    }

    .salonlist-text dl {
        margin: 7% 0;
        text-align: center;
    }

    .salon-name {
        font-size: 1.2rem;
        font-weight: bold;
        margin-top: 5%;
        font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
        margin-bottom: 2%;
    }

    .salonlist-top dd {
        font-size: .9rem;
    }

    .salonlist-text {
        padding-left: 5%;
        width: 100%;
    }

}

/* SP向け記述  */
@media screen and (max-width: 576px) {
    .all-btn.section-salonlist-btn {
        width: 100%;
        margin: 0 auto;
    }

    .salon-name {
        font-size: 1rem;
        margin-bottom: 2%;
        margin-top: 5%;
        width: 100%;
        text-align: center;
        margin: 0 auto;
        margin-bottom: 2%;
    }

    .salonlist-info {
        font-size: 1rem;
        font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
        font-weight: bold;
    }

    .salonlist-text dl {
        margin: 7% 0;
        text-align: center;
        font-size: .8rem;
    }
}



/* ========================================
    archive-style スタイル一覧
========================================= */
section#section-archive-style {
    max-width: 1400px;
    margin: 5% auto;
    padding: 0 20px;
}

section#section-archive-style .row {
    margin-right: 0;
    margin-left: 0;
}

.main-img.main-mobil-img {
    display: none;
}

#section-archive-style img {
    max-width: 100%;
    width: 100%;
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.creative_img {
    padding: 0;
    margin-bottom: 30px;
}

#graydisplay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 100% !important;
    height: 100%;
    background: rgba(0, 0, 0, 0.55);
    z-index: 3;
}

#graydisplay img {
    position: absolute;
    top: 10%;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 80%;
    max-height: 80%;
    height: auto;
}

.archive-style-mobil {
    display: none;
}

#section-archive-style .creative_img:hover {
    opacity: 0.7;
    transition: all .3s;
    text-decoration: none;
}

/* タブレット向け記述  */
@media screen and (max-width: 767px) {
    #graydisplay img {
        top: 0;
    }

    .archive-style-mobil {
        display: block;
    }

    .archive-style-pc {
        display: none;
    }
}

/* SP向け記述  */
@media screen and (max-width: 576px) {
    .creative_img {
        padding: 0 !important;
        margin: 0;
    }

    #graydisplay img {
        height: 60%;
        object-fit: cover;
    }

    .main-img.main-pc-img {
        display: none;
    }

    .main-img.main-mobil-img {
        display: block;
    }

}

/* SP向け記述  */
@media screen and (max-width: 375px) {
    #graydisplay img {
        height: 50%;
    }
}

/* ========================================
    page.php 固定ページ(トップの余白)
========================================= */
.page-top-margin {
    margin-top: 10%;
}



/* ========================================
    archive.php ニュース一覧
========================================= */
section#archive-section2 {
    max-width: 1400px;
    margin: 5% auto;
    padding: 0 20px;
}

.archive-section2 {
    text-align: left;
}

.pagenavi {
    text-align: center;
    margin: 0 auto;
    padding-bottom: 5%;
    padding-bottom: 10%;
}

.wp-pagenavi {
    /* font-family: 'Josefin Sans', sans-serif, "游ゴシック体", "Yu Gothic", YuGothic !important;; */
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    letter-spacing: .1rem;
}

.wp-pagenavi a,
.wp-pagenavi span {
    text-decoration: none;
    padding: 5px 8px !important;
    margin: 5px !important;
    color: #626262 !important;
    font-weight: bold;
    border: none !important;
}

.wp-pagenavi a:hover,
.wp-pagenavi span.current {
    color: #dad6ce !important;
    font-weight: bold;
    border-bottom: 3px solid #dad6ce !important;
}

section#news-pc-box {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 20px;
    margin-top: 5%;
}

#news-mobil-box {
    display: none;
}


/* タブレット向け記述  */
@media screen and (max-width: 767px) {

    #news-pc-box {
        display: none;
    }

    #news-mobil-box {
        display: block;
        max-width: 1400px;
        margin: 0 auto;
        padding: 0 20px;
    }

}

/* ========================================
    single.php ニュース詳細
========================================= */
#section-news {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 20px;
    margin-top: 5%;
}

.single-next {
    display: flex;
    justify-content: center;
    margin: 3% 0;
}

.single-next p {
    padding: 0 5%;
}

.single-next a {
    color: #626262;
    font-size: 1rem;
    font-weight: bold;
}

.single-next a:hover {
    text-decoration: none;
    color: #dad6ce;
    transition: all .3s;
}

.single-flex {
    display: flex;
}

.news-box-img.single-img {
    margin-right: 3%;
    width: 50%;
}

.single-img img {
    width: 350px;
    height: 300px;
    object-fit: cover;
}

.single-posttitle {
    margin-bottom: 3%;
    text-align: center;
}


.single-posttitle h3 {
    font-size: 1.4rem;
    margin: 1%;
}


.single-posttitle h4 {
    font-size: 1.2rem;
    padding: 1%;
}

.single-posttitle span a {
    color: #626262;
}

.single-posttitle span a:hover {
    text-decoration: none;

}

.single-text {
    text-align: left;
    width: 100%;
    margin-bottom: 10%;
    line-height: 2rem;
}

#section-news .title-top {
    padding: 30px 0 50px;
    font-size: 2rem;
}

/* タブレット向け記述  */
@media screen and (max-width: 767px) {

    #section-news .title-top {
        padding: 30px 0 50px;
        font-size: 1.7rem;
    }
}


/* タブレット向け記述  */
@media screen and (max-width: 576px) {
    .single-flex {
        display: block;
    }

    .news-box-img.single-img {
        margin-right: 0;
    }

    .single-text {
        text-align: left;
        width: 100%;
        margin-top: 5%;
        font-size: .8rem;
        line-height: 1.5rem;
    }

    .pagenavi {
        text-align: center;
        margin: 0 auto;
        padding-bottom: 10%;
        padding-top: 10%;
    }

    .news-box-img.single-img {
        width: 100%;
    }

    .single-posttitle h3 {
        font-size: 1.2rem;
        margin: 3% 0;
    }

    .single-posttitle h4 {
        font-size: 1em;
    }

    .single-posttitle span {
        font-size: .8rem;
    }

    .single-next {
        display: flex;
        justify-content: center;
        margin: 5% 0;
    }

    #section-news .title-top {
        padding: 20px 0 20px;
        font-size: 1.6rem;
    }

}

/* SP向け記述  */
@media screen and (max-width: 375px) {
    .pagenavi {
        font-size: .8rem;
    }
}

/* ========================================
    footer-2.php
========================================= */
.fotter-2 {
    background-color: #FAFAFA;
    padding-top: 10px;
}




/* ========================================
    single-stylist.php
========================================= */
section#sigle-stylist {
    max-width: 1400px;
    margin: 5% auto;
    padding: 0 20px;
}

.sigle-stylist-box {
    margin: 5% !important;
}

img.attachment-stylist_image.size-stylist_image {
    width: 70%;
    height: auto;
    margin: 0 auto;
}

.staff-single-photo.col-5 {
    text-align: right;
}

.position-name {
    font-size: 1.7rem;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;

}

.staff-single-name {
    font-size: 1.8rem;
}

.staff-name-text.staff-single-affiliation {
    margin-top: 3%;
}

i.fab.fa-instagram.fa-2x {
    color: #585858;
    margin-top: 3%;
}

/* SP向け記述  */
@media screen and (max-width: 767px) {

    .staff-single-name {
        font-size: 1.2rem;
    }

    .staff-name-text.staff-single-english_name {
        font-size: .8rem;
    }

    .staff-name-text.staff-single-affiliation {

        font-size: 1rem;
    }

    img.attachment-stylist_image.size-stylist_image {
        width: 100%;
        height: auto;
    }
}

/* SP向け記述  */
@media screen and (max-width: 576px) {
    section#sigle-stylist {
        margin: 20% 0;
    }

    .fa-2x {
        font-size: 1.5em;
    }
}


/* ========================================
    recruit.php
========================================= */

section#recruit-title {
    margin-top: 5%;
}

.recruitsection-box .recruit-title span {
    font-size: 2rem;
    display: inline-block;
    padding-bottom: 1%;
    font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;

}

/* recruit-section1 */
.message-mobil {
    display: none;
}

.recruitboot-section {
    padding: 5% 0;
}

h3.recruit-title.title-1,
h3.recruit-title.title-15 {
    margin-bottom: 6%;
    font-size: 1.5rem;
    font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    text-align: center;
}

h3.recruit-title.title-2,
h3.recruit-title.title-3,
h3.recruit-title.title-4,
h3.recruit-title.title-5,
h3.recruit-title.title-6,
h3.recruit-title.title-8 {
    font-size: 1.5rem;
    font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    text-align: center;
}

.message-box {
    display: flex;
    margin-top: 5%;
    margin-bottom: 15%;

}

.message1.message-box,
.message2.message-box {
    position: relative;
}

.message1.message-box {
    margin-bottom: 25%;

}

.message-text,
.message-text2,
.message-img {
    flex: 0 0 50%;
    max-width: 50%;
    margin-bottom: -10%;
}

.message-img img {
    width: 100%;
    object-fit: contain;
    object-position: top;
    height: 370px;
}




.message-text p {
    font-size: 1.5rem;
    line-height: 3rem;
    padding: 5% 8% 5% 7%;
    z-index: -1;
    width: 55%;
    height: 400px;
    top: 15%;
    position: absolute;
    font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    text-align: center;
    font-weight: bold;
}



.message-text2 p {
    /* font-size: .9rem;
    line-height: 1.5rem;
    padding: 10% 8% 5% 11%;
    background: #f7f7f7;
    z-index: -1;
    width: 55%;
    height: 400px;
    top: 15%;
    position: absolute;
    right: 0; */
    line-height: 2rem;
    padding: 1% 8% 5% 11%;
    z-index: -1;
    width: 55%;
    height: 400px;
    top: 0%;
    position: absolute;
    right: 0;
    /* border: 3px solid #f7f7f7; */
}


/* 日本語表記 */

#recruit-section1 {
    max-width: 1400px;
    margin: 0 auto;
    margin-bottom: 20%;
    padding: 0 20px;
    margin-top: 5%;
}

.recruit-title p {
    color: #212528;
}

.title-1>p:after {
    content: '理念';
    display: block;
    text-align: center;
    letter-spacing: 2px;
    font-size: 12px;
    color: #212528;
}

.title-15>p:after {
    content: '代表メッセージ';
    display: block;
    text-align: center;
    letter-spacing: 2px;
    font-size: 12px;
    color: #212528;
}



.interview-box-mobil {
    display: none;
}


.owner-name {
    position: absolute;
    right: 15%;
    font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    margin-top: 5%;
}

.owner-text {
    font-size: 1.3rem;
    font-weight: bold;
    display: inline-block;
    margin-bottom: 3%;
    /*     font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; */

}

.owner-name small {
    font-size: .9rem;
}

.interview-bold {
    font-weight: bold;
    font-size: 1.2rem;
    margin-bottom: 5px;
    display: inline-block;
}


/* SP向け記述  */
@media screen and (max-width: 767px) {

    .message-mobil {
        display: block;
    }

    .message-pc {
        display: none;
    }

    .message-box {
        display: block;

    }

    .message-text,
    .message-img {
        max-width: 100%;
    }

    .message-img img {
        width: 100%;
        height: auto;
        object-fit: cover;
        object-position: top;
    }

    .message-mobil .message-text p {
        padding: 15% 0 5% 0;

    }

    .message-text2 p {
        padding: 20% 0 5% 10%;
    }

    .message-img-mobil {
        width: 100%;
        position: relative;
    }

    .message-img-mobil img {
        max-width: 100%;
        width: 100%;

    }

    .message-text-mobil {
        /* padding: 20% 10% 10% 10%;
    background: #f6f6f6;
    position: absolute;
    top: 90%;
    z-index: -1;
    left: 0;
    width: 105%;
    height: auto; */
        padding: 20% 0 10% 0;
        position: absolute;
        top: 90%;
        z-index: -1;
        left: 0;
        width: 100%;
        height: auto;
        line-height: 1.5rem;
        font-size: 14px !important;

    }

    .message1.message-box,
    .message2.message-box {
        margin-bottom: 55%;
    }



    .message-box {
        margin-bottom: 0;
    }

    .interview-box-mobil {
        display: block;
    }

    .interview-box {
        display: none;
    }

    .interview1-box,
    .interview2-box {
        display: block;
        width: 100%;
        margin-top: 5%;
    }



    .message-text-mobil-center {
        text-align: center;
        font-size: 1.3rem;
        line-height: 2rem;
        font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
        font-weight: bold;

    }

    .owner-name {
        position: absolute;
        right: 0;
        font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
        margin-top: 10%;
        font-size: 1rem;
    }

    .interview-bold {
        font-weight: bold;
        font-size: 16px !important;
        margin-bottom: 20px;
        display: inline-block;

    }
}




/* SP向け記述  */
@media screen and (max-width: 576px) {

    span.owner-text {
        font-size: 16px !important;
    }

    #recruit-section1 {
        margin-bottom: 65%;

    }

    span.owner-name {
        font-size: .9rem !important;
    }
}

/* SP向け記述  */
@media screen and (max-width: 425px) {
    #recruit-section1 {
        margin-bottom: 100%;

    }

    .message-text-mobil-center {
        text-align: center;
        font-size: 16px !important;
        line-height: 2rem;
        font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
        font-weight: bold;

    }

    .message1.message-box {
        margin-bottom: 45%;
    }

}

/* SP向け記述  */
@media screen and (max-width: 375px) {

    .message1.message-box,
    .message2.message-box {
        margin-bottom: 50%;
    }


}

/* recruit-section2 */

.interview1-box,
.interview2-box {
    display: flex;
    width: 100%;
    margin-top: 5%;
    margin-bottom: 10%;
}

.interview1-img,
.interview2-img {
    width: 40%;
}

.interview1-text {
    width: 60%;
    padding: 5% 5% 5% 0;
}

.interview2-text {
    width: 60%;
    padding: 5% 0 5% 5%;
}

.interview1-img img,
.interview2-img img {
    width: 100%;
    height: 600px;
    object-fit: cover;
    object-position: top;
}

.interview-name dt {
    font-size: 1.3rem;
    font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.interview-name dd {
    font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 1.2rem;
}

.Text-Span {
    position: relative;
    z-index: 1;
}

.Text-Span:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -14px;
    width: 0%;
    height: 2px;
    background: #000;
    z-index: -1;
    transition: all 0.8s;
}

.Text-Span.isActive:after {
    width: 50%;
}

/* .Text-Span2 {
    position: relative;
    z-index: 1;
  }
  .Text-Span2:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -5px;
    width: 0%;
    height: 1.5px;
    background: #000;
    z-index: -1;
    transition: all 0.8s;
  }
  .Text-Span2.isActive:after {
    width: 100%;
  } */

.lastinterview {
    margin-bottom: 0;
}


.interview-position {
    margin-top: 5%;
    font-weight: bold;
    font-size: 1.4rem;
}

p.interview-text {
    margin-top: 5%;
    line-height: 1.9rem;
    letter-spacing: .05rem;
}

/* 日本語表記 */
#recruit-section2 {
    position: relative;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 20px;
    padding-bottom: 5%;
}

.recruit-title p {
    color: #212528;
}

.title-2>p:after {
    content: 'インタビュー';
    display: block;
    text-align: center;
    letter-spacing: 2px;
    font-size: 12px;
    color: #212528;
}

.interview-Q {
    font-size: 1.1rem;
    margin-bottom: 2%;
    display: inline-block;
    font-style: italic;

}


@media screen and (max-width: 1200px) {
    .interview-box-img img {
        height: 350px;
    }
}

@media screen and (max-width: 990px) {
    .interview-box-img img {
        height: 250px;
    }
}

/* SP向け記述  */
@media screen and (max-width: 767px) {
    .interview-box-img img {
        height: 350px;
    }

    .interview1-box,
    .interview2-box {
        display: block;
        width: 100%;
        margin-top: 5%;
    }

    .interview1-img,
    .interview2-img {
        width: 100%;
    }

    .interview1-text {
        width: 100%;
        padding: 5% 0;
    }

    .interview2-text {
        width: 100%;
        padding: 5% 0;
    }

    .interview1-img img,
    .interview2-img img {
        width: 100%;
        height: 400px;
        object-fit: cover;
    }

    p.interview-text {
        margin-top: 5%;
        line-height: 1.5rem;
        letter-spacing: .05rem;
        font-size: .8rem;
    }

    .interview-Q {
        font-size: .9rem;
        margin-bottom: 3%;
        display: inline-block;
    }

    .interview-name dt {
        font-size: 1.2rem;
        font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    }

    .interview-name dd {
        font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
        font-size: 1rem;
    }

    .recruitsection-box .recruit-title span {
        font-size: 1.1rem;
        display: inline-block;
        padding-bottom: 1%;
        font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
        font-size: 1.8rem;
    }

    .recruit-title p {
        color: #212528;
        font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
        font-size: 1.3rem;
    }
}




/* タブレット向け記述  */
@media screen and (max-width: 576px) {
    .interview-name dt {
        font-size: 1.1rem;
        font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    }

    .interview1-img img,
    .interview2-img img {
        width: 100%;
        height: 250px;
        object-fit: cover;
    }

}

/* SP向け記述  */
@media screen and (max-width: 375px) {
    .interview-box-img img {
        height: 300px;
    }

    .interview1-img img,
    .interview2-img img {
        width: 100%;
        height: 200px;
        object-fit: cover;
        object-position: top;
    }

}




/* recruit-section3 */
/* 日本語表記 */
#recruit-section3 {
    position: relative;

}

.recruit-title p {
    color: #212528;
}

.title-3>p:after {
    content: '仕事の流れ';
    display: block;
    text-align: center;
    letter-spacing: 2px;
    position: absolute;
    font-size: .9rem;
    color: #212528;
}

.frow-mobilbox {
    display: none;
}

.recruit-left-text {
    margin: 2% 10% 3% 0;
    width: 100%;
}

.recruit-right-text {
    margin: 2% 0 3% 10%;
    width: 100%;
}

/* SP向け記述  */
@media screen and (max-width: 767px) {
    .frow-pcbox {
        display: none;
    }

    .frow-mobilbox {
        display: block;
        margin: 0 4%;
    }

    .recruit-step-box {
        display: block;

    }

}


/* recruit-section4 */


dl.about-wrap {
    margin-top: 0;
    margin-bottom: 1rem;
    line-height: 1.6;
    display: flex;
    flex-wrap: wrap;
}


.features-box-img img {
    object-fit: cover;
    width: 100%;
    height: auto;
}

.features-box {
    justify-content: center;
    margin-bottom: 4%;
}

.features-box span {
    font-weight: bold;
    margin: 10px 0;
    display: inline-block;
}

.about-wrap dt {
    font-weight: 600;
    max-width: 30%;
    font-size: 16px;
    text-align: left;
    flex: 0 0 30%;
    padding: 3rem 0px 1rem 1rem;
    border-bottom: 1px solid #DCDDDE;
}



.about-wrap dd {
    font-weight: 400;
    margin-left: 0px;
    max-width: 70%;
    margin-bottom: 0px;
    font-size: 1rem;
    text-align: left;
    flex: 0 0 70%;
    padding: 3rem 0px 2.5rem 3rem;
    border-bottom: 1px solid #DCDDDE;
}

.about-wrap dd:first-child {
    padding-top: 0;
}

/* 日本語表記 */
#recruit-section4 {
    position: relative;

}

.recruit-title p {
    color: #212528;
}

.title-4>p:after {
    content: '薬剤の特徴';
    display: block;
    text-align: center;
    letter-spacing: 2px;
    position: absolute;
    font-size: .9rem;
    color: #212528;
}



/* recruit-section5 */

/* 日本語表記 */
#recruit-section5 {
    position: relative;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 20px;

}

.recruit-title p {
    color: #212528;
}

.title-5>p:after {
    content: '募集要項';
    display: block;
    text-align: center;
    letter-spacing: 2px;
    font-size: 12px;
    color: #212528;
}





/* SP向け記述  */
@media screen and (max-width: 767px) {

    h3.recruit-title.title-5 {
        margin-bottom: 0;
    }

    .about-wrap dt {

        padding: 3rem 0px 1rem 0;
    }

    h3.recruit-title.title-6 {
        font-size: 1.5rem;
        font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
        margin-bottom: 10%;
    }
}



/* recruit-section8  選考フロー*/

#recruit-section8 {
    position: relative;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 20px;
    padding-bottom: 5%;
}

.title-8>p:after {
    content: '選考フロー';
    display: block;
    text-align: center;
    letter-spacing: 2px;
    font-size: 12px;
    color: #212528;
}

.recruit-frow {
    /* width: 80%; */
    margin: 0 auto;
    margin-top: 5%;
    text-align: center;
}

.recruit-frow li {
    padding-bottom: 3%;
    border-bottom: 1px solid #DCDDDE;
    padding-top: 3%;
    /* width: 80%; */
    margin: 0 auto;
}

.recruit-frow span {
    font-size: 1.3rem;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    display: inline-block;
    margin-bottom: 3%;
}

.fa,
.fas {
    font-weight: 900;
    margin-top: 3%;
}

span.example {
    background: #f7f7f7;
    display: block;
    padding: 2% 3%;
    margin-top: 3%;
    width: 50%;
}


/* SP向け記述  */
@media screen and (max-width: 767px) {
    span.example {
        width: 100%;
    }

    .recruit-frow span {
        font-size: 1.3rem;
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    }

    .recruit-frow {
        width: 100%;
        margin: 0 auto;
        margin-top: 7%;
        text-align: center;
    }

    .recruit-frow li {
        padding-bottom: 5%;
        font-size: .8rem;
    }

    .recruit-frow span {
        font-size: 1.1rem;
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    }

}



/* recruit-section6 */
/* 採用フォーム */

/* 日本語表記 */
#recruit-section6 {
    position: relative;
    max-width: 1400px;
    margin: 0 auto;

}

.recruit-title p {
    color: #212528;
    font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;

}

.title-6>p:after {
    content: '応募';
    display: block;
    text-align: center;
    letter-spacing: 2px;
    font-size: 12px;
    color: #212528;
}

.entry h3 {
    font-size: 18px;
    margin-bottom: 0;
}


input {
    width: 100%;
    border: none;
    background: #fff;
    padding: 4px 2px;
    margin-right: 10px;
}

textarea {
    width: 100%;
    border: none;
    background: #fff;
}

.c-button_type-arrow input {
    width: 235px;
    height: 45px;
    display: block;
    text-align: center;
    font-size: 14px;
    letter-spacing: 3px;
    font-weight: 700;
    margin: 0 auto;
    font-family: "Proxima Nova", sans-serif;
    color: #fff;
    background: #dad6ce;
}

.text-center {
    text-align: center !important;
    margin-left: 20%;
}

span.kome {
    font-size: .5rem;
    position: absolute;
    top: 0;
    color: red;
}

span.wpcf7-list-item {
    display: inline-block;
    margin: 0 0 0 1em;
}

input.wpcf7-form-control.wpcf7-number.wpcf7-validates-as-required.wpcf7-validates-as-number.age {
    width: 40px;
    margin-right: 1%;
    height: 30px;
    padding: 0 1%;
    margin-top: 2%;
}

.entry {
    margin-top: 5%;
    /* background: #f7f7f7; */
    padding: 0 5%;
}

.gender input {
    width: auto;
}

input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
    width: 100%;
    height: 40px;
    padding: 0 1%;
    margin-top: 2%;
    margin-bottom: 3%;
    background: #f7f7f7;
}

input.wpcf7-form-control.wpcf7-text {
    width: 100%;
    height: 40px;
    padding: 0 1%;
    margin-top: 2%;

}

span.wpcf7-list-item {
    display: inline-block;
    margin: 2% 0 0 0 !important;
    margin-top: 2%;
}

input,
textarea {
    margin: 0;
    padding: 0;
    margin-top: 2%;
}

input.wpcf7-form-control.wpcf7-number.wpcf7-validates-as-number {
    width: 40px;
    margin-right: 1%;
    height: 30px;
    padding: 0 1%;
    margin-top: 2%;
}

textarea.wpcf7-form-control.wpcf7-textarea {
    padding: 2% !important;
    margin-top: 2%;
    background: #f7f7f7;
}

input.wpcf7-form-control.wpcf7-number.wpcf7-validates-as-required.wpcf7-validates-as-number.age,
input.wpcf7-form-control.wpcf7-number.wpcf7-validates-as-number {
    width: 50px;
    margin-right: 1%;
    height: 30px;
    padding: 0 1%;
    margin-top: 2%;
    background: #f7f7f7;
}

span.bold {
    font-weight: bold;
}

#recruit-section6 label {
    margin-right: 20px;
}

select.wpcf7-form-control.wpcf7-select {
    padding: 3px 5px;
    margin-right: 5px;
    margin-left: 1px;
    margin-top: 5px;
}

/* SP向け記述  */
@media screen and (max-width: 767px) {
    span.wpcf7-list-item-label {
        font-size: .8rem;
    }

    .about-wrap dd {
        font-weight: 400;
        margin-left: 0px;
        max-width: 70%;
        margin-bottom: 0px;
        font-size: 16px;
        text-align: left;
        flex: 0 0 80%;
        padding: 3rem 0px 2.5rem 1rem;
        border-bottom: 1px solid #DCDDDE;
        font-size: .8rem;
    }

    .entry h3 {
        font-size: .9rem;
        margin-bottom: 0;
    }

    .about-wrap dt {
        padding: 3rem 0px 1rem 0;
        font-size: .9rem;
    }

    .mb-4 {
        margin-bottom: 1.5rem !important;
        font-size: .8rem;
    }

}




/* recruit-section7 */

.recruit-section7-img img {
    width: 100%;
    height: 300px;
    object-fit: cover;
}




/* SP向け記述  */
@media screen and (max-width: 767px) {
    .recruit-section7-img img {
        width: 100%;
        height: 300px;
        object-fit: cover;
        margin-bottom: −10％;
        margin-bottom: -20%;
    }
}



/* SP向け記述  */
@media screen and (max-width: 576px) {
    .recruit-section7-img img {
        width: 100%;
        height: 170px;
        object-fit: cover;
    }

    .about-wrap dd {
        font-weight: 400;
        margin-left: 0px;
        max-width: 70%;
        margin-bottom: 0px;
        font-size: 16px;
        text-align: left;
        flex: 0 0 80%;
        padding: 3rem 0px 2.5rem 1rem;
        border-bottom: 1px solid #DCDDDE;
        font-size: .8rem;
    }

    .about-wrap dt {
        font-weight: 600;
        max-width: 30%;
        font-size: 14px;
        text-align: left;
        flex: 0 0 30%;
        padding: 3rem 0px 1rem 1rem;
        border-bottom: 1px solid #DCDDDE;
    }
}

/* ========================================
    low.php
========================================= */

section#low {
    max-width: 1400px;
    margin: 5% auto;
    padding: 0 20px;
}

.low-jp {
    text-align: center;
}

/* .low-jp p {
    margin-top: -4%;
    margin-bottom: 5%;
} */

.c-link {
    color: #626262;
}

.c-link:hover {
    color: #dad6ce;
    text-decoration: none;
    transition: all .3s;
}

.low-title::after {
    content: '特定商取引に基づく表記';
    display: block;
    text-align: center;
    letter-spacing: 2px;
    font-size: .8rem;
    color: #212528;
    margin-top: 5px;
}

/* SP向け記述  */
/* @media screen and (min-width: 1400px){
    .low-jp p {
        margin-top: -3%;
        margin-bottom: 5%;
    }


} */
/* SP向け記述  */
/* @media screen and (max-width: 576px){
.low-jp p {
    margin-top: -9%;
    margin-bottom: 5%;
}

} */
/* ========================================
    contact.php
========================================= */
section#contact {
    max-width: 1400px;
    margin: 5% auto;
    padding: 0 20px;
}

.contact-form {
    /* background: #f7f7f7; */
    padding: 5%;
}

select.wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required {
    padding: 5px;
}

input.wpcf7-form-control.wpcf7-submit {
    width: 50%;
    padding: 2%;
    background-color: #dad6ce;
    color: #fff;
    font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    margin-top: 5%;
    margin-bottom: 5%;
}

.contact-btn {
    text-align: center;
}

#contact h3 {
    position: relative;

}


.contact-title::after {
    content: 'お問い合わせ';
    display: block;
    text-align: center;
    letter-spacing: 2px;
    font-size: .8rem;
    color: #212528;
    margin-top: 5px;
}

/* SP向け記述  */
@media screen and (max-width: 767px) {
    input.wpcf7-form-control.wpcf7-submit {
        width: 100%;

    }

    #contact h3 {
        position: relative;
        font-size: .9rem;
    }

}


/* ========================================
    pp.php
========================================= */



.pp-box {
    line-height: 1.5;
    letter-spacing: 1px;
    font-weight: normal;
    font-size: .9rem;
}

.pp-box h2 {
    font-size: 1.1rem;
    text-align: left;
    font-weight: 600;
    letter-spacing: 5px;
    margin: 4% 0 2% 0;
    color: #585858;
}

.pp-title::after {
    content: 'プライバシーポリシー';
    display: block;
    text-align: center;
    letter-spacing: 2px;
    font-size: .8rem;
    color: #212528;
    margin-top: 5px;
}


/* SP向け記述  */
@media screen and (max-width: 576px) {

    .pp-box h2 {
        font-size: 1rem;
        text-align: left;
        font-weight: 600;
        letter-spacing: 5px;
        margin: 10% 0 3% 0;
        color: #585858;
    }

    .pp-box {
        line-height: 1.5;
        letter-spacing: 1px;
        font-weight: normal;
        font-size: .8rem;
    }
}

/* ========================================
    faq.php
========================================= */
.faq-box h4 {
    padding: 2%;
}

.faq-title {
    padding: 15px 0;
    font-weight: 600;
    border-bottom: 1px solid #585858;
}

.faq-box li {
    padding: 15px 0;
    font-size: .9rem;
}

.inquiry {
    text-align: center;
    margin-top: 5%;
}

.inquiry p {
    font-weight: bold;
    font-size: .9rem;
    margin-bottom: 5%;
    margin-top: 5%;
}


.inquiry-btn {
    background-color: #dad6ce;
    width: 250px;
    text-align: center;
    margin: 3% auto 0;
    z-index: 2;
    overflow: hidden;
    border: 1px solid #dad6ce;

}

.inquiry-btn a {
    /* font-family: 'Josefin Sans', sans-serif, "游ゴシック体", "Yu Gothic", YuGothic !important;; */
    font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "Yu Gothic", "游ゴシック Medium", "Yu Gothic Medium", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
    letter-spacing: .2rem;
    display: block;
    position: relative;
    color: #fff;
    padding: 5%;
    transition: all .3s;

}

.inquiry-btn a:hover {
    text-decoration: none;
    color: #dad6ce;
    transition: all .3s;
    letter-spacing: 5px;
}

.inquiry-btn:hover {
    background-color: transparent;
    transition: all .3s;
}


.faq-title1::after {
    content: 'よくあるご質問';
    display: block;
    text-align: center;
    letter-spacing: 2px;
    font-size: .8rem;
    color: #212528;
    margin-top: 5px;
}

/* SP向け記述  */
@media screen and (max-width: 767px) {
    .faq-title {
        padding: 15px 0;
        font-weight: 600;
        border-bottom: 1px solid #585858;
        font-size: .9rem;
    }

}

/* SP向け記述  */
@media screen and (max-width: 576px) {
    .inquiry p {
        font-weight: bold;
        font-size: .8rem;
    }

    .faq-box li {
        padding: 15px 0;
        font-size: .8rem;
    }

}

/* ========================================
    single-product.php
========================================= */
.user_login {
    border: 1px solid #d3ced2;
    border-radius: 5px;
    width: 30%;
    padding: 1.5%;
    text-align: center;
    margin: 1% 1% 3%;
    font-size: .9rem;

}

.login-btn {
    margin: 0 auto;
    margin-bottom: 1rem;
    width: 100%;
    margin-top: 5%;
}

.user_btnbox {
    display: flex;
    justify-content: center;
}


/* SP向け記述  */
@media screen and (max-width: 767px) {
    .user_login {
        width: 40%;
        padding: 3% 2% 0 2%;
    }

    .user_login p {
        font-size: .9rem;
        margin-bottom: 7%;
    }

    .login-btn a {
        font-size: .9rem;
    }
}

/* SP向け記述  */
@media screen and (max-width: 576px) {
    .login-btn .stickarrow {
        right: 10px;
    }

    .user_login {
        width: 100%;
    }
}



/* ========================================
    woocommerce.php
========================================= */

.login-btn a {
    color: #fff !important;
}


/* ========================================
    archive-product.php
========================================= */
section#archive_product {
    max-width: 1400px;
    margin: 15% auto;
    padding: 0 20px;
}


/* ========================================
    thaks.php
========================================= */

section#section-thanks-2 {
    text-align: center;
    max-width: 1400px;
    margin: 5% auto;
    padding: 0 20px;
}

h2.text-thanks {
    padding: 5%;
    font-size: 2rem;
    font-weight: 600;
    color: #585858;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

p.subtext-thanks {
    line-height: 2rem;
}

.short-img {
    height: 80vh;
    object-position: bottom;
}

.short-img img {
    height: 80vh;
    object-position: bottom;
}


/* SP向け記述  */
@media screen and (max-width: 767px) {
    h2.text-thanks {
        padding: 5%;
        font-size: 1.5rem;
        font-weight: 600;
        color: #585858;
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    }

    p.subtext-thanks {
        line-height: 2rem;
        font-size: .9rem;
    }

}


/* SP向け記述  */
@media screen and (max-width: 576px) {
    h2.text-thanks {
        padding: 5%;
        font-size: 1.2rem;
        font-weight: 600;
        color: #585858;
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    }

    p.subtext-thanks {
        line-height: 1.5rem;
        font-size: .8rem;
    }

    .submain-img {
        height: auto;
    }
}

/* SP向け記述  */
@media screen and (max-width: 375px) {
    h2.text-thanks {
        padding: 5%;
        font-size: 1rem;
        font-weight: 600;
        color: #585858;
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    }
}

/* ========================================
    404.php
========================================= */
section#section-404-2 {
    text-align: center;
    max-width: 1400px;
    margin: 5% auto;
    padding: 0 20px;
    margin-top: 10%;

}

.text-404 {
    padding: 5%;
    font-size: 2rem;
    font-weight: 600;
    color: #585858;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.subtext-404 {
    line-height: 2rem;
}

.btn-404 {
    margin: 0 auto;
    margin-top: 5%;
}


/* SP向け記述  */
@media screen and (max-width: 767px) {
    .text-404 {
        padding: 5%;
        font-size: 1.5rem;
        font-weight: 600;
        color: #585858;
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    }

    .subtext-404 {
        line-height: 2rem;
        font-size: .9rem;
    }

}

/* SP向け記述  */
@media screen and (max-width: 576px) {
    .text-404 {
        padding: 5%;
        font-size: 1.2rem;
        font-weight: 600;
        color: #585858;
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    }

    .subtext-404 {
        line-height: 1.5rem;
        font-size: .8rem;
    }
}

/* SP向け記述  */
@media screen and (max-width: 375px) {
    .text-404 {
        padding: 5%;
        font-size: 1rem;
        font-weight: 600;
        color: #585858;
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    }
}



/* ========================================
    campany.php 会社概要
========================================= */

.campany-title::after {
    content: '会社概要';
    display: block;
    text-align: center;
    letter-spacing: 2px;
    font-size: .8rem;
    color: #212528;
    margin-top: 5px;
}


/* ========================================
    cart.php カート
========================================= */
.cart-title::after {
    content: 'カート';
    display: block;
    text-align: center;
    letter-spacing: 2px;
    font-size: .8rem;
    color: #212528;
    margin-top: 5px;
}

/* ========================================
    may-account.php マイアカウント
========================================= */

.account-title:after {
    content: 'マイアカウント';
    display: block;
    text-align: center;
    letter-spacing: 2px;
    font-size: .8rem;
    color: #212528;
    margin-top: 5px;
}


/* ========================================
   追加　404/thanks
========================================= */



@media screen and (max-width: 576px) {
    .short-img {
        height: 40vh;
    }

    .short-img img {
        height: 40vh;
    }
}




/* 追加2021/01/26 */


.clearfix li a {
    padding: 20px;
}

.header-nav ul li a {
    color: #585858;
    text-decoration: none;
    letter-spacing: .1rem;
}

.header-nav ul .menu__single .reserve-btn {
    color: #fff;
    transition: all .3s;
    padding: 33px;
}

ul.clearfix {
    min-height: 1px;
    clear: both;
    font-family: 'Cormorant', serif;
    zoom: 1;
}

.header-inner {
    width: 100%;
    z-index: 9;
    background: #fff;
    display: flex;
}


@media screen and (max-width: 576px) {
    .clearfix li a {
        padding: 5px 10px;
    }
}



iframe {
    width: 100%;
}


#add_payment_method #payment ul.payment_methods li img.stripe-icon,
.woocommerce-checkout #payment ul.payment_methods li img.stripe-icon {
    max-width: 40px;
    padding-left: 3px;
    margin: 0;
    height: 30px !important;
}

#add_payment_method #payment ul.payment_methods li img,
.woocommerce-cart #payment ul.payment_methods li img,
.woocommerce-checkout #payment ul.payment_methods li img {
    vertical-align: middle;
    margin: -2px 0 0 .5em;
    padding: 0;
    position: relative;
    box-shadow: none;
    height: 30px;
}

/* 追加 */
.single-text iframe {
    max-width: 500px;
}



video {
    width: 100%;
}

.video-mt {
    max-width: 1300px;
    margin: 0 auto;
    margin-top: 50px;
}

@media screen and (max-width: 991px) {
    .video-mt {
        margin-top: 60px;
    }
}

.main-img.product-img img {
    object-position: bottom;
}


.loading.sp-none {
    display: none;
}

@media screen and (min-width: 768px) {
  .pc_none {
      display: none!important;
  }
}

@media screen and (max-width: 767.9px) {
    .loading.sp-none {
        display: block;
    }

    .mt15 {
      margin-top: 0!important;
    }

    .loading.pc-none {
        display: none;
    }

    .sp-none {
      display: none!important;
    }
}

/* 20210420 yoshinari追加 */
.news-fv img {
    width: 100%;
    object-fit: cover;
    /*     margin-top:55px; */
    height: 100%;
}

@media screen and (max-width: 991px) {
    .news-fv img {}
}

@media screen and (max-width: 414px) {
    .news-fv img {
        margin-top: 45px;
    }
}


/* 2021/06/09追加 */
.m-top {
    margin-top: 50px;
}


/* 2021/07/27追加 */

.txt-center {
    text-align: center;
}

.img-center {
    max-width: 100%;
    width: 50%;
    margin: 0 auto;
}

@media screen and (max-width: 767px) {
    .img-center {
        max-width: 100%;
        width: 80%;
        margin: 0 auto;
        margin-bottom: 60px;
    }

    .txt-center {
        text-align: center;
        margin-bottom: 50px;
        font-size: 14px;
    }
}

.txt-center.txt-red {
    border: 1px solid #b12c2c;
    padding: 20px 40px;
    max-width: 80%;
    margin: 0 auto;
    color: #b12c2c;
    font-size: 16px;
    margin-bottom: 30px;
}

span.txt-red {
    color: #b12c2c;
    font-size: 20px;
    padding-bottom: 10px;
    display: inline-block;
    font-weight: bold;
}

@media screen and (max-width: 767px) {
    .txt-center.txt-red {
        border: 1px solid #b12c2c;
        padding: 20px 10px;
        max-width: 100%;
        margin: 0 auto;
        color: #b12c2c;
        font-size: 14px;
        margin-bottom: 50px;
    }

    span.txt-red {
        font-size: 16px;
    }
}

span.c-emoji.c-emoji__medium.c-emoji--inline img {
    display: inline-block;
    width: 20px;
}

.line-qr {
    text-align: center;
}

.qr-img {
    margin: 1.5rem auto 5rem auto;
    width: 18%;
}

@media screen and (max-width: 767px) {
    .qr-img {
        margin: 1rem auto 4rem auto;
        width: 55%;
    }
}

.top-hero {
    width: 100%;
}

.sp-top-hero {
    display: none;
}


@media screen and (max-width: 767px) {
    .top-hero {
        display: none;
    }

    .sp-top-hero {
        display: block;
        width: 100%;
    }
}

.endyear-ttl {
    font-size: large;
    font-weight: 700;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    text-align: center;
    margin: auto;
    margin-bottom: 10px;
}

.endyear-txt {
    text-align: center;
    margin: auto;
    margin-bottom: 50px;
}

/* 20230323 shimada */

/* .adjust::after {
    content: "";
    display: block;
    width: 31%;
} */

/* 20230406 shimada */

.color-kind {
    color: #222222;
    padding: 4px 10px;
    text-align: center;
    font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 13px;
    white-space: nowrap;
    position: absolute;
    top: 0;
    right: 0;
}

/* .area1 {
    background: #ECBEBE;
}

.area2 {
    background: #FAE4C2;
}

.area3 {
    background: #C9DCCE;
}

.area4 {
    background: #C4DAEE;
} */

.kind1 {
    background: #ECBEBE;
}

.kind2 {
    background: #FAE4C2;
}

.kind3 {
    background: #C9DCCE;
}

.kind4 {
    background: #C4DAEE;
    padding: 4px 5px;
}

.area-name {
    color: #9f9f9f;
}

.salon-more {
    margin-top: 80px;
}

@media screen and (max-width: 767px) {
    .salon-more {
        margin-top: 50px;
        background: #cab997;
        border: #cab997;
    }
}
/*
     FILE ARCHIVED ON 21:03:00 Aug 08, 2024 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 00:53:20 Nov 14, 2024.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.46
  exclusion.robots: 0.016
  exclusion.robots.policy: 0.007
  esindex: 0.009
  cdx.remote: 8.021
  LoadShardBlock: 127.345 (3)
  PetaboxLoader3.datanode: 133.198 (5)
  PetaboxLoader3.resolve: 137.522 (2)
  load_resource: 217.101
  loaddict: 97.421
*/