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

/*
@font-face {
    font-family: '';
    src: url(/import/tenant_1/153.126.155.152/html/font/.ttf);
}
*/



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


body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
form,
input,
button,
p {
    margin: 0px;
    padding: 0px;
    font-size: 16px;
    /*    font-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;
}

/*フォント系*/

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: static;
    text-indent: initial;
}
#wrapper.index[data-element-id] h1 {
    padding-top: 129px;
}
@media only screen and (max-width:1024px) {
  #wrapper.index[data-element-id] h1 {
    padding-top: 0;
}
}

/*アラート系*/

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;
}

#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;
}

.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;
}

/*フレックス*/

.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%;
}

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

/*gnav*/

.headerinner .splogo {
        visibility: hidden;
    height: 0;
}
.headerinner[data-element-id] .splogo {
    visibility: visible;
    height: auto;
    padding: 20px;
}
.gnavinn .glogo {
    display: none;
}

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

#gnav p span.n {
    display: none;
}
#gnav .webBox{
  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[data-element-id] li{
  display: block !important;
}
#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;
}

#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 .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;
}

@media only screen and (max-width:1024px) {
    .gnavinn .glogo {
        display: block;
        padding: 3%;
        text-align: center;
    }
    .gnavinn li.fadeIn:nth-of-type(1) {
        -webkit-animation: fadeIn 3s, forwards;
        animation: fadeIn 3s, forwards;
    }
    .gnavinn li.fadeIn:nth-of-type(2) {
        -webkit-animation: fadeIn 3.5s, forwards;
        animation: fadeIn 3.5s, forwards;
    }
    .gnavinn li.fadeIn:nth-of-type(3) {
        -webkit-animation: fadeIn 4s, forwards;
        animation: fadeIn 4s, forwards;
    }
    .gnavinn li.fadeIn:nth-of-type(4) {
        -webkit-animation: fadeIn 4.5s, forwards;
        animation: fadeIn 4.5s, forwards;
    }
    .gnavinn li.fadeIn:nth-of-type(5) {
        -webkit-animation: fadeIn 5s, forwards;
        animation: fadeIn 5s, forwards;
    }
    .gnavinn li.fadeIn:nth-of-type(6) {
        -webkit-animation: fadeIn 5.5s, forwards;
        animation: fadeIn 5.5s, forwards;
    }
    .gnavinn li.fadeIn:nth-of-type(7) {
        -webkit-animation: fadeIn 6s, forwards;
        animation: fadeIn 6s, forwards;
    }
    .gnavinn li.fadeIn:nth-of-type(8) {
        -webkit-animation: fadeIn 6.5s, forwards;
        animation: fadeIn 6.5s, forwards;
    }
    .gnavinn li.fadeIn:nth-of-type(9) {
        -webkit-animation: fadeIn 7s, forwards;
        animation: fadeIn 7s, forwards;
    }
    .gnavinn li.fadeIn:nth-of-type(10) {
        -webkit-animation: fadeIn 7.5s, forwards;
        animation: fadeIn 7.5s, forwards;
    }
    .gnavinn li.fadeIn:nth-of-type(11) {
        -webkit-animation: fadeIn 8s, forwards;
        animation: fadeIn 8s, forwards;
    }
    .gnavinn li.fadeIn:nth-of-type(12) {
        -webkit-animation: fadeIn 8.5s, forwards;
        animation: fadeIn 8.5s, forwards;
    }
    .gnavinn li.fadeIn:nth-of-type(13) {
        -webkit-animation: fadeIn 9s, forwards;
        animation: fadeIn 9s, forwards;
    }
    .gnavinn li.fadeIn:nth-of-type(14) {
        -webkit-animation: fadeIn 9.5s, forwards;
        animation: fadeIn 9.5s, forwards;
    }
    .gnavinn li.fadeIn:nth-of-type(15) {
        -webkit-animation: fadeIn 10s, forwards;
        animation: fadeIn 10s, 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;
    } */
}

@media only screen and (max-width: 1024px) {
    #gnav .gnavinn {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 0;
        opacity: 0;
        -webkit-transition: height ease .1s, opacity ease .4s;
        transition: height ease .1s, opacity ease .4s;
        padding: 0;
        border: none;
        padding-bottom: 0;
        background: rgba(0, 0, 0, 0.8);
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        -webkit-transform: translate3d(0, 0, 0) !important;
        transform: translate3d(0, 0, 0) !important;
        z-index: -10;

    }
    #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 ul li.web{
    -webkit-box-ordinal-group: 2 !important;
    -webkit-order: 1 !important;
    -ms-flex-order: 1 !important;
    order: 1 !important;
    }
    #gnav p {
        display: block !important;
        position: fixed;
        width: 38px;
        height: 38px;
        top: 0px;
        right: 0px;
        border: 1px solid #fff;
        background: #000;
        cursor: pointer;
        opacity: 0.8;
        margin: 2px;
        box-shadow: 0px 0px 0px 2px #000;
        -moz-box-shadow: 0px 0px 0px 2px #000;
        -webkit-box-shadow: 0px 0px 0px 2px #000;
        z-index: 251;
    }
    #gnav li {
        float: none;
        width: auto;
        padding: 0;
        margin-top: 0;
        display: block !important;
        order: 0 !important;
    }
    #gnav li.pull {
        position: static;
    }
    #gnav.action .gnavinn {
        height: 100vh;
        opacity: 1;
        z-index: 250;
    }
    #gnav p span.n {
        display: block;
        background: #fff;
        height: 2px;
        width: 26px;
        text-indent: 9999px;
        padding: 0;
        top: 50%;
        left: 6px;
        margin-top: -1px;
        position: absolute;
    }
    #gnav p span.n:before {
        display: block;
        content: "";
        background: #fff;
        height: 2px;
        width: 26px;
        position: absolute;
        top: -8px;
        left: 0;
    }
    #gnav p span.n:after {
        display: block;
        content: "";
        background: #fff;
        height: 2px;
        width: 26px;
        position: absolute;
        top: 8px;
        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;
    }
    #gnav ul li.web{
      display: none !important;
    }
    #gnav .webBox{
      display: block;
      position: fixed;
      bottom: 20px;
      left: 10px;
    }
    #gnav .webBox a{
          padding: 15px 30px;
    background: #b0b59f;
    border-radius: 30px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    }
    /*#gnav ul li+li{
		padding-left:15px;
	}*/
}

@media only screen and (max-width:599px) {
    .headerinner .splogo {
            visibility: visible;
    height: auto;
    padding: 20px;
    -webkit-transition: 0.6s ease all;
    transition: 0.6s ease all;
    }
}

@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%;
    }
}

/*スライドショー*/

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

.homeSlide .logobox {
    position: absolute;
    z-index: 1;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 5%;
    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: 48%;
    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;
    }
    .homeSlide .logobox dd {
        text-align: center;
    }
}

/*footer*/

#footer {
    background: #e7e7e7;
}

.footerinner {
    padding: 100px 0 0;
}

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

.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 {
    padding: 40px 0;
    max-width: 320px;
    margin: auto;
}

.fnav li {
    font-weight: 700;
}

.fnav li a {
    display: block;
}

@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: center;
        padding: 2px 0;
    }

    .fshop dd {
        text-align: center;
        padding: 2px 0;
    }
    .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);
}

.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: 30%;
}

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

@media only screen and (max-width:1024px) {
    .home-map:after {
    padding-top: 40%;
}
.map:after {
    padding-top: 40%;
}
}

@media only screen and (max-width:599px) {
    
    .home-map:after {
    padding-top: 50%;
}
.map:after {
    padding-top: 50%;
}
}

/*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%;
}

.w40 {
    width: 40%;
}

.w46 {
    width: 46%;
}

.w48 {
    width: 48%;
}

.w50 {
    width: 50%;
}

.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%;
}

.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) {
    .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;
    }
    .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%;
    }
    .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;
        width: auto !important;
}

.pagenav li a {
    display: block;
}

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

.blogbox .picbox {
    width: 30%;
    border: 1px solid;
}

.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%;
}
.blogbox .tbox dd .staffName{
  margin-right: 0.5em;
}
.blogdetailbox dt {
    text-align: center;
    font-weight: 700;
    padding-bottom: 10px;
}

.blogdetailbox dd {
    text-align: center;
    padding: 10px 0;
}
.blogdetailbox .single{
  padding-left: 3%;
  padding-right: 3%;
}
.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;
    width: 50%;
    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;
}
.contact02 .radio dd{
  padding: 0 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;
}

.formbtn2 #check {
    width: 200px;
}

#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;
}
.formbtn2 li:nth-of-type(1) #check:after{
  left: 15px;
  right: auto;
  content: "\f104";
}
#check:hover {
    opacity: 0.6;
    cursor: pointer;
}

.contbtm {
    background: url(/import/tenant_1/153.126.155.152/html/images/contactbtm.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;
    }
    .contact02 .radio dd{
  padding: 0;
}
    .contact dl {
        padding: 15px 0;
    }
    #check {
        margin: 40px auto;
        width: 250px;
        padding: 10px 0;
    }
    .formbtn2 #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 li a{
  display: block;
}
.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: 0 auto;
    }
    .homenewslist dt{
      width: 22%;
    }
    .homenewslist dd{
      width: 78%;
    }
}

@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 .tbox{
  position: relative;
  z-index: 2;
}
.homeconceptbox ul {
    position: absolute;
    top: 45%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    z-index: 1;
}

.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;
}


@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;
    }
}

/*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 ul.flex{
  padding: 2px 0;
}
.homestylelist dd li {
    padding: 5px 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%;
    border: 1px solid;
}

.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;
    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[data-element-id]:after{
  display: none;
}
.bwA:after {
    content: "";
    height: 100%;
    width: 100%;
    border: 2px solid #fff;
    position: absolute;
    top: 30px;
    left: 30px;
}

.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: 0;
    bottom: 0;
}

.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: 20%;
}

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

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

.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;
}

.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: absolute;
}

.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) {
    .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) {
    .flbox {
        margin: 20px 0;
    }
    .flbox .tbox {
        padding: 30px;
    }
    .menubox .tbox dd {
        padding-left: 0.5em;
        text-align: right;
    }
    .menubox .tbox h3 {
        padding: 20px 0;
    }
    .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;
    }
    .menubox03.w46 h3{
          padding: 60px 0;
    }
}

/*staff*/

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

.stafflist ul {
    padding: 20px 0;
}

.stafflist li {
    margin: 0 1% 10%;
}
.stafflist .stylist li.Assistant{
  display: none;
}
.stafflist[data-element-id] li{
  display: none;
}
.stafflist[data-element-id] li:nth-of-type(-n+4){
  display: block;
}
.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;
}

.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 dt {
    border-right: 1px solid #e7e7e7;
    text-align: center;
    width: 50%;
}

.staffreserve dd {
    text-align: center;
    font-weight: 700;
    width: 50%;
}

.staffreserve a {
    display: block;
}

.staffdetailrec {
    text-align: center;
}

.staffdetailreclist li a {
    display: block;
}

.staffdetailreclist li dt {
    border: 1px solid;
    margin-bottom: 10px;
}

.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;
    }
    .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%;
    }
    .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: 100%;
        border: none;
        padding: 0 0 10px;
    }
    .staffreserve dd {
        width: 100%;
    }
    .staffdetailrec {
        padding: 20px 0 0;
    }
}

/*salon*/

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

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

.salonconceptlist li {
    width: 31.333%;
}

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

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

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

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

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

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

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

.accboxr dd li {
    width: 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;
}

.conceptflow02inn {
    z-index: -1;
    padding: 120px 0;
}

.conceptflow02inn .bkimg {
    position: absolute;
}
.conceptflow02inn[data-element-id]{
  z-index: 1;
}

.conceptflow02inn[data-element-id] .bkimg:before{
  display: none;
}
.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;
}
.newsbox dd .staffName{
  margin-right: 5px;
}
.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%;
}
.stylenav li{
  margin: 1%;
}
.sidePiclist li {
    width: 31.333%;
}
.sidePiclist li img[src=""]{
  display: none;
}
.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;
}

.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 img: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;
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    width: 100%;
}
.movielist li dt iframe{
  position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.movielist li dd.tit {
    font-weight: 700;
    padding: 20px 0;
}

.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;
    position: relative;
        padding-bottom: 40%;
    height: 0;
    overflow: hidden;
}
.movieboxinn iframe{
      position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.moviearea h2 span.jp {
    padding: 0;
}

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

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

/*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/153.126.155.152/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: 30%;
    }
    .recnav dd {
        width: 70%;
        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%;
    }
}
.w90{
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width:599px) {
  .w90{
    width: 100%;
    }
}


.red-txt{
      font-weight: bold;
    color: rgb(224, 102, 102);
}

.article-img{
    width: 60%;
    margin-top: 10px;
    margin-bottom: 10px;
}

@media only screen and (max-width: 1024px){
  .article-img{
    width: 100%;
}
}

.large-txt{
      font-weight: bold;
    color: rgb(224, 102, 102);
    font-size: 18px;
}

.list-txt{
      border-bottom: 2px dashed #e06666;
    width: fit-content;
    margin-bottom: 10px;
    /* color: #e06666; */
    font-weight: bold;
}

.article-link li {
    font-weight: bold;
    border-bottom: 1px dashed #0077dd;
    margin-bottom: 5px;
    color: #0077dd;
    width: fit-content;
}

.article-link li a{
      color: #0077dd;
    font-weight: bold;
}

.under-linktxt{
      font-weight: bold;
    border-bottom: 1px dashed #0077dd;
    margin-bottom: 5px;
    color: #0077dd;
    width: fit-content;
}

.under-linktxt a{
       font-weight: bold;
    margin-bottom: 5px;
    color: #0077dd;
    width: fit-content;
}

@media only screen and (max-width: 599px){
  .blogarea .single div{
    font-size: 14px;
  }
  
  .blogarea .single li{
    font-size: 14px;
  }
  
    .blogarea .single span{
    font-size: 14px;
  }
  
    .blogarea .single a{
    font-size: 14px;
  }
}

/*top RECRUITバナー*/
.top-bnt {
  width: 80%;
  max-width: 800px;
  margin: 0 auto 50px;
  background: #e7e7e7;
}

.top-bnt a {
  display: flex;
}

.top-bnt .img {
  width: 40%;
}
.top-bnt .img img {
  width: 100%;
  filter: grayscale(50%);
}
.top-bnt .txt {
  width: fit-content;
  margin: auto;
  display: flex;
  font-size: 28px;
  align-items: center;
  font-weight: bold;
}

@media (max-width: 1024px){
  .top-bnt .txt {
    font-size: 22px;
  }
}

@media (max-width: 599px){
  .top-bnt {
    width: 100%;
  }
  .top-bnt .txt {
    font-size: 18px;
  }
  #gnav .gnavinn > ul a.co-y {
    color: #fbff00;
    font-size: 18px;
  }
}