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



.robo {
    font-family: 'Roboto', sans-serif;
}

html {
    -webkit-text-size-adjust: 100%;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
form,
input,
button,
p {
    margin: 0px;
    padding: 0px;
    font-size: 16px;
    /*    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;*/
    font-family: 'Roboto', "游ゴシック", YuGothic, Hiragino Sans, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
    /*font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;*/
    line-height: 160%;
    color: #000;
    word-wrap: break-word;
    overflow-wrap: break-word;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.youmin{
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
}

/*フォント系*/

h2 {
    font-size: 36px;
}

h3 {
    font-size: 34px;
}

h4 {
    font-size: 26px;
}

h5 {
    font-size: 18px;
}

.fs12 {
    font-size: 12px;
}

.fs14 {
    font-size: 14px;
}

.fs16 {
    font-size: 16px;
}

.fs18 {
    font-size: 18px;
}

.fs20 {
    font-size: 20px;
}

.fs22 {
    font-size: 22px;
}

.fs24 {
    font-size: 24px;
}

.fs26 {
    font-size: 26px;
}

.fs28 {
    font-size: 28px;
}

.fs30 {
    font-size: 30px;
}

.fs32 {
    font-size: 32px;
}

.fs34 {
    font-size: 34px;
}

.fs36 {
    font-size: 36px;
}

.fs38 {
    font-size: 38px;
}

.fs40 {
    font-size: 40px;
}

.fs42 {
    font-size: 42px;
}

.fs44 {
    font-size: 44px;
}

.fs46 {
    font-size: 46px;
}

.bold {
    font-weight: bold;
}

.red {
    color: red;
}

.blue {
    color: blue;
}

.white {
    color: #fff;
}

/*クリアフィックス*/

.clearfix:after {
    content: "";
    display: block;
    clear: both;
}

.clearfix:before {
    display: block;
    content: "";
    clear: both;
}

.clearfix {
    display: inline-block;
}

* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}

.clear {
    clear: both;
}

iframe {
    max-width: 100%;
}

img {
    vertical-align: top;
    border: none;
    max-width: 100% !important;
    height: auto !important;
}

.lb-outerContainer {
    width: 80% !important;
    max-width: 450px !important;
    height: auto !important;
}

.lightbox .lb-image {
    width: 100% !important;
    height: auto !important;
    border: none !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: initial !important;
}

.pic {
    text-align: center;
}

.pix {
    text-align: center;
}

.pic img {
    width: 100%;
}

.w100 {
    width: 100%;
    display: block;
}

.bkimg {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
}

.bkimg img {
    width: 100%;
    min-width: 1400px;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

a {
    text-decoration: none;
    color: #000;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

a:hover {
    opacity: 0.6;
    color: inherit;
    text-decoration: none;
}

a[href*="tel"] {
    pointer-events: none;
}

h1 {
    position: absolute;
    bottom: 200%;
}

[data-element-id] h1 {
    position: initial;
    text-indent: initial;
}

/*アラート系*/

a[data-href="#"] {
    border: solid red 5px;
    display: block;
    position: relative !important;
    opacity: 1;
}

a[data-href*="."] {
    border: solid red 5px;
    display: block;
    position: relative !important;
    opacity: 1;
}

a[data-href="#"]:hover:before {
    content: "リンクが設定されていない可能性があります。";
    position: absolute !important;
    width: 100%;
    bottom: 100%;
    color: red;
    font-weight: bold;
    background: #555;
    padding: 5px;
    font-size: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

a[data-href*="."]:hover:before {
    content: "外部リンクの可能性があります。リンクが飛ばない可能性がありますので注意してください。";
    position: absolute !important;
    width: 100%;
    bottom: 100%;
    color: red;
    font-weight: bold;
    background: #555;
    padding: 5px;
    font-size: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

[data-element-id][data-uk-slideshow]:hover:before {
    content: "※こちらは見たまま編集ができません。①画像をダブルクリック、②変更（歯車マーク）、③スライドショーから編集してください。";
    display: block;
    line-height: 1.8;
    font-weight: bold;
    color: red;
    clear: both;
    background: #4c4c4c;
    padding: 5px;
    text-align: left;
    position: relative;
    letter-spacing: 1px;
    z-index: 1000;
    font-size: 12px;
}

[data-collection-list-content]:hover:before {
    content: "※こちらは見たまま編集ができません。①ページのどこかをダブルクリック、②左下（もしくは左上）のCMSロゴをクリック、③画面右上のメニュー（三本線マーク）から「カスタムコンテンツ管理」をクリック、④編集したいカスタムコンテンツの一覧（三本線マーク）から記事投稿・記事編集ができます。";
    display: block;
    line-height: 1.8;
    font-weight: bold;
    color: red;
    clear: both;
    background: #4c4c4c;
    padding: 5px;
    text-align: left;
    position: relative;
    letter-spacing: 1px;
    z-index: 1000;
    font-size: 12px;
}

ul,
li {
    list-style: none;
    text-align: left;
    padding: 0;
    margin: 0;
}

dl,
dt,
dd {
    text-align: left;
    padding: 0;
    margin: 0;
    font-weight: normal;
}

/*altlist*/

.altlist01 .alt01 {
    display: none;
}

/*totop*/

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

#totop a {
    display: block;
}

#totop a:before {
    content: "\f0d8";
    font-family: FontAwesome;
    display: block;
}

#totop a {
    font-size: 14px;
    font-weight: 600;
    background: #e7e7e7;
    display: block;
    color: #000;
    padding: 5px 16px;
    border: 1px solid #fff;
}

#totop img {
    width: 80px;
}

@media only screen and (max-width:1024px) {
    #totop a {
        padding: 3px 14px;
    }
}

@media only screen and (max-width:599px) {
    #totop a {
        padding: 2px 13px;
    }
}

/*トランスフォーム親*/

.tfmp {
    position: relative;
    overflow: hidden;
}

.z1 {
    position: relative;
    z-index: 1;
}

/*左右中央寄せ*/

.tfmx {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

.tfmx[data-elemenid] {
    position: absolute !important;
}

/*上下中央寄せ*/

.tfmy {
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.tfmy[data-elemenid] {
    position: absolute !important;
}

/*上下左右中央寄せ*/

.tfmxy {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.tfmxy[data-elemenid] {
    position: absolute !important;
}

/*トリミング*/

.trimming {
    width: 100%;
    position: relative;
    display: block;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.trimming40 {
    width: 100%;
    position: relative;
    display: block;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.trimming60 {
    width: 100%;
    position: relative;
    display: block;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.trimming70 {
    width: 100%;
    position: relative;
    display: block;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.trimming80 {
    width: 100%;
    position: relative;
    display: block;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.trimming90 {
    width: 100%;
    position: relative;
    display: block;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.trimming110 {
    width: 100%;
    position: relative;
    display: block;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.trimming120 {
    width: 100%;
    position: relative;
    display: block;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.trimming130 {
    width: 100%;
    position: relative;
    display: block;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.trimmingInner {
    display: block;
    position: relative;
    width: 100%;
    overflow: hidden;
}

/*ofiImg*/

.ofiImg img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100% !important;
    font-family: 'object-fit: cover; object-position: top center;';
    /*IE対策*/
}

/*IE対策 background-position*/

@media all and (-ms-high-contrast: none) {
    .ofiImg img {
        background-position: top center !important;
    }
}

.ofiImg.tc {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    height: 100%;
    width: 100%;
}

.ofiImg.h100 {
    height: 100%;
}
.ofiImg.t30 {
    position: relative;
    padding-top: 30%;
    display: block;
}
.ofiImg.t40 {
    position: relative;
    padding-top: 40%;
    display: block;
}


.ofiImg.t50 {
    position: relative;
    padding-top: 50%;
    display: block;
}
.ofiImg.t50 img {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    -o-object-position: top center;
    object-position: top center;
}


.ofiImg.t150 {
    position: relative;
    padding-top: 150%;
    display: block;
}

.ofiImg.t150 img {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    -o-object-position: top center;
    object-position: top center;
}

.ofiImg.t140 {
    position: relative;
    padding-top: 140%;
    display: block;
}

.ofiImg.t140 img {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    -o-object-position: top center;
    object-position: top center;
}

.ofiImg.t130 {
    position: relative;
    padding-top: 130%;
    display: block;
}

.ofiImg.t130 img {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    -o-object-position: top center;
    object-position: top center;
}

.ofiImg.t120 {
    position: relative;
    padding-top: 120%;
    display: block;
}

.ofiImg.t120 img {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    -o-object-position: top center;
    object-position: top center;
}

.ofiImg.t110 {
    position: relative;
    padding-top: 110%;
    display: block;
}

.ofiImg.t110 img {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    -o-object-position: top center;
    object-position: top center;
}

.ofiImg.t100 {
    position: relative;
    padding-top: 100%;
    display: block;
}

.ofiImg.t100 img {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    -o-object-position: top center;
    object-position: top center;
}

.ofiImg.t90 {
    position: relative;
    padding-top: 90%;
    display: block;
}

.ofiImg.t90 img {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    -o-object-position: top center;
    object-position: top center;
}

.ofiImg.t80 {
    position: relative;
    padding-top: 80%;
    display: block;
}

.ofiImg.t80 img {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    -o-object-position: top center;
    object-position: top center;
}

.ofiImg.t75 {
    position: relative;
    padding-top: 75%;
    display: block;
}

.ofiImg.t75 img {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    -o-object-position: top center;
    object-position: top center;
}

.ofiImg.t70 {
    position: relative;
    padding-top: 70%;
    display: block;
}

.ofiImg.t70 img {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    -o-object-position: top center;
    object-position: top center;
}

.ofiImg.t60 {
    position: relative;
    padding-top: 60%;
    display: block;
}

.ofiImg.t60 img {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    -o-object-position: top center;
    object-position: top center;
}

.ofiImg.t50 {
    position: relative;
    padding-top: 50%;
    display: block;
}

.ofiImg.t50 img {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    -o-object-position: top center;
    object-position: top center;
}

.ofiImg.t40 {
    position: relative;
    padding-top: 40%;
    display: block;
}

.ofiImg.t40 img {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    -o-object-position: top center;
    object-position: top center;
}

.ofiImg.t30 {
    position: relative;
    padding-top: 30%;
    display: block;
}

.ofiImg.t30 img {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    -o-object-position: top center;
    object-position: top center;
}

.ofiImg.t20 {
    position: relative;
    padding-top: 20%;
    display: block;
}

.ofiImg.t20 img {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    -o-object-position: top center;
    object-position: top center;
}

/*フレックス*/

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

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

.flexs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

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

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

.flex > div[data-collection-list-content],
.flexc > div[data-collection-list-content],
.flexb > div[data-collection-list-content],
.flexsb > div[data-collection-list-content],
.flexs > div[data-collection-list-content] {
    width: 100%;
}

.flex > div[data-recommend-collection-list-content],
.flexc > div[data-recommend-collection-list-content],
.flexb > div[data-recommend-collection-list-content],
.flexsb > div[data-recommend-collection-list-content],
.flexs > div[data-recommend-collection-list-content] {
    width: 100%;
}

.flex > div[data-collection-list-content] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.flexc > div[data-collection-list-content] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: justify;
    -webkit-justify-content: center;
    justify-content: center;
}

.flexs > div[data-collection-list-content] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.flexsb > div[data-collection-list-content] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.flexb > div[data-collection-list-content] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.flex > div[data-recommend-collection-list-content] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.flexc > div[data-recommend-collection-list-content] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: justify;
    -webkit-justify-content: center;
    justify-content: center;
}

.flexs > div[data-recommend-collection-list-content] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.flex > div[data-collection-archive-content] {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.flexsb > div[data-collection-archive-content] {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.flexb > div[data-collection-archive-content] {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.flexc > div[data-collection-archive-content] {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.flex > div[data-collection-filtered-content] {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.flexc > div[data-collection-filtered-content] {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.flexsb > div[data-collection-filtered-content] {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.flexb > div[data-collection-filtered-content] {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.row2 {
    width: 48%;
    margin: 1%;
}

.row3 {
    width: 31.333%;
    margin: 1%;
}

.row4 {
    width: 23%;
    margin: 1%;
}

.row5 {
    width: 18%;
    margin: 1%;
}

.aic {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.asc {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
}

.ase {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
}

.spa {
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-around;
    justify-content: space-around;
}

.spb {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.reverse {
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
}


/*common*/

.splogo a {
    display: inline-block;
    max-width: 60px;
}

.homeSlide .logobox .hlogoimg {
    max-width: 400px;
    display: inline-block;
}
.homeSlide .pic img{
  opacity: 0.8;
}

.gnavinn .glogo .glogoimg {
    max-width: 180px;
    display: inline-block;
}

.gicon {
    text-align: center;
}

.gicon a {
    max-width: 76px;
    display: inline-block !important;
}
   .homeSlide .pic{
    display: block;
    background: #000;
  }
 .homeSlide .pic .ofiImg.t50{
         padding-top: 100vh;
  }

@media only screen and (max-width:1024px) {
    .gicon a {
        display: block !important;
    }
         .homeSlide .pic .ofiImg.t50{
         padding-top: 70%;
  }
}

@media only screen and (max-width:599px) {
       .homeSlide .pic .ofiImg.t50{
         padding-top: 70%;
  }
  
}

/*gnav*/

.headerinner .splogo {
    display: none;
}

.gnavinn .glogo {
    display: none;
}

.gnavinn .glogo span {
    color: #fff;
    margin-left: 1em;
    vertical-align: bottom;
}

#gnav p span.n {
    display: none;
}

#gnav {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    z-index: 200;
    width: 100%;
    position: fixed;
    background: rgba(0, 0, 0, 0.6);
    top: 0;
    top: 0;
}

#gnav ul.flexs {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 0;
}

#gnav li {
    width: 10%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    margin-bottom: 0;
    color: #fff;
}

/* #gnav li:nth-of-type(1) {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6;
}

#gnav li:nth-of-type(2) {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
}

#gnav li:nth-of-type(3) {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
}

#gnav li:nth-of-type(4) {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
}

#gnav li:nth-of-type(5) {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
}

#gnav li:nth-of-type(6) {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
}

#gnav li:nth-of-type(7) {
    -webkit-box-ordinal-group: 8;
    -webkit-order: 7;
    -ms-flex-order: 7;
    order: 7;
}

#gnav li:nth-of-type(8) {
    -webkit-box-ordinal-group: 9;
    -webkit-order: 8;
    -ms-flex-order: 8;
    order: 8;
}

#gnav li:nth-of-type(9) {
    -webkit-box-ordinal-group: 10;
    -webkit-order: 9;
    -ms-flex-order: 9;
    order: 9;
}

#gnav li:nth-of-type(10) {
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10;
}
 */



#gnav li.pcnone {
    display: none;
}

#gnav li a {
    width: 100%;
    display: block;
    font-size: 14px;
    font-weight: 700;
    /* color: #fff; */
    color: #545353;
}

#gnav.fix {
    position: fixed;
    z-index: 200;
    top: 0;
    background: rgba(255, 255, 255, 0.8);
    padding: 20px 0;
}

.fix .accordion-toggle {
    opacity: 0.8;
}

#gnav li.web a {
    border-radius: 30px;
    border: 1px solid #fff;
    max-width: 100px;
}

#gnav li.pull {
    position: relative;
}

#gnav li a {
    padding: 10px 0;
}

#gnav li.pull ul {
    display: none;
    border: 1px solid #122b3f;
    position: absolute;
    margin-top: 40px;
    top: 0px;
    width: 300px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

#gnav li.pull ul:before {
    border-bottom: 10px solid #122b3f;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    content: "";
    position: absolute;
    left: 50%;
    top: -10px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

#gnav li.pull:hover ul {
    display: block;
}

#gnav li.pull ul li {
    width: 100%;
    border-bottom: 1px solid #122b3f;
    background: rgba(255, 255, 255, 0.8);
}

#gnav li.pull ul li a {
    padding: 10px 5px;
}

#gnav li.pull ul li a:hover {
    background: #122b3f;
    color: #fff;
    opacity: 1;
}

#gnav li.pull ul li:last-child {
    border-bottom: none;
}

/*ハンバーガー*/

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}


.fadeIn {
    -webkit-animation: fadeIn 6s, forwards;
    animation: fadeIn 6s, forwards;
}

    .gnavinn .glogo {
        display: block;
        padding: 3%;
        text-align: center;
    }
    .gnavinn li.fadeIn:nth-of-type(1) {
        -webkit-animation: fadeIn 0.4s, forwards;
        animation: fadeIn 0.4s, forwards;
    }
    .gnavinn li.fadeIn:nth-of-type(2) {
        -webkit-animation: fadeIn 0.6s, forwards;
        animation: fadeIn 0.6s, forwards;
    }
    .gnavinn li.fadeIn:nth-of-type(3) {
        -webkit-animation: fadeIn 0.8s, forwards;
        animation: fadeIn 0.8s, forwards;
    }
    .gnavinn li.fadeIn:nth-of-type(4) {
        -webkit-animation: fadeIn 1.0s, forwards;
        animation: fadeIn 1.0s, forwards;
    }
    .gnavinn li.fadeIn:nth-of-type(5) {
        -webkit-animation: fadeIn 1.2s, forwards;
        animation: fadeIn 1.2s, forwards;
    }
    .gnavinn li.fadeIn:nth-of-type(6) {
        -webkit-animation: fadeIn 1.4s, forwards;
        animation: fadeIn 1.4s, forwards;
    }
    .gnavinn li.fadeIn:nth-of-type(7) {
        -webkit-animation: fadeIn 1.6s, forwards;
        animation: fadeIn 1.6s, forwards;
    }
    .gnavinn li.fadeIn:nth-of-type(8) {
        -webkit-animation: fadeIn 1.8s, forwards;
        animation: fadeIn 1.8s, forwards;
    }
    .gnavinn li.fadeIn:nth-of-type(9) {
        -webkit-animation: fadeIn 2.0s, forwards;
        animation: fadeIn 2.0s, forwards;
    }
    .gnavinn li.fadeIn:nth-of-type(10) {
        -webkit-animation: fadeIn 2.2s, forwards;
        animation: fadeIn 2.2s, forwards;
    }
    .gnavinn li.fadeIn:nth-of-type(11) {
        -webkit-animation: fadeIn 2.4s, forwards;
        animation: fadeIn 2.4s, forwards;
    }
    .gnavinn li.fadeIn:nth-of-type(12) {
        -webkit-animation: fadeIn 2.6s, forwards;
        animation: fadeIn 2.6s, forwards;
    }
    .gnavinn li.fadeIn:nth-of-type(13) {
        -webkit-animation: fadeIn 2.8s, forwards;
        animation: fadeIn 2.8s, forwards;
    }
    .gnavinn li.fadeIn:nth-of-type(14) {
        -webkit-animation: fadeIn 3.0s, forwards;
        animation: fadeIn 3.0s, forwards;
    }
    .gnavinn li.fadeIn:nth-of-type(15) {
        -webkit-animation: fadeIn 3.2s, forwards;
        animation: fadeIn 3.2s, forwards;
    }
   /*  #gnav li:nth-of-type(1) {
       -webkit-box-ordinal-group: 2;
       -webkit-order: 1;
       -ms-flex-order: 1;
       order: 1;
   }
   #gnav li:nth-of-type(2) {
       -webkit-box-ordinal-group: 3;
       -webkit-order: 2;
       -ms-flex-order: 2;
       order: 2;
   }
   #gnav li:nth-of-type(3) {
       -webkit-box-ordinal-group: 4;
       -webkit-order: 3;
       -ms-flex-order: 3;
       order: 3;
   }
   
   #gnav li:nth-of-type(4) {
       -webkit-box-ordinal-group: 5;
       -webkit-order: 4;
       -ms-flex-order: 4;
       order: 4;
   }
   #gnav li:nth-of-type(5) {
       -webkit-box-ordinal-group: 6;
       -webkit-order: 5;
       -ms-flex-order: 5;
       order: 5;
   }
   #gnav li:nth-of-type(6) {
       -webkit-box-ordinal-group: 7;
       -webkit-order: 6;
       -ms-flex-order: 6;
       order: 6;
   }
    */
    [data-element-id] #gnav .gnavinn{
      height: 100vh;
    opacity: 1;
    z-index: 250;
    position: relative !important;
    }
    [data-element-id] #gnav{
      position: relative !important;
    }
    
    #gnav .gnavinn {
        position: fixed;
        top: 0;
        /* left: 0; */
        right: 10px;
        width: 100%;
        height: 0;
        opacity: 0;
        -webkit-transition: height ease .1s, opacity ease .2s;
        transition: height ease .1s, opacity ease .2s;
        padding: 0;
        border: none;
        padding-bottom: 0;
        /* background: rgba(0, 0, 0, 0.8); */
        background: rgba(255, 255, 255, 0.9);
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        -webkit-transform: translate3d(0, 0, 0) !important;
        transform: translate3d(0, 0, 0) !important;
        z-index: -10;
        max-width: 400px;

    }
    #gnav li.pull ul {
        border: 1px solid #122b3f;
        position: relative;
        display: block;
        -webkit-transform: initial;
        -ms-transform: initial;
        transform: initial;
        top: initial;
        left: initial;
        width: 100%;
        margin-top: 0;

    }
    #gnav li.pull ul:before {
        left: 30px;
        -webkit-transform: initial;
        -ms-transform: initial;
        transform: initial;
    }
    #gnav ul li {
        display: block !important;
        width: 100%;
        text-align: center;
        position: static;
    }
    #gnav p {
        display: block !important;
        position: fixed;
        /* width: 38px;
        height: 38px; */
        width: 64px;
        height: 64px;
        top: 10px;
        /* left: 10px;*/
        right: 10px;
        cursor: pointer;
        opacity: 0.8;
        margin: 2px;
        z-index: 251;
        background: #fff;
    }
    #gnav li {
        float: none;
        width: auto;
        padding: 0;
        margin-top: 0;
        display: block !important;
    }
    #gnav li.pull {
        position: static;
    }
    #gnav.action .gnavinn {
        height: 100vh;
        opacity: 1;
        z-index: 250;
        padding-bottom: 50px;
    }
    #gnav p span.n {
        display: block;
        background: #3a3e39;
        height: 2px;
        width: 50px;
        text-indent: 9999px;
        padding: 0;
        top: 50%;
        left: 6px;
        margin-top: -1px;
        position: absolute;
    }
    #gnav p span.n:before {
        display: block;
        content: "";
        background: #3a3e39;
        height: 2px;
        width: 50px;
        position: absolute;
        top: -15px;
        left: 0;
    }
    #gnav p span.n:after {
        display: block;
        content: "";
        background: #3a3e39;
        height: 2px;
        width: 50px;
        position: absolute;
        top: 15px;
        left: 0;
    }
    #gnav.action p span.n {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transition: ease .10s;
        transition: ease .10s;
    }
    #gnav.action p span.n:after,
    #gnav.action p span.n:before {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        top: 0;
        left: 0;
    }
    #gnav .gnavinn > ul {
        width: 100%;
        padding: 10px 3% 80px;
    }
    #gnav .gnavinn > ul a {
        height: auto;
        display: block;
        text-align: left;
        padding: 10px 10px 10px 20px;
    }
    #gnav.fix {
        padding: 0;
    }
    .overlay {
        overflow: hidden;
    }
    .overlay:after {
        content: "";
        width: 100%;
        height: 100%;
        background: #000;
        position: fixed;
        top: 0;
        left: 0;
        opacity: 0.3;
        z-index: 100;
    }


@media only screen and (max-width:599px) {
  #gnav .gnavinn{
    left: auto;
    right:0;
  }
  
    .headerinner .splogo {
        display: block;
        padding: 5px;
    }
    #gnav p {
    left: auto;
    right:10px;
    }
}

@media only screen and (max-width: 1024px) {
    .bkimg {
        position: static;
    }
    .bkimg img {
        min-width: initial !important;
    }
    h2 {
        font-size: 30px;
    }

    h3 {
        font-size: 28px;
    }

    h4 {
        font-size: 20px;
    }

    .fs20 {
        font-size: 18px;
    }

    .fs22 {
        font-size: 20px;
    }

    .fs24 {
        font-size: 20px;
    }

    .fs26 {
        font-size: 22px;
    }

    .fs28 {
        font-size: 22px;
    }

    .fs30 {
        font-size: 24px;
    }

    .fs32 {
        font-size: 24px;
    }

    .fs34 {
        font-size: 26px;
    }

    .fs36 {
        font-size: 26px;
    }

    .fs38 {
        font-size: 28px;
    }

    .fs40 {
        font-size: 28px;
    }

    .fs42 {
        font-size: 30px;
    }

    .fs44 {
        font-size: 30px;
    }

    .fs46 {
        font-size: 32px;
    }
    a[href*="tel"] {
        pointer-events: initial !important;
    }
    .row4 {
        width: 31.333%;
    }
    .row5 {
        width: 23%;
    }
}

@media only screen and (max-width: 599px) {
    h2 {
        font-size: 24px;
    }

    h3 {
        font-size: 22px;
    }

    h4 {
        font-size: 18px;
    }

    h5 {
        font-size: 16px;
    }

    .fs18 {
        font-size: 16px;
    }

    .fs20 {
        font-size: 18px;
    }

    .fs22 {
        font-size: 18px;
    }

    .fs24 {
        font-size: 20px;
    }

    .fs26 {
        font-size: 20px;
    }

    .fs28 {
        font-size: 22px;
    }

    .fs30 {
        font-size: 22px;
    }

    .fs32 {
        font-size: 24px;
    }

    .fs34 {
        font-size: 24px;
    }

    .fs36 {
        font-size: 26px;
    }

    .fs38 {
        font-size: 26px;
    }

    .fs40 {
        font-size: 28px;
    }

    .fs42 {
        font-size: 28px;
    }

    .fs44 {
        font-size: 30px;
    }

    .fs46 {
        font-size: 32px;
    }
    .row2 {
        width: 98%;
    }
    .row3 {
        width: 48%;
    }
    .row4 {
        width: 48%;
    }
    .row5 {
        width: 31.333%;
    }
}

.tac{
  text-align: center;
}
.tal{
  text-align: left!important;
}

/*スライドショー*/

.homeSlide {
    text-align: center;
    position: relative;
}



.homeSlide .logobox {
    position: absolute;
    z-index: 1;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    left: 50%;
    max-width: 340px;
}

.homeSlide .logobox dt {
    padding-bottom: 30px;
}

.homeSlide .logobox dt a {
    display: block;
}

.homeSlide .logobox dt span {
    color: #fff;
   /*  margin-left: 1em; */
    vertical-align: bottom;
}

.homeSlide .logobox dd {
    color: #fff;
    line-height: 200%;
}

.homeSlide .logobox dd a {
    color: #fff;
}

.tel a {
    letter-spacing: 5px;
}

.homeSlide .logobox dd.tel a:before {
    content: "\f095";
    font-family: FontAwesome;
    margin-right: 5px;
    border: 1px solid;
    border-radius: 50px;
    padding: 4px 7px;
    letter-spacing: 0;
}

.homeSlide .uk-slidenav-position {
    text-align: center;
    position: relative;
    overflow: hidden;
    min-width: 500px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

.homeSlide .uk-slidenav-position:after {
    padding-top: 45%;
    content: '';
    display: block;
}

.homeSlide .uk-slideshow {
    position: absolute;
    top: 0;
}

@media only screen and (max-width:1024px) {
    .homeSlide .logobox dt {
        padding-bottom: 20px;
    }
}

@media only screen and (max-width:599px) {
    .homeSlide .logobox dt {
        padding-bottom: 0;
        text-align: center;
    }
    .homeSlide .logobox dt span {
        padding: 10px 0;
        display: block;
    }
    .homeSlide .logobox {
        /* position: static;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        background: #e7e7e7;
        max-width: none;
        text-align: center;
        padding: 3%;
        display: none; */
        max-width: 40%;
        top: 46%;
    }
    .homeSlide .logobox dd {
        text-align: center;
    }
}

/*footer*/

#footer {
    background:url(/upload/tenant_1/28adda4401088686c410a912c3840696.png) center center no-repeat;
    background-size:cover;
}

.footerinner {
    padding: 100px 0 0;
}

.fshopbox {
    max-width: 890px;
    margin: auto;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 30px;
}

.flogo a {
    display: inline-block;
    max-width: 230px;
}
.fshop {
  padding-top: 40px;
}

.fshop dt {
    padding: 5px 0;
    font-weight: 700;
}

.fshop dd {
    padding: 5px 0;
    font-weight: 700;
}

.fshop dd li {
    padding: 2px 0;
    font-weight: 700;
    width: 48%;
}

.fnav {
    margin-top: 50px;
    padding: 40px 0;
    max-width: 1020px;
    margin: auto;
}

.fnav li {
    font-weight: 700;
}

.fnav li a {
    display: block;
    padding: 5px 16px;
}

@media only screen and (max-width:1024px) {
    .fnav {
        padding: 30px 0;
    }
    .footerinner {
        padding: 80px 0 0;
    }
}

@media only screen and (max-width:599px) {
    .fnav {
        padding: 20px 0;
    }
    .footerinner {
        padding: 60px 0 0;
    }
    .flogo {
        padding-bottom: 20px;
    }
    .fshop dt {
        text-align:left;
        padding: 2px 0;
    }

    .fshop dd {
        text-align: left;
        padding: 2px 0 20px;
    }
    .fshop dd ul {
        max-width: 220px;
        margin: auto;
    }
}

/*fead*/

.fead-mv {
    opacity: 0;
    -webkit-transition: .8s;
    transition: .8s;
    -ms-transform: translate(0, 30px);
    transform: translate(0, 30px);
    -webkit-transform: translate(0, 30px);
}
[data-element-id] .fead-mv{
    opacity: 1;
}

.mv {
    opacity: 1;
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
}

/*map*/

.map {
    position: relative;
    overflow: hidden;
}

.map:after {
    display: block;
    content: "";
    padding-top: 35%;
}

.map iframe {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    max-width: initial;
    width: 100%;
    height: 100%;
}

.home-map {
    position: relative;
    overflow: hidden;
}

.home-map:after {
    display: block;
    content: "";
    padding-top: 50%;
}

#map {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

@media only screen and (max-width:1024px) {
    .map iframe {
        height: 400px;
    }
    .map:after{
      padding-top: 400px;
    }
}

@media only screen and (max-width:599px) {
    .map iframe {
        height: 300px;
    }
     .map:after{
      padding-top: 300px;
    }
    
}

/*wrap*/

#wrapper {
    overflow: hidden;
    min-width: 320px;
    margin: 0 auto;
}

/*common*/

.w100 {
    width: 100%;
    display: block;
}

w20 {
    width: 20%;
}

.w26 {
    width: 26%;
}

.w30 {
    width: 30%;
}
.w35 {
    width: 35%;
}


.w40 {
    width: 40%;
}

.w46 {
    width: 46%;
}

.w48 {
    width: 48%;
}

.w50 {
    width: 50%;
}
.w65 {
    width: 65%;
}

.w80r {
    width: 76%;
    margin: 0 4% 0 0;
}

.w80l {
    width: 66%;
    margin: 0 0 0 4%;
}

.w70r {
    width: 66%;
    margin: 0 4% 0 0;
}

.w70l {
    width: 66%;
    margin: 0 0 0 4%;
}

.w60r {
    width: 56%;
    margin: 0 4% 0 0;
}

.w60l {
    width: 56%;
    margin: 0 0 0 4%;
}

.memh {
    margin: 0.5em 0;
}

.mem1 {
    margin: 1em 0;
}

.mem2 {
    margin: 2em 0;
}

.mbemh {
    margin-bottom: 0.5em;
}

.mbem1 {
    margin-bottom: 1em;
}

.mbem2 {
    margin-bottom: 2em;
}

.mbem3 {
    margin-bottom: 3em;
}

.mremh {
    margin-right: 0.5em;
}

.mrem1 {
    margin-right: 1em;
}

.mrem2 {
    margin-right: 2em;
}

.mrem3 {
    margin-right: 3em;
}

.mlemh {
    margin-left: 0.5em;
}

.mlem1 {
    margin-left: 1em;
}

.mlem2 {
    margin-left: 2em;
}

.mlem3 {
    margin-left: 3em;
}

.fw300 {
    font-weight: 300;
}

.fw400 {
    font-weight: 400;
}

.fw500 {
    font-weight: 500;
}

.fw600 {
    font-weight: 600;
}

.fw700 {
    font-weight: 700;
}

.m900 {
    max-width: 900px;
    margin: auto;
}

.m960 {
    max-width: 960px;
    margin: auto;
}

.m1000 {
    max-width: 1000px;
    margin: auto;
}

.m1200 {
    max-width: 1250px;
    width: 96%;
    margin: auto;
}

.homearea {
    padding: 80px 0;
}

.area {
    padding: 80px 0;
}

.area60 {
    padding: 60px 0;
}

.mainImg {
    position: relative;
    overflow: hidden;
}

.mainImg h2 {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-shadow: 2px 2px 15px #fff, -2px 2px 15px #fff, 2px -2px 15px #fff, -2px -2px 15px #fff;
    width: 90%;
    margin: auto;
}

.mainImg h2 span {
    display: block;
    text-align: center;
    line-height: 100%;
}

.mainImg .pic {
    position: relative;
    overflow: hidden;
    width: 100%;
    min-width: 500px;
}

.mainImg .pic img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.mainImg .pic:before {
    content: "";
    display: block;
    padding-top: 30%;
    background: rgba(0, 0, 0, 0.2);
}

.copy {
    text-align: center;
    padding: 20px 0;
    font-weight: 700;
}

.txt {
    line-height: 200%;
}

.l200 {
    line-height: 200%;
}

.e7 {
    background: #e7e7e7;
}

.b1 {
    background: #1b1b1b;
}

.homearea h2 {
    padding-bottom: 40px;
    max-width: 320px;
    -ms-transform: translate(0, 60px);
    transform: translate(0, 60px);
    -webkit-transform: translate(0, 60px);
    -webkit-transition: .8s;
    transition: .8s;
}

.underarea h2 {
    padding-bottom: 40px;
    text-align: center;
    -ms-transform: translate(0, 60px);
    transform: translate(0, 60px);
    -webkit-transform: translate(0, 60px);
    -webkit-transition: .8s;
    transition: .8s;
}

.underarea h3 {
    text-align: center;
    -ms-transform: translate(0, 60px);
    transform: translate(0, 60px);
    -webkit-transform: translate(0, 60px);
    -webkit-transition: .8s;
    transition: .8s;
}

.underarea h4 {
    -ms-transform: translate(0, 60px);
    transform: translate(0, 60px);
    -webkit-transform: translate(0, 60px);
    -webkit-transition: .8s;
    transition: .8s;
}

.homearea .mv h2 {
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
}

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

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

.homearea h2.mv {
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
}

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

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

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

.homearea h2 .tomore {
    display: block;
    line-height: 0;
    text-align: right;
    font-weight: 700;
}

.homearea h2 .en {
    display: block;
    line-height: 200%;
    letter-spacing: 2px;
}

.homearea h2 span.jp {
    display: block;
    padding: 20px 0;
}

.underarea h2 .tomore {
    display: block;
    line-height: 0;
    text-align: right;
    font-weight: 700;
}

.underarea h2 .en {
    display: block;
    line-height: 200%;
    letter-spacing: 2px;
}

.underarea h2 span.jp {
    display: block;
    padding: 20px 0;
    line-height: 200%;
}

.homearea h2 .e7 {
    padding: 0 5px;
}

.underarea h2 .e7 {
    padding: 0 5px;
}

.underarea h3 .e7 {
    padding: 0 5px;
}

.underarea h2 .b1 {
    padding: 0 5px;
    color: #fff;
}

.underarea h3 .b1 {
    padding: 0 5px;
    color: #fff;
}

.tomore a:after {
    content: "\f105";
    font-family: FontAwesome;
    margin-left: 20px;
}

@media only screen and (max-width:1024px) {
    .m900 {
        width: 96%;
    }
    .m960 {
        width: 96%;
    }
    .m1000 {
        width: 96%;
    }
    .homearea {
        padding: 60px 0;
    }
    .area {
        padding: 60px 0;
    }
    .area60 {
        padding: 50px 0;
    }
    .homearea h2 {
        padding-bottom: 30px;
    }
    .homearea h2 span.jp {
        padding: 15px 0;
    }
    .underarea h2 {
        padding-bottom: 30px;
    }
}

@media only screen and (max-width:599px) {
    .mainImg .pic {
      min-width: 100%;
    }
    .w20 {
        width: 100%;
        margin: 2% auto;
    }
    .pic.w20 {
        max-width: 400px;
    }
    .w26 {
        width: 100%;
        margin: 2% auto;
    }
    .pic.w26 {
        max-width: 400px;
    }

    .w30 {
        width: 100%;
        margin: 2% auto;
    }
    .w35 {
        width: 100%;
        margin: 2% auto;
    }
    .pic.w30 {
        max-width: 400px;
    }
    .w40 {
        width: 100%;
        margin: 2% auto;
    }
    .pic.w40 {
        max-width: 400px;
    }
    .w46 {
        width: 100%;
        margin: 2% auto;
    }
    .w48 {
        width: 100%;
        margin: 2% auto;
    }
    .w50 {
        width: 100%;
    }
    .w65 {
        width: 100%;
    }
    .w60r {
        width: 100%;
        margin: 2% auto;
    }

    .w60l {
        width: 100%;
        margin: 2% auto;
    }
    .w70r {
        width: 100%;
        margin: 2% auto;
    }

    .w70l {
        width: 100%;
        margin: 2% auto;
    }

    .w80r {
        width: 100%;
        margin: 2% auto;
    }
    .w80l {
        width: 100%;
        margin: 2% auto;
    }
    .m900 {
        width: 94%;
    }
    .m960 {
        width: 94%;
    }
    .m1000 {
        width: 94%;
    }
    .m1200 {
        width: 94%;
    }
    .homearea {
        padding: 40px 0;
    }
    .area {
        padding: 40px 0;
    }
    .area60 {
        padding: 40px 0;
    }
    .homearea h2 {
        padding-bottom: 20px;
        max-width: none;
    }
    .homearea h2 span.jp {
        padding: 10px 0;
    }
    .underarea h2 {
        padding-bottom: 20px;
    }
}

/*blog*/

.underarea h2.post {
    padding-left: 2em;
    background: -webkit-gradient(linear, left top, right top, from(#313131), color-stop(0.5em, #313131), color-stop(0.5em, #e7e7e7), to(#e7e7e7));
    background: -webkit-linear-gradient(left, #313131 0%, #313131 0.5em, #e7e7e7 0.5em, #e7e7e7 100%);
    background: linear-gradient(90deg, #313131 0%, #313131 0.5em, #e7e7e7 0.5em, #e7e7e7 100%);
    text-align: left;
    padding-bottom: 0;
    margin-bottom: 40px;
}

.bloglist {
    width: 76%;
}

.catarclist {
    width: 20%;
}

.catarclist dt {
    font-weight: 700;
}

.catarclist li {
    padding: 10px;
    border-bottom: 1px solid #bfbfbf;
}

.catarclist li:before {
    content: "\f105";
    font-family: FontAwesome;
    margin-right: 5px;
}

.catarclist ul {
    padding: 10px 0;
}

.catlist {
    padding-bottom: 40px;
}

.arclist {
    padding-bottom: 40px;
}

.pagenav {
    padding: 5px;
    margin: 80px 0;
}

.pagenav ul {
    max-width: 300px;
}

.pagenav li {
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    color: #333;
}

.pagenav li a {
    display: block;
}

.blogbox {
    border-bottom: 1px solid #aaa;
    padding: 0px 10px 40px;
    margin: 0 0 40px;
}

.blogbox .picbox {
    width: 30%;
}

.blogbox .tbox {
    width: 66%;
}

.blogbox .tbox dl {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.blogbox .tbox dt {
    font-weight: 700;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 100%;
    padding-bottom: 40px;
}

.blogbox .tbox dd {
    text-align: right;
    width: 100%;
}

.blogdetailbox dt {
    text-align: center;
    font-weight: 700;
    padding-bottom: 10px;
}

.blogdetailbox dd {
    text-align: center;
    padding: 10px 0;
}

.backbox {
    text-align: center;
    margin: 80px 0;
    font-weight: 700;
}

.backbox a:before {
    content: "\f104";
    font-family: FontAwesome;
    margin-right: 0.5em;
    font-size: 18px;
    vertical-align: middle;
}

.recommendarea .blogreco {
    padding: 20px 0;
}

@media only screen and (max-width:1024px) {
    .blogbox .tbox dt {
        padding-bottom: 30px;
    }

    .bloglist {
        width: 100%;
    }

    .catarclist {
        width: 100%;
    }
    .backbox {
        margin: 60px 0;
    }
}

@media only screen and (max-width:599px) {
    .blogbox .tbox dt {
        padding-bottom: 20px;
    }
    .backbox {
        margin: 40px 0;
    }
}

/*contact*/

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

.contactarea h3:after {
    content: "";
    height: 2px;
    max-width: 420px;
    background: #aaa;
    margin: 15px auto;
    display: block;

}

.contact dl {
    padding: 20px 0;
}

.contact dt {
    width: 20%;
    float: left;
    font-weight: 700;
    padding: 10px;
}

.contact dd {
    width: 80%;
    padding-left: 2em;
    float: right;
}

.contact dd div {
    padding: 10px;
}

.contact dd input {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
}

.contact dd select {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
}

.contact .radio dd {
    padding: 10px 0 0 2em;
}

.contact .radio dd input {
    width: auto;
}

.contact .radio dd label {
    margin: 0 5px;
}

.contact dd textarea {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    font-size: 16px;
}

#check {
    font-size: 18px;
    text-align: center;
    background: #fff;
    border: 1px solid #000;
    width: 250px;
    margin: 50px auto;
    padding: 10px 0;
    border-radius: 5px;
    position: relative;
}

.formbtn#check {
    width: 250px;
}

#check a {
    display: block;
    color: #fff;
}

#check:after {
    position: absolute;
    content: "\f105";
    font-family: FontAwesome;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 15px;
}

#check:hover {
    opacity: 0.6;
    cursor: pointer;
}

.contbtm {
    /*    background: url(/import/tenant_1/133.167.112.7/html/images/grey.png) no-repeat;*/
    background-position: bottom;
    background-size: 100%;
    padding-bottom: 160px;
}


@media only screen and (max-width:1024px) {
    .contact dt {
        width: 100%;
        float: none;
        padding: 5px;
        padding-bottom: 1em;
    }

    .contact dd {
        width: 100%;
        float: none;
        padding-left: 0;
    }
    .contact dd div {
        padding: 5px;
    }
    .contact dd input {
        padding: 5px;
    }
    .contact dl {
        padding: 15px 0;
    }
    #check {
        margin: 40px auto;
        width: 250px;
        padding: 10px 0;
    }
    .formbtn#check {
        width: 200px;
    }
    .contactarea h3 {
        padding-bottom: 50px;
    }
    .contbtm {
        padding-bottom: 120px;
    }
}

@media only screen and (max-width:599px) {
    #check {
        margin: 30px auto;
        width: 200px;
        padding: 5px 0;
    }
    .contact {
        padding: 40px 0;
    }
    .formbtn#check {
        width: 130px;
    }
    .contactarea h3 {
        padding-bottom: 40px;
    }
    .contact .radio dd {
        padding: 5px 0;
    }
    .contbtm {
        padding-bottom: 80px;
    }
}

/*homenews */

.homenews .homenewsbox {
    max-width: 50%;
    margin-left: auto;
}

.homenewslist dl {
    border-bottom: 1px solid #e7e7e7;
    padding: 15px 0;
}

.homenewslist dt {
    width: 20%;
}

.homenewslist dd {
    width: 80%;
    padding-left: 1em;
}

@media only screen and (max-width:1024px) {
    .homenews .homenewsbox {
        max-width: none;
        margin: auto;
    }
}

@media only screen and (max-width:599px) {
    .homenewslist dt {
        width: 100%;
    }
    .homenewslist dd {
        width: 100%;
        padding-left: 0;
        padding: 10px 0 0;
    }
}

/*homeconcept*/

.homeconceptbox {
    position: relative;
    padding: 600px 0;
    max-width: 400px;
    margin: auto;
}


/*
.homeconceptbox li {
    width: 19%;
}

.homeconceptbox li img {
    width: 100%;
    border: 5px solid #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
*/

.homeconceptbox ul {
    position: absolute;
    top: 45%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
}

.homeconceptbox li {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
}

.homeconceptbox li img {
    width: 100%;
    border: 5px solid #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.homeconceptlist li:nth-of-type(1) {
    z-index: 9;
}

.homeconceptlist li:nth-of-type(2) {
    z-index: 8;
}

.homeconceptlist li:nth-of-type(3) {
    z-index: 7;
}

.homeconceptlist li:nth-of-type(4) {
    z-index: 5;
}


.homeconceptlist02 li:nth-of-type(1) {
    z-index: 6;
}

.homeconceptlist02 li:nth-of-type(2) {
    z-index: 2;
}

.homeconceptlist02 li:nth-of-type(3) {
    z-index: 3;
}

.homeconceptlist02 li:nth-of-type(4) {
    z-index: 2;
}

.homeconceptlist02 li:nth-of-type(5) {
    z-index: 1;
}

.homeconceptlist li:nth-of-type(1) img {
    -webkit-transform: translate(-130%, -20%);
    -ms-transform: translate(-130%, -20%);
    transform: translate(-130%, -20%);
}

.homeconceptlist li:nth-of-type(2) img {
    -webkit-transform: translate(-80%, -70%);
    -ms-transform: translate(-80%, -70%);
    transform: translate(-80%, -70%);
}

.homeconceptlist li:nth-of-type(3) img {
    -webkit-transform: translate(20%, -140%);
    -ms-transform: translate(20%, -140%);
    transform: translate(20%, -140%);
}

.homeconceptlist li:nth-of-type(4) img {
    -webkit-transform: translate(120%, -50%);
    -ms-transform: translate(120%, -50%);
    transform: translate(120%, -50%);
}

.homeconceptlist02 li:nth-of-type(1) img {
    -webkit-transform: translate(130%, 0%);
    -ms-transform: translate(130%, 0%);
    transform: translate(130%, 0%);
}

.homeconceptlist02 li:nth-of-type(2) img {
    -webkit-transform: translate(100%, 80%);
    -ms-transform: translate(100%, 80%);
    transform: translate(100%, 80%);
}


.homeconceptlist02 li:nth-of-type(3) img {
    -webkit-transform: translate(10%, 160%);
    -ms-transform: translate(10%, 160%);
    transform: translate(10%, 160%);
}

.homeconceptlist02 li:nth-of-type(4) img {
    -webkit-transform: translate(-90%, 180%);
    -ms-transform: translate(-90%, 180%);
    transform: translate(-90%, 180%);
}

.homeconceptlist02 li:nth-of-type(5) img {
    -webkit-transform: translate(-125%, 80%);
    -ms-transform: translate(-125%, 80%);
    transform: translate(-125%, 80%);
}

.homeconceptbox h2 {
    position: relative;
    z-index: 10;
}

.homeconceptbox .txt {
    position: relative;
    z-index: 10;
}

.homeconceptbox .tbox {
    position: relative;
    z-index: 2;
}

@media only screen and (max-width:1500px) {
    .homeconceptbox li {
        width: 90%;
    }
    .homeconceptbox {
        padding: 550px 0;
    }
}

@media only screen and (max-width:1300px) {
    .homeconceptbox li {
        width: 80%;
    }
    .homeconceptbox {
        padding: 500px 0;
    }
}

@media only screen and (max-width:1200px) {
    .homeconceptbox li {
        width: 70%;
    }
    .homeconceptbox {
        padding: 400px 0;
    }
}

@media only screen and (max-width:1024px) {
    .homeconceptbox {
        padding: 0;
        max-width: none;
    }
    .homeconceptbox ul {
        position: static;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .homeconceptbox ul.homeconceptlist {
        padding: 60px 0 0;
    }
    .homeconceptbox ul.homeconceptlist02 {
        padding: 0 0 60px;
    }
    .homeconceptbox ul.homeconceptlist li {
        width: 25%;
    }
    .homeconceptbox ul.homeconceptlist02 li {
        width: 20%;
    }
    .homeconceptbox li {
        position: static;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        width: 20%;
        -webkit-box-shadow: 0 0 0 5px rgba(255, 255, 255, 1);
        box-shadow: 0 0 0 5px rgba(255, 255, 255, 1);
    }
    .homeconceptbox li.trim {
        position: relative;
        overflow: hidden;
        top: auto;
        left: auto;
    }
    .homeconceptbox li.trim:before {
        padding-top: 150%;
        content: "";
        display: block;
    }
    .homeconceptbox li.trim img {
        height: 105% !important;
        max-width: none !important;
        width: auto !important;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        position: absolute;
        top: 0;
        left: 50%;
        border: none;
    }
    .homeconceptbox li.trimY {
        position: relative;
        overflow: hidden;
        top: auto;
        left: auto;
    }
    .homeconceptbox li.trimY:before {
        padding-top: 150%;
        content: "";
        display: block;
    }
    .homeconceptbox li.trimY img {
        height: 105% !important;
        max-width: none !important;
        width: auto !important;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        position: absolute;
        top: 0;
        left: 50%;
        border: none;
    }
    .homeconceptbox .tbox {
        margin: auto;
        padding: 30px 0;
    }
}

@media only screen and (max-width:599px) {
    .homeconceptbox ul.homeconceptlist {
        padding: 0;
        max-width: none;
    }
    .homeconceptbox ul.homeconceptlist02 {
        padding: 0;
        max-width: none;
    }
}

/*homeconcept2*/
.homeconcept2 .txt_box{
  padding-top: 50px;
}
.homeconcept2 dt{
  margin-top: 10px;
}

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

.homeconcept2 h3{
  font-size: 18px;
}
.homeconcept2 dt{
  font-size: 15px;
}
.homeconcept2 dd{
  text-align: left;
  font-size: 14px;
}
}



/*homestep*/
.homestep .left{
  margin-left: calc(50% - 625px);
  max-width: 625px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
          justify-content: center;
}
.homestep .step_box:nth-of-type(2n+2) .left{
  margin-right: calc(50% - 625px);
  margin-left: 0;
}
.homestep .step_box:nth-of-type(2n+2) .stetbox_in{
  padding-left: 80px;
}
.homestep .step_box:nth-of-type(2n+2){
  -webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-webkit-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}
.homestep .step_num{
  padding-right: 30px;
}
.homestep .stetbox_in{
  border-bottom: 2px solid #000;
  padding-bottom: 5px;
}

.homestep_more{
  margin: 80px auto;
  width: 80%;
  max-width: 180px;
}

.homestep_more a{
  padding: 15px 20px;
  font-size: 18px;
  border-radius: 50px;
  border: 1px solid #000;
  display: block;
  text-align: center;
}

@media only screen and (max-width:1280px) {
  .homestep .left {
    margin-left: calc(50% - 45%);
    max-width: 45%;
  }
  .homestep .step_box:nth-of-type(2n+2) .left{
    margin-right: calc(50% - 45%);
    margin-left: 0;
  }
  .homestep .step_box:nth-of-type(2n+2) .stetbox_in{
      padding-left: 6px;
  }
}

@media only screen and (max-width:1024px) {
  .homestep .left{
    width: 45%;
    margin-left: 5%;
  }
  .homestep .step_box:nth-of-type(2n+2) .left{
    margin-right: 5%;
    margin-left: 0;
  }
  .homestep .step_box:nth-of-type(2n+2) .stetbox_in{
    padding-left: 10px;
  }

}
@media only screen and (max-width:599px) {
  .homestep .left{
    width: 90%;
    margin: 10px auto;
    max-width: 90%;
    }
  .homestep .step_box:nth-of-type(2n+2) .left{
    margin: 10px auto;
  }
  .homestep .step_box:nth-of-type(2n+2) .stetbox_in{
    padding-left: 0;
  }
  .homestep .stetbox_in{
  border-bottom: 0px solid #000;
  padding-bottom: 5px;
}
.homestep .step_box{
  margin-top: 20px;
}
  

}


/*homestyle*/

.homestyle h2 {
    text-align: center;
    margin: auto;
}

.homestylelist li.row4 {
    position: relative;
    overflow: hidden;
}

.homestylelist li.row4 a {
    opacity: 1;
    display: block;
}

.homestylelist li.row4:hover dl {
    opacity: 1;
    visibility: visible;
}

.homestylelist dl {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 20px;
    background: rgba(255, 255, 255, 0.6);
    -webkit-transition: 0.6s ease all;
    transition: 0.6s ease all;
    opacity: 0;
    visibility: hidden;
}

.homestylelist dt {
    font-weight: 700;
    width: 100%;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: block;
}

.homestylelist dd {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    width: 100%;
}

.homestylelist dd li {
    padding: 5px 0;
}

.homestylelist ul.flex {
    padding: 2px 0;
}

.homestylelist dd li.fs12 {
    width: 20%;
    border-radius: 20px;
    border: 1px solid #000;
    text-align: center;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
}

.homestylelist dd li.alt {
    width: 80%;
    padding-left: 1em;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    font-size: 12px;
}

.homestylelist .catnav {
    padding: 40px 0;
}

.homestylelist .catnav li {
    margin: 0 1%;
    font-weight: 700;
}

.homestylelist .catnav li.all {
    margin: 0 0 0 auto;
}

@media only screen and (max-width:1024px) {
    .homestylelist ul.flex {
        max-width: 700px;
        padding: 5px 0;
        margin: auto;
    }
    .homestylelist li.row4 {
        width: 48%;
    }
}

@media only screen and (max-width:599px) {
    /*
    .homestylelist dl {
        visibility: visible;
        opacity: 1;
        position: static;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        padding: 10px;
    }
    .homestylelist dd li.fs12 {
        width: 100%;
    }
    .homestylelist dd li.alt {
        width: 100%;
        padding-left: 0;
    }
    .homestylelist dt {
        text-align: center;
        padding-bottom: 10px;
    }
*/
    .homestylelist dl {
        padding: 10px;
    }
    .homestylelist dt {
        font-size: 18px;
    }
    .homestylelist dd li.fs12 {
        width: auto;
        padding: 0 5px;
        display: inline-block;
    }
    .homestylelist dd li.alt {
        width: 100%;
        padding-left: 0;
    }
}

/*homestaff*/

.homestafflist li a {
    display: block;
}

/*homeblog*/

.homebloglist li {
    padding: 10px 0;
}

.homebloglist li a {
    display: block;
}

.homebloglist li dd span {
    display: block;
    padding-bottom: 5px;
}

.homebloglist li dd {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.homebloglist li dt {
    width: 30%;
}
.homebloglist li dt .trimmingInner{
  border: 1px solid #000;
  box-sizing: border-box;
}

.homebloglist li dd {
    width: 66%;
}

@media only screen and (max-width:599px) {
    .homebloglist li {
        padding: 5px 0;
    }
}

/*homebnr*/

.homebnrlist li a {
    display: block;
}

.homebnrlist li a:hover {
    opacity: 0.8;
}

.homebnrlist li dl {
    padding: 30px;
    position: relative;
    overflow: hidden;
}

.homebnrlist li dl:after {
    content: "";
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: -webkit-repeating-linear-gradient(135deg, #fff, #fff 3px, #e7e7e7 0, #e7e7e7 6px);
    background: repeating-linear-gradient(-45deg, #fff, #fff 3px, #e7e7e7 0, #e7e7e7 6px);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.6s all ease;
    transition: 0.6s all ease;
    z-index: -1;
}

.homebnrlist li dl:hover:after {
    opacity: 1;
    visibility: visible;
}

.homebnrlist li dt {
    text-align: center;
    -ms-transform: translate(0, 60px);
    transform: translate(0, 60px);
    -webkit-transform: translate(0, 60px);
    -webkit-transition: .8s;
    transition: .8s;
    font-weight: 700;
}

.homebnrlist li.mv dt {
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
}

.homebnrlist li dt span.e7 {
    padding: 0 5px;
}

.homebnrlist li dt span.jp {
    display: block;
    padding: 10px 0;
}

.homebnrlist li dd {
    text-align: center;
    font-weight: 700;
    padding: 20px 0;
}

.homebnrlist li dd:after {
    content: "\f107";
    font-family: FontAwesome;
    display: block;
    text-align: center;
    padding: 20px 0;
}

@media only screen and (max-width:1024px) {
    .homebnrlist li {
        width: 23%;
    }
    .homebnrlist li dl {
        padding: 20px 0;
    }
}

@media only screen and (max-width:599px) {
    .homebnrlist li {
        width: 48%;
    }
    .homebnrlist li dl {
        padding: 10px 0;
    }
    .homebnrlist li dd {
        padding: 10px 0;
    }
    .homebnrlist li dd:after {
        padding: 10px 0;
    }
}

/*homerecruit*/

.homerecruitbox h2 {
    max-width: none;
}

.homerecruitbox {
   /*  background: #fff; */
   background: rgba(255,255,255,0.8);
    padding: 10px;
}

.homerecruitbox ul.flexsb {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.homerecruitbox .tbox dt {
    text-align: center;
    padding-bottom: 40px;
}

.homerecruitbox .tbox dd {
    text-align: center;
}

.moreB {
    font-weight: 700;
    text-align: center;
}

.moreB:after {
    content: "\f107";
    font-family: FontAwesome;
    display: block;
    text-align: center;
    padding: 20px 0;
}

.homerecruit .bkimg {
    position: absolute;
}

@media only screen and (max-width:1024px) {
    .moreB:after {
        padding: 15px 0;
    }
    .homerecruitbox .tbox dt {
        padding-bottom: 30px;
    }
    .homerecruit .bkimg img {
        min-width: 1400px !important;
    }
}

@media only screen and (max-width:599px) {
    .moreB:after {
        padding: 10px 0;
    }
    .homerecruitbox .tbox dt {
        padding-bottom: 20px;
    }
    .homerecruit .bkimg {
        position: static;
    }
    .homerecruit .bkimg img {
        min-width: auto !important;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
    .homerecruitbox ul.flexsb li {
        width: 100%;
        margin: 1% 0;
    }
    .homerecruitbox {
        padding: 10px 0;
    }
}

/*homeinsta*/

.homeinstalist .pix {
    -ms-transform: translate(0, 60px);
    transform: translate(0, 60px);
    -webkit-transform: translate(0, 60px);
    -webkit-transition: .8s;
    transition: .8s;
}

.homearea .mv .homeinstalist .pix {
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
}

.homeinstalist ul.flex {
    position: relative;
}

.homeinstalist ul.flex li:nth-of-type(1) {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-54%, 0);
    -ms-transform: translate(-54%, 0);
    transform: translate(-54%, 0);
    width: 26%;
    z-index: 1;
}

.homeinstalist li {
    width: 16%;
    margin: 1%;
}

.homeinstalist li:nth-of-type(9n + 3) {
    margin-right: 29%;
}

.homeinstalist li:nth-of-type(9n + 7) {
    margin-right: 29%;
}

@media only screen and (max-width:599px) {
    .homeinstalist ul.flex li:nth-of-type(1) {
        position: static;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        width: 98%;
        margin: 1%;
    }
    .homeinstalist li {
        width: 23%;
    }
    .homeinstalist li:nth-of-type(9n + 3) {
        margin-right: 1%;
    }

    .homeinstalist li:nth-of-type(9n + 7) {
        margin-right: 1%;
    }
    .homeinstalist ul.flex {
        max-width: 450px;
        margin: auto;
    }
}


/*menu*/

.f105B:before {
    content: "\f105";
    font-family: FontAwesome;
    margin-right: 0.5em;
}

.f105A:after {
    content: "\f105";
    font-family: FontAwesome;
    margin-left: 0.5em;
}

.f104B:before {
    content: "\f104";
    font-family: FontAwesome;
    margin-right: 0.5em;
}

.bwA {
    position: relative;
}

.bwA:after {
    content: "";
    height: 100%;
    width: 100%;
    border: 2px solid #fff;
    position: absolute;
    top: 30px;
    left: 30px;
    pointer-events: none;
}

.flbox {
    position: relative;
    padding: 60px 0;
}

flbox:after {
    display: none;
}

.flbox .tbox {
    width: 70%;
    position: relative;
    z-index: 1;
}

.flbox.reverse .tbox {
    width: 60%;
}

.flbox .picbox {
    width: 60%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
}

.flbox.reverse .picbox {
    width: 50%;
}

.flbox.reverse .picbox {
    right: auto;
    left: 0;
}

.flbox .picbox ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
}

.flbox .picbox li:nth-of-type(2n + 1) {
    position: absolute;
    left: -70px;
    bottom: 0;
    z-index: 1;
}

.flbox .picbox li {
    width: 60%;
    margin-left: auto;
}

.flbox.reverse .picbox li:nth-of-type(2n + 1) {
    left: auto;
    position: static;
}

.flbox.reverse .picbox li:nth-of-type(2n + 2) {
    position: absolute;
    right: 0;
    top: 40%;
}

.flbox.reverse .picbox li {
    margin-left: 0;
    margin-right: auto;
}

.menubox .tbox {
    background: rgba(0, 0, 0, 0.6);
    padding: 60px;
    z-index: 2;
}

.menubox .tbox h3 {
    color: #fff;
    padding-bottom: 60px;
}

.menubox .tbox dl {
    padding: 10px 0;
}

.menubox .tbox dt {
    color: #fff;
    font-weight: 700;
    width: 80%;
}

.menubox .tbox dd {
    color: #fff;
    font-weight: 700;
    width: 20%;
    padding-left: 1em;
    text-align: right;
}

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

.menubox .picbox ul>li:nth-of-type(2) img{
  position: absolute;
  left: 30%;
  bottom: 230px;
  width: 70%;
}
.greyc {
    color: #999;
}

.menubox02area h3 {
    text-align: center;
}

.menubox02 .tbox {
    background: rgba(255, 255, 255, 0.8);
    padding: 60px;
    margin: 10px;
}

.menubox02 .tbox dl {
    padding: 15px 0;
}

.menubox02 .tbox dt {
    width: 80%;
    font-weight: 700;
}

.menubox02 .tbox dt span {
    display: block;
    font-weight: 400;
}

.menubox02 .tbox dd {
    width: 20%;
    padding-left: 1em;
    font-weight: 700;
}

.menubox02 .tbox p {
    border-top: 2px solid #aaa;
    padding: 10px 0;
    margin: 20px;
}

.menubox02 .tbox p .telbox {
    padding: 2px 15px;
    border: 1px solid #000;
    border-radius: 5px;
    margin-right: 1em;
}

.menubox02 .bkimg {
    position: relative;
}

.menubox02 .bkimg img {
    min-width: 600px !important;
}

.menubox03 .tit {
    width: 36%;
    padding: 100px 0;
}

.menubox03 h3 {
    text-align: center;
}

.menubox03 .tit h3.diamonds {
    position: relative;
}

.menubox03 .tit h3.diamonds:after {
    content: "";
    display: block;
    height: 200px;
    width: 200px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
    background: -webkit-repeating-linear-gradient(135deg, #fff, #fff 3px, #e7e7e7 0, #e7e7e7 6px);
    background: repeating-linear-gradient(-45deg, #fff, #fff 3px, #e7e7e7 0, #e7e7e7 6px);
    -webkit-transition: 0.6s all ease;
    transition: 0.6s all ease;
    z-index: -1;
}

.menubox03 .tbox {
    width: 60%;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
}

.menubox03 .tbox dl {
    padding: 15px 0;
    border-bottom: 2px solid #aaa;
    margin-bottom: 60px;
}

.menubox03 .tbox dt {
    width: 70%;
    font-weight: 700;
}

.menubox03 .tbox dd.price {
    width: 30%;
    padding-left: 1em;
    font-weight: 700;
    text-align: right;
}

.menubox03 .tbox dd.w100 {
    padding: 10px 0;
}

.menubox03.w46 h3 {
    text-align: center;
    padding-bottom: 80px;
}

.menubox03.w46 .tbox {
    width: 100%;
}

.menupic {
    position: relative;
    overflow: hidden;
    margin: 0 0 80px;
}

.menupic:before {
    padding-top: 30%;
    display: block;
    content: "";
}

.menupic:after {
    background: rgba(255, 255, 255, 0.4);
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.menupic img {
    width: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -40%);
}

@media only screen and (max-width:1024px) {
    .menubox .picbox ul>li:nth-of-type(2) img{
    width: auto;
    height: 105% !important;
    position: absolute;
    max-width: none !important;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    border: none;
    }
  
    .flbox .tbox {
        width: 100% !important;
        padding: 40px;
        background: rgba(0, 0, 0, 0.8);
    }
    .flbox .picbox {
        width: 100% !important;
        top: 10%;
        right: 5% !important;
        left: auto !important;
        z-index: 2;
        position: static;
    }
    .flbox .picbox ul {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        margin: 5px 0;
    }
    .flbox .picbox li {
        width: 50% !important;
        position: relative !important;
        margin: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        overflow: hidden;
        -webkit-box-shadow: 0 0 0 5px #fff;
        box-shadow: 0 0 0 5px #fff;
    }
    .flbox .picbox li:before {
        padding-top: 130%;
        content: "";
        display: block;
    }
    .flbox .picbox li img {
        width: auto;
        height: 105% !important;
        position: absolute;
        max-width: none !important;
        top: 0;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        border: none;
    }
    .bwA:after {
        height: 94%;
        width: 94%;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
    .flbox {
        margin: 40px 0;
        padding: 0;
    }
    .menubox .tbox h3 {
        padding-bottom: 40px;
    }
    flbox:after {
        display: block;
    }
    .menubox02 .tbox {
        padding: 40px;
    }
    .menubox03 .tit h3.diamonds:after {
        width: 150px;
        height: 150px;
    }
    .menubox03 .tit {
        padding: 80px 0;
    }
    .menubox03 .tbox dl {
        margin-bottom: 40px;
    }
    .menupic {
        margin: 0 0 60px;
    }
}

@media only screen and (max-width:599px) {
  .bwA:after {
        height: 98%;
    }
  
    .flbox {
        margin: 20px 0;
    }
    .flbox .tbox {
        padding: 30px;
    }
    .menubox .tbox dd {
        padding-left: 0.5em;
        text-align: right;
    }
    .menubox .tbox h3 {
        padding-bottom: 20px;
    }
    .menubox02 .bkimg {
        position: static;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
    .menubox02 .tbox {
        padding: 20px;
        margin: 0;
    }
    .menubox02 .bkimg img {
        min-width: auto !important;
    }
    .menubox02 .tbox dl {
        padding: 10px 0;
    }
    .menubox02 .tbox dt {
        width: 100%;
    }
    .menubox02 .tbox dd {
        width: 100%;
        text-align: right;
        padding-left: 0;
        padding-top: 10px;
    }
    .menubox03 .tit {
        width: 100%;
        padding: 40px 0 80px;
    }
    .menubox03 .tbox {
        width: 100%;
    }
    .menubox03 .tbox dt {
        width: 100%;
    }

    .menubox03 .tbox dd.price {
        width: 100%;
        padding-left: 0;
        padding-top: 10px;
    }
    .menubox03 .tit h3.diamonds:after {
        width: 100px;
        height: 100px;
    }
    .menubox03 .tbox dl {
        padding: 10px 0;
        margin-bottom: 20px;
    }
    .menupic {
        margin: 0 0 0;
    }
    .menubox .tbox dt {
        width: 100%;
    }
    .menubox .tbox dd {
        width: 100%;
        padding-left: 0;
    }
}

/*staff*/

.stafflist h3 {
    padding: 0 0 60px;
}

.stafflist ul {
    padding: 20px 0;
}

.stafflist li {
    margin: 0 1% 10%;
}

.stafflist dt:hover:before {
    content: "";
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.1);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.stafflist dt:hover {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.stafflist li a {
    display: block;
}

.stafflist dt {
    margin-bottom: 20px;
    position: relative;
}

.stafflist dd {
    text-align: center;
}

.stafflist dd.alt {
    font-weight: 700;
}

@media only screen and (max-width:1024px) {
    .stafflist h3 {
        padding: 0 0 40px;
    }
}

@media only screen and (max-width:599px) {
    .stafflist h3 {
        padding: 0 0 20px;
    }
}

/*staffdetail*/

.staffdetailleft {
    width: 40%;
}

.staffdetailleft .profpic .trimmingInner {
    border-radius: 50%;
}

.staffdetailleft .profpic ul.altlist {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.staffdetailleft .profpic li {
    width: 46%;
    padding-bottom: 40px;
}

.staffdetailleft .profpic li dt {
    font-weight: 700;
}

.staffdetailleft .profpic li dt .fs14 {
    font-weight: 400;
    padding-left: 1em;
}

.staffdetailleft .profpic li dd {
    font-weight: 700;
}

.staffdetailleft .profpic li dd .w100 {
    font-weight: 400;
}

.staffdetailleft .profinfo dt {
    font-weight: 700;
    padding-bottom: 30px;
}
.staffdetailleft .profpic li div.insta_icon {
    width: 60px;
    margin-top: 20px;
}


.staffdetailright {
    width: 56%;
    padding-left: 2%;
    border-left: 1px solid #aaa;
}

.staffdetailright .proflist dl {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.staffdetailright .proflist dt {
    font-weight: 700;
    width: 30%;
    padding-right: 1em;
}

.staffdetailright .proflist dd {
    border-bottom: 1px solid #aaa;
    width: 70%;
    padding: 40px 0;
}

/* .staffreserve dl {
    max-width: 500px;
    margin: 80px auto;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px;
    border: 1px solid #e7e7e7;
    background: #fff;
} */
.staffreserve dl {
    max-width: 500px;
    margin: 80px auto;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px;
    border: 10px solid #8ebb8e;
    border-radius: 30px;
    background: #8ebb8e;
}

.staffreserve dt {
    border-right: 1px solid #e7e7e7;
    text-align: center;
    width: 50%;
}

.staffreserve dt .pix {
    display: inline-block;
    max-width: 180px;
}

/* .staffreserve dd {
    text-align: center;
    font-weight: 700;
    width: 50%;
} */
.staffreserve dd {
    text-align: center;
    font-weight: 700;
    width: 50%;
    font-size: 26px;
    color: #ffffff;
    padding: 2%;
}

.staffreserve a {
    display: block;
}

.staffdetailrec {
    text-align: center;
}

.staffdetailreclist li a {
    display: block;
}

.staffdetailreclist li dt {
    padding-bottom: 30px;
}

.staffdetailreclist li dd {
    font-size: 14px;
    font-weight: 700;
}

@media only screen and (max-width:1024px) {
    .staffdetailleft .profpic li dt .fs14 {
        display: block;
        padding-left: 0;
    }
    .staffdetailreclist li dt {
        padding-bottom: 20px;
    }
    .staffdetailleft {
        width: 100%;
    }
    .staffdetailright {
        width: 100%;
        padding-left: 0;
        border-top: 1px solid #aaa;
        border-left: none;
        margin-top: 20px;
    }
    .staffdetailright .proflist dd {
        padding: 30px 0;
    }
    .staffdetailleft .profinfo dt {
        padding-bottom: 20px;
    }
    .staffdetailleft .profpic li {
        padding-bottom: 30px;
    }
    .staffreserve dl {
        margin: 60px auto;
    }
    .staffdetailreclist li {
        width: 23%;
        padding-bottom: 20px;
    }
}

@media only screen and (max-width:599px) {
    .staffdetailleft .profinfo dt {
        padding-bottom: 10px;
    }
    .staffdetailleft .profpic li {
        padding-bottom: 20px;
        width: 100%;
    }
    .staffdetailreclist li {
        width: 48%;
    }
    .staffdetailreclist li dt {
        padding-bottom: 10px;
    }
    .staffreserve dl {
        margin: 40px auto;
    }
    .staffdetailright .proflist dt {
        width: 100%;
        padding-right: 0;
    }
    .staffdetailright .proflist dd {
        width: 100%;
        padding: 0;
        border: none;
    }
    .staffdetailright .proflist dl {
        padding: 20px 0;
        border-bottom: 1px solid #aaa;
    }
    .staffreserve dt {
        width: 40%;
        border: none;
        padding: 0 0 10px;
    }
    .staffreserve dd {
        width: 60%;
    }
    .staffdetailrec {
        padding: 20px 0 0;
    }
}

/*salon*/

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

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

.salonconceptbox .titbox dt .pimg {
    max-width: 180px;
    display: inline-block;
}

.salonconceptlist li {
    width: 31.333%;
}

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

.salonconceptlist li:nth-of-type(6n + 5) .pimg {
    max-width: 300px;
    display: inline-block;
}

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

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

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

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

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

.accboxl .tbox .pix .pimg {
    display: inline-block;
    max-width: 180px;
}

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

.accboxr dd li {
    width: 46%;
}

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

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

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

/*concept*/

.conceptinn .trimmingInner {
    border-radius: 50%;
}

.conceptinn {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.conceptcol li {
    width: 33.333%;
}

.conceptflow h3 {
    display: inline-block;
    margin-bottom: 20px;
}

.conceptflow .txt dt {
    padding-bottom: 60px;
    font-weight: 700;
}

.conceptflow01inn .txt {
    width: 44%;
}

.conceptflow01inn .txt .pix {
    text-align: right;
    padding: 40px 0 0;
}

.conceptflow01inn .txt .pix img {
    border: 5px solid #fff;
}

.conceptflow01inn .picbox li img {
    border: 5px solid #fff;
}

.conceptflow01inn .picbox {
    position: relative;
}

.conceptflow01inn .picbox li {
    text-align: right;
}

.conceptflow01inn .picbox li:nth-of-type(1) {
    position: absolute;
    left: -10%;
    bottom: -10%;
    text-align: left;
    z-index: 1;
    max-width: 310px;
}
.conceptflow01inn{
  position: relative;
  z-index: 1;
}
.conceptflow02inn {
    padding: 120px 0;
}

.conceptflow02inn .bkimg {
    position: absolute;
}

.conceptflow02inn .bkimg:before {
    position: absolute;
    background: rgba(255, 255, 255, 0.4);
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    content: "";
    z-index: 1;
}

.conceptflow02inn .bkimg img {
    min-width: 1200px !important;
}

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

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

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

.conceptflow03inn ul.flexsb {
    width: 100%;
}

.conceptflow03inn {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

@media only screen and (max-width:1024px) {
    .conceptflow01inn .picbox li img {
        width: 70%;
    }
    .conceptflow02inn {
        padding: 80px 0;
    }
    .conceptflow .txt dt {
        padding-bottom: 40px;
    }
    .conceptflow01inn .txt .pix {
        padding: 20px 0 0;
    }
}

@media only screen and (max-width:599px) {
    .conceptflow01inn .picbox li:nth-of-type(1) {
        position: static;
    }
    .conceptflow01inn .picbox ul {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .conceptflow01inn .picbox li {
        width: 48%;
    }
    .conceptflow01inn .picbox li img {
        width: 100%;
    }
    .conceptflow01inn .txt {
        width: 100%;
        padding-bottom: 20px;
    }

    .conceptflow02inn {
        padding: 60px 0;
    }
    .conceptflow02inn .bkimg img {
        min-width: 1000px !important;
    }
    .conceptflow .txt dt {
        padding-bottom: 20px;
    }
    .conceptflow01inn .txt .pix {
        padding: 10px 0 0;
        text-align: center;
    }
}

/*voice*/

.voicebox {
    padding: 4% 0;
}

.voicebox li.w48 {
    padding: 60px 60px 10%;
    border: 1px solid #b2b2b2;
}

.voicebox li .tit {
    font-weight: 700;
    padding-bottom: 10px;
    border-bottom: 2px solid #aaa;
    margin-bottom: 20px;
}

.voicebox li.abox dl {
    padding: 20px 0;
}

.voicebox li.abox dt {
    font-weight: 700;
}

.voicebox li.abox dd {
    padding-left: 0.5em;
    color: #333;
}

.ballonB:before {
    content: "\f075";
    font-family: FontAwesome;
    margin-right: 5px;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    display: inline-block;
    color: #fff;
    text-shadow: 1px 1px 10px #aaa;
}

.voicebox li.pbox {
    width: 20%;
    margin: auto;
    margin-top: -10%;
}

.voicebox li.pbox .trimming {
    -webkit-box-shadow: 0 0 0 10px #fff;
    box-shadow: 0 0 0 10px #fff;
}

@media only screen and (max-width:1024px) {
    .voicebox li.w48 {
        padding: 40px 20px 10%;
    }
    .voicebox li.abox dl {
        padding: 15px 0;
    }
}

@media only screen and (max-width:599px) {
    .voicebox li.w48 {
        padding: 20px;
    }
    .voicebox li.abox dl {
        padding: 10px 0;
    }
    .voicebox li.pbox {
        margin-left: auto;
        margin-top: -27.5%;
        margin-right: 6%;
    }
    .voicebox li.w48.cbox {
        padding-bottom: 30%;
    }
}

/*newsbox*/

.newsbox {
    margin: 0 0 40px;
}

.newsbox dl {
    border-bottom: 1px solid #aaa;
    padding: 0 0 40px;
}

.newsbox dt {
    font-weight: 700;
    padding-bottom: 20px;
}

.newsbox dd {
    text-align: right;
}

.e7A15:after {
    content: "";
    display: block;
    width: 100%;
    height: 15px;
    background: -webkit-repeating-linear-gradient(135deg, #fff, #fff 3px, #e7e7e7 0, #e7e7e7 6px);
    background: repeating-linear-gradient(-45deg, #fff, #fff 3px, #e7e7e7 0, #e7e7e7 6px);
    -webkit-transition: 0.6s all ease;
    transition: 0.6s all ease;
    margin: 15px 0;
}

@media only screen and (max-width:1024px) {
    .newsbox {
        margin: 0 0 30px;
    }

    .newsbox dl {
        padding: 0 0 30px;
    }
    .newsbox dt {
        padding-bottom: 10px;
    }
}

@media only screen and (max-width:599px) {
    .newsbox {
        margin: 0 0 20px;
    }

    .newsbox dl {
        padding: 0 0 20px;
    }
    .newsbox dt {
        padding-bottom: 0;
    }
}

/*style*/

.homestylelist.stylelist > ul > li {
    width: 25.333%;
    margin: 4%;
}

.sidePiclist li {
    width: 31.333%;
}

.styledetailbox .bkimg {
    position: absolute;
}

.styledetailbox .bkimg:before {
    position: absolute;
    background: rgba(255, 255, 255, 0.6);
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    content: "";
    z-index: 1;
}

.styledetailbox .bkimg img {
    min-width: 2000px !important;
}

.styledetailbox .pricelist {
    background: #fff;
    padding: 60px;
}

.styledetailbox .pricelist li {
    padding: 10px 0;
}

.styledetailbox .pricelist .fs20 {
    padding-bottom: 40px;
}

.styledetailbox .pricelist .stylepricesum {
    border-top: 1px solid #aaa;
    text-align: right;
    font-weight: 700;
    padding: 10px 0;
}

.styledetailbox .pricelist .stylepricesum.tal{
   text-align: left;
}

.styledetailR {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
}

.styledetailR .staffreserve dl {
    margin: 20px auto 0;
    max-width: 600px;
}

.styledetailR .sidePiclist {
    padding-bottom: 20px;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.styledetailR .sidePiclist li:hover {
    cursor: pointer;
    opacity: 0.6;
}

.chargeinn {
    padding: 60px;
    border: 1px solid #aaa;
    width: 90%;
    margin: auto;
}

.chargeinn > ul {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.chargeinnL {
    width: 50%;
    padding-right: 4%;
    border-right: 1px solid #aaa;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.chargeinnL .picbox .trimmingInner {
    border-radius: 50%;
}

.chargeinnL .tbox dt {
    font-weight: 700;
    padding-bottom: 40px;
}

.chargeinnL .tbox dd {
    padding: 10px 0;
    font-weight: 700;
}

.chargeinnL .tbox dd span {
    font-weight: 400;
}

.chargeinnL .tbox dd.fs20 span {
    padding-left: 1em;
}

.chargeinnL .tbox dd.alt span {
    display: block;
}

.chargeinnR {
    width: 46%;
}

.chargeinnR dt {
    font-weight: 700;
    text-align: center;
}

.readbox {
    max-width: 250px;
    margin: 40px auto;
}

.readbox a {
    text-align: center;
    display: block;
    padding: 10px;
    border: 1px solid #aaa;
}

.readbox a:after {
    content: "\f105";
    font-family: FontAwesome;
    margin-left: 0.5em;
}

@media only screen and (max-width:1024px) {
    .styledetailbox .pricelist {
        padding: 40px;
    }
    .chargeinn {
        padding: 40px;
    }
    .chargeinnL {
        width: 100%;
        padding-right: 0;
        padding-bottom: 4%;
        border-right: 0;
        border-bottom: 1px solid #aaa;
    }
    .chargeinnR {
        width: 100%;
        padding-top: 4%;
    }
    .chargeinnR .readbox {
        margin: 10px auto;
    }
    .chargeinnL .tbox dt {
        padding-bottom: 20px;
    }
    .styledetailbox .bkimg img {
        min-width: 2200px !important;
    }
    .homestylelist.stylelist > ul > li {
        width: 42%;
    }
}

@media only screen and (max-width:599px) {
    .homestylelist.stylelist > ul > li {
        width: 48%;
        margin: 1%;
    }
    .styledetailbox .pricelist {
        padding: 20px;
    }
    .chargeinn {
        padding: 20px;
    }
    .chargeinnL .picbox {
        width: 100%;
        max-width: 400px;
        margin: 0 auto;
        padding: 10px 0;
    }
    .chargeinnL .tbox {
        width: 100%;
        padding: 10px 0;
    }
    .chargeinnL .tbox dt {
        padding-bottom: 10px;
    }
    .chargeinnL .tbox dd {
        padding: 5px 0;
    }
    .styledetailbox .bkimg img {
        min-width: 2400px !important;
    }
}

/*movie*/

.movielist li dl {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.movielist li dt {
    padding-bottom: 20px;
}

.movielist li dd.tit {
    font-weight: 700;
    padding: 20px 0;
    box-sizing: content-box;
}

.movielist li dd {
    text-align: center;
    width: 100%;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.moviebox {
    background: rgba(83, 83, 83, 0.8);
}

.movieboxinn {
    max-width: 70%;
    margin: auto;
}

.moviearea h2 span.jp {
    padding: 0;
}

@media only screen and (max-width:1024px) {
    .movielist li dt {
        padding-bottom: 10px;
    }
    .movielist li dd.tit {
        padding: 15px 0;
    }
}

@media only screen and (max-width:599px) {
    .movielist li dt {
        padding-bottom: 0;
    }
    .movielist li dd.tit {
        padding: 10px 0;
    }
    .movielist li {
        margin-bottom: 4%;
    }
}

/*product*/

.productlist li dl {
    height: 100%;
    position: relative;
    padding-bottom: 65px;
}

.productlist li dt {
    padding-bottom: 20px;
}

.productlist li dd.alt {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.productlist li dd.tit {
    font-weight: 700;
    padding: 20px 0;
}

.productlist li dd {
    text-align: center;
    width: 100%;
}

.productlist li dd.pri {
    position: absolute;
    bottom: 0;
}

@media only screen and (max-width:1024px) {
    .productlist li dt {
        padding-bottom: 10px;
    }
    .productlist li dd.tit {
        padding: 15px 0;
    }
    .productlist li dl {
        padding-bottom: 55px;
    }
}

@media only screen and (max-width:599px) {
    .productlist li dt {
        padding-bottom: 0;
    }
    .productlist li dd.tit {
        padding: 10px 0;
    }
    .productlist li {
        margin-bottom: 4%;
    }
    .productlist li dl {
        padding-bottom: 45px;
    }
}

/*.point*/

.pointflow .conceptflow02inn .txt dl {
    max-width: 500px;
    margin: auto;
}

.pointflow .conceptflow02inn .txt dt {
    color: #fff;
}

.pointflow .conceptflow02inn .txt dd {
    color: #fff;
}

.pointflow .conceptflow02inn .bkimg:before {
    background: rgba(0, 0, 0, 0.4);
}

.pointflow .conceptflow03inn .txt .pix {
    padding: 40px 0;
}

.pointflow .conceptflow03inn .txt .tbox ul {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.pointflow .conceptflow03inn .txt .tbox li {
    width: 46%;
    padding-bottom: 40px;
}

.pointflow .conceptflow03inn .txt .tbox li .trimmingInner {
    border-radius: 50%;
}

.pointflow .conceptflow03inn .txt .tbox dt {
    padding-bottom: 30px;
}

.pointflow .conceptflow03inn .txt .tbox dd {
    font-weight: 700;
}

.pointflow .conceptflow03inn .txt .tbox dt.fs14 {
    font-weight: 400;
    padding-left: 1em;
}

.pointflow .conceptflow03inn .txt .tbox dd.w100 {
    font-weight: 400;
}

@media only screen and (max-width:1024px) {
    .pointflow .conceptflow03inn .txt .pix {
        padding: 30px 0;
    }
    .pointflow .conceptflow03inn .txt .tbox dt {
        padding-bottom: 20px;
    }
}

@media only screen and (max-width:599px) {
    .pointflow .conceptflow03inn .txt .pix {
        padding: 20px 0;
    }
    .pointflow .conceptflow03inn .txt .tbox dt {
        padding-bottom: 10px;
    }
}

/*recruit*/

.recnav a {
    display: block;
    height: 100%;
}

.recnav dl {
    height: 100%;
    background: #bfbfbf;
    padding: 30px;
}

.recnav dt {
    text-align: center;
    font-weight: 700;
}

.recnum {
    display: block;
    text-align: center;
    color: #fff;
    border-radius: 50%;
    border: 3px solid #fff;
    max-width: 75px;
    max-height: 75px;
    padding: 21px 0;
    margin: 30px auto;
    font-weight: 700;
}

.recnumb {
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    border: 2px solid #000;
    padding: 19px 25px;
    margin-right: 0.5em;
    font-weight: 700;
    position: absolute;
    left: 0;
    top: 0;
}

.recnav dd {
    text-align: center;
    font-weight: 700;
    padding-bottom: 30px;
}

.recflow .pnum {
    padding-bottom: 40px;
}

.recflow .pnum dt {
    padding-left: 15px;
    padding-bottom: 15px;
    font-weight: 700;
}

.recflow .pnum dd {
    position: relative;
    padding-left: 90px;
    position: relative;
    padding-top: 20px;
}

.recflow .txtbox dt {
    padding-bottom: 40px;
    font-weight: 700;
}

.recflow .txtbox dd {
    line-height: 200%;
}

.cc0 {
    color: #0000cc;
}

.recflow01 {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.recflow01 .picbox.w30 {
    position: relative;
}

.recflow01 .picbox.w30:before {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    background: -webkit-gradient(linear, right top, left top, from(transparent), to(#fff));
    background: -webkit-linear-gradient(right, transparent 0%, #fff 100%);
    background: linear-gradient(to left, transparent 0%, #fff 100%);
}

.e7ff {
    background: -webkit-repeating-linear-gradient(135deg, #fff, #fff 3px, #e7e7e7 0, #e7e7e7 6px);
    background: repeating-linear-gradient(-45deg, #fff, #fff 3px, #e7e7e7 0, #e7e7e7 6px);
}

.markercd3 {
    border-radius: 3em .7em 2em .7em/.7em 2em .7em 3em;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(70%, #4cd3d7));
    background: -webkit-linear-gradient(transparent 70%, #4cd3d7 70%);
    background: linear-gradient(transparent 70%, #4cd3d7 70%);
}

.recflow02 .tbox {
    padding: 60px;
}

.recflow02 .tbox dt {
    font-weight: 700;
}

.recflow02 .tbox dd li {
    text-align: center;
    width: 180px;
    height: 180px;
    margin: 40px 1%;
    font-weight: 700;
    border-radius: 50%;
    background: #fff;
    padding: 20px;
    position: relative;
}

.recflow02 .tbox dd li span.fs20 {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 80%;
    line-height: 160%;
}

.recflow02 .tbox dd {
    text-align: center;
}

.recflow02 .tbox dd.txt {
    width: 90%;
    margin: auto;
}

.recflow02 .bkimg:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.8);
}

.staffdetailbox > .tit {
    padding-bottom: 30px;
}

.staffdetailright .combox dt {
    font-weight: 700;
    padding-bottom: 40px;
}

.staffdetailright .combox dt.ballonB:before {
    font-size: 24px;
}

.gnum {
    padding: 3px 15px;
    background: #00989d;
    color: #fff;
    line-height: 160%;
    margin-right: 0.5em;
    font-weight: 700;
}

.recflowitem dt {
    font-weight: 700;
    padding-bottom: 40px;
}

.recflowlist .recflowbox:nth-of-type(odd) {
    background: -webkit-repeating-linear-gradient(135deg, #fff, #fff 3px, #e7e7e7 0, #e7e7e7 6px);
    background: repeating-linear-gradient(-45deg, #fff, #fff 3px, #e7e7e7 0, #e7e7e7 6px);
}

.recflowlist .recflowbox {
    position: relative;
}

.recflowlist .recflowbox:first-of-type:after {
    display: none;
}

.recflowlist .recflowbox:after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    border-top: solid 30px #00989d;
    border-left: solid 60px transparent;
    border-right: solid 60px transparent;
    z-index: 1;
}

.recflow05list .recflow01:nth-of-type(1) {
    padding-top: 0;
}

.recflow05list .recflow01:nth-of-type(even) {
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.reclistinn {
    width: 90%;
}

.reclistinn dl {
    padding: 20px 0;
}

.reclistinn dt {
    width: 30%;
    line-height: 200%;
    font-weight: 700;
}

.reclistinn dd {
    width: 70%;
    padding-left: 1em;
    font-weight: 500;
    line-height: 200%;
}

.reclistinn dd li {
    font-weight: 500;
    padding-bottom: 20px;
    line-height: 200%;
}

.tag70 {
    background: -webkit-linear-gradient(left, #707070 0, #707070 10px, transparent 10px, transparent 100%);
    background: linear-gradient(90deg, #707070 0, #707070 10px, transparent 10px, transparent 100%);
    padding-left: 20px;
}

.recapplist {
    padding: 40px 0;
}

.recapplist li dt {
    padding: 10px;
}

.recapplist li {
    width: 27%;
    position: relative;
}

.recapplist li:after {
    content: "";
    position: absolute;
    top: 30%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 115%;
    border-left: 30px solid #707070;
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
}

.recapplist li:last-of-type:after {
    display: none;
}

.recapplist li dd {
    padding: 10px;
}

.skilllist li {
    width: 31.333%;
}

.skilllist li dl.tfmp > dt {
    padding-bottom: 0;
}

.skilllist li dl.tfmp > dd {
    position: absolute;
    top: 0;
    left: 0;
    background: url(/import/tenant_1/133.167.112.7/html/images/skillbox.png) no-repeat;
    background-size: 100% 100%;
    width: 90%;
    padding: 30px;
}

.skilllist li .skillbox dt {
    padding-bottom: 0;
    border-bottom: 1px solid;
}

@media only screen and (max-width:1024px) {
    .recnav dl {
        padding: 20px;
        display: -webkit-box;
       /*  display: -webkit-flex; */
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        /* -webkit-align-items: center; */
        /* -ms-flex-align: center; */
        /* align-items: center; */
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .recnav li {
        width: 100%;
    }
    .recnum {
        margin: 10px auto;
        max-width: 70px;
    }
    .recnav dt {
        width: 100%;
    }
    .recnav dd {
        width: 100%;
        padding-left: 1em;
        padding-bottom: 0;
    }
    .recflow .pnum {
        padding-bottom: 30px;
    }
    .recflow .txtbox dt {
        padding-bottom: 30px;
    }
    .recflow02 .tbox dd ul {
        margin: 30px 0;
    }
    .recflow02 .tbox dd li {
        width: 100%;
        height: auto;
        margin: 1%;
        border: 1px solid #000;
        border-radius: 0;
        position: static;
        padding: 10px;
    }
    .recflow02 .tbox dd li span.fs20 {
        position: static;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        width: 100%;
    }
    .recflow02 .tbox {
        padding: 0;
    }
    .recflow02 .bkimg {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        padding: 20px 0;
    }
    .recflow02 .bkimg:after {
        display: none;
    }
    .staffdetailright .combox dt {
        padding: 30px 0;
    }
    .recflowlist .recflowbox:after {
        border-top: solid 20px #00989d;
        border-left: solid 40px transparent;
        border-right: solid 40px transparent;
    }
    .recflowitem dt {
        padding-bottom: 30px;
    }
    .recapplist li {
        width: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 60px;
        padding-bottom: 30px;
    }
    .recapplist li .trimming80 {
        width: 48%;
    }
    .recapplist li dl {
        width: 48%;
    }
    .recapplist li:after {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        border-top: 30px solid #707070;
        border-right: 30px solid transparent;
        border-left: 30px solid transparent;
    }
    .recapplist li dt {
        padding: 10px 0;
    }
    .recapplist li dd {
        padding: 10px 0;
    }
    .skilllist li dl.tfmp > dd {
        position: static;
        width: 100%;
        padding: 10px;
        background: none;
    }
}

@media only screen and (max-width:599px) {
    .recnav dl {
        padding: 10px;
    }
    .recnum {
        margin: 5px auto;
        max-width: 50px;
        padding: 11px 0;
    }
    .recnumb {
        padding: 9px 16px;
    }
    .recflow .pnum dt {
        padding-left: 5px;
        padding-bottom: 5px;
    }
    .recflow .pnum {
        padding-bottom: 20px;
    }
    .recflow .txtbox dt {
        padding-bottom: 20px;
    }
    .recflow01 .picbox.w30:before {
        background: -webkit-gradient(linear, left bottom, left top, from(transparent), to(#fff));
        background: -webkit-linear-gradient(bottom, transparent 0%, #fff 100%);
        background: linear-gradient(to top, transparent 0%, #fff 100%);
    }
    .recflow02 .tbox dd ul {
        margin: 20px 0;
    }
    .staffdetailright .combox dt {
        padding: 20px 0;
    }
    .recflowlist .recflowbox:after {
        border-top: solid 15px #00989d;
        border-left: solid 30px transparent;
        border-right: solid 30px transparent;
    }
    .recflowitem dt {
        padding-bottom: 20px;
    }
    .recflow05list .recflow01 {
        padding: 20px 0;
    }
    .reclistinn dl {
        border-bottom: 1px solid #000;
    }
    .reclistinn dt {
        width: 100%;
        padding-bottom: 20px;
    }

    .reclistinn dd {
        width: 100%;
        padding-left: 0;
    }
    .recapplist li .trimming80 {
        width: 100%;
    }
    .recapplist li dl {
        width: 100%;
    }
    .recflow .pnum dd {
        padding-left: 60px;
        padding-top: 15px;
    }
    .skilllist li {
        width: 100%;
        margin-bottom: 20px;
    }
    .skilllist li dl.tfmp {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .skilllist li dl.tfmp > dt {
        width: 48%;
    }
    .skilllist li dl.tfmp > dd {
        width: 48%;
    }
}

/*************15coupon***********/
.coupon .special .box .txt-wrap .title .-num{
  display: none;
}
.coupon .box {
    border: 1px solid #bfbfbf;
    max-width: 90%;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.ma-top60{
    margin-top: 60px;
}

.coupon .box .choice {
    width: 5%;
    background: #b9b652;
    color: #fff;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    font-size: 24px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    letter-spacing: 30px;
}
.coupon .other .box .choice[class$="蜈ｨ蜩｡"] {
    background: #eca169;
}
.coupon .box .txt-wrap {
    width: 95%;
    padding: 30px 50px;
}
.coupon .box .txt-wrap .pic{
  width: 25%;
    margin: auto 0;
}
.coupon .box .txt-wrap .right{
  width: 70%;
}
.coupon .box .txt-wrap .title {
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
}

.coupon .box .txt-wrap .title dt {
    font-size: 18px;
    color: #222;
    font-weight: 500;
    width: 85%;
}
.coupon .box .txt-wrap .title dt .date,.coupon .box .txt-wrap .title dt .overday{
  display: none;
}
.coupon .box .txt-wrap .title dd {
       width: 100%;
    font-size: 30px;
    text-align: right;
    display: block;
}

.coupon .box .txt-wrap .txt,
.coupon .box .txt-wrap .txt dd.jyoken {
    padding-top: 30px;
}

.coupon .box .txt-wrap .txt dd dt,
.coupon .box .txt-wrap .txt dd dd {
    display: inline-block;
}

.coupon .box .txt-wrap .txt dd dt {
    width: 15%;
}

.coupon .box .txt-wrap .txt dd dd {
    width: 84%;
    vertical-align: top;
}

.coupon .other .box {
    margin-top: 30px;
}

.coupon .special .choice {
    background: #bc4f8f;
}
.w100{
  width: 100%;
}

@media (max-width: 1024px) {
    .coupon .box {
    max-width: 100%;
    }
    .coupon .box .choice {
        width: 8%;
    }

    .coupon .box .txt-wrap {
        width: 92%;
        padding: 30px;
    }

    .coupon .box .txt-wrap .title dt {
        width: 100%;
    }

    .coupon .box .txt-wrap .title dd {
        width: 100%;
        text-align: right;
    }

    .coupon .box .txt-wrap .txt dd dd {
        width: 73%;
    }

    .coupon .box .txt-wrap .txt dd dt {
        width: 25%;
    }
  .coupon .box .txt-wrap .pic{
    margin: 0;
    width: 35%;
  }
  .coupon .box .txt-wrap .right{
    width: 60%;
  }
  .coupon .box .txt-wrap{
    padding-bottom: 0;
  }
  .ma-top60{
    margin-top: 30px;
  }
}

@media (max-width: 599px) {
    .coupon .box .choice {
        width: 100%;
        -webkit-writing-mode: initial;
        -ms-writing-mode: initial;
        writing-mode: initial;
        font-size: 22px;
        letter-spacing: inherit;
    }
.coupon .box .txt-wrap .pic{
  width: 60%;
    margin: 0 auto 20px auto;
}
.coupon .box .txt-wrap .right{
  width: 100%;
}
    .coupon .box .txt-wrap {
        width: 100%;
        padding: 30px 10px;
    }

    .coupon .box .txt-wrap .title dd {
        font-size: 25px;
    }

    .coupon .box .txt-wrap .txt dd dt,
    .coupon .box .txt-wrap .txt dd dd {
        width: 100%;
    }

    .coupon .box .txt-wrap .txt dd.jyoken dl {
        padding-bottom: 10px;
    }
}
/*******************16faq***********************/
.faqlist dt{
  margin-top: 10px;
  margin-bottom: 20px;
}
.faqlist li{
  padding-bottom: 30px;
  border-bottom: 1px solid #e7e7e7;
  margin-top: 50px;
}
.faqlist{
  padding-top: 40px;
}

/********************17friendship**************************/
.friendship .txtbox{
  margin-top: 30px;
}
.friendship .box .txt-wrap{
  width: 100%;
}
.friendship .box .txt-wrap .title dt{
  font-weight: bold;
  font-size: 20px;
}
.friendship .box{
  border: 0px;
  border-bottom: 1px solid #bfbfbf; 
}

.fix_list{
  width: 390px;
  position: fixed;
  top: 12px;
  right: 80px;
  z-index: 2;
}
.fix_list li{
  width: 40%;
}
.fix_list li.tel_btn a{
  letter-spacing: -1px;
  display: block;
}
.fix_list li.tel_btn a{
  position: relative;
  /* padding: 7px; */
  padding: 10% 0 10% 22%;
  /* padding-left: 40px; */
  background: #fff;
  font-size: 18px;
}
.fix_list li.tel_btn a:before{
  content: "";
  display: block;
  background: url("/upload/tenant_1/34696c8c109288fdd8c45ce867925446.png") center center no-repeat;
  background-size: contain;
  width: 30px;
  height: 30px;
  position: absolute;
  z-index: 1;
  top: 12px;
  left: 0;
}
.fix_list li.reserve_btn a{
  display: block;
  position: relative;
  background: #8ebb8e;
  color: #fff;
  text-align: left;
  padding: 10% 28%;
  font-size: 18px;
  text-align: center;
}
.fix_list li.reserve_btn a:before{
  content: "";
  display: block;
  background: url("/upload/tenant_1/17d8ee0db433dbec4c6e55cfcd71c62e.png") center center no-repeat;
  background-size: contain;
  width: 20px;
  height: 20px;
  position: absolute;
  z-index: 1;
  top: 17px;
  left: 10px;
}
.scroll{
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
}
.scroll a{
  color: #fff;
}


@media (max-width: 1024px) {
  .fix_list {
    top: 10px;
    right: 10px;
  }
}

@media (max-width: 599px) {
  .fix_list{
    display: none;
  }
}






/*  追加背景色　*/
.bggrey {
background-color :#E7E7E7;
}


.sponly {
    display: none;
}

@media (max-width: 599px) {
  .pconly{
    display: none;
  }
  .sponly {
    display: block;
  }
}
  
 /*  2021.06.03 　スマホ予約ボタン追加*/ 
@media (max-width: 599px) {
  .fix_list {
    display: flex;
    position: fixed;
    top: initial;
    bottom: -4px;
    left: 0;
    width: 100%;
    font-size: 15px;
    z-index: 10;
  }
  .fix_list li {
    background: #ffffff;
  }
  .fix_list li.tel_btn a {
   padding-left: initial;
   padding: 10% 15%;
   text-align: right;
 }
 .fix_list li.tel_btn a:before {
   left: 10%;
   top: 17px;
 }
 .fix_list li.reserve_btn a {
   text-align: right
 } 
 .fix_list li.reserve_btn a:before {
   left: 20%;
   top: 22px;
 }
}



/****2021/06/03追記　スタッフ詳細*****/
.yoyaku_b {
  border: 10px solid #87d0c4;
  border-radius: 30px;
  background: #87d0c4;
}
.yoyaku_txt {
  font-size: 26px;
  color: #ffffff;
  padding: 2%;
}

@media (max-width: 599px) {
  #totop {
    bottom: 60px;
  }
  #footer {
    padding-bottom: 60px;
  }
}


.r{
  display: inline-block;  
}
@media only screen and (max-width: 1024px){
  .my-10-sp{
        margin: 10px 0 20px;
  }
  
.recnav dl {
    padding: 20px;
}
.r{
  display: block;  
}
}

@media only screen and (min-width: 600px) and (max-width: 1024px) {
  
  .recnav dd.my-10-sp{
    margin: 10px 0 20px;
  }
}


/**2022/04**/
.movie {
  width: 70%;
  margin: 0 auto 50px;
}
.movie video {
  width: 100%;
}
.r-img {
  width: 100%;
}
.r-img img {
  width: 100%;
}
.pc-only {
  display: block;
}
.sp-only {
  display: none;
}
.r2-img {
  margin-top: 80px;
  margin-bottom: 30px;
}
.r2-img img {
  width: 100%;
}
.r3-img {
  margin-bottom: 30px;
}
.r3-img img {
  width: 100%;
}
.mt50 {
  margin-top: 50px;
}
@media only screen and (max-width: 599px) {
  .movie {
    width: 95%;
  }
  .r-img {
  width: 95%;
  margin: auto;
  }
  .r2-img {
    margin-top: 60px;
  }
  .pc-only {
    display: none;
  }
  .sp-only {
    display: block;
  }
}


/* 2022.09.14 */

.stylist02{
  display: flex;
  justify-content: space-around;
  background: #fff;
  padding-bottom: 30px;
}

.stylist01{
  width: 45%;
  margin: auto;
}

.yakushoku04{
  margin-bottom: 10px;
}

.stylist03{
  margin-bottom: 40px;
}

.stylist04{
  background-color: #E7E7E7;
}

.stylist05{
  padding: 101px 0;
}

.stylist06{
  width: 93%;
  margin: auto;
}


@media only screen and (max-width: 1024px){
  
.stylist05 {
    padding: 105px 0;
}

.stylist02{
  padding-top: 30px;
}

.stylist04 li{
  width: 92%;
}
}

@media only screen and (max-width: 599px) {
.stylist02{
    display: block;
  }
  
.stylist01 {
  width: 100%;
  margin: auto;
}

.stylist05{
  padding: 40px 0;
}

.store01{
  margin-top: 20px;
}

.store01 {
    margin-top: 20px;
}

.store02{
  padding-top: 0;
}

.stylist02{
  padding-bottom: 20px;
}

.stylist03 {
    margin-bottom: 0px;
}

.area {
    padding: 0px 0;
}

.yoko02 {
    padding: 0px 0 20px;
}

.reclistinn dl {
    padding: 4px 0 1px;
}



.point12 li{
  width: 48% !important;
}

.point12 dl{
  padding: 5px !important;
}

.point1201{
  max-width: 30px !important;
  padding: 0px 0 !important; 
}

.point12 dd{
  padding-left: 0em !important;
}

.point1202{
  font-size: 13px !important;
}

.jikkuri{
  font-size: 12px;
}

.m1200 {
    width: 97%;
}

.recc01{
  font-size: 14px;
}

.carria01{
  width: 80% !important;
  margin: auto;
}

.career05{
  padding-bottom: 0 !important;
}

.stylist02{
  padding-top: 0px;
}

.stylist06 {
    width: 97%;
    margin: 30px auto 0;
}

.staff03mei{
  padding-top: 0px;
  padding-bottom: 30px !important;
}

.update01{
  padding-bottom: 10px !important;
}

.boshuyoko01{
  font-size: 12px;
}

.jibun01{
  font-size: 14px;
}

.reclistinn dt {
    width: 100%;
    padding-bottom: 5px;
}

.stylist02 {
    padding-top: 20px;
}

.stylist06 {
    width: 97%;
    margin: 0px auto 0;
}
}

.apli01{
  width: 29% !important;
  margin-top: -5px;
    margin-left: 3px;
}


.apli01 img{
  border-radius: 20px;
  border: 1px solid #776464;
  width: 64%;
  margin-left: 23px;
}

.footer-logo{
  width: 26%;
}

.footer-apli{
  width: 15%;
  margin-top: 55px;
}

.footer-apli img{
  border-radius: 20px;
  width: 75%;
  border: 1px solid #776464;
}

.footer-apli p{
  font-size: 14px;
    margin-top: 3px;
}

.reserve02{
 width: 30% !important; 
}

.reserve02 a{
 padding: 20px 0 20px 10px !important;
}

.head-apli-p {
    font-size: 12px;
    text-shadow: 1px #000;
    
    font-weight: bold;
    margin-left: 3px;
}

.tel-btn02 a{
  padding: 20px 3px 20px 36px !important;
}

.tel-btn02 a:before {
  top: 17px !important;
    left: 3px !important;
}


@media only screen and (max-width: 1024px){
.fix_list {
    
    right: 78px;
}

.footer-apli {
    width: 17%;
    margin-top: 40px;
}
}


@media only screen and (max-width: 599px) {
#totop {
    bottom: 110px;
}

.fix_list {
    bottom: 0px;
}

.fix_list flex{
bottom: -1px !important;
}

.tel-btn02{
  width: 40%!important;
  height: 30px;
    margin-top: 22px;
}

.reserve02{
  width: 28%!important;
  height: 30px;
  background: none !important;
}


.tel-btn02 a{
  padding: 14% 7% 12%!important;
}

.reserve02 a {
 padding: 16% 19%!important;
    font-size: 16px !important;
    margin-top: 25px;
}

.apli01 img{
  border-radius: 5px;
}

.footer-logo {
    width: 50%;
    margin: auto;
}

.footer-apli {
    width: 32%;
    margin: 10px auto 0;
}

.fix_list li.reserve_btn a:before {
    left: 17%;
    top: 28px;
}

.apli01{
  background: none !important;
  width: 31% !important;
} 

.fix_list li.reserve_btn a:before {
    left: 11%;
    top: 20px;
}

.head-apli-p {
   
    margin-left: 0px;
}

.footer-apli {
    width: 36%;
    margin: 10px auto 0;
}

.tel-btn02 a:before {
    left: 4%!important;
    top: 18px!important;
}
}

.set-p dt{
  width: 100% !important;
}

.set-p{
  margin-top: 30px;
}

.cutperm{
  margin:100px auto;
}

.cutspa{
  padding-top: 20px !important;
}

@media only screen and (max-width: 1024px){
.menubox .picbox ul>li:nth-of-type(2) img {
    left: 16%;
}
}

@media only screen and (max-width: 599px) {
  .cutspa-box{
    flex-direction: column-reverse;
  }
  
  .menubox03.w46 h3 {
    text-align: center;
    padding-bottom: 30px;
}

.treat-menu{
  margin-top:60px;
  
}
  }
  
  
/* 2024.05.17 */

.rec-ounar{
  padding-top: 50px;
  padding-bottom: 70px;
}

.pb10{
  padding-bottom: 10px !important;
  padding-top: 50px;
}

.ric-post{
  color: #b38563;
    padding-right: 20px;
}

.ric-name{
  padding-right: 20px;
}

.staff-q{
  font-weight: bold;
    color: #9f4242;
    padding-top: 20px;
}

.staff-imgname-box{
  margin-bottom: 15px;
}

.w60{
  width: 50%;
    padding-left: 50px;
    display: flex;
    align-items: center;
}

.voice-dd{
  border-bottom: 1px dotted #000;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

.ric-img01{
  display: flex;
  justify-content: space-between;
}

.ric-img01 div{
width: 48%;
}

.ric-img01 div img{
  width: 100%;
}


@media only screen and (max-width: 1024px){
  .spw30{
    width: 30%;
  }
  
  .w60 {
    width: 70%;
  }
  }
  
  @media only screen and (max-width:599px) {
  .staff-imgname-box {
    display: block;
  }
    
.spw30 {
  width: 97%;
   margin: auto;
    }

    .w60 {
        width: 100%;
        padding-left: 10px;
        padding-top: 5px;
        display: block;
        text-align: center;
    }
    
   .ric-img01 {
    display: block;
   }
    
    .ric-img01 div {
    width: 97%;
    margin: 0 auto 20px;
}
}
    
    
/* 2025/03/14 */
.toc-002 {
    margin-top: 30px;
    margin-bottom: 30px;
    border: 2px solid #d399a9;
    border-radius: 3px;
}

.toc-002 div {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 10px 0;
    background-color: #d399a9;
    color: #fff;
    font-weight: 600;
    font-size: 1.1em;
}

.toc-002 div::before {
    display: inline-block;
    width: 1em;
    height: 1em;
    margin-right: 5px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 4H21V6H8V4ZM3 3.5H6V6.5H3V3.5ZM3 10.5H6V13.5H3V10.5ZM3 17.5H6V20.5H3V17.5ZM8 11H21V13H8V11ZM8 18H21V20H8V18Z' fill='%23fff'%3E%3C/path%3E%3C/svg%3E");
    content: '';
}

.toc-002 label::after {
    margin-left: 7px;
    font-weight: 500;
    font-size: .7em;
    color: #fff;
    content: "[開く]";
    cursor: pointer;
}

.toc-002:has(:checked) label::after {
    content: "[閉じる]";
}

.toc-002 input {
    display: none;
}

.toc-002 ol {
    list-style-type: decimal;
    margin: 0;
    overflow: hidden;
}

.toc-002 > ol {
    height: 0;
}

.toc-002:has(:checked) > ol {
    height: auto;
    padding: 1em 1em 1em 3em;
}

.toc-002 ol ol {
    margin-top: 5px;
    padding-left: 1.1em;
}

.toc-002 li {
    padding: 5px 0;
    font-weight: 600;
}

.toc-002 ol ol li {
    font-weight: 500;
    font-size: .9em;
}

.toc-002 a {
    color: #333;
    text-decoration: none;
}

/**2025/06/16**/
.line {
  width: 420px;
  margin: auto;
}
.line a {
  display: flex;
  padding: 10px 20px;
  background: #00b900;
  border-radius: 20px;
}
.line a .img {
  width: 20%;
  margin-right: 4%;
}
.line a .txt {
  color: #fff;
  width: 76%;
  font-size: 26px;
  line-height: 1.5;
}
.line a .txt span {
  font-size: 44px;
  font-weight: bold;
}

#footer .line {
  position: fixed;
  right: 80px;
  bottom: 10px;
  width: 300px;
  z-index: 99;
}
#footer .line a:hover {
  opacity: 0.6
}
#footer .line a .txt {
  font-size: 18px;
}
#footer .line a span {
  font-size: 28px;
}

@media (max-width: 1024px){
  #footer .line {
    width: 250px;
  }
  #footer .line a .txt {
    font-size: 14px;
  }
  #footer .line a span {
    font-size: 24px;
  }
}

@media (max-width: 599px){
  .line {
    width: 320px;
  }
  .line a .txt {
    font-size: 18px;
  }
  .line a .txt span {
    font-size: 32px;
  }
  #footer .line {
    right: initial;
    left: 10px;
    bottom: 80px;
  }
}


.rec-comment{
  text-align: left;
    width: 71% !important;
}

@media (max-width: 599px){
.rec-comment {
    text-align: left;
    width: 96% !important;
}
}