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

.hiramin {
    font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif, "游明朝", YuMincho;
}

.hiraminA * {
    font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif, "游明朝", YuMincho;
}

.hirago {
    font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", Hiragino Kaku Gothic ProN, "游ゴシック", YuGothic, Hiragino Sans, "メイリオ", Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}

.hirago * {
    font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", Hiragino Kaku Gothic ProN, "游ゴシック", YuGothic, Hiragino Sans, "メイリオ", Meiryo, 'ＭＳ Ｐゴシック', 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: 14px;
    /*    font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif,"游明朝", YuMincho;*/
    font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", Hiragino Kaku Gothic ProN, "游ゴシック", YuGothic, Hiragino Sans, "メイリオ", Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
    /*font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;*/
    line-height: 160%;
    color: #474747;
    word-wrap: break-word;
    overflow-wrap: break-word;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    word-break: break-all;
}

/*フォント系*/

h2 {
    font-size: 40px;
}

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

.red {
    color: red;
}

.brown {
    color: #926f62;
}

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

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

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

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

a:hover {
    opacity: 0.6;
    color: inherit;
    text-decoration: none;
    -webkit-transition: 0.3s all linear;
    transition: 0.3s all linear;
}

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

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

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

/*アラート系*/

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

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

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

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

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

/*altlist*/

.altlist01 .alt01 {
    display: none;
}

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

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

/*トリミング*/

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media only screen and (max-width:1024px) {
    .flexn1024 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

@media only screen and (max-width:599px) {
    .flexn599 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

/*wrap*/

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

/*common*/

.cG {
    color: #61754e;
}

.cO {
    color: rgba(236, 107, 64, 255);
}

.odd > *:nth-of-type(odd) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.even > *:nth-of-type(even) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.ol > li {
    padding-left: 1.5em;
    position: relative;
}

.ol > li:before {
    content: "●";
    position: absolute;
    left: 0;
}

.cl > li {
    padding-left: 35px;
    position: relative;
    margin: 0 0 2em;
}

.cl > li:before {
    content: "";
    position: absolute;
    left: 0;
    background: url(/import/tenant_1/160.16.221.156/html/images/check.png) center center /100% 100% no-repeat;
    width: 28px;
    height: 25px;
}

.rad10 img {
    border-radius: 10px;
}

.rad10 .trimmingInner {
    border-radius: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

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

.z2 {
    position: relative;
    z-index: 2;
}

.fw300 {
    font-weight: 300;
}

.fw400 {
    font-weight: 400;
}

.fw500 {
    font-weight: 500;
}

.fw600 {
    font-weight: 600;
}

.fw700 {
    font-weight: 700;
}

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

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

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

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

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

.w20 {
    width: 20%;
    margin: 1% 0;
}

.w25 {
    width: 25%;
    margin: 1% 0;
}

.w26 {
    width: 26%;
    margin: 1% 0;
}

.w30 {
    width: 30%;
    margin: 1% 0;
}

.w36 {
    width: 56%;
    margin: 1% 0;
}

.w40 {
    width: 40%;
    margin: 1% 0;
}

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

.w48 {
    width: 48%;
    margin: 1% 0;
}

.w50 {
    width: 50%;
    margin: 1% 0;
}

.w52 {
    width: 52%;
    margin: 1% 0;
}

.w54 {
    width: 54%;
    margin: 1% 0;
}

.w56 {
    width: 56%;
    margin: 1% 0;
}

.w60 {
    width: 60%;
    margin: 1% 0;
}

.w66 {
    width: 66%;
    margin: 1% 0;
}

.w70 {
    width: 70%;
    margin: 1% 0;
}

.w76 {
    width: 76%;
    margin: 1% 0;
}

.w80 {
    width: 80%;
    margin: 1% 0;
}

.w86 {
    width: 86%;
    margin: 1% 0;
}

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

.w80l {
    width: 76%;
    margin: 1% 0 1% 4%;
}

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

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

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

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

.m600 {
    max-width: 600px;
    margin: auto;
}

.m700 {
    max-width: 700px;
    margin: auto;
}

.m800 {
    max-width: 800px;
    margin: auto;
}

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

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

.m1000 {
    max-width: 1020px;
    margin: auto;
    width: 98%;
}

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

.harea {
    padding: 80px 0;
}

.area {
    padding: 80px 0;
}

.area60 {
    padding: 60px 0;
}

.area40 {
    padding: 40px 0;
}

.area20 {
    padding: 20px 0;
}

.m80 {
    margin: 80px 0;
}

.m60 {
    margin: 60px 0;
}

.m40 {
    margin: 40px 0;
}

.m20 {
    margin: 20px 0;
}

.m10 {
    margin: 10px 0;
}

.mb80 {
    margin-bottom: 80px;
}

.mb60 {
    margin-bottom: 60px;
}

.mb40 {
    margin-bottom: 40px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb10 {
    margin-bottom: 10px;
}

.pic {
    text-align: center;
}

.pix {
    text-align: center;
}

.pic img {
    width: 100%;
}

.tac {
    text-align: center;
}

.tal {
    text-align: left;
}

.tar {
    text-align: right;
}

.tac1024 {
    text-align: center;
}

.tac599 {
    text-align: center;
}

.tar599 {
    text-align: right;
}

.tarc599 {
    text-align: right;
}

.txt {
    line-height: 200%;
}

.lh160 {
    line-height: 160%;
}

.lh200 {
    line-height: 200%;
}

.uk-lb img {
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
}

.uk-lb img:hover {
    cursor: pointer;
    opacity: 0.6;
}

.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: 1200px;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

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

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

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

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

@media only screen and (max-width:1024px) {
    .m600 {
        width: 96%;
    }

    .m700 {
        width: 96%;
    }

    .m800 {
        width: 96%;
    }
    .m900 {
        width: 96%;
    }
    .m960 {
        width: 96%;
    }
    .m1000 {
        width: 96%;
    }
    .harea {
        padding: 60px 0;
    }
    .area {
        padding: 60px 0;
    }
    .area60 {
        padding: 45px 0;
    }
    .area40 {
        padding: 30px 0;
    }
    .row4 {
        width: 31.333%;
    }
    .row5 {
        width: 23%;
    }
    .mb80 {
        margin-bottom: 60px;
    }
    .mb60 {
        margin-bottom: 50px;
    }

    .mb40 {
        margin-bottom: 30px;
    }
    .bkimg1024 {
        position: static;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
    .bkimg1024 img {
        min-width: auto !important;
    }
    .tac1024 {
        text-align: left;
    }
    .br1024 > br {
        display: none;
    }
}

@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;
    }
    .w36 {
        width: 100%;
        margin: 2% auto;
    }
    .pic.w36 {
        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%;
        margin: 2% auto;
    }
    .w52 {
        width: 100%;
        margin: 2% auto;
    }

    .w54 {
        width: 100%;
        margin: 2% auto;
    }
    .w56 {
        width: 100%;
        margin: 2% auto;
    }
    .w60 {
        width: 100%;
        margin: 2% auto;
    }
    .w66 {
        width: 100%;
        margin: 2% auto;
    }
    .w70 {
        width: 100%;
        margin: 2% auto;
    }
    .w76 {
        width: 100%;
        margin: 2% auto;
    }
    .w80 {
        width: 100%;
        margin: 2% auto;
    }
    .w86 {
        width: 100%;
        margin: 2% auto;
    }
    .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;
    }
    .m600 {
        width: 94%;
    }

    .m700 {
        width: 94%;
    }

    .m800 {
        width: 94%;
    }
    .m900 {
        width: 94%;
    }
    .m960 {
        width: 94%;
    }
    .m1000 {
        width: 94%;
    }
    .m1200 {
        width: 94%;
    }
    .harea {
        padding: 40px 0;
    }
    .area {
        padding: 40px 0;
    }
    .area60 {
        padding: 30px 0;
    }
    .area40 {
        padding: 20px 0;
    }
    .row2 {
        width: 98%;
    }
    .row3 {
        width: 48%;
    }
    .row4 {
        width: 48%;
    }
    .row5 {
        width: 31.333%;
    }
    .mb80 {
        margin-bottom: 40px;
    }
    .mb60 {
        margin-bottom: 40px;
    }

    .mb40 {
        margin-bottom: 20px;
    }
    .bkimg599 {
        position: static;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
    .bkimg599 img {
        min-width: auto !important;
    }
    .tac599 {
        text-align: left;
    }
    .tar599 {
        text-align: left;
    }
    .tarc599 {
        text-align: center;
    }
    .br599 > br {
        display: none;
    }
}

/*fead*/

.fead-mv {
    opacity: 0;
    -ms-transform: translate(0, 60px);
    transform: translate(0, 60px);
    -webkit-transform: translate(0, 60px);
    -webkit-transition: .8s;
    transition: .8s;
}
[data-element-id] .fead-mv {
    opacity: 1;
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
}
.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: 40%;
}

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

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

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

/*header*/

.headtop {
    padding: 10px 0;
}

.headtop .headl {
    width: 40%;
}

.headtop .headr {
    width: 56%;
}

.hlogo a {
    display: inline-block;
    max-width: 270px;
}

@media only screen and (max-width:1024px) {
    .headinfolist {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
    .headinfolist li {
        width: 100%;
    }
    .headinfolist li.tel {
        padding-right: 50px;
    }
}

@media only screen and (max-width:599px) {
    .headinfolist li.tel {
        display: none;
    }
    .headinfolist li {
        font-size: 12px;
        margin: 7px 0 0;
    }
    .headtop .headl,
    .headtop .headr {
        width: 100%;
    }
    .headtop .headl {
        padding-right: 50px;
    }
}

/*gnav*/

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

#gnav {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 200;
    width: 100%;
}


#gnav li {
    width: 12.5%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    margin-bottom: 0;
    font-size: 16px;
}

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

#gnav li.pcnone {
    display: none;
}

#gnav li a {
    width: 100%;
    display: block;
    font-weight: 500;
    padding: 30px 0;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
}

#gnav.fix li a {
    padding: 15px 0;
}

#gnav.fix li dt {
    padding: 15px 0;
}

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

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

#gnav li dt {
    width: 100%;
    display: block;
    padding: 30px 0;
    text-align: center;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
    font-weight: 500;
    font-size: 16px;
}

#gnav li dt:hover {
    opacity: 0.6;
}

#gnav li dd.pull {
    position: relative;
}

#gnav li:hover .pulllist {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translate(-50%, -20px);
    -ms-transform: translate(-50%, -20px);
    transform: translate(-50%, -10px);
}

#gnav li .pulllist:before {
    bottom: 100%;
    left: 50%;
    content: '';
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    border: 6px solid transparent;
    border-bottom-color: rgba(237, 245, 226, 0.8);
    position: absolute;
}

[data-element-id] #gnav li .pulllist {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    position: relative;
}

#gnav li .pulllist {
    visibility: hidden;
    opacity: 0;
    border-radius: 4px;
    -webkit-transition: 0.6s all ease;
    transition: 0.6s all ease;
    position: absolute;
    -webkit-transform: translate(-50%, -60px);
    -ms-transform: translate(-50%, -60px);
    transform: translate(-50%, -60px);
    left: 50%;
    width: 240px;
    z-index: 10;
    padding: 10px;
    background: rgba(237, 245, 226, 0.8);
}

#gnav li .pulllist li {
    width: 100%;
}

#gnav li .pulllist li a {
    padding: 10px;
    font-size: 14px;
    text-align: left;
}

@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(255, 255, 255, 0.9);
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        -webkit-transform: translate3d(0, 0, 0) !important;
        transform: translate3d(0, 0, 0) !important;
        z-index: -10;

    }

    #gnav ul li {
        display: block !important;
        width: 100%;
        text-align: center;
        position: static;
    }
    #gnav p.toggle {
        display: block !important;
        position: fixed;
        width: 38px;
        height: 38px;
        top: 6px;
        right: 10px;
        cursor: pointer;
        opacity: 0.8;
        margin: 2px;
        z-index: 251;
        -webkit-transform: translate3d(0, 0, 0) !important;
        transform: translate3d(0, 0, 0) !important;
    }
    #gnav li {
        float: none;
        width: auto;
        padding: 0;
        margin-top: 0;
        display: block !important;
    }

    #gnav.action .gnavinn {
        height: 100vh;
        opacity: 1;
        z-index: 250;
    }
    #gnav p.toggle span.n {
        display: block;
        background: #323232;
        height: 2px;
        width: 26px;
        text-indent: 9999px;
        padding: 0;
        top: 50%;
        left: 6px;
        margin-top: -1px;
        position: absolute;
    }

    #gnav p.toggle span.n:before {
        display: block;
        content: "";
        background: #323232;
        height: 2px;
        width: 26px;
        position: absolute;
        top: -8px;
        left: 0;
    }

    #gnav p.toggle span.n:after {
        display: block;
        content: "";
        background: #323232;
        height: 2px;
        width: 26px;
        position: absolute;
        top: 8px;
        left: 0;
    }
    #gnav.action p.toggle span.n {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transition: ease .10s;
        transition: ease .10s;
    }
    #gnav.action p.toggle span.n:after,
    #gnav.action p.toggle span.n:before {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        top: 0;
        left: 0;
    }
    #gnav .gnavinn > ul {
        width: 100%;
        padding: 60px 3% 80px;
    }
    #gnav .gnavinn > ul a {
        height: auto;
        display: block;
        text-align: left;
        padding: 10px 10px 10px 20px;
        border: none !important;
    }
    #gnav.fix {
        padding: 0;
    }
    .overlay {
        height: 100%;
        overflow: hidden;
    }
    .overlay:after {
        content: "";
        width: 100%;
        height: 100%;
        background: #000;
        position: fixed;
        top: 0;
        left: 0;
        opacity: 0.3;
        z-index: 100;
    }
    #gnav li .pulllist {
        width: 100%;
        -webkit-transform: none !important;
        -ms-transform: none !important;
        transform: none !important;
        position: relative;
        left: 0;
        visibility: visible;
        opacity: 1;
        margin-bottom: 10px;
        background: rgba(237, 245, 226, 1);
    }
    #gnav li .pulllist:before {
        left: 30px;
        border-bottom-color: rgba(237, 245, 226, 1);
    }
    #gnav li .pulllist li a {
        padding: 10px;
    }
    #gnav li dt {
        text-align: left;
        padding: 10px 10px 10px 20px;
        opacity: 1 !important;
    }
}

@media only screen and (max-width:599px) {
    #gnav .gnavinn > ul {
        padding: 60px 3% 33%;
    }
}

/*スライドショー mainImg*/

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

.homeSlide h2 {
    width: 96%;
    margin: auto;
    position: absolute;
    bottom: 20%;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    color: #fff;
    text-shadow: 1px 1px 1px #666;
    letter-spacing: 2px;
    font-weight: 500;
}

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

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

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

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

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

.mainImg .titbox {
        text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
}

.mainImg .titbox:after {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    content: "";
    height: 440px;
    width: 440px;
    border-radius: 50%;
    background: rgba(97, 117, 78, 0.7);
}

.mainImg h2 {
    color: #fff;
    width: 90%;
    margin: auto;
    font-weight: 400;
}

.mainImg h2 span {
    display: block;
    text-align: center;
    line-height: 160%;
    position: relative;
    z-index: 1;
}

.mainImg h2 span.pix {
    line-height: 0;
}

.mainImg h2 span.pix img {
    width: 100px;
    vertical-align: middle;
}

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

.mainImg .pic img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}

.mainImg .pic:before {
    content: "";
    display: block;
    padding-top: 20%;
}

.mainImg .pic:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    display: block;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.5);
}

@media only screen and (min-width:1400px) {
    .mainImg .pic:before {
        padding-top: 290px;
    }
}

@media only screen and (max-width:1024px) {
    .mainImg .titbox:after {
        height: 350px;
        width: 350px;
    }
    .mainImg h2 span.pix img {
        width: 80px;
    }
}

@media only screen and (max-width:599px) {
    .mainImg .titbox:after {
        height: 270px;
        width: 270px;
    }
    .mainImg h2 span.pix img {
        width: 60px;
    }
    .homeSlide h2 span.fs26 {
        font-size: 13px;
    }
    .homeSlide h2 span.fs32 {
        font-size: 14px;
    }
}

/*footer*/

#footer {
    background: #7b8767;
}

#footer * {
    color: #fff;
}

#footer .foot {
    padding: 50px 0;
}

.foottop {
    margin-bottom: 40px;
}

.flogo a {
    display: inline-block;
    max-width: 270px;
}

.fsns a {
    display: block;
    text-align: center;
}

.fsns span {
    max-width: 40px;
    margin: 0 5px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.fnav dt {
    margin-bottom: 1em;
    font-size: 16px;
}

.fnav li {
    margin: 3px 0;
}

.fnav li a {
    display: block;
}

.finfobox .tel a {
    display: block;
    padding-left: 1.2em;
    position: relative;
}

.finfobox .tel a:before {
    position: absolute;
    left: 0;
    font-family: FontAwesome;
    content: "\f095";
    top: 9px;
    background: #fff;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    color: #7b8767;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 15px;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.finfolist li a {
    display: block;
    border: 1px solid #fff;
    border-radius: 20px;
    text-align: center;
    padding: 5px 10px;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.finfolist dd li {
    width: 48%;
}

.finfotable table {
    width: 100%;
    height: auto;
    border-collapse: collapse;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 5px auto 10px;
}

.finfotable table th {
    border: 1px solid #fff;
    width: auto;
    height: 42px;
    font-weight: normal;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    text-align: left;
}

.finfotable table td {
    font-size: 14px;
    text-align: center;
    border-right: 1px solid;
    border-top: 1px solid;
    border-bottom: 1px solid;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
}

.finfotable tbody th {
    border: 1px solid;
    color: rgba(123, 89, 74, 255);
}

.finfotable tbody td {
    font-size: 14px;
}

.copy {
    text-align: left;
    background: #937062;
    padding: 20px 0;
    color: #fff;
}

.copy small {
    display: block;
}

@media only screen and (max-width:1024px) {
    .foottop {
        margin-bottom: 30px;
    }
    .fnav .col1,
    .fnav .col2 {
        width: 100%;
    }
    .finfobox .tel a:before {
        top: 6px;
    }
    .finfolist dt,
    .finfolist dd {
        width: 100%;
    }
    .finfolist dt {
        margin-bottom: 0;
    }
    .finfotable table {
        margin: 10px auto 10px;
    }
    .finfotable table th {
        font-size: 12px;
    }
    .finfotable table td {
        font-size: 12px;
        padding: 8px;
    }
    #footer .foot {
        padding: 40px 0;
    }
}

@media only screen and (max-width:599px) {
    .foottop {
        margin-bottom: 0;
    }
    .footl {
        width: 100%;
    }
    .finfolist dd li {
        margin: 0;
    }
    .fnav .col2 li.w48 {
        width: 48%;
    }
    .fnav dt {
        margin-bottom: 0.5em;
        font-weight: 500;
    }
    .fnav .col1,
    .fnav .col2 {
        margin: 10px 0px;
    }
    #footer .foot {
        padding: 30px 0;
    }
    .fsns {
        max-width: 100px;
        margin-top: 5px;
    }
    .finfobox {
        margin-top: 0;
    }
    .finfolist dt {
        margin: 15px 0;
        font-size: 24px;
        font-weight: 500;
    }
    .finfobox .tel a:before {
        top: 9px;
        left: 3px;
    }
    .copy {
        padding-bottom: 65px;
    }
}

/*totop*/

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

#totop a:before {
    content: "\f106";
    font-family: FontAwesome;
    display: block;
    height: 50px;
    width: 50px;
    line-height: 46px;
    font-size: 30px;
    background: #7b8868;
    border-radius: 50%;
    border: 1px solid;
}

#totop a {
    background: #7b8868;
    display: block;
    color: #fff;
    border-radius: 50%;
}

@media only screen and (max-width:1024px) {
    #totop a:before {
        height: 45px;
        width: 45px;
        line-height: 41px;
        font-size: 28px;
    }
}

@media only screen and (max-width:599px) {
    #totop a:before {
        height: 40px;
        width: 40px;
        line-height: 36px;
        font-size: 26px;
    }
    #totop {
        bottom: 55px;
    }
}

/*ffix*/

.ffix {
    position: fixed;
    width: 100%;
    top: 200px;
    right: -130px;
    width: 170px;
}
[data-element-id] .ffix{
  position: static;
}
[data-element-id] .ffix li{
  -webkit-transform: none !important;
            -ms-transform: none !important;
                transform: none !important;
}
.ffix li {
    margin: 10px 0;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
    padding-left: 40px;
    position: relative;
}

.ffix li:hover {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-transform: translate(-130px, 0);
    -ms-transform: translate(-130px, 0);
    transform: translate(-130px, 0);
}

.ffix li:nth-of-type(3n + 1) {
    background: url(/import/tenant_1/160.16.221.156/html/images/ffixac.png) center center /100% 100% no-repeat;
}

.ffix li:nth-of-type(3n + 2) {
    background: url(/import/tenant_1/160.16.221.156/html/images/ffixst.png) center center /100% 100% no-repeat;
}

.ffix li:nth-of-type(3n + 3) {
    background: url(/import/tenant_1/160.16.221.156/html/images/ffixco.png) center center /100% 100% no-repeat;
}

.ffix li a {
    display: block;
    padding: 10px 10px 10px 0;
    font-size: 14px;
}

.ffix li a span {
    display: block;
    position: relative;
}

.ffix li:nth-of-type(3n + 1):before {
    position: absolute;
    left: 20px;
    top: 50%;
    -webkit-transform: translate(0,-50%);
        -ms-transform: translate(0,-50%);
            transform: translate(0,-50%);
    background: url(/import/tenant_1/160.16.221.156/html/images/mappin.png) center center /100% 100% no-repeat;
    width: 16px;
    height: 20px;
    content: "";
}

.ffix li:nth-of-type(3n + 2):before {
    position: absolute;
    left: 20px;
    top: 50%;
    -webkit-transform: translate(0,-50%);
        -ms-transform: translate(0,-50%);
            transform: translate(0,-50%);
    background: url(/import/tenant_1/160.16.221.156/html/images/hito.png) center center /100% 100% no-repeat;
    width: 16px;
    height: 20px;
    content: "";
}

.ffix li:nth-of-type(3n + 3):before {
    position: absolute;
    left: 20px;
    top: 50%;
    -webkit-transform: translate(0,-50%);
        -ms-transform: translate(0,-50%);
            transform: translate(0,-50%);
    background: url(/import/tenant_1/160.16.221.156/html/images/toothicon.png) center center /100% 100% no-repeat;
    width: 16px;
    height: 17px;
    content: "";
}
@media only screen and (max-width:1024px) {
    .ffix {
        top: 100px;
    }
}

@media only screen and (max-width:599px) {
    .ffix {
        top: 80px;
        width: 150px;
        right: -110px;
    }
    .ffix li a {
        font-size: 12px;
            padding: 7.5px 10px 7.5px 0;
    }
    .ffix li:hover {
        -webkit-transform: translate(-110px, 0);
        -ms-transform: translate(-110px, 0);
        transform: translate(-110px, 0);
    }
}
/*spfix*/
[data-element-id] .spfix{
  display: block;
  position: static;
}
.spfix {
    display: none;
    background: #7b8767;
    padding: 5px;
    -webkit-box-shadow: 0px 0px 1px 0px #ccc;
    box-shadow: 0px 0px 1px 0px #ccc;
}

.spfix li {
    text-align: center;
}

.spfix li.tel {
    width: 52%;
}

.spfix li.web {
    width: 47%;
}

.spfix li a {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 5px;
}

.spfix li.tel span {
    position: relative;
    padding-left: 1.0em;
    display: inline-block;
    font-size: 20px;
}

.spfix li.tel span:before {
    position: absolute;
    left: 0;
    font-family: FontAwesome;
    content: "\f095";
    top: 3px;
    background: #fff;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    color: #7b8767;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.spfix li.web a {
    border: 1px solid #fff;
    border-radius: 20px;
    padding: 5px 0;
}

.spfix li.web span {
    position: relative;
    padding-left: 20px;
}

.spfix li.web span:before {
    position: absolute;
    left: 0;
    top: 5px;
    background: url(/import/tenant_1/160.16.221.156/html/images/toothicon.png) center center /100% 100% no-repeat;
    width: 15px;
    height: 15px;
    content: "";
}

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

@media only screen and (max-width:599px) {
    .spfix {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 99;
    }
}

/*lay common*/

.bg01 {
    background: url(/import/tenant_1/160.16.221.156/html/images/bg01.png) center center /auto 100% no-repeat;
}

.bgPl {
    position: relative;
}

.bgPl:after {
    content: "";
    position: absolute;
    background: url(/import/tenant_1/160.16.221.156/html/images/bgpl.png) center center /100% no-repeat;
    width: 300px;
    height: 315px;
    right: 0;
    top: 0;
    z-index: 1;
    -webkit-transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
    opacity: 0.3;
}

.bgG {
    background: #edf5e2;
}

.bgGd {
    background: #94a186;
}

.bgGd * {
    color: #fff;
}

.bgBe {
    background: #fef8e2;
}

.morebtm a {
    display: inline-block;
    padding: 20px;
    width: 200px;
    max-width: 100%;
    background: #61754e;
    border-radius: 50px;
    color: #fff;
}

.more a {
    display: block;
}

.more .a {
    display: inline-block;
    width: 150px;
    max-width: 100%;
    padding: 10px 20px;
    border: 2px solid;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

.more .a:after {
    position: absolute;
    right: 10px;
    font-family: FontAwesome;
    content: "\f105";
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.home h3 span {
    display: block;
    line-height: 160%;
}

.home h3 span.bb1 {
    display: inline-block !important;
    border-bottom: 1px solid;
}

.flD {
    display: inline-block !important;
    padding: 15px 60px 0;
    background-image: url(/import/tenant_1/160.16.221.156/html/images/frl.png), url(/import/tenant_1/160.16.221.156/html/images/frr.png);
    background-position: left bottom 3px, right bottom 3px;
    background-repeat: no-repeat, no-repeat;
    background-size: 23px, 23px;
}

@media only screen and (max-width:1024px) {
    .bg01 {
        background: url(/import/tenant_1/160.16.221.156/html/images/bg01.png) center center /100% auto no-repeat;
    }
    .morebtm a {
        padding: 15px;
    }
    .flD {
        padding: 10px 40px 0;
        background-size: 20px, 20px;
    }
    .more .a {
        padding: 7.5px 20px;
        border-width: 1px;
    }
    .bgPl:after {
        width: 200px;
    }
}

@media only screen and (max-width:599px) {
    .morebtm a {
        padding: 10px;
    }
    .flD {
        padding: 40px 0px 0;
        background-size: 15px, 15px;
        background-position: left 46% top 7px, right 46% top 7px;
        min-width: 300px;
    }
    .more .a {
        padding: 5px 20px;
    }
    .bgPl:after {
        width: 100px;
    }
    .home h3.fw400 {
        font-weight: 500;
    }
}

/*home*/

.hfirst {
    padding: 160px 0;

}

.hfirst h3 span {
    display: inline-block;
}

.hfirst .txt {
    margin: 40px 0;
}

.habouttop .tbox .txt {
    margin: 40px 0;
}

.habouttop .hfaclist {
    position: relative;
}

/*
.habouttop .hfaclist dt {
    position: relative;
    overflow: hidden;
}

.habouttop .hfaclist dt img {
    height: 100% !important;
    ;
    width: auto;
    max-width: inherit !important;
}
*/

.habouttop .hfaclist dt img {
    top: auto !important;
    bottom: 0;
}

.habouttop .hfaclist dd {
    position: absolute;
    left: 20%;
    bottom: 5%;
    z-index: 1;
    width: 100%;
    padding-right: 20%;
}
[data-element-id] .habouttop .hfaclist dd{
  position: static;
}
[data-element-id] .habouttop .hfaclist ul{
  max-width: 100%;
}
.habouttop .hfaclist ul {
    max-width: 50%;
    margin: 0 auto;
}

.habouttop .hfaclist li {
    width: 18%;
    margin: 0;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
}

.habouttop .hfaclist li:hover {
    cursor: pointer;
}

.habouttop .hfaclist li .trimmingInner {
    border-radius: 50%;
    border: 5px solid #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: calc(100% - 10px) !important;
}

.hnewsbox .titbox span {
    display: block;
    line-height: 160%;
}

.hnewsbox .titbox {
    padding-right: 2%;
    width: 24%;
}

.hnewsbox .tbox {
    width: 76%;
    padding-left: 6%;
    border-left: 1px solid;
}

.hnewsbox .tbox a,
.hnewsbox .titbox a {
    display: block;
}

.htreatlist * {
    color: #fff;
}

.htreatlist .w50 {
    margin: 0;
}

.htreatlist li:nth-of-type(2n + 1) {
    background: #919f84;
}

.htreatlist li:nth-of-type(2n + 2) {
    background: #b29b91;
}

.htreatlist li:nth-of-type(4n + 3) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.htreatlist li:nth-of-type(4n + 4) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.htreatlist li .tbox a {
    height: 100%;
    display: block;
    padding: 10px;
}

.htreatlist li .tbox dl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.htreatlist li .tbox dt {
    margin-bottom: 60px;
}

.hblog h3 a {
    display: block;
}

.hbloglist * {
    text-align: center;
}

.hbloglist li {
    margin-bottom: 40px;
}
.hbloglist li a{
  display: block;
}
.hbloglist dd {
    margin: 0 0 20px;
}
.hbloglist li .trimmingInner{
      border: 2px solid #61754e;
      border-radius: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.hrecbox {
    background: #fff;
}

.hrecbox > * {
    margin: 0;
}

.hrecbox .tbox {
    padding: 20px;
}

.comacc > * {
    margin: 0;
}

.comacc .tbox {
    padding: 20px;
}

.comacc .map:after {
    padding-top: 70%;
}

@media only screen and (max-width:1024px) {
    .hfirst {
        padding: 120px 0;
    }
    .hfirst h3 {
        font-size: 24px;
    }
    .hfirst .txt {
        margin: 30px 0;
    }
    .habouttop .tbox .txt {
        margin: 30px 0;
    }
    .habouttop .hfaclist ul {
        max-width: 60%;
    }
    .hnewsbox .titbox {
        width: 26%;
    }

    .hnewsbox .tbox {
        width: 74%;
    }
    .htreatlist {
        max-width: 768px;
        margin: 0 auto;
    }
    .htreatlist li a {
        padding: 20px;
    }
    .htreatlist li .tbox dt {
        margin-bottom: 20px;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }
    .htreatlist li .w50 {
        width: 100%;
    }
    .hbloglist dd {
        margin: 0 0 15px;
    }
}

@media only screen and (max-width:599px) {
    .hfirst {
        padding: 80px 0;
    }
    .hfirst h3 {
        font-size: 20px;
    }
    .hfirst h3 br {
        display: none;
    }
    .hfirst .txt br {
        display: none;
    }
    .hfirst .txt {
        margin: 20px 0;
    }
    .habouttop .tbox .txt {
        margin: 20px 0;
    }
    .hnewsbox .titbox {
        width: 100%;
        padding: 0;
    }

    .hnewsbox .tbox {
        width: 100%;
        padding: 2% 0;
        border-left: none;
        border-top: 1px solid;
    }
    .hnewslist dd {
        margin-bottom: 0;
    }
    .htreat h3 .fs24 {
        font-size: 18px;
    }
    .htreatlist .w50 {
        width: 50%;
    }
    .htreatlist li .tbox dt {
        font-size: 14px;
    }
    .hbloglist dd {
        margin: 0 0 10px;
    }
}

/*under*/

/*under common*/

.under h3 span {
    display: block;
    line-height: 160%;
}

.under h3.g {
    background: #61754e;
    color: #fff;
    padding: 10px 10px 20px;
}

.under h3.g .flD {
    background-image: url(/import/tenant_1/160.16.221.156/html/images/flw.png), url(/import/tenant_1/160.16.221.156/html/images/frw.png);
}

.pgNav li a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    background: #62764e;
    color: #fff;
    padding: 20px;
    border-radius: 50px;
}

.toothbg {
    background: url(/import/tenant_1/160.16.221.156/html/images/toothbg.png) center center /100% 100% no-repeat;
    padding: 80px 40px;
}

.under .bb1 {
    display: inline-block !important;
    position: relative;
    padding-bottom: 5px;
}

.under .bb1:after {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100px;
    height: 1px;
    background: #a3a3a3;
    content: "";
}

.bbl10 > dt {
    padding: 5px 5px 5px 20px;
    border-left: 10px solid;
    margin: 20px 0;
}

.bbl10 > dt.g {
    border-color: #94a186;
}

.bbl10 > dt.b {
    border-color: #b69e94;
}

.bbl10 > dd {
    padding-left: 30px;
}

@media only screen and (max-width:1024px) {
    .pgNav li {
        width: 31.333%;
    }
    .pgNav li a {
        padding: 15px;
    }
    .toothbg {
        padding: 60px 40px;
    }
    .under h3.g {
        padding: 15px 10px 20px;
    }
}

@media only screen and (max-width:599px) {
    .pgNav li {
        width: 48%;
    }
    .pgNav li a {
        padding: 10px;
        font-size: 14px;
    }
    .toothbg {
        padding: 40px;
    }
    .under h3.g {
        padding: 10px;
    }
}

/*about*/

.abouttable {
    max-width: 600px;
    margin: 40px auto;
}

.abouttable table {
    width: 100%;
    height: auto;
    border-collapse: collapse;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 5px auto 10px;
    background: #7b8767;
    -webkit-box-shadow: 0 0 0 2px #7b8767;
    box-shadow: 0 0 0 2px #7b8767;
}

.abouttable table * {
    color: #fff;
}

.abouttable table th {
    border: 1px solid #fff;
    width: auto;
    height: 42px;
    font-weight: normal;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    text-align: left;
}

.abouttable table td {
    font-size: 14px;
    text-align: center;
    border-right: 1px solid;
    border-top: 1px solid;
    border-bottom: 1px solid;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
}

.abouttable tbody th {
    border: 1px solid;
}

.abouttable tbody td {
    font-size: 14px;
}

.about02box .map {
    max-width: 600px;
    margin: 0 auto;
}

.about02box .map:after {
    padding-top: 70%;
}

.aboutcomlist01 li {
    margin-bottom: 60px;
}

.aboutcomlist01 li:nth-of-type(even) dt {
    border-color: #94a186;
}

.aboutcomlist01 li:nth-of-type(odd) dt {
    border-color: #b69e94;
}

.aboutcomlist01 .trimmingInner {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 10px;
}

.aboutcomlist01 li dt {
    padding: 5px 5px 5px 20px;
    border-left: 10px solid;
    margin: 20px 0;
    -webkit-box-sizing: content-box;
                    box-sizing: content-box;
}

.aboutcomlist01 li dt + dd {
    padding-left: 30px;
}

.about04 {
    position: relative;
}

.about04:before {
    position: absolute;
    background: url(/import/tenant_1/160.16.221.156/html/images/bg01.png) center center /100% auto no-repeat;
    height: 100%;
    width: 100%;
    z-index: 1;
    content: "";
}

.about04box .aboutcomlist01 li {
    width: 48%;
}

.about05list .aboutcomlist02:nth-of-type(2n + 1) .tit span {
    background: url(/import/tenant_1/160.16.221.156/html/images/aboutcomlist02_01.png) center center /100% 100% no-repeat;
}

.about05list .aboutcomlist02:nth-of-type(2n + 2) .tit span {
    background: url(/import/tenant_1/160.16.221.156/html/images/aboutcomlist02_02.png) center center /100% 100% no-repeat;
}

.aboutcomlist02 {
    margin-bottom: 100px;
}

.aboutcomlist02:last-of-type {
    margin-bottom: 0;
}

.aboutcomlist02 .tit span {

    display: inline-block;
    color: #fff;
    padding: 10px 30px 10px 20px;
    min-width: 240px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.aboutcomlist02 li {
    margin: 40px 0;
}
.aboutcomlist02 .youtube li{
  margin: 2% 0;
}
.aboutcomlist02 .youtube li.map:after{
  padding-top: 50%;
}
.aboutcomlist02 .trimmingInner {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 10px;
}

.aboutcomlist02 li .tbox dt {
    margin: 1em 0;
}

@media only screen and (max-width:1024px) {
    .aboutcomlist01 li {
        margin-bottom: 40px;
    }
}

@media only screen and (max-width:599px) {
    .aboutcomlist01 li {
        margin-bottom: 20px;
    }
    .aboutcomlist01 li dt {
        margin: 20px 0 10px;
    }
    .abouttable table th {
        font-size: 12px;
    }
    .abouttable table td {
        font-size: 12px;
        padding: 8px;
    }
    .aboutcomlist02 li .tbox dt {
        margin: 0 0 1em;
    }
}

/*first*/

.first01box .tbox dl * {
    text-align: center;
}

.first01box .tbox dt {
    margin-bottom: 1em;
}

.first02list {
    counter-reset: number;
}

.first02list li {
    margin: 40px 0;
}

.first02list li .tbox dt {
    margin-bottom: 1em;
    position: relative;
}

.first02list li .tbox dt:before {
    display: inline-block;
    counter-increment: number;
    content: counter(number, decimal-leading-zero);
    font-size: 60px;
    margin-bottom: 20px;
    color: #5f734e;
    padding-right: 30px;
    padding-bottom: 4px;
    background: url(/import/tenant_1/160.16.221.156/html/images/toothgicon.png) right bottom /20px 20px no-repeat;
}

.first02list li .tbox dt span {
    display: block;
}

.first02list li .trimmingInner {
    display: block;
    border-radius: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.first03list ul li.col1 {
    width: 20%;
}

.first03list ul li.col2 {
    width: 40%;
}

.first03list ul li.col3 {
    width: 60%;
}

.first03list ul li.t {
    padding: 0 1em;
}

.first03list ul li.col4 {
    width: 80%;
}

.first03list ul li.col5 {
    width: 100%;
}

.first03list ul li.btn.g .a {
    background: #61754e;
}

.first03list ul li.btn.b .a {
    background: #916f61;
}

.first03list ul li.btn .a {
    display: inline-block;
    padding: 20px;
    width: 200px;
    max-width: 100%;
    border-radius: 50px;
    color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.first03list ul li.h img {
    height: 100% !important;
}

.first03list ul li .blue {
    color: #1a3b95;
    display: block;
}

.first03list ul.ar p {
    margin: 10px 0;
    text-align: left;
}

.first03list ul li.bd1 {
    border: 2px dashed #c8c7c6;
    padding: 20px 5px;
    border-radius: 10px;
}

.first04list li {
    margin: 40px 0;
}

.first04list .tbox dt {
    margin-bottom: 0.8em;
}

.first04list .trimmingInner {
    display: block;
    border-radius: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.monshinlist > .w50 {
    width: 50%;
}

.monshinlist .w50 {
    margin: 0;
}

.monshinlist > .w50:nth-of-type(2n + 1) {
    background: #94a286;
}

.monshinlist > .w50:nth-of-type(2n + 2) {
    background: #b59d94;
}

.monshinlist * {
    color: #fff;
    text-align: center;
}

.monshinlist .tbox{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
            -webkit-justify-content: center;
                -ms-flex-pack: center;
                    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.monshinlist .tbox dt,.monshinlist .tbox dd{
  margin: 0.5em 0;
}
.monshinlist .tbox .btn a {
    display: inline-block;
    padding: 10px;
    border: 1px solid;
    width: 125px;
    max-width: 100%;
}

@media only screen and (max-width:1024px) {
    .first02list li .tbox dt:before {
        font-size: 50px;
        padding-bottom: 2px;
    }
    .first03list ul li.btn .a {
        padding: 15px;
        font-size: 13px;
    }
    .first03list ul li.col2.t {
        width: 60%;
    }
    .first03list ul li.col3.t {
        width: 80%;
    }
    .first03list ul li .blue {
        color: #1a3b95;
        display: block;
    }
    .first03list ul li.bd1 {
        padding: 15px 5px;
        width: 40%;
        text-align: center;
    }
    .first03list ul * {
        font-size: 13px;
    }
    .first03list ul.ar p {
        margin: 5px 0;
    }
    .monshinlist .tbox .btn a {
        padding: 7.5px;
    }
}

@media only screen and (max-width:599px) {
    .first02list li .tbox dt:before {
        font-size: 40px;
        padding-bottom: 0;
        padding-right: 24px;
        background-size: 18px 18px;
    }
    .first03list ul li.btn .a {
        padding: 10px;
    }
    .first03list ul li.bd1 {
        padding: 10px 5px;
    }
    .first03listbox {
        padding: 10px;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
    }
    .first03listbox::-webkit-scrollbar {
        height: 5px;

    }
    .first03listbox::-webkit-scrollbar-thumb {
        background: #999;
        border-radius: 5px;
    }
    .first03listbox::-webkit-scrollbar-track-piece {
        background: #efefef;
    }
    .first03listbox .first03list {
        width: 600px;
        margin: 40px auto;
    }
    .first03list ul * {
        font-size: 12px;
    }
    .monshinlist .tbox dt,
    .monshinlist .tbox dd {
        margin-bottom: 0.5em;
    }
    .monshinlist .tbox .btn a {
        padding: 5px;
    }
}

/*staff*/

.staff01box .pic img {
    border-radius: 10px;
}

.staff01box .picbox dt span {
    margin-bottom: 0.5em;
    font-weight: 500;
}

.staff02box .ol li:before {
    font-size: 10px;
}

.staff02box .tbox dt span {
    display: inline-block;
}

.staff02box .tbox dt span.fw700 {
    padding-right: 1em;
    border-right: 1px solid;
    margin-right: 1em;
}

.staff03list .pic img {
    border-radius: 10px;
}

.staff03list li {
    margin-bottom: 40px;
}

.staff04cont .tbox li {
    position: relative;
    padding-left: 3em;
    margin-bottom: 1em;
}

.staff04cont .flexsb > div {
    margin: 0;
}

.staff04cont .tbox li:before {
    position: absolute;
    left: 0;
    content: "一．";
}

.staff04cont .pic span.pix {
    margin-bottom: -60px;
    width: 130%;
}

.staff04cont .pic span {
    display: block;
}

.staff05cont .tbox li {
    margin: 0.5em 0;
}

.staff05cont .tbox {
    position: relative;
}

.staff05cont .titbox {
    padding-right: 8%;
}

.staff05cont .titbox h3 {
    padding: 40px 5px;
    border-right: 1px solid;
}

.staff05cont .tbox:after {
    content: "";
    position: absolute;
    background: url(/import/tenant_1/160.16.221.156/html/images/bgpl.png) center center /100% no-repeat;
    width: 200px;
    height: 215px;
    right: 0;
    top: 0;
    z-index: 1;
    opacity: 0.3;
}

.staff06item {
    margin: 40px 0;
}

.staff06item .trimmingInner {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    border-radius: 10px;
}

.staff06item .tbox li {
    margin-bottom: 1em;
}

.staff06item .tbox li .flex dt {
    margin: 0;
}

.staff06item .tbox li dt {
    margin: 2em 0;
}

@media only screen and (max-width:1024px) {
    .staff02box .tbox dt span {
        font-size: 16px;
    }
    .staff04cont .pic span.pix {
        margin-bottom: -45px;
    }
    .staff06item .tbox li dt {
        margin: 1.5em 0;
    }
}

@media only screen and (max-width:599px) {
    .staff04cont .pic span.pix {
        margin-bottom: 0;
        width: 100%;
    }
    .staff04cont .flexsb > div {
        margin: 2% auto;
    }
    .staff04cont .tbox li {
        padding-left: 2em;
    }
    .staff05cont .titbox {
        padding-right: 0;
    }
    .staff05cont .titbox h3 {
        padding: 20px 0px;
        border-bottom: 1px solid;
        border-right: none;
    }
}

/*mouth*/

.mouth05box {
    margin: 60px 0;
}

.mouth05box .titbox .tit {
    border-bottom: 2px solid #61754e;
    padding-bottom: 10px;
}

.mouth05box .titbox dd.bbb {
    background: #fff;
    border-radius: 10px;
    border: 2px solid #61754e;
    padding: 20px 40px;
}

.mouth05box.clearfix .pic {
    float: right;
    margin: 4%;
}

.mouth05list li {
    border: 2px solid #61754e;
    background: #fff;
}

.mouth05list dl {
    height: 100%;
}

.mouth05list dt.sub-tit {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    padding: 10px;
    background: #61754e;
    color: #fff;
    text-align: center;
    font-weight: 700;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.mouth05list dt.sub-tit span {
    display: inline-block;
    text-align: left;
}

.mouth05list .trimming {
    width: 90%;
    margin: 0 auto 10px;
}

.mouth05list .trimming50 {
    width: 200px;
    max-width: 100%;
    margin: 0 auto 10px;
}

.mouth05list dl dl {
    padding: 10px 20px 20px;
}

.mouth05list dl dl dt {
    margin-bottom: 0.5em;
}
.mouth05box .att a{
  display: block;
  text-decoration: underline;
}

@media only screen and (max-width:1024px) {
    .mouth05list dt.sub-tit {
        font-size: 15px;
    }
    .mouth05list dl dl dt {
        font-size: 15px;
    }
    .mouth05list.tinn .row3 {
        width: 48%;
    }
    .mouth05box .titbox dd.bbb {
        padding: 15px 30px;
    }

}

@media only screen and (max-width:599px) {
    .mouth05box.clearfix .pic {
        float: none;
        margin: 4% auto;
    }
    .mouth05list dt.sub-tit {
        font-size: 14px;
    }
    .mouth05list dl dl dt {
        font-size: 14px;
    }
    .mouth05list.tinn .row3 {
        width: 100%;
    }
    .mouth05box .titbox dd.bbb {
        padding: 10px 20px;
    }
}

/*mushiba*/

.mushiba05box {
    margin-bottom: 60px;
}

.mushiba05box .bbox {
    padding: 20px 40px;
    border: 2px solid #61754e;
    background: #fff;
}

.mushiba05box .titbox .tit {
    border-bottom: 2px solid #61754e;
    padding-bottom: 10px;
}

.mushiba05list li {
    margin: 40px 0;
}

.mushiba03box img{
  margin-bottom: 40px;
}
@media only screen and (max-width:1024px) {
    .mushiba05box .bbox {
        padding: 20px 30px;
    }
}

@media only screen and (max-width:599px) {
    .mushiba05box .bbox {
        padding: 20px;
    }
    .mushiba05list li {
        margin: 30px 0;
    }
}

/*sisyu*/

.sisyu05box {
    margin-bottom: 60px;
}

.sisyu05box .bbox {
    padding: 20px 40px;
    border: 2px solid #61754e;
    background: #fff;
}

.sisyu05box .titbox .tit {
    border-bottom: 2px solid #61754e;
    padding-bottom: 10px;
}

@media only screen and (max-width:1024px) {
    .sisyu05box .bbox {
        padding: 20px 30px;
    }
}

@media only screen and (max-width:599px) {
    .sisyu05box .bbox {
        padding: 20px;
    }
}

/*shinbi*/

.shinbi05box {
    margin-bottom: 60px;
}

.shinbi05box .bbox {
    padding: 20px 40px;
    border: 2px solid #61754e;
    background: #fff;
}

.shinbi05box .bbox.rd {
    border-radius: 10px;
}

.shinbi05box .titbox .tit {
    border-bottom: 2px solid #61754e;
    padding-bottom: 10px;
}

.sozai-box{
  margin-bottom: 60px;
}

@media only screen and (max-width:1024px) {
    .shinbi05box .bbox {
        padding: 20px 30px;
    }
}

@media only screen and (max-width:599px) {
    .shinbi05box .bbox {
        padding: 20px;
    }
}

/*kids*/

.kids05box {
    margin-bottom: 60px;
}

.kids05box .bbox {
    padding: 20px 40px;
    border: 2px solid #61754e;
    background: #fff;
}

.kids05box .titbox .tit {
    border-bottom: 2px solid #61754e;
    padding-bottom: 10px;
}

@media only screen and (max-width:1024px) {
    .kids05box .bbox {
        padding: 20px 30px;
    }
}

@media only screen and (max-width:599px) {
    .kids05box .bbox {
        padding: 20px;
    }
}

/*white*/

.white05box {
    margin-bottom: 60px;
}

.white05box .bbox {
    padding: 20px 40px;
    border: 2px solid #61754e;
    background: #fff;
}

.white05box .titbox .tit {
    border-bottom: 2px solid #61754e;
    padding-bottom: 10px;
}

.white06item {
    padding: 40px 0;
    border-bottom: 1px solid #c0bfbf;
}

.white06item .titbox .pix span {
    display: inline-block;
    max-width: 30px;
}

.white06item .titbox li {
    padding: 10px;
    border: 1px solid #61754e;
    border-radius: 10px;
    width: 48%;
    max-width: 140px;
    min-height: 100px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.white06item .titbox li.r {
    margin-left: auto;
}

@media only screen and (max-width:1024px) {
    .white05box .bbox {
        padding: 20px 30px;
    }
    .white06item .titbox li dt {
        font-size: 14px;
    }
    .white06item .tbox {
        font-size: 16px;
    }
    .white06item {
        padding: 30px 0;
    }
}

@media only screen and (max-width:599px) {
    .white05box .bbox {
        padding: 20px;
    }
    .white06item .titbox ul {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .white06item .titbox li {
        margin: 1%;
        max-width: 100px;
    }
    .white06item .titbox li.r {
        margin-left: calc(100px + 2%);
    }
    .white06item {
        padding: 20px 0;
    }
}

/*ireba*/

.ireba05box {
    margin-bottom: 60px;
}

.ireba05box .bbox {
    padding: 20px 40px;
    border: 2px solid #61754e;
    background: #fff;
}

.ireba05box .titbox .tit {
    border-bottom: 2px solid #61754e;
    padding-bottom: 10px;
}

.ireba05list li {
    background: #fff;
    border: 2px solid #61754e;
    width: 48%;
    margin: 1%;
}

.ireba05list li dt {
    text-align: center;
    color: #fff;
    background: #61754e;
    padding: 10px;
}

.ireba05list li dd {
    padding: 40px 20px;
}

@media only screen and (max-width:1024px) {
    .ireba05box .bbox {
        padding: 20px 30px;
    }
    .ireba05list li dt {
        font-size: 16px;
    }
    .ireba05list li dd {
        padding: 30px 15px;
    }
}

@media only screen and (max-width:599px) {
    .ireba05box .bbox {
        padding: 20px;
    }
    .ireba05list li dt {
        font-size: 14px;
    }
    .ireba05list li dd {
        padding: 20px 10px;
    }
}

/*menu*/

.menu01list .trimmingInner {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 10px;
}

.menu01list li a {
    display: block;
}

.menu01list li dt {
    padding: 20px 10px;
    width: 160px;
    max-width: 90%;
    border-radius: 50px;
    color: #fff;
    margin: 10px auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.menu01list li:nth-of-type(2n + 1) dt {
    background: #61754e;
}

.menu01list li:nth-of-type(2n + 2) dt {
    background: #916f61;
}

.menu01contactbox {
    margin-top: 60px;
}

.menu01contactbox dt {
    margin-bottom: 2em;
}

.menu01contactbox dd {
    text-align: center;
}

.menu01contactbox .tel {
    font-size: 40px;
}

.menu01contactbox .tel a {
    display: inline-block;
    padding-left: 60px;
    position: relative;
    color: #61754e;
    font-weight: 700;
}

.menu01contactbox .tel a:before {
    position: absolute;
    left: 0;
    font-family: FontAwesome;
    content: "\f095";
    top: 3px;
    color: #fff;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #7b8767;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.menu01contactbox .web a {
    font-weight: 500;
    background: #937062;
    padding: 20px;
    display: block;
    color: #fff;
    border-radius: 10px;
    font-size: 16px;
}

.menu02box {
    margin-bottom: 80px;
}

.menu02area .menu02box:last-of-type {
    margin-bottom: 0;
}

.menu02box .tit {
    position: relative;
    padding-left: 2em;
    margin-bottom: 10px;
}

.menu02box .tit:before {
    position: absolute;
    left: 0;
    content: "・";
    color: #61754e;
    font-size: 240%;
}

.menu02list {
    background: #dfe3d9;
    padding: 80px;
    border-top: 5px solid #89715e;
}

.menu02list .item {
    margin-bottom: 60px;
}

.menu02list .item:last-of-type {
    margin-bottom: 20px;
}

.menu02list .item01 li dl.flexsb {
    padding: 0 15px;
    border-bottom: 1px solid #c0bfbf;
    margin-top: 20px;
}

.menu02list .item01 .btit {
    position: relative;
    padding-left: 2em;
    margin-bottom: 10px;
}

.menu02list .item01 .btit:before {
    position: absolute;
    left: 0;
    content: "・";
    color: #937062;
    font-size: 240%;
}

.menu02list .item01 .pl {
    padding-left: 2.5em;
}

@media only screen and (max-width:1024px) {
    .menu01list li dt {
        padding: 15px 10px;
    }
    .menu01contactbox .web a {
        padding: 15px;
    }
    .menu01contactbox .tel {
        font-size: 30px;
    }
    .menu01contactbox .tel a {
        padding-left: 50px;
    }
    .menu01contactbox .tel a:before {
        width: 40px;
        height: 40px;
    }
    .menu02list {
        padding: 60px 25px;
    }
    .menu02list .item01 li dl.flexsb {
        padding: 0 10px;
    }
}

@media only screen and (max-width:599px) {
    .menu01list li dt {
        padding: 10px;
    }
    .menu01contactbox dt {
        margin-bottom: 1em;
    }
    .menu01contactbox li {
        margin-bottom: 2em;
    }
    .menu02list {
        padding: 40px 10px;
    }
    .menu02list .item01 li dl.flexsb {
        padding: 0;
    }
}

/*recruit*/

.recnav li a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    padding: 20px 10px;
    font-size: 18px;
    background: #e1e0d3;
    border: 1px solid;
    border-radius: 10px;
}

.recruit01box .bbl10 dd {
    padding-left: 0;
    margin: 20px 0 30px;
}

.recruit01box .bbl10 dd:last-of-type {
    margin-bottom: 0;
}

.recruit02box dd li.w48 {
    margin: 0;
    padding: 20px;
}

.recruit02box .comment {
    background: #61754e;
    color: #fff;
    border-radius: 10px;
    position: relative;
}

.recruit02box .comment:before {
    content: "";
    border-bottom: 40px solid #61754e;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    position: absolute;
    right: 20%;
    bottom: 100%;
}

.rec02list .ol li {
    margin: 0.5em 0;
}

.rec02item {
    margin: 60px 0;
}

.rec02list .ol li:before {
    font-size: 10px;
}

.rec03item {
    margin-bottom: 40px;
}

.rec03list .rec03item:last-of-type {
    margin-bottom: 0;
}

.rec03item dt {
    position: relative;
    padding: 0 1.5em;
    margin-bottom: 20px;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
}
.rec03item dt:hover{
  cursor: pointer;
}
.rec03item dt:after {
    position: absolute;
    top: 0;
    right: 0;
    content: "\f105";
    font-family: FontAwesome;
    font-size: 26px;
    -webkit-transition: 0.6s all ease;
    transition: 0.6s all ease;
}

.rec03item dt.open:after {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.rec03item dt span.q {
    position: absolute;
    left: 0;
}

.recruit04box .tbox li {
    position: relative;
    padding-left: 3em;
    margin-bottom: 2em;
}

.recruit04box .flexsb > div {
    margin: 0;
}

.recruit04box .tbox li:before {
    position: absolute;
    left: 0;
    content: "一．";
}

.recruit04box .pic span.pix {
    margin-bottom: -60px;
    width: 130%;
}

.recruit04box .pic span {
    display: block;
}

.recruit04box .tbox li dt {
    margin-bottom: 0.5em;
}

.rec05flowitem {
    overflow: hidden;
    padding-bottom: 40px;
}

.rec05flowitem .titbox {
    width: 20%;
    max-width: 180px;
}

.rec05flowitem .titbox > span {
    display: inline-block;
}

.rec05flowitem .titbox > span.fs18 {
    padding: 0.5em 0;
    background: #fff;
}

.rec05flowitem .titbox span.hiramin {
    position: relative;
}

.rec05flowitem .titbox span.hiramin span {
    background: #fff;
    display: inline-block;
    padding: 0.5em 0;
}

.rec05flowitem .titbox span.hiramin:after {
    position: absolute;
    height: 200%;
    width: 10px;
    background: #fef8e2;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    content: "";
    z-index: -1;
}

.rec05flowitem .item {
    width: 78%;
}

.rec05flowitem .item > .flexsb {
    background: #edf5e2;
    padding: 20px;
    position: relative;
    margin-left: 30px;
}

.rec05flowitem .item > .flexsb:before {
    position: absolute;
    right: 100%;
    top: 40px;
    content: "";
    border-right: 30px solid #eef5e2;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
}

.rec05flowitem .item .tbox dt {
    margin-bottom: 1em;
}

.rec05flowitem .item .tbox dt span {
    display: inline-block;
    text-decoration: underline;
}

.rec05flowlist .flexsb > * {
    margin: 0;
}

.rec06item {
    margin-top: 40px;
    padding: 0 0 40px;
    position: relative;
}

.rec06item:after {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    width: 300%;
    height: 40%;
    background: #eef6e2;
    content: "";
    z-index: -1;
}

.rec06item .tbox li {
    margin-bottom: 1em;
}

.rec06item .tbox li .flex dt {
    margin: 0;
}

.rec06item .tbox dt {
    margin: 0 0 2em;
}

.rec07list {
    max-width: 700px;
    margin: 0 auto;
    counter-reset: number;
}

.rec07item {
    background: #94a186;
    padding: 15px;
    margin-bottom: 40px;
}

.rec07item * {
    color: #fff;
}

.rec07item dt {
    position: relative;
    padding-left: 45px;
    padding-right: 1em;
}

.rec07item dd {
    padding-left: 4%;
    border-left: 1px solid;
}

.rec07item dt:before {
    position: absolute;
    counter-increment: number;
    content: counter(number);
    top: 0;
    left: 0;
    border-radius: 50%;
    border: 2px solid;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    font-size: 26px;
}

.recruit08box {
    max-width: 700px;
    margin: 0 auto;
    background: #fff;
    padding: 40px 60px;
}

@media only screen and (max-width:1024px) {
    .recnav li a {
        font-size: 16px;
        padding: 15px 10px;
    }
    .rec02item {
        margin: 50px 0;
    }
    .recruit04box .pic span.pix {
        margin-bottom: -45px;
    }
    .rec05flowitem .titbox {
        width: 25%;
    }
    .rec05flowitem .item {
        width: 73%;
    }
    .rec07item dt {
        font-size: 16px;
    }
    .rec07item dt:before {
        font-size: 22px;
        height: 28px;
        width: 28px;
        line-height: 28px;
    }
    .rec07item dt {
        padding-left: 43px;
    }
    .recruit08box {
        padding: 40px;
    }
}

@media only screen and (max-width:599px) {
    .recnav li a {
        font-size: 14px;
        padding: 10px;
    }
    .recruit02box .comment:before {
        right: 15%;
        border-bottom: 30px solid #61754e;
    }
    .recruit02box dd li.w48 {
        padding: 15px;
    }
    .rec02item {
        margin: 40px 0;
    }
    .recruit04box .pic span.pix {
        margin-bottom: 0;
        width: 100%;
    }
    .recruit04box .flexsb > div {
        margin: 2% auto;
    }
    .recruit04box .tbox li {
        padding-left: 2em;
    }
    .rec05flowitem .titbox {
        width: 100%;
        max-width: 140px;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .rec05flowitem .item {
        width: 100%;
    }
    .rec05flowitem .item > .flexsb {
        margin-left: 60px;
    }
    .rec05flowitem .titbox span.hiramin:after {
        display: none;
    }
    .rec05flowitem {
        position: relative;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .rec05flowitem:before {
        position: absolute;
        height: 100%;
        width: 10px;
        background: #fef8e2;
        top: 0;
        left: 20px;
        content: "";
        z-index: -1;
    }
    .rec05flowitem .item > .flexsb > * {
        margin: 2% 0;
    }
    .rec07item dd {
        padding-left: 0;
        padding-top: 2%;
        border-left: none;
        border-top: 1px solid;
        margin-top: 0;
    }
    .rec07item dt:before {
        font-size: 18px;
        height: 26px;
        width: 26px;
        line-height: 26px;
    }
    .rec07item dt {
        padding-left: 40px;
    }
    .recruit08box {
        padding: 20px;
    }
    .rec08item dd .fs18 {
        font-size: 14px;
    }
}
/*interview*/
.interview .rec03item dt:after{
  content: none;
}
.interview .rec03item .flexb .pic{
  width: 36%;
}
.interview .rec03item .flexb dl{
  width: 60%;
  padding-top: 30px;
}
.interview li.rec03item{
  padding: 20px 0;
}
.interview li.rec03item:nth-child(odd){
  background: #fef8e2;
  }
.interview .recruit03cont .more{
  text-align: center;
    padding-top: 50px;
}
.interview .recruit03cont .more a{
display: inline-block;
    padding: 25px;
    font-size: 18px;
    width: 400px;
    max-width: 100%;
    background: #b29b91;
    border-radius: 50px;
    color: #fff;
    position: relative;
}
.interview .recruit03cont .more a:before{
  content: "";
  background: url(/upload/tenant_1/2d101d2c7f66be703cbcb393b51fdadd.png) no-repeat;
  width: 23px;
  height: 41px;
  position: absolute;
  top:50%;
  left: 20%;
    transform: translateY(-50%);
}
.interview .recruit03cont .more a:after{
  content: "";
  background: url(/upload/tenant_1/841a82882460ed699094ce63963a816a.png) no-repeat;
  width: 23px;
  height: 41px;
  position: absolute;
  top:50%;
  right: 20%;
    transform: translateY(-50%);
}
@media only screen and (max-width:1024px) {
  .interview .rec03item .flexb dl{
    padding-top: 0;
  }
}
@media only screen and (max-width:599px) {
  .interview li.rec03item .flexb{
        display: block;
  }
  .interview .rec03item .flexb .pic{
        width: 80%;
    margin: 0 auto;
  }
  .interview .rec03item .flexb dl{
        width: 100%;
    padding-top: 20px;
  }
  .interview .recruit03cont .more{
        width: 80%;
    margin: 0 auto;
  }
  .interview .recruit03cont .more a{
        font-size: 16px;
  }
  
  .interview .recruit03cont .more a:after{
    right: 10%;
  }
  .interview .recruit03cont .more a:before{
    left:10%;
  }
}
/*qa*/

.flist {
    counter-reset: number;
}

.fitem {
    margin: 80px 0;
}

.fitem:last-of-type {
    margin-bottom: 0;
}

.fitem dd {
    padding: 20px 30px;
    position: relative;
}

.fitem dd span.btn {
    position: absolute;
    right: 0;
    top: 100%;
    background: #61754e;
    color: #fff;
    border-color: #61754e;
}

.fitem span.btn {
    display: inline-block;
    padding: 10px;
    border: 1px solid #61754e;
    width: 100px;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: 0.6s all ease;
    transition: 0.6s all ease;
    cursor: pointer;
}

.fitem span.btn:hover {
    opacity: 0.6;
}

.fitem dl {
    position: relative;
    border-top: 1px solid #61754e;
}

.fitem.open dl {
    border: 1px solid #61754e;
}

.fitem.open dt {
    padding-right: 20px;
    -webkit-transition: 0.6s all ease;
    transition: 0.6s all ease;

}

.fitem.open dt .btn {
    display: none;
}

.fitem dt {
    width: 100%;
    margin-top: -1em;
    position: relative;
    padding-right: 120px;
    padding-left: 5px;
}

.fitem dt .btn {
    position: absolute;
    right: 0;
    top: 13px;
    color: #333;
    background: #fff;
    z-index: 1;
}

.fitem dt span.tbox {
    display: inline-block;
    background: #fff;
    padding-left: 2.5em;
    position: relative;
}

.fitem dt span.tbox:before {
    position: absolute;
    counter-increment: number;
    content: 'Q' counter(number) ".";
    top: 0;
    left: 0;
    font-size: 24px;
    display: block;
}

@media only screen and (max-width:1024px) {
    .fitem dt {
        padding-right: 100px;
    }
    .fitem span.btn {
        width: 85px;
        font-size: 14px;
        padding: 7.5px 10px;
    }
}

@media only screen and (max-width:599px) {
    .fitem dt {
        padding-right: 80px;
    }
    .fitem span.btn {
        width: 70px;
        font-size: 11px;
        padding: 5px 10px;
    }
    .fitem dd {
        padding: 10px 20px;
    }
}

/*blog news*/

.pitem {
    margin-bottom: 40px;
}

.pitem a {
    display: block;
}

.pitem dd {
    margin-bottom: 10px;
}

.postbox .cdlist li {
    margin: 0;
    font-weight: 500;
}

.postbox .cdlist li.date {
    padding-right: 0.5em;
}

.pitem .trimmingInner {
    border: 2px solid #61754e;
}

.post .postbox {
    width: 70%;
}

.post .calist {
    width: 26%;
}

.calist dl {
    margin-bottom: 60px;
}

.calist dl:last-of-type {
    margin-bottom: 0;
}

.calist dt {
    text-align: center;
    color: #fff;
    background: #535353;
    border-radius: 5px;
    width: 100%;
    padding: 15px 10px;
}

.calist li a {
    padding: 15px 0;
    text-align: center;
    border-bottom: 1px solid;
    display: block;
}


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

.pagenav li {
    width: 14%;
    text-align: center;
    font-weight: 700;
}

.pagenav li a {
    font-size: 18px;
    border: 1px solid #61754e;
    height: 35px;
    width: 35px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 5px;
}

.pagenav li.now a {
    background: #61754e;
    color: #fff;
}

.pagenav li.prev a,
.pagenav li.next a {
    border: none;
}

.pagenav li.prev a:before {
    content: "\f104";
}

.pagenav li.next a:before {
    content: "\f105";
}

.pagenav li.prev a:before,
.pagenav li.next a:before {
    display: block;
    font-family: FontAwesome;
    font-size: 26px;
}

.singlebox .tit {
    padding: 1em 0;
}

.singlebox .single {
    padding: 40px 0;
    border-top: 1px solid;
    border-bottom: 1px solid;
}

.back a {
    display: inline-block;
    padding: 15px 60px;
    background: #61754e;
    color: #fff;
    position: relative;
    border-radius: 5px;
    width: 260px;
    text-align: center;
    max-width: 100%;
}

.back a:before {
    content: "\f104";
    font-family: FontAwesome;
    position: absolute;
    top: 50%;
    left: 30px;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    font-size: 120%;
}

@media only screen and (max-width:1024px) {
    .postbox .cdlist li {
        width: 100%;
    }
    .post .postbox {
        width: 100%;
    }

    .post .calist {
        width: 100%;
        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;
    }
    .post .calist dl {
        width: 48%;
    }
    .pagenav li a {
        font-size: 16px;
        height: 30px;
        width: 30px;
    }
    .pagenav ul {
        max-width: 270px;
    }
    .postbox .cdlist {
        display: block;
    }
    .back a {
        padding: 12.5px 60px;
    }
    .singlebox .single {
        padding: 30px 0;
    }
}

@media only screen and (max-width:599px) {
    .post .calist dl {
        width: 100%;
    }
    .calist dt {
        padding: 10px;
    }

    .calist li a {
        padding: 10px 0;
    }
    .back a {
        padding: 10px 60px;
        display: block;
        margin: 0 auto;
    }
    .singlebox .single {
        padding: 20px 0;
    }
}

/*contact web*/

.web01box .nl {
    counter-reset: number;
}

.web01box .nl li {
    padding-left: 1.2em;
    position: relative;
    line-height: 200%;
}

.web01box .nl li:before {
    position: absolute;
    counter-increment: number;
    content: counter(number) ".";
    top: 0;
    left: 0;
}

.form form {
    border: 1px solid #61754e;
    border-radius: 5px;
    padding: 80px 60px;
}

.form dl {
    padding: 20px 0;
    border-bottom: 1px solid #fff;
}

.form dl:last-of-type {
    border-bottom: none;
}

.form dl.inp {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.form dl.inp.inp2 {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.form dl.inp.inp3 dd li {
    /* width: 31.333%; */
    width: 100%;
}

.form.contact02 dl.inp {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.form dl.tarea {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.form.contact02 dl.tarea {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.form dt {
    width: 36%;
    font-weight: 700;
    position: relative;
    padding: 5px 0;
    padding-left: 4em;
    font-size: 18px;
}

.form dt .reqw {
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    padding: 5px 10px;
    background: #d5262b;
    color: #fff;
    border-radius: 10px;
    background: #61754e;
    position: absolute;
    left: 0;
    top: 0;
}

.form dd {
    width: 60%;
}
.form dd > div{
  font-size: 18px;
}
.form dd li {
    margin-bottom: 20px;
}

.form dd li:last-of-type {
    margin-bottom: 0;
}

.form dd.s1 input {
    width: auto;
}

.form dd.s1 span {
    margin: 0 0.5em;
    font-size: 18px;
}
.form dd.s1 > div{
  display: inline-block;
}
.form dd input {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #c0bfbf;
}

.form dd select {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 12.5px 10px;
    border-radius: 5px;
    border: 1px solid #c0bfbf;
}

.form .radio dd input {
    display: none;
}

.form .radio dd input + label {
    padding-left: 20px;
    position: relative;
    margin-right: 20px;
    line-height: 200%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.form .radio dd input + label::before {
    content: "";
    display: block;
    position: absolute;
    top: 4px;
    left: 0;
    width: 10px;
    height: 10px;
    border: 1px solid #303841;
    border-radius: 50%;
    background: #fff;
}

.form .radio dd input:checked + label::after {
    content: "";
    display: block;
    position: absolute;
    top: 6px;
    left: 2px;
    width: 8px;
    height: 8px;
    background: #303841;
    border-radius: 50%;
}

.form .radio dd input:checked + label {
    border-bottom: 1px solid;
    -webkit-transition: 0.6s;
    transition: 0.6s;
}

.form dd textarea {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #c0bfbf;
    font-size: 16px;
    font-family: "游ゴシック",
    YuGothic,
    Hiragino Sans,
    "ヒラギノ角ゴ ProN W3",
    "Hiragino Kaku Gothic Pro",
    Hiragino Kaku Gothic ProN,
    "メイリオ",
    Meiryo,
    'ＭＳ Ｐゴシック',
    sans-serif;
    height: 300px;
}

.formbtn li button {
    text-align: center;
    color: #fff;
    display: block;
    background: #61754e;
    padding: 15px;
    border-radius: 5px;
    position: relative;
    z-index: 1;
    opacity: 1;
    overflow: hidden;
    border: none;
    width: 100%;
    margin: 80px auto;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
    font-size: 18px;
    font-weight: 700;
}

.formbtn li button:after {
    position: absolute;
    font-family: FontAwesome;
    content: "\f105";
    position: absolute;
    top: 50%;
    right: 5px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 20px;
}
.formbtn.formbtn2 li:nth-of-type(2n+1) button:after{
  right: auto;
  left: 5px;
  content: "\f104";
}
.formbtn li button:hover {
    cursor: pointer;
    opacity: 0.6;
}

.formbtn li {
    width: 100%;
    max-width: 260px;
    margin: auto;
}

.formbtn2 li {
    max-width: 200px;
}
.uk-text-danger{
  font-size: 14px !important;
}
@media only screen and (max-width:1024px) {
    .form dt {
        width: 100%;
        padding-bottom: 1em;
    }

    .form dd {
        width: 100%;
    }
    .form dl {
        padding: 15px 0;
    }
    .formbtn li button {
        margin: 60px auto;
        padding: 15px;
        font-size: 16px;
    }
    .formbtn2 li {
        max-width: 200px;
    }
    .form form {
        padding: 50px 30px;
    }
    .form .nreq dt {
        padding-left: 0;
    }
    .form form dl * {
        font-size: 16px !important;
    }
    .form .txt {
        font-size: 14px !important;
    }
}

@media only screen and (max-width:599px) {
    .formbtn li button {
        margin: 40px auto;
        padding: 10px;
        max-width: 250px;
        font-size: 14px;
    }
    .formbtn2 li {
        max-width: 130px;
    }
    .form dl.inp.inp3 dd li {
        width: 100%;
    }
    .form form {
        padding: 30px 10px;
    }
    .form form dl * {
        font-size: 14px !important;
    }
}


.air-flow{
  max-width: 1020px;
    margin: auto;
    padding: 60px 0;
    width: 98%;
}

.air-flow02{
  max-width: 1020px;
    margin: auto;
    padding: 20px 0 60px;
    width: 98%;
}

.air-img{
  width:100%;
 
}




@media only screen and (max-width:1024px) {
.airflow-img {
    width: 600px;
}
}

@media only screen and (max-width:599px) {
.airflow-img {
    width: 300px;
}
}


.gbt-img{
  width: 80%;
    margin: 0 auto 30px;
}

.gbt-img img{
  width: 100%;
}

.gbt-flex {
    display: flex;
    justify-content: space-between;
    margin: 30px auto 50px;
    border-bottom: 1px dotted;
    padding-bottom: 50px;
}

.gbt-p{
  width: 60%;
  line-height: 1.8;
}

.airflow-img{
  width: 38%;
    margin: auto;
}

.gbt-span{
  font-size: 16px;
    font-weight: bold;
}


@media only screen and (max-width:599px) {
.air-flow {
    width: 94%;
}

.gbt-img {
    width: 94%;
}

.air-flow02 {
    width: 94%;
}

.gbt-flex {
    display: block;
    margin: 20px auto 30px;
    border-bottom: 1px dotted;
    padding-bottom: 40px;
}


.gbt-p {
    width: 100%;
}


.airflow-img {
    width: 100%;
}
}



.hope-04{
  width: 10% !important;
}