@charset "utf-8";
@import url("https://fonts.googleapis.com/css2?family=Hina+Mincho&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Sawarabi+Mincho&display=swap");

/* CSS Document */

@font-face {
    font-family: 'GenJyuuGothic-m';
    /* お好きな名前に */
    src: url(/import/tenant_1/160.16.116.202/html/font/GenJyuuGothic-m.eot);
    /* IE9以上用 */
    src: url(/import/tenant_1/160.16.116.202/html/font/GenJyuuGothic-m.eot) format('embedded-opentype'),
        /* IE8以前用 */
        url(/import/tenant_1/160.16.116.202/html/font/GenJyuuGothic-m.woff) format('woff'),
        /* モダンブラウザ用 */
        url(#) format('truetype');
    /* iOS, Android用 */
    font-weight: normal;
    font-style: normal;
}

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

.w37 {
    width: 37%;
}

.w39 {
    width: 39%;
}

.w54 {
    width: 54%;
}

.top-name {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    bottom: 170px;
    position: relative;
    right: 0px;
}

.numb {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 40px;
    color: #fff;
    background: #ae3628;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 1px solid #fff;
    -webkit-box-shadow: 0 0 0 4px #ae3628;
    box-shadow: 0 0 0 4px #ae3628;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

[data-element-id] .numb {
  position: absolute!important;
}

.numb.new {
    position: relative;
    top: 0;
    left: 0;
    font-size: 40px;
    color: #fff;
    background: #ae3628;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 1px solid #fff;
    -webkit-box-shadow: 0 0 0 4px #ae3628;
    box-shadow: 0 0 0 4px #ae3628;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 20px auto;
}

.numb.sin {
    position: absolute;
    top: 5px;
    left: 5px;
    font-size: 40px;
    color: #fff;
    background: #ae3628;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 1px solid #fff;
    -webkit-box-shadow: 0 0 0 4px #ae3628;
    box-shadow: 0 0 0 4px #ae3628;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 1;
}

@media only screen and (max-width: 1024px) {
    .numb {
        font-size: 30px;
        width: 50px;
        height: 50px;
    }

    .numb.sin {
        font-size: 30px;
        width: 50px;
        height: 50px;
    }

    .numb.new {
        font-size: 30px;
        width: 50px;
        height: 50px;
    }
}

@media only screen and (max-width: 599px) {
    .numb {
        font-size: 20px;
        width: 30px;
        height: 30px;
    }

    .numb.new {
        font-size: 20px;
        width: 30px;
        height: 30px;
    }

    .numb.sin {
        top: 6px;
        left: 5px;
        font-size: 20px;
        width: 40px;
        height: 40px;
    }
}

.kflex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: start;
    justify-content: flex-start;
    font-size: 14px;
}

.kred {
    color: rgb(174, 54, 40);
    margin-right: 10px;
}

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

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


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

html {
    font-size: 16px;
    line-height: 1.6;
    letter-spacing: 1px;
   /*  font-family: "Sawarabi Mincho", sans-serif; */
    font-family: serif;
    /* color: #121212; */
    color: #000;
}


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

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

.logo img {
    max-width: 250px !important;
    max-height: 150px;
    width: auto;
    height: auto !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 !important;
    display: block;
    position: relative !important;
    opacity: 1;
}

a[data-href*="."] {
    border: solid red 5px !important;
    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;
}

span {
    line-height: 180%;
    /* line-height: 210%; */
    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;
}

.st110 {
    font-size: 110%;
}

.st120 {
    font-size: 120%;
}

.st130 {
    font-size: 130%;
}

.st140 {
    font-size: 140%;
}

.st150 {
    font-size: 150%;
}

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

.blue {
    color: blue;
}

.white {
    color: #fff;
}

.orange {
    color: #f9930e;
}

.green {
    color: #5D3900;
}

.egreen {
    color: #33bd98;
}

.lgreen {
    color: #ae3628;
}

@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) {
   span {
     line-height: 170%;
   }

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

/* オブジェクトフィット */

.imgfit {
    display: block;
    position: relative;
    overflow: hidden;
}

.imgfit img {
    width: 100%;
    height: 100% !important;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    font-family: 'object-fit: cover; object-position: center center;';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.imgfit.cover {
    width: 100%;
    height: 100%;
}

.imgfit.cover img {
    position: static;
}

.imgfit:before {
    content: "";
    display: block;
}

.fit15:before {
    padding-top: 15%;
}

.fit20:before {
    padding-top: 20%;
}

.fit25:before {
    padding-top: 25%;
}

.fit30:before {
    padding-top: 30%;
}

.fit35:before {
    padding-top: 35%;
}

.fit40:before {
    padding-top: 40%;
}

.fit42:before {
    padding-top: 42%;
}

.fit43:before {
    padding-top: 43%;
}

.fit45:before {
    padding-top: 45%;
}

.fit50:before {
    padding-top: 50%;
}

.fit55:before {
    padding-top: 55%;
}

.fit60:before {
    padding-top: 60%;
}

.fit65:before {
    padding-top: 65%;
}

.fit70:before {
    padding-top: 70%;
}

.fit75:before {
    padding-top: 75%;
}

.fit80:before {
    padding-top: 80%;
}

.fit85:before {
    padding-top: 85%;
}

.fit90:before {
    padding-top: 90%;
}

.fit95:before {
    padding-top: 95%;
}

.fit100:before {
    padding-top: 100%;
}

.fit105:before {
    padding-top: 105%;
}

.fit110:before {
    padding-top: 110%;
}

.fit115:before {
    padding-top: 115%;
}

.fit120:before {
    padding-top: 120%;
}

.fit125:before {
    padding-top: 125%;
}

.fit130:before {
    padding-top: 130%;
}

.fit135:before {
    padding-top: 135%;
}

.fit140:before {
    padding-top: 140%;
}

.fit145:before {
    padding-top: 145%;
}

.fit150:before {
    padding-top: 150%;
}

.fit155:before {
    padding-top: 155%;
}

.fit160:before {
    padding-top: 160%;
}

/* mix-blend-mode */

.mbm-filter {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

_:-ms-lang(x)::-ms-backdrop,
.mbm-filter {
    opacity: 0.2;
}

.mbm-multiply {
    mix-blend-mode: multiply;
}

.mbm-screen {
    mix-blend-mode: screen;
}

.mbm-overlay {
    mix-blend-mode: overlay;
}

.mbm-darken {
    mix-blend-mode: darken;
}

.mbm-lighten {
    mix-blend-mode: lighten;
}

.mbm-color-dodge {
    mix-blend-mode: color-dodge;
}

.mbm-color-burn {
    mix-blend-mode: color-burn;
}

.mbm-hard-light {
    mix-blend-mode: hard-light;
}

.mbm-soft-light {
    mix-blend-mode: soft-light;
}

.mbm-difference {
    mix-blend-mode: difference;
}

.mbm-exclusion {
    mix-blend-mode: exclusion;
}

.mbm-hue {
    mix-blend-mode: hue;
}

.mbm-saturation {
    mix-blend-mode: saturation;
}

.mbm-color {
    mix-blend-mode: color;
}

.mbm-luminosity {
    mix-blend-mode: luminosity;
}

/* カルーセルリスト */

.carousel-list {
    margin-left: -8.3333%;
    margin-right: -8.3333%;
}

.carousel-list li {
    width: 16.6666%;
}

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

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

/*ofiImg*/

.ofiImg {
    overflow: hidden;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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



/*フレックス*/

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

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

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

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

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

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

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

.flexn599 {
    display: -webkit-box;
    display: -ms-flexbox;
    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: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.reverse {
    -webkit-box-direction: 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;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

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

/*wrap*/

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

/*common*/

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

.even>*:nth-of-type(even) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: 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;
}

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

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

.memh {
    margin: 0.5em 0;
}

.mem1 {
    margin: 1em 0;
}

.mem2 {
    margin: 2em 0;
}

.mbemh {
    margin-bottom: 0.5em;
}

.mbem1 {
    margin-bottom: 1em;
}

.mbem2 {
    margin-bottom: 2em;
}

.mbem3 {
    margin-bottom: 3em;
}

.mlem1 {
    margin-left: 1em;
}

.mlem2_7 {
    margin-left: 2.7em;
}

.mlem3 {
    margin-left: 3em;
}

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

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

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

.mt80 {
    margin-top: 80px;
}

.mt60 {
    margin-top: 60px;
}

.mt40 {
    margin-top: 40px;
}

.mt20 {
    margin-top: 20px;
}

.mb80 {
    margin-bottom: 80px;
}

.mb60 {
    margin-bottom: 60px;
}

.mb40 {
    margin-bottom: 40px;
}

.mb20 {
    margin-bottom: 20px;
}

.pic {
    text-align: center;
}

.pix {
    text-align: center;
}

.pic img {
    width: 100%;
}

.tac {
    text-align: center;
}

.tal {
    text-align: left;
}

.tar {
    text-align: right;
}

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

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

.bgimg.b:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    left: 0;
    top: 0;
}

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

.bgimg img {
    width: 100%;
    height: 100% !important;
    -o-object-fit: cover;
    object-fit: cover;
}

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

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

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

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

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

.bkimg599 img {
    width: 100%;
    min-width: 1200px;
    position: relative;
    left: 50%;
    -webkit-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: 50px 0;
    }

    .area {
        padding: 60px 0;
    }

    .area60 {
        padding: 50px 0;
    }

    .area40 {
        padding: 30px 0;
    }

    .row4 {
        width: 31.333%;
    }

    .row5 {
        width: 23%;
    }

    .mt80 {
        margin-top: 60px;
    }

    .mt60 {
        margin-top: 50px;
    }

    .mt40 {
        margin-top: 30px;
    }

    .mb80 {
        margin-bottom: 60px;
    }

    .mb60 {
        margin-bottom: 50px;
    }

    .mb40 {
        margin-bottom: 30px;
    }

    .bkimg1024 {
        position: static;
        -webkit-transform: none;
        transform: none;
    }

    .bkimg1024 img {
        min-width: auto !important;
    }
}

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

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

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

    .area40 {
        padding: 20px 0;
    }

    .row2 {
        width: 98%;
    }

    .row3 {
        width: 48%;
    }

    .row4 {
        width: 48%;
    }

    .row5 {
        width: 31.333%;
    }

    .mt80 {
        margin-top: 40px;
    }

    .mt60 {
        margin-top: 40px;
    }

    .mt40 {
        margin-top: 20px;
    }

    .mb80 {
        margin-bottom: 40px;
    }

    .mb60 {
        margin-bottom: 40px;
    }

    .mb40 {
        margin-bottom: 20px;
    }

    .bkimg599 {
        position: static;
        -webkit-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*/

[data-element-id] .fead-mv {
    opacity: 1;
}

.fead-mv {
    opacity: 0;
    -webkit-transition: .8s;
    transition: .8s;
}

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

/*iframe*/

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

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

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

/*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*/

.head {
    position: relative;
}

@media only screen and (max-width:1024px) {
    .head {
        position: static;
        margin-top: 0;
    }
}

/*gnav*/

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

.toggle {
  margin: 0;
}

#gnav {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 200;
    width: 100%;
    margin: 20px auto 0;
}


#gnav li {
    width: 11.111%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    margin-bottom: 0;
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

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

#gnav li.pcnone {
    display: none;
}

#gnav li a {
    width: 100%;
    display: -ms-grid;
    display: grid;
    font-size: 14px;
    font-weight: 700;
    padding: 16px;
    opacity: 1;
    position: relative;
}

#gnav li a:hover {
    color: rgba(115, 90, 66, 0.6);
}

#gnav li a:hover span:after {
    color: #735a42;
    text-shadow: 10px 0 #735a42, -10px 0 #735a42;
}

#gnav li.logo a {
    -webkit-transition: 0.6s all ease;
    transition: 0.6s all ease;
    margin: 0 auto;
    max-width: 100%;
}

#gnav li.logo a img {
    width: 100% !important;
    max-width: 150px !important;
    max-height: none !important;
}

#gnav.fix li.logo a {
    max-width: 60px;
}

#gnav li.logo a:hover {
    opacity: 0.6;
}

#gnav li.logo a:after {
    display: none;
}

#gnav li a span {
    position: relative;
    color: #ae3628;
}

#gnav li a .ja {
    /* color: #121212; */
    color: #000;
}

#gnav li a span:after {
    color: transparent;
    content: "•";
    text-shadow: transparent 0px 0px;
    font-size: 1.2em;
    pointer-events: none;
    position: absolute;
    bottom: -15px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

#gnav li a:hover span:after {
  -webkit-transition: text-shadow 0.3s ease 0s, color 0.3s ease 0s;
    transition: text-shadow 0.3s ease 0s, color 0.3s ease 0s;
}

#gnav li a span.up-d-none\@tb:after {
    content: "";
}

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

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

/* fade */
#gnav ul li ul {
    opacity: 0;
    visibility: hidden;
    
}

#gnav ul li:hover ul {
    top: 60px;
    visibility: visible;
    opacity: 1;
    -webkit-transition: .5s;
    transition: .5s;
    z-index: 999;
}

/* Submenu */
#gnav ul li ul {
    width: 100%;
    position: absolute;
    top: 70px;
    left: -45px;
    z-index: -999;
    margin-left: -1px;
    min-width: 300px;
}

[data-element-id] #gnav ul li ul {
    top: 150px;
    opacity: 1;
    visibility: visible;
}

#gnav ul li ul li {
    margin: 0 auto;
    width: 50%;
    display: block;
}

#gnav ul li ul li.pcnone {
    display: block;
}

#gnav ul li ul li a {
    width: 100%;
    background: rgba(255, 255, 255, 0.9);
    margin: 2px 0;
    padding: 20px 0;
    transition: none;
}

#gnav ul li ul li a:hover {
  transition: none;
}

#gnav ul li ul li a:hover {
    background: rgba(255, 255, 255, 0.9);
}

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

#mainnav li ul li:first-child:before {
    content: none;
}

@media only screen and (max-width: 1024px) {
    #gnav ul li .inner {
        display: block !important;
    }

    /* #gnav ul li:hover ul{
    display: none;
} */
    #gnav ul li ul {
        min-height: auto;
        max-width: 100%;
        background: none;
        margin-left: 0;
        display: block;
        position: static !important;
        opacity: 1;
        visibility: visible !important;
    }

    #gnav ul li ul li {
        border-left: none;
        width: auto !important;
        border-left: none !important;
    }

    #gnav ul li ul li:last-of-type {
        border-bottom: none;
    }

    #gnav ul li ul li a {
        background: none;
        height: auto !important;
    }

    #gnav ul li ul li a:hover {
        background: none;
    }
}

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

    }

    #gnav ul li {
        display: block !important;
        width: 100%;
        text-align: center;
        text-align: left;
        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: 999;
        -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: 998;
    }

    #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);
        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);
        transform: rotate(90deg);
        top: 0;
        left: 0;
    }

    #gnav .gnavinn>ul {
        width: 100%;
        padding: 60px 3% 80px;
    }

    #gnav .gnavinn>ul a {
        height: auto;
        display: inline-block;
        text-align: left;
        padding: 10px 10px 10px 20px;
        border: none !important;
        width: auto;
    }

    #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.logo a {
        max-width: 90px !important;
        margin: 0;
    }
}

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

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

.homeSlide {
    text-align: center;
    position: relative;
    margin-bottom: -60px;
}

.homeSlide .picbox {
    position: relative;
}

.homeSlide .picbox .pic {
    width: 32.333%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.homeSlide .picbox .pic:not(:last-of-type) {
    margin-right: 3px;
}

.homeSlide .pic:after {
    display: block;
    content: "";
    /* box-shadow: 0 0 40px 40px #f9f9f9 inset; */
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.homeSlide .pic img {
    opacity: 0.8;
    -webkit-filter: brightness(1.05);
    filter: brightness(1.05);
}

.homeSlide .tbox {
    width: 90%;
    margin: auto;
    position: absolute;
    top: 5%;
    left: 60%;
    /* transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0); */
    z-index: 1;
    line-height: inherit;
}

.homeSlide .tbox dl {
  background: #fff;
    position: relative;
    height: 380px;
    width: 380px;
    border-radius: 50%;
    opacity: 0.8;
}

/* .homeSlide .tbox * {
    text-shadow: #fff 2px 0px, #fff -2px 0px, #fff 0px -2px, #fff 0px 2px, #fff 2px 2px, #fff -2px 2px, #fff 2px -2px, #fff -2px -2px, #fff 1px 2px, #fff -1px 2px, #fff 1px -2px, #fff -1px -2px, #fff 2px 1px, #fff -2px 1px, #fff 2px -1px, #fff -2px -1px;
    text-align: center;
} */

.homeSlide .tbox dt {
    margin-bottom: 0.5em;
    color: #ae3628;
    line-height: 180%;
    letter-spacing: 0.2em;
    writing-mode: vertical-rl;
    position: absolute;
    top: 15%;
    left: 19%;
    font-weight: bold;
    font-size: 26px;
}

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

.homeSlide:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding-top: 4%;
    background: url(/upload/tenant_1/2222.png) bottom center /100% 100% no-repeat;
}

.homeSlide .slideNav {
    position: absolute;
    top: 65%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    z-index: 1;
    max-height: 400px;
}

.homeSlide .slideNav li {
    text-align: center;
    font-weight: 700;
    width: 31.333%;
}

.homeSlide .slideNav li a {
    display: inline-block;
    min-height: 220px;
    max-height: 220px;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    background: url(/import/tenant_1/160.16.116.202/html/images/frame01.png) center center /100% 100% no-repeat;
    padding: 30px 20px;
}

.mainImg {
    position: relative;
    overflow: hidden;
    margin-bottom: 10px;
}

.mainImg h2 {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 90%;
    margin: auto;
    z-index: 1;
}

.mainImg h2 span {
    display: inline-block;
    text-align: center;
    width: 700px;
    max-width: 100%;
    background: rgba(255, 255, 255, 0.8);
    padding: 20px;
    text-shadow: rgba(255, 255, 255, 0.4) 2px 0px, rgba(255, 255, 255, 0.4) -2px 0px, rgba(255, 255, 255, 0.4) 0px -2px, rgba(255, 255, 255, 0.4) 0px 2px, rgba(255, 255, 255, 0.4) 2px 2px, rgba(255, 255, 255, 0.4) -2px 2px, rgba(255, 255, 255, 0.4) 2px -2px, rgba(255, 255, 255, 0.4) -2px -2px, rgba(255, 255, 255, 0.4) 1px 2px, rgba(255, 255, 255, 0.4) -1px 2px, rgba(255, 255, 255, 0.4) 1px -2px, rgba(255, 255, 255, 0.4) -1px -2px, rgba(255, 255, 255, 0.4) 2px 1px, rgba(255, 255, 255, 0.4) -2px 1px, rgba(255, 255, 255, 0.4) 2px -1px, rgba(255, 255, 255, 0.4) -2px -1px;
}

.mainImg .pic {
    position: relative;
    overflow: hidden;
    width: 100%;
}

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

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

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

    .homeSlide .slideNav {
        -webkit-transform: scale(0.75) translate(-50%, -50%);
        transform: scale(0.75) translate(-50%, -50%);
        width: 150%;
        -webkit-transform-origin: left top;
        transform-origin: left top;
    }

    .homeSlide .slideNav li a {
        min-height: 210px;
        padding: 15px;
    }

    .homeSlide .tbox {
        top: 4%;
        /* -webkit-transform: translate(-50%, 0) scale(0.9);
        transform: translate(-50%, 0) scale(0.9); */
    }
    .homeSlide .tbox dl {
      width: 250px;
      height: 250px;
    }
    .homeSlide .tbox dt {
      top: 13%;
      font-size: 18px;
    }

    .mainImg h2 span {
        padding: 15px;
        width: 400px;
    }

    .mainImg .pic:before {
        padding-top: 250px;
    }
}

@media only screen and (max-width:599px) {
/*     .homeSlide .tbox {
    -webkit-transform: translate(-50%, 0) scale(0.75);
    transform: translate(-50%, 0) scale(0.75);
    width: 150%;
} */
    .homeSlide .tbox {
      top: 10px;
      left: 25%;
    }
    .homeSlide .tbox dl {
      width: 190px;
      height: 190px;
    }
    .homeSlide .tbox dt {
      line-height: 170%;
      font-size: 14px;
    }

    .homeSlide .slideNav li a {
        min-height: 170px;
        padding: 15px;
    }

    .mainImg h2 span {
        padding: 10px;
        width: 300px;
    }

    .mainImg .pic:before {
        padding-top: 200px;
    }
}


/*footer*/

#footer {
    position: relative;
}

.foot:before {
    position: absolute;
    top: -1px;
    left: 0;
    width: 100%;
    padding-top: 4%;
    /* background: url(/import/tenant_1/160.16.116.202/html/images/namiwhitetop.png) bottom center /100% 100% no-repeat; */
    background: url(/import/tenant_1/160.16.116.202/html/images/namiwhitetop.png) no-repeat;
    content: "";
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    z-index: 1;
}

.foot:after {
    background: url(/import/tenant_1/160.16.116.202/html/images/wood01.png) right 10% top 5% /100% 100% no-repeat;
    position: absolute;
    top: 0;
    right: 10%;
    content: "";
    z-index: 1;
    width: 300px;
    height: 130px;
}

.foot {
    background: url(/import/tenant_1/160.16.116.202/html/images/bg01.png) center center /100% 100% no-repeat;
    background-color: rgba(0, 0, 0, 0.4);
    background-size: cover;
    padding: 60px 0;
    position: relative;
    overflow: hidden;
}

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

.fcontactlist li {
    margin-bottom: 10px;
}

.fcontactlist li a {
    display: block;
    text-align: center;
    padding: 10px;
    border: 1px solid;

}

.fcontactlist li a span {
    display: inline-block;
    position: relative;
    padding-left: 2em;
}

.fcontactlist li.mail a span {
    background: url(/import/tenant_1/160.16.116.202/html/images/mail01.png) left center /26px 20px no-repeat;
}

.fcontactlist li.tel a span {
    background: url(/import/tenant_1/160.16.116.202/html/images/tel01.png) left center /26px 29px no-repeat;
}

.fnav li {
    width: 11.111%;
    margin: 1% 15px 1% 0;
    text-align: center;
}

.fnav li a {
    display: block;
    position: relative;
    border-right: 1px solid;
    padding-right: 15px;
}

.fnav li:last-of-type a {
    border-right: none;
}

.copy {
    text-align: center;
    background: #fff;
    padding: 20px 0;
    color: rgba(115, 90, 66, 255);
}

.footfix {
    position: absolute;
    top: 15%;
    right: 0;
    z-index: 99;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: 0.6s all ease;
    transition: 0.6s all ease;
}

.footfix {
    display: none;
}

.footfix.fix {
    visibility: visible;
    opacity: 1;
}

.scroll .footfix {
    opacity: 0;
    visibility: hidden;
}

.footfix li a {
    width: 140px;
    height: 80px;
    background-color: #76c0ed;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    color: #fff;
    margin-bottom: 10px;
    font-size: 16px;
}

.footfix li.tel a {
    background-image: url(/import/tenant_1/160.16.116.202/html/images/tel02.png);
    background-position: top 5px left 5px;
    background-repeat: no-repeat;
    background-size: 30px;
}

.footfix li.telbox a {
    background-image: url(/import/tenant_1/160.16.116.202/html/images/tel02.png);
    background-position: top 5px left 5px;
    background-repeat: no-repeat;
    background-size: 30px;
    background-color: #ffe200;
}

.footfix li.web a {
    background-image: url(/import/tenant_1/160.16.116.202/html/images/mail02.png);
    background-position: top 5px left 5px;
    background-repeat: no-repeat;
    background-size: 25px;
    padding-top: 25px;
    padding-bottom: 5px;
    background-color: #ff0000;
}

@media only screen and (max-width:1024px) {
    .flogo a {
        max-width: 90px;
    }

    .fcontact {
        width: 100%;
    }

    .foot:after {
        width: 250px;
        height: 100px;
    }

    .fnav li {
        width: 23%;
    }

    .fnav li:last-of-type a {
        border-right: 1px solid;
    }

    .fnav li:nth-of-type(4n+4) a {
        border-right: none;
    }
}

@media only screen and (max-width:599px) {
    .flogo a {
        max-width: 80px;
        margin-top: 30px;
    }

    .ftlist li {
        width: 100%;
        margin: 2% 0;
    }

    .foot:after {
        width: 200px;
        height: 70px;
    }

    .fnav li {
        width: 33.333%;

        font-size: 14px;
    }

    .fnav li:nth-of-type(4n+4) a {
        border-right: 1px solid;
    }

    .fnav li:nth-of-type(3n+3) a {
        border-right: none;
    }

    .scroll .footfix {
        opacity: 1;
        visibility: visible;
    }

    .footfix {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%;
        bottom: 0;
        top: auto;
        -webkit-box-shadow: 0px 0px 5px 1px #ddd;
        box-shadow: 0px 0px 5px 1px #ddd;
    }

    .footfix li {
        width: 50%;
    }

    .footfix li a {
        width: 100%;
        margin-bottom: 0;
        padding: 30px 5px 0 !important;
        height: 100%;
        font-size: 13px;
    }

    .footfix li a span br {
        display: none;
    }

    .footfix li.tel a {
        background-size: 25px;
        background-position: top 5px center;
    }

    .footfix li.telbox a {
        background-size: 25px;
        background-position: top 5px center;
    }

    .footfix li.web a {
        background-size: 20px;
        background-position: top 7.5px center;
    }

    footer {
        padding-bottom: 70px;
    }
}


/*totop*/

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

#totop a:before {
    content: "\f0d8";
    font-family: FontAwesome;
    display: block;
    margin: 0 auto;
    font-size: 30px;
}

#totop a {
    background: #ae3628;
    display: block;
    color: #fff;
    width: 70px;
    font-size: 12px;
    padding: 10px 0;
    line-height: 140%;
    height: 70px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

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

    #totop {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
        -webkit-transform-origin: right top;
        transform-origin: right top;
    }
}

@media only screen and (max-width:599px) {
    #totop a:before {
        font-size: 26px;
    }

    #totop {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
        bottom: 50px;
        right: 10px;
    }
}


/*common*/

h3 {
    letter-spacing: 5px;
}

/* .bb3:after {
    display: block;
    width: 1em;
    height: 3px;
    content: "";
    background: #735a42;
    margin-bottom: 0.5em;
} */

.fadeIn {
    opacity: 0;
    -webkit-transition: 0.8s all ease;
    transition: 0.8s all ease;
    -webkit-transform: translate(0px, 40px);
    transform: translate(0px, 40px);
}

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


.fead-mv .fadeIn:nth-of-type(2) {
    -webkit-transition-delay: 200ms;
    transition-delay: 200ms;
}

.fead-mv .fadeIn:nth-of-type(3) {
    -webkit-transition-delay: 400ms;
    transition-delay: 400ms;
}

.fead-mv .fadeIn:nth-of-type(4) {
    -webkit-transition-delay: 600ms;
    transition-delay: 600ms;
}

.fead-mv .fadeIn:nth-of-type(5) {
    -webkit-transition-delay: 800ms;
    transition-delay: 800ms;
}

.fead-mv .fadeIn:nth-of-type(6) {
    -webkit-transition-delay: 1000ms;
    transition-delay: 1000ms;
}

.fead-mv .fadeIn:nth-of-type(7) {
    -webkit-transition-delay: 1200ms;
    transition-delay: 1200ms;
}

.fead-mv .fadeIn:nth-of-type(8) {
    -webkit-transition-delay: 1400ms;
    transition-delay: 1400ms;
}

.fead-mv .fadeIn:nth-of-type(9) {
    -webkit-transition-delay: 1600ms;
    transition-delay: 1600ms;
}

.fead-mv .fadeIn:nth-of-type(10) {
    -webkit-transition-delay: 1800ms;
    transition-delay: 1800ms;
}

.fead-mv .fadeIn:nth-of-type(11) {
    -webkit-transition-delay: 2000ms;
    transition-delay: 2000ms;
}

.fead-mv .fadeIn:nth-of-type(12) {
    -webkit-transition-delay: 2200ms;
    transition-delay: 2200ms;
}

[data-element-id] .fadeIn {
    opacity: 1 !important;
}

.more.tf01 span {
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
}

.more.tf01 a {
    opacity: 1;
}

.more span {
    display: inline-block;
    padding: 10px 30px 10px 30px;
    width: 190px;
    max-width: 100%;
    text-align: center;
    position: relative;
    -webkit-transform: translateZ(0px);
    transform: translateZ(0px);
}

.more.tf01 span:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.more span:after {
    display: block;
    content: "\f0da";
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 18px;
    border: 1px solid;
    border-radius: 50%;
    text-align: center;
    letter-spacing: -3px;
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    font-family: FontAwesome;
}

.more.tf01 span:hover {
    color: #fff;
}

.more.tf01 span:hover:before {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
}

.more.tf01 span {
    /* color: #81b900; */
    background: #fb878775;
}

/* ボタンのcss */
.more {
    width: 220px;
    margin-left: auto;
    margin-right: auto;
}

.more a {
    display: block;
    text-align: center;
    color: #ae3628;
    background-color: white;
    border: 1px solid #ae3628;
    position: relative;
    z-index: 3;
    overflow: hidden;
}

.more a span {
    width: 100%;
    padding: 10px 30px;
    display: block;
    z-index: 1;
}

.more a span::after {
    display: inline-block;
    margin-left: 0.3em;
    content: "\f0da";
    width: 18px;
    height: 18px;
    line-height: 18px;
    position: static;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    font-size: 16px;
    border: 1px solid;
    border-radius: 50%;
    text-align: center;
    letter-spacing: -3px;
    font-family: FontAwesome;
}

.more a::before,
.more a::after {
    content: '';
    display: block;
    width: 100%;
    z-index: 2;
    -webkit-transition: 0.3s cubic-bezier(0, 3, 0, 5);
    transition: 0.3s cubic-bezier(0, 3, 0, 5);
    background-color: rgba(251, 135, 135, 0.458);
    height: 0;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    position: absolute;
    left: 0;
}

.more a::before {
    top: 0;
}

.more a::after {
    bottom: 0;
}

.more:hover a::before,
.more:hover a::after {
    height: 50%;
}

.back a {
    display: inline-block;
    padding: 10px 30px 10px 30px;
    border: 1px solid;
    width: 190px;
    max-width: 100%;
    text-align: center;
    position: relative;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    color: #ae3628;
    background: #ae3628;
    opacity: 1;
}

.back a:hover {
    color: #fff;
}

.back a:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.back a:after {
    position: absolute;
    left: 10px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    font-family: FontAwesome;
    content: "\f0d9";
    border: 1px solid;
    border-radius: 50%;
    height: 20px;
    width: 20px;
    font-size: 18px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    letter-spacing: 2px;
}

.back a:hover:before {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
}

/* .dot:after {
    content: "・・・・・";
    display: block;
    color: #89be11;
    letter-spacing: 10px;
    font-size: 80%;
    line-height: 160%;
    margin: 0 0 1em;
} */

.dot span {
    display: block;
    color: #89be11;
}

.dot.w:after {
    color: #fff;
}

.gpoint {
    position: relative;
    padding-left: 1em;
}

.gpoint:before {
    position: absolute;
    width: 10px;
    height: 10px;
    left: 0;
    top: 0.5em;
    content: "";
    /*  background: url(/import/tenant_1/160.16.116.202/html/images/point01.png) center center no-repeat; */
}

.hd01 {
    color: #fff;
    padding: 0 80px;
    /* background: url(/import/tenant_1/160.16.116.202/html/images/grass01l.png) left center /70px no-repeat, url(/import/tenant_1/160.16.116.202/html/images/grass01r.png) right center /70px no-repeat; */
    margin-bottom: 60px;
    position: relative;
}

.hd01 span {
    display: inline-block;
    font-size: 28px;
    padding: 10px 70px;
    /* background: url(/import/tenant_1/160.16.116.202/html/images/hd01.png) center center /100% 100% no-repeat; */
    background: #ae3628;
    border-radius: 40px;
    position: relative;
}

.hd01 .triangle {
    width: 0;
    height: 0;
    color: #970300;
    background: none;
    border-top: solid 20px;
    border-left: solid 20px transparent;
    border-right: solid 20px transparent;
    border-radius: 0;
    padding: 0;
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 0.8;
}

.hd02 {
    color: #fff;
    background-color: #ae3628;
    width: 600px;
    max-width: 100%;
    padding: 1em 80px;
    font-size: 16px;
    /* background-image: url(/import/tenant_1/160.16.116.202/html/images/wood04.png); */
    background-position: left 2px bottom 2px;
    background-repeat: no-repeat;
    position: relative;
}

.hd02:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    background: -webkit-gradient(linear, left top, right bottom, color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50.5%, #fff)) no-repeat top left/100% 100%;
    background: linear-gradient(to bottom right, rgba(255, 255, 255, 0) 50%, #fff 50.5%) no-repeat top left/100% 100%;
    height: 100%;
    width: 40px;
}

.hd03 {
    background: url(/import/tenant_1/160.16.116.202/html/images/wood02.png) center left /60px no-repeat;
    padding: 1em 0 1em 70px;
    margin-bottom: 1em;
}

@media only screen and (max-width:1024px) {
    .hd01 {
        padding: 0 50px;
        background-size: 50px;
    }
}

@media only screen and (max-width:599px) {
    .hd01 {
        padding: 0;
        background: none;
    }

    .hd01 span {
        padding: 10px 20px;
        font-size: 16px;
    }

    .more span {
        padding: 5px 40px 5px 30px;
        width: 200px;
    }

    .hd02 {
        background-size: 35px;
        padding: 0.8em 50px;
    }
}

/*home*/

.hgreet .tbox {
    padding: 5% 2% 0 5%;
    position: relative;
}

.hgreet .tbox h3 {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    position: absolute;
    top: 0;
    right: 0;
}


.hgreet .tbox .txt {
    line-height: 240%;
}

.hstrongitem {
    width: 31.333%;
}

.hstrongitem dd {
    margin-top: 15px;
    text-align: center;
}

.hstrongitem dd.tit {
    font-size: 22px;
    font-weight: normal;
}

.hstrongitem dd.txt {
    font-size: 14px;
    text-align: left;
}

.hshop dl {
    width: 31.333%;
}

.hshop dt {
    text-align: center;
}

.hshop dd {
    margin-top: 10px;
}

.hshop dd.name {
    font-size: 22px;
    text-align: center;
}

.hshop dd.reserve span {
    width: 100%;
}

.hshop dd.tel {
    font-size: 30px;
    text-align: center;
    margin: 0;
}

.hshop dd.tel i {
    margin-right: 5px;
}

.hinfo .hnews {
    width: 48%;
}

.hinfo .time {
    width: 48%;
}

.hinfo .time table {
    width: 100%;
    border: solid 1px;
    border-collapse: collapse;
    overflow: hidden;
}

.hinfo .time .timeattention {
    font-size: 14px;
    margin-top: 5px;
}

.hinfo .time table tr {
    border: solid 1px;
}

.hinfo .time table th {
    border: solid 1px;
    padding: 5px;
    text-align: center;
    font-weight: normal;
    width: 140px;
}

.hinfo .time table td {
    border: solid 1px;
    padding: 10px 0;
    text-align: center;
}


.hnewsbox .titbox {
    color: #edd3bf;
    padding-bottom: 15px;
    border-bottom: 1px solid;
    margin-bottom: 15px;
}

.hnewslist li {
    margin: 15px 0;
}

.hnewslist a {
    display: block;
}

.hnewslist dt {
    width: 110px;
    color: #ae3628;
    font-weight: normal;
}

.hnewslist dd {
    width: calc(100% - 110px);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.haboutbox .pic a {
    display: block;
    position: relative;
    overflow: hidden;
}

.haboutbox .tbox h3 {
    margin-bottom: 30px;
}

.haboutbox .pic {
    position: relative;
}

/* .haboutbox .pic img {
    opacity: 0.8;
} */

.haboutbox .pic a .btl {
    position: absolute;
    top: -25px;
    left: -45px;
    width: 105px;
    height: 145px;
    overflow: hidden;
    -webkit-transform: skew(-45deg);
    transform: skew(-45deg);
    background: #fff;
}

.haboutbox .pic a .btl:before {
    position: absolute;
    top: 20px;
    left: 60px;
    height: 100%;
    width: 110%;
    background: url(/import/tenant_1/160.16.116.202/html/images/border01.png) center top 0px;
    content: "";
    -webkit-transform: skew(45deg);
    transform: skew(45deg);
}



.haboutbox .pic a .moreD {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
    width: 140px;
    height: 140px;
    color: #81b900;
    background: url(/import/tenant_1/160.16.116.202/html/images/moreD.png) right bottom /100% 100% no-repeat;
    text-align: right;
    padding: 10px 10px 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    font-size: 12px;
    -webkit-transition: 0.6s all ease;
    transition: 0.6s all ease;
}

.haboutbox .pic .moreD {
    width: 140px;
    height: 140px;
    color: #ae3628;
    position: absolute;
    bottom: 0;
    right: 0;
}

.haboutbox .pic a:hover .moreD {
    color: #fff;
    background: url(/import/tenant_1/160.16.116.202/html/images/moreD02.png) right bottom /100% 100% no-repeat;
}

.haboutbox .pic .moreD:before {
    display: block;
    content: "";
    width: 0;
    height: 0;
    border-bottom: solid 140px;
    border-left: solid 140px transparent;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
}

.haboutbox .pic a .moreD:after {
    font-family: FontAwesome;
    content: "\f0da";
    border-radius: 50%;
    height: 20px;
    width: 20px;
    border: 1px solid;
    font-size: 18px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    letter-spacing: -3px;
    position: absolute;
    bottom: 10px;
    right: 25%;
}

.haboutbox .pic .moreD a {
    color: #ae3628;
    font-size: 12px;
    padding: 10px 10px 35px 10px;
    text-align: center;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 3;
    -webkit-transition: 0.6s all ease;
    transition: 0.6s all ease;
}

.haboutbox .pic .moreD a:after {
    display: block;
    content: "\f0da";
    width: 20px;
    height: 20px;
    line-height: 22px;
    font-size: 18px;
    font-family: FontAwesome;
    border-radius: 50%;
    border: 1px solid;
    text-align: center;
    letter-spacing: -3px;
    position: absolute;
    bottom: 10px;
    right: 34%;
}

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

.htroubleitem {
    width: 23%;
    border: 1px solid #edd3bf;
}

.htroubleitem dd {
    padding: 1.5em 1em 1.5em 2.5em;
    position: relative;

}

.htroubleitem dd .title {
    color: #735a42;
}

.htroubleitem dd:before {
    position: absolute;
    left: 0.5em;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    font-family: FontAwesome;
    content: "\f0da";
    border: 1px solid;
    border-radius: 50%;
    height: 18px;
    width: 18px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    letter-spacing: -3px;
    color: #81b900;
}

.hfirstitem dt {
    position: relative;
    overflow: hidden;
}

.hfirstitem dt .moreD {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 140px;
    height: 140px;
    color: #81b900;
    background: url(/import/tenant_1/160.16.116.202/html/images/moreD01.png) left top /100% 100% no-repeat;
    text-align: right;
    padding: 10px 10px 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 26px;
    text-align: left;
}

.hfirstitem dt:before {
    display: block;
    content: "";
    width: 0;
    height: 0;
    border-top: solid 150px #fff;
    border-right: solid 150px transparent;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.hfirstitem dt .moreD {
    color: #ae3628;
    font-size: 24px;
    padding: 10px;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.hfirstitem dt .moreD:before {
    display: block;
    content: "";
    width: 0;
    height: 0;
    border-top: solid 130px;
    border-right: solid 130px transparent;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.hfirstitem dt .moreD:after {
    display: block;
    content: "";
    width: 0;
    height: 0;
    border-top: solid 126px #fff;
    border-right: solid 126px transparent;
    position: absolute;
    top: 1px;
    left: 1px;
    z-index: -1;
}


.hfirstitem dd {
    margin: 0.5em 0;
}

.hstaffbox {
    padding: 15px;
    background: url(/import/tenant_1/160.16.116.202/html/images/bg01.png) center center /100% 100% no-repeat;
    position: relative;
}

.hstaffboxinn:before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 120px;
    background: url(/import/tenant_1/160.16.116.202/html/images/wood02.png) bottom center /100% 100% no-repeat;
    width: 100px;
    height: 120px;
}

.hstaffboxinn {
    padding: 40px 22%;
    border: 3px solid #fff;
}

.hstaffbox .pic {
    position: absolute;
    bottom: 0;
    left: 15px;
    width: 20%;
}

.hstaffbox .moreD a {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
    width: 140px;
    height: 140px;
    color: #ae3628;
    background: url(/import/tenant_1/160.16.116.202/html/images/moreD.png) right bottom /100% 100% no-repeat;
    text-align: right;
    padding: 10px 10px 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    font-size: 12px;
    opacity: 1;
}

.hstaffbox .moreD a:after {
    font-family: FontAwesome;
    content: "\f0da";
    border-radius: 50%;
    height: 20px;
    width: 20px;
    border: 1px solid;
    font-size: 18px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    letter-spacing: -3px;
    position: absolute;
    bottom: 10px;
    right: 25%;
}

.hstaffbox .moreD a:hover {
    color: #fff;
    background: url(/import/tenant_1/160.16.116.202/html/images/moreD02.png) right bottom /100% 100% no-repeat;
}

.hblogitem {
    width: 31.333%;
}

.hblogitem a {
    display: block;
}

.hblogitem dt {
    position: relative;
}

.hblogitem dt:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    border-top: 50px solid #fff;
    border-right: 50px solid transparent;
    z-index: 1;
}

.hblogitem dt:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    border-bottom: 50px solid #fff;
    border-left: 50px solid transparent;
    z-index: 1;
}

.hblogitem dd {
    margin: 0.5em 0;
}

.hblogitem dd.date {
    color: #ae3628;
}

.hrecruit {
    margin-bottom: 60px;
}

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

.hrecruitbox * {
    color: #fff;
}

.hrecruitboxinn {
    padding: 60px 20%;
}

.hrecruitbox h3 {
    font-size: 43px;
    margin-bottom: 0px;
    text-shadow: 1px 1px 2px #333, -1px -1px 2px #333, -1px 1px 2px #333, 1px -1px 2px #333, 1px 1px 2px #333, -1px -1px 2px #333, -1px 1px 2px #333, 1px -1px 2px #333, 1px 1px 2px #333, -1px -1px 2px #333, -1px 1px 2px #333, 1px -1px 2px #333, 1px 1px 2px #333, -1px -1px 2px #333, -1px 1px 2px #333, 1px -1px 2px #333, 1px 1px 2px #333, -1px -1px 2px #333, -1px 1px 2px #333, 1px -1px 2px #333, 1px 1px 2px #333, -1px -1px 2px #333, -1px 1px 2px #333, 1px -1px 2px #333, 1px 1px 2px #333, -1px -1px 2px #333, -1px 1px 2px #333, 1px -1px 2px #333, 1px 1px 2px #333, -1px -1px 2px #333, -1px 1px 2px #333, 1px -1px 2px #333;
}

.hrecruitbox .txt {
    font-size: 20px;
    text-align: center;
    text-shadow: 1px 1px 2px #333, -1px -1px 2px #333, -1px 1px 2px #333, 1px -1px 2px #333, 1px 1px 2px #333, -1px -1px 2px #333, -1px 1px 2px #333, 1px -1px 2px #333, 1px 1px 2px #333, -1px -1px 2px #333, -1px 1px 2px #333, 1px -1px 2px #333, 1px 1px 2px #333, -1px -1px 2px #333, -1px 1px 2px #333, 1px -1px 2px #333, 1px 1px 2px #333, -1px -1px 2px #333, -1px 1px 2px #333, 1px -1px 2px #333, 1px 1px 2px #333, -1px -1px 2px #333, -1px 1px 2px #333, 1px -1px 2px #333, 1px 1px 2px #333, -1px -1px 2px #333, -1px 1px 2px #333, 1px -1px 2px #333, 1px 1px 2px #333, -1px -1px 2px #333, -1px 1px 2px #333, 1px -1px 2px #333;
}

.hrecruitboxinn {
    padding: 80px 10%;
}

.hrecruitbox .moreD {
    display: block;
    width: 140px;
    height: 140px;
    color: #ae3628;
    position: absolute;
    bottom: 0;
    right: 0;
}

.hrecruitbox .moreD:before {
    display: block;
    content: "";
    width: 0;
    height: 0;
    border-bottom: solid 140px;
    border-left: solid 140px transparent;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
}

.hrecruitbox .moreD:after {
    display: block;
    content: "";
    width: 0;
    height: 0;
    border-bottom: solid 136px #fff;
    border-left: solid 136px transparent;
    position: absolute;
    bottom: 1px;
    right: 1px;
    z-index: 2;
}

.hrecruitbox .moreD a {
    color: #ae3628;
    font-size: 12px;
    padding: 10px 10px 35px 10px;
    text-align: right;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 3;
    opacity: 1;
}

.hrecruitbox .moreD a:after {
    display: block;
    content: "\f0da";
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 18px;
    font-family: FontAwesome;
    border-radius: 50%;
    border: 1px solid;
    text-align: center;
    letter-spacing: -3px;
    position: absolute;
    bottom: 10px;
    right: 35%;
}

.hrecruitbox .moreD a:hover {
    color: #fff;
    /* background: url(/import/tenant_1/kajimura.net/akamon_kajimura/static/uploads/contents/managed_html_file.name.a1cf9022dc6bc562.696d675f65636336383330626666326635613135663432646336616139326331383763333134333832362e6a7067/img_ecc6830bff2f5a15f42dc6aa92c187c3143826.jpg) right bottom /100% 100% no-repeat; */
}

.hrecruitbox .pic {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
}

.hrecruitbox .pic img {
    opacity: 0.6;
}

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

    .hinfo .hnews {
        width: 70%;
        margin: auto;
    }

    .top-tb {
        margin: 10px auto;
    }

    .htroubleitem dd {
        padding: 1em 1em 1em 2.5em;
    }

    .htroubleitem dd:before {
        top: 24px;
    }

    .hfirstitem dt .moreD {
        width: 130px;
        height: 130px;
        font-size: 22px;
    }

    .hstaffboxinn:before {
        width: 70px;
        height: 80px;
    }

    .hblogitem dt:before {
        border-width: 45px;
    }

    .hblogitem dt:after {
        border-width: 45px;
    }

    .hrecruitboxinn {
        padding: 40px 20%;
    }
}

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

    .hstrongitem dd.tit {
        font-size: 18px;
    }

    .hinfo .hnews {
        width: 100%;
    }

    .hnewslist dt {
        width: 100%;
        margin-bottom: 0.3em;
    }

    .hnewslist dd {
        width: 100%;
    }

    .hfirstitem dt .moreD {
        width: 100px;
        height: 100px;
        font-size: 16px;
    }

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

    .hstaffbox .pic {
        position: static;
        width: 30%;
    }

    .hstaffbox .txt {
        width: 66%;
    }

    .hstaffbox {
        padding: 10px;
    }

    .hstaffboxinn:before {
        right: auto;
        left: 20px;
    }

    .hstaffboxinn {
        padding: 20px 20px 80px;
    }

    .hblogitem dt:before {
        border-width: 40px;
    }

    .hblogitem dt:after {
        border-width: 40px;
    }

    .hrecruitboxinn {
        padding: 40px 40px 80px;
    }

    .hstaffboxinn h3 {
        font-size: 21px;
    }
}

/*under*/

/*breadcrumbs*/

.breadcrumbs {
    padding: 0;
    margin: 20px 0;
}

.breadcrumbs ul li:first-of-type:before {
    display: none;
}

.breadcrumbs ul li:before {
    content: "\f0da";
    font-family: FontAwesome;
    display: inline-block;
    margin: 0 10px;
}

/*about*/

.about01box {
    padding: 15px;
    /* background: url(/import/tenant_1/160.16.116.202/html/images/bg01.png) center center /100% 100% no-repeat; */
    position: relative;
    overflow: hidden;
}

.about01box .btr {
    position: absolute;
    bottom: -25px;
    right: -45px;
    width: 105px;
    height: 145px;
    overflow: hidden;
    -webkit-transform: skew(-45deg);
    transform: skew(-45deg);
    background: #fff;
}

.about01box .btr:before {
    position: absolute;
    top: 20px;
    right: 10px;
    height: 100%;
    width: 110%;
    background: url(/import/tenant_1/160.16.116.202/html/images/border01.png) center top 0px;
    content: "";
    -webkit-transform: skew(45deg);
    transform: skew(45deg);
}


.about01boxinn {
    padding: 40px 160px 40px 40px;
    border: 3px solid #fff;
}

.about01boxinn:before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 80px;
    background: url(/import/tenant_1/160.16.116.202/html/images/wood02.png) bottom center /100% 100% no-repeat;
    width: 100px;
    height: 120px;
}

.about01boxinn:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    background: url(/import/tenant_1/160.16.116.202/html/images/grass01l.png) right top /100% 100% no-repeat;
    width: 80px;
    height: 70px;
}

.about02list {
    counter-reset: number;
}

.about02list .about02item:last-of-type:after {
    display: none;
}

.about02item {
    padding: 15px 0 15px 100px;
    position: relative;
    margin: 40px 0;
    width: 100%;
}

/* .about02item:before {
    counter-increment: number;
    content: counter(number);
    position: absolute;
    top: 0;
    left: 0;
    font-size: 40px;
    color: #fff;
    background:#ae3628;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 1px solid #fff;
    -webkit-box-shadow: 0 0 0 4px #ae3628;
    box-shadow: 0 0 0 4px #ae3628;
    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;
} */

/* .about02item:after {
    position: absolute;
    bottom: 0;
    left: -50%;
    height: 100px;
    width: 200%;
    content: "";
    background: url(/import/tenant_1/160.16.116.202/html/images/nami01.png) bottom center /100% 100% no-repeat;
} */

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

.about02item .txt {
    padding-bottom: 80px;
}

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

    .about01boxinn:before {
        width: 70px;
        height: 80px;
    }

    .about02item .txt {
        padding-bottom: 60px;
    }

    .about02item:after {
        height: 80px;
    }

    .about02item:before {
        font-size: 30px;
        width: 50px;
        height: 50px;
    }

    .about02item {
        padding: 15px 0 15px 80px;
    }

    .about02item dt {
        margin-bottom: 1.5em;
    }
}

@media only screen and (max-width:599px) {
    .about01box {
        padding: 10px;
    }

    .about01boxinn {
        padding: 20px 20px 60px;
    }

    .about02item .txt {
        padding-bottom: 40px;
    }

    .about02item:after {
        height: 60px;
    }

    .about02item:before {
        font-size: 20px;
        width: 30px;
        height: 30px;
    }

    .about02item {
        padding: 0px 0 15px;
    }

    .about02item dt {
        margin-bottom: 1em;
        padding-left: 50px;
    }
}

/*staff*/

.staff01box {
    margin-bottom: 40px;
}

.staff01box .tit {
    padding: 1em 2em;
    border-bottom: 4px double #84bb01;
    margin-bottom: 2em;
}

.staff01boxinn .pic span {
    position: relative;
    display: inline-block;
}

.staff01boxinn .tbox dt {
    margin: 1em 0;
    padding-left: 1.5em;
    background: url(/import/tenant_1/160.16.116.202/html/images/point01.png) left top 9px /10px no-repeat;
}

.staff01boxinn .tbox dd {
    margin: 1em 0;
    padding-left: 1.5em;
}

.staff01boxinn .pic span:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    background: url(/import/tenant_1/160.16.116.202/html/images/wood02.png) bottom center /100% 100% no-repeat;
    width: 100px;
    height: 120px;
}

.staff01boxinn .tbox li {
    margin-bottom: 2em;
}

.staff01boxinn .tbox .bg {
    background: url(/import/tenant_1/160.16.116.202/html/images/bg01.png) center center /100% 100% no-repeat;
    padding: 15px;
    position: relative;
}

.staff01boxinn .tbox .bg:before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 44px;
    height: 48px;
    background: url(/import/tenant_1/160.16.116.202/html/images/wood03.png) center center /100% 100% no-repeat;
}

.staff01boxinn .tbox .bg dl {
    border: 2px solid #fff;
    padding: 10px;
}

.staff01boxinn .tbox .bg dt {
    margin: 0;
}

.staff01boxinn .tbox .bg dd {
    margin: 0;
}

@media only screen and (max-width:1024px) {
    .staff01boxinn .pic span:after {
        width: 70px;
        height: 80px;
    }
}

@media only screen and (max-width:599px) {
    .staff01box .tit {
        padding: 0.5em;
        margin-bottom: 1em;
        font-size: 18px;
    }

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

    .staff01boxinn .tbox li:not(.bg) dl {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .staff01boxinn .tbox li:not(.bg) dt {
        width: 42%;
        margin: 0.5em 0;
        font-size: 14px;
        background-position: left top 7px;
    }

    .staff01boxinn .tbox li:not(.bg) dd {
        width: 58%;
        margin: 0.5em 0;
        font-size: 14px;
    }

    .staff01boxinn .tbox .bg {
        padding: 10px;
    }
}

/*menu*/

.menu01box01 .tbox {
    background: #eed2ba;
    padding: 40px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.menu01box01 .tbox:after {
    content: "";
    height: 100%;
    width: 60px;
    background: -webkit-gradient(linear, right top, left bottom, color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50.5%, #eed2ba)) no-repeat top left/100% 100%;
    background: linear-gradient(to bottom left, rgba(255, 255, 255, 0) 50%, #eed2ba 50.5%) no-repeat top left/100% 100%;
    position: absolute;
    left: 100%;
    top: 0;
    z-index: 1;
}

.menu01box01 .tbox dt {
    padding-left: 1em;
    background: url(/import/tenant_1/160.16.116.202/html/images/point01.png) left top 36px /10px no-repeat;
}

.menu01box01 .tbox dd {
    padding-left: 120px;
}

.menu01box01 .tbox:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 40px;
    background: url(/import/tenant_1/160.16.116.202/html/images/wood02.png) bottom center /100% 100% no-repeat;
    width: 100px;
    height: 120px;
}

.menu01box01 .tbox dd span {
    display: inline-block;
    border-bottom: 3px solid;
}

.menu01box01 .pic {
    position: relative;
    overflow: hidden;
}

.menu01box01 .pic .yumin {
    display: inline-block;
    background-color: rgba(255, 255, 255, 0.8);
    padding: 15px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);

}

.menu01box01 .pic .yumin:before {
    position: absolute;
    left: 0;
    bottom: 0;
    background-image: url(/import/tenant_1/160.16.116.202/html/images/grass01l.png);
    background-position: left bottom;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 80px;
    height: 70px;
    content: "";
    -webkit-transform: translate(-25%, 25%);
    transform: translate(-25%, 25%);
}

.menu01box01 .pic .yumin .ruby {
    position: relative;
}

.menu01box01 .pic .yumin .ruby:before {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    background: url(/import/tenant_1/160.16.116.202/html/images/point01.png) left top /6px no-repeat;
    width: 6px;
    height: 6px;
}

.menu01box01 .pic .ofiImg {
    height: 100%;
}

.menu01box02 {
    padding-bottom: 40px;
    border-bottom: 4px double #84bb01;
}

.menu01box02 dt {
    position: relative;
    padding-left: 100px;
    margin-bottom: 40px;
}

.menu01box02 dt span.pix {
    position: absolute;
    left: 0;
    top: 0;
    max-width: 80px;
    -webkit-transform: translate(0, -25%);
    transform: translate(0, -25%);
}

.menu01box02 dt span.strong {
    font-size: 150%;
}

.menu01box02 .tbox .ruby {
    position: relative;
}

.menu01box02 .tbox .ruby:before {
    content: "・";
    position: absolute;
    bottom: 100%;
    line-height: 0;
}

@media only screen and (max-width:1024px) {
    .menu01box01 .pic .yumin:before {
        width: 60px;
        height: 50px;
    }

    .menu01box01 .tbox {
        padding: 20px;
    }

    .menu01box01 .tbox dt {
        background-position: left top 10px;
    }

    .menu01box01 .tbox dt .mlem1 {
        margin-left: 0;
        display: block;
    }

    .menu01box01 .tbox:before {
        width: 70px;
        height: 80px;
        left: 5px;
    }

    .menu01box01 .tbox dd {
        padding-left: 60px;
    }

    .menu01box01 .pic .yumin {
        font-size: 16px;
    }

    .menu01box02 dt {
        padding-left: 80px;
    }

    .menu01box02 dt span.pix {
        max-width: 60px;
    }
}

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

    .menu01box01 .pic {
        margin: 0;
    }

    .menu01box01 .tbox dt .mlem1 {
        margin-left: 1em;
        display: inline-block;
    }

    .menu01box01 .tbox {
        padding: 40px 20px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .menu01box01 .tbox dt {
        background-position: left top 20px;
    }

    .menu01box01 .tbox:after {
        display: none;
    }

    .menu01box01 .pic .yumin {
        font-size: 14px;
    }

    .menu01box02 dt {
        padding-left: 0;
    }

    .menu01box02 dt {
        padding-left: 0;
        margin-bottom: 20px;
    }

    .menu01box02 dt span.pix {
        position: static;
        display: block;
    }
}

/*first*/

.first01list {
    counter-reset: number;
    overflow: hidden;
}

/* .first01list .first01item:before {
    counter-increment: number;
    content: counter(number);
    position: absolute;
    top: 4px;
    left: 4px;
    font-size: 40px;
    color: #fff;
    background: #ae3628;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 1px solid #fff;
    -webkit-box-shadow: 0 0 0 4px #ae3628;
    box-shadow: 0 0 0 4px #ae3628;
    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;
    z-index: 1;
    
} */

.first01list .first01item:after {
    position: absolute;
    left: 0px;
    top: 30px;
    content: "";
    background-color: #eeeeee;
    width: 68px;
    height: 100%;
    background-image: url(/import/tenant_1/160.16.116.202/html/images/triangle03.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 25px 60%;
    -webkit-filter: hue-rotate(300deg);
    filter: hue-rotate(300deg);
}

.first01list .first01item:last-of-type:after {
    display: none;
}

.first01list .first01item {
    padding: 15px 0 30px 100px;
    position: relative;
}

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

.first01list .first01item .flexsb {
    padding-left: 10%;
}

.first01item .tit {
    margin-bottom: 2em;
}

.first01item .pic .trimmingInner {
    border-radius: 50%;
}

@media only screen and (max-width:1024px) {
    .first01list .first01item:before {
        font-size: 30px;
        width: 50px;
        height: 50px;
    }

    .first01list .first01item:after {
        width: 60px;
    }

    .first01list .first01item {
        padding: 15px 0 30px 80px;
    }
}

@media only screen and (max-width:599px) {
    .first01list .first01item:before {
        font-size: 20px;
        width: 40px;
        height: 40px;
    }

    .first01list .first01item:after {
        width: 50px;
    }

    .first01list .first01item {
        padding: 10px 0 30px 70px;
    }

    .first01list .first01item .flexsb {
        padding-left: 0;
    }
}

/*nayami*/

.nayami01list .nayami01box {
    padding: 40px 0;
}

.nayami01list .nayami01box:nth-of-type(even) {
    background: url(/import/tenant_1/160.16.116.202/html/images/bg01.png) center center /100% 100% no-repeat;
}

.nayami01box .pic a {
    position: relative;
    display: block;
}

.nayami01box .pic .moreD {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
    width: 140px;
    height: 140px;
    color: #ae3628;
    background: url(/import/tenant_1/160.16.116.202/html/images/moreD.png) right bottom /100% 100% no-repeat;
    text-align: right;
    padding: 10px 10px 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    font-size: 12px;
    -webkit-transition: 0.6s all ease;
    transition: 0.6s all ease;
}

.nayami01box .pic a:hover .moreD {
    background: url(/import/tenant_1/160.16.116.202/html/images/moreD02.png) right bottom /100% 100% no-repeat;
    color: #fff;
}

.nayami01box .pic .moreD:after {
    font-family: FontAwesome;
    content: "\f0da";
    border-radius: 50%;
    height: 20px;
    width: 20px;
    border: 1px solid;
    font-size: 18px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    letter-spacing: -3px;
    position: absolute;
    bottom: 10px;
    right: 25%;
}

.nayami01box .tbox dt {
    position: relative;
    padding: 15px 0 30px 100px;
    margin-bottom: 2em;
}

.nayami01box .tbox dt .icon {
    content: "";
    position: absolute;
    top: 4px;
    left: 4px;
    font-size: 18px;
    color: #fff;
    background: #84bb01;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    border: 2px solid #fff;
    -webkit-box-shadow: 0 0 0 4px #84bb01;
    box-shadow: 0 0 0 4px #84bb01;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 1;
}

@media only screen and (max-width:1024px) {
    .nayami01box .tbox dt .icon {
        font-size: 16px;
        width: 60px;
        height: 60px;
    }

    .nayami01box .tbox dt {
        padding: 15px 0 30px 80px;
        margin-bottom: 1em;
    }
}

@media only screen and (max-width:599px) {
    .nayami01box .tbox dt .icon {
        font-size: 14px;
        width: 55px;
        height: 55px;
    }

    .nayami01box .tbox dt {
        padding: 15px 0 30px 70px;
        margin-bottom: 0;
    }
}

/*case kubikata shisei tsukare youtsu kata hie personal recruit*/

.cmncasebox01 {
    padding: 15px;
    background: url(/import/tenant_1/160.16.116.202/html/images/bg01.png) center center /100% 100% no-repeat;
    position: relative;
    overflow: hidden;
}

.cmncasebox01 .btr {
    position: absolute;
    bottom: -25px;
    right: -45px;
    width: 105px;
    height: 145px;
    overflow: hidden;
    -webkit-transform: skew(-45deg);
    transform: skew(-45deg);
    background: #fff;
}

.cmncasebox01 .btr:before {
    position: absolute;
    top: 20px;
    right: 10px;
    height: 100%;
    width: 110%;
    background: url(/import/tenant_1/160.16.116.202/html/images/border01.png) center top 0px;
    content: "";
    -webkit-transform: skew(45deg);
    transform: skew(45deg);
}


.cmncaseboxinn01 {
    padding: 40px 40px 120px 40px;
    border: 3px solid #fff;
}

.cmncaseboxinn01:before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 80px;
    background: url(/import/tenant_1/160.16.116.202/html/images/wood02.png) bottom center /100% 100% no-repeat;
    width: 100px;
    height: 120px;
}

.cmncaseboxinn01:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    background: url(/import/tenant_1/160.16.116.202/html/images/grass01l.png) right top /100% 100% no-repeat;
    width: 80px;
    height: 70px;
}

.cmncaselist01 {
    counter-reset: number;
}

.cmncaseitem01 {
    padding: 15px 0 15px 0px;
    position: relative;
    margin: 40px 0;
}

/* .cmncaseitem01:before {
    counter-increment: number;
    content: counter(number);
    position: absolute;
    top: 0;
    left: 0;
    font-size: 40px;
    color: #fff;
    background: #ae3628;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 1px solid #fff;
    -webkit-box-shadow: 0 0 0 4px #ae3628;
    box-shadow: 0 0 0 4px #ae3628;
    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;
} */

.cmncaseitem01 .tit {
    margin-bottom: 2em;
}

.cmncaseitem02 {
    position: relative;
    border: 2px solid;
    border-radius: 10px;
    padding: 40px 22%;
    background: url(/import/tenant_1/160.16.116.202/html/images/wood02.png) right 5px bottom /100px 120px no-repeat;
    min-height: 150px;
}

.cmncaseitem02 .pic {
    position: absolute;
    left: 5px;
    bottom: 0;
    width: 20%;
}

.cmncaselist02 li dt {
    margin-bottom: 2em;
}

.cmncaselist02 li dd {
    margin: 1em 0;
}

.cmncasebox02 {
    padding: 80px 0;
    border-top: 4px double #84bb01;
    border-bottom: 4px double #84bb01;
    position: relative;
}

.cmncasebox02 .icon {
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: inline-block;
    background: #fff;
    padding: 0 30px;
    max-width: 160px;
}

.cmncaselist03 li {
    border: 2px solid;
    border-radius: 10px;
    padding: 15px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.cmncasebox03 {
    border: 2px solid;
    border-radius: 10px;
    padding: 40px;
}

.cmncaselist04 {
    counter-reset: number;
}

/* .cmncaselist04 li:before {
    position: absolute;
    top: 17px;
    left: 10px;
    counter-increment: number;
    content: counter(number);
    border: 1px solid;
    border-radius: 50%;
    width: 1em;
    height: 1em;
    line-height: 1em;
    text-align: center;
} */

.cmncaselist04 li {
    border: 2px solid;
    border-radius: 10px;
    padding: 15px 15px 15px 3em;
    position: relative;
    margin-bottom: 20px;
    font-weight: 700;
}

.cmncaselist05 li {
    border: 2px solid;
    border-radius: 10px;
    padding: 15px 3em;
}

@media only screen and (max-width:1024px) {
    .cmncaseboxinn01:before {
        width: 70px;
        height: 80px;
    }

    .cmncaseboxinn01 {
        padding: 30px 30px 60px 30px;
    }

    .cmncaseitem01 {
        padding: 15px 0 15px 0px;
    }

    .cmncaseitem01:before {
        font-size: 30px;
        width: 50px;
        height: 50px;
    }

    .cmncaseitem01 .tit {
        margin-bottom: 1.5em;
    }

    .cmncasebox02 {
        padding: 80px 0 60px;
    }

    .cmncasebox02 .icon {
        max-width: 150px;
    }

    .cmncaseitem02 {
        padding: 30px 80px 30px 30px;
        background-size: 70px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .cmncaseitem02 .pic {
        position: static;
        width: 30%;
    }

    .cmncaseitem02 .txt {
        width: 66%;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    }

    .cmncasebox03 {
        padding: 30px;
    }
}

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

    .cmncaseitem01 {
        padding: 0;
    }

    .cmncaseitem01:before {
        font-size: 20px;
        width: 30px;
        height: 30px;
    }

    .cmncaseitem01 .tit {
        margin-bottom: 1em;
        /* padding-left: 50px; */
    }

    .cmncasebox02 {
        padding: 80px 0 40px;
    }

    .cmncasebox02 .icon {
        max-width: 140px;
    }

    .cmncaselist03 li {
        padding: 10px;
        width: 100%;
    }

    .cmncaselist04 li {
        padding: 15px 15px 15px 2.5em;
    }

    .cmncaseitem02 {
        padding: 20px 40px 20px 20px;
        background-size: 40px;
    }

    .cmncasebox03 {
        padding: 20px;
    }
}

/*faq*/

.faq01item {
    margin: 0 0 40px;
}

.faq01item dt {
    position: relative;
    padding: 25px 0 25px 80px;
    font-size: 16px;
}

.faq01item dt.tit {
    margin-bottom: 1.5em;
}

.faq01item dt.subtit {
    font-weight: 700;
}

.faq01item dt:before {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 30px;
    color: #fff;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 1px solid #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.faq01item dt.tit:before {
    content: 'Q';
    background: #84bb01;
    -webkit-box-shadow: 0 0 0 4px #84bb01;
    box-shadow: 0 0 0 4px #84bb01;
}

.faq01item dt.subtit:before {
    content: 'A';
    background: #735a42;
    -webkit-box-shadow: 0 0 0 4px #735a42;
    box-shadow: 0 0 0 4px #735a42;
}

.faq01box {
    padding: 30px;
    margin-left: 30px;
    background: url(/import/tenant_1/160.16.116.202/html/images/bg01.png) center center /100% 100% no-repeat;
}

.faq01box dd {
    padding-left: 80px;
}

@media only screen and (max-width:1024px) {
    .faq01item dt:before {
        font-size: 26px;
        width: 50px;
        height: 50px;
    }

    .faq01item dt {
        padding: 20px 0 20px 70px;
    }

    .faq01box dd {
        padding-left: 70px;
    }

    .faq01box {
        margin-left: 25px;
    }

    .faq01item dt.tit {
        margin-bottom: 1em;
    }
}

@media only screen and (max-width:599px) {
    .faq01item dt:before {
        font-size: 20px;
        width: 40px;
        height: 40px;
    }

    .faq01item dt {
        padding: 15px 0 15px 60px;
    }

    .faq01box dd {
        padding-left: 60px;
    }

    .faq01box {
        padding: 20px;
        margin-left: 20px;
    }

    .faq01item dt.tit {
        margin-bottom: 0.5em;
    }
}

/*blog news*/

.bitem {
    margin-bottom: 40px;
}

.bitem a {
    display: block;
}

/* .bitem dd {
    margin: 1em 0;
}
 */
.dclist .date {
    /* margin-right: 1em; */
    margin-top: 0px;
}

.dclist .cat span {
    padding: 0 1em;
    color: #fff;
    display: inline-block;
    background: #ae3628;
    font-size: 14px;
    margin-left: 10px;
}

.nbox .dclist .cat span {
    padding: 0px 1em;
    color: rgb(174, 54, 40);
    display: inline-block;
    background: #fff;
    font-size: 24px;
    font-weight: bold;
}

.calist dt {
    text-align: center;
    color: #fff;
    background-color: #ae3628;
    width: 100%;
    padding: 1em 40px;
    font-size: 16px;
    /* background-image: url(/import/tenant_1/160.16.116.202/html/images/wood04.png); */
    background-position: left bottom;
    background-repeat: no-repeat;
}

.calist ul {
    margin: 2em;
}

.calist li {
    margin: 0;
}

.calist li a {
    margin: 0.5em 0;
    font-size: 18px;
    display: inline-block;
}

.calist li span {
    display: inline-block;
}

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

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

.pagenav li a {
    display: block;
}

.pagenav li.now span {
    border-bottom: 1px solid;
}

.singlebox .tit {
    font-size: 20px;
    text-align: center;
    margin-bottom: 1em;
}

.singlebox .tit span {
    text-align: left;
    display: inline-block;
}

.single {
    padding: 80px 0;
    border-top: 2px solid #ae3628;
    border-bottom: 2px solid #ae3628;
}

.nitem a {
    display: block;

    opacity: 1;
}

.nitem .tbox {
    padding: 1.5em 0;
    margin-bottom: 1.5em;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 2px solid #ae3628;
}

.nitem .tbox dt {
    width: 10%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.nitem .tbox dt a {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.nitem .tbox dt a:hover {
    opacity: 0.5;
}

.nitem .tbox dd.more {
    margin-left: 0;
    margin-right: 0;
}

/* .nitem .tbox .moreD span {
    width: 180px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 20px 10px 0;
    border: 1px solid;
    color: #ae3628;
    background: #ae3628;
    -webkit-transition: 0.6s all ease;
    transition: 0.6s all ease;
    position: relative;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
}

.nitem .tbox .moreD span:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.nitem .tbox .moreD span:after {
    position: absolute;
    right: 14px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    font-family: FontAwesome;
    content: "\f0da";
    border: 1px solid;
    border-radius: 50%;
    height: 20px;
    width: 20px;
    font-size: 18px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    letter-spacing: -3px;
}

.nitem:hover .tbox .moreD span {
    color: #fff;
}

.nitem:hover .tbox .moreD span:before {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
}

.nitem .tbox dt {
    width: calc(100% - 200px);
} */

@media only screen and (max-width:1024px) {
    .calist ul {
        margin: 1em;
    }

    /* .dclist li {
        width: 100%;
    } */
    .single {
        padding: 60px 0;
    }

    .news01cont .newspost {
        width: 100%;
    }

    .news01cont .calist {
        width: 100%;
    }
}

@media only screen and (max-width:599px) {
    .hgreet .tbox.si h3 {
        -webkit-writing-mode: inherit;
        -ms-writing-mode: inherit;
        writing-mode: inherit;
        position: relative;
        top: 0;
        right: 0;
    }

    .calist li a {
        font-size: 16px;
    }

    .single {
        padding: 40px 0;
    }

    .nitem .tbox dt {
        width: 100%;
        margin-bottom: 1em;
    }

    .nitem .tbox dd {
        width: 100%;
    }

    .nitem .tbox .moreD span {
        margin-left: auto;
        /* width: 160px; */
    }
    
    .news01cont {
      flex-direction: column-reverse;
    }

}

/*voice*/

.vitem .tit {
    padding: 1.5em 0;
    border-top: 2px solid #ae3628;
    border-bottom: 2px solid #ae3628;
}

.voice01box {
    padding: 40px;
}

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

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

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

/*contact*/

.formlist {
    border: 1px solid #a9a9a9;
}

.formlist li {
    border-bottom: 1px solid #a9a9a9;
}

.formlist li:last-of-type {
    border-bottom: none;
}

.form dt {
    width: 30%;
    font-weight: 600;
    font-size: 16px;
    padding: 0.5em 3em;
    background: #ae3628;
    color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.form dt.g {
    background: rgb(242, 244, 243);
}

.form dt .reqw {
    font-size: 14px;
    margin-left: 10px;
    display: inline-block;
    color: rgb(174 54 40);
}

.form dd {
    width: 68%;
    padding: 0.5em;
}

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

.form dd select {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px;
}

.form dd input[type="radio"] {
    display: none;
}

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

.form dd input[type="radio"]+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 dd input[type="radio"]:checked+label::after {
    content: "";
    display: block;
    position: absolute;
    top: 6px;
    left: 2px;
    width: 8px;
    height: 8px;
    background: #303841;
    border-radius: 50%;
}

.form dd input[type="radio"]: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: 5px;
    height: 300px;
}

.formbtn.new {
    margin: 80px auto;
}

.formbtn li button {
    text-align: center;
    color: #fff;
    display: block;
    background: #ae3628;
    padding: 20px 40px;
    position: relative;
    z-index: 1;
    opacity: 1;
    overflow: hidden;
    border: none;
    width: 100%;

    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
    border-radius: 30px;
}

.formbtn li button:after {
    position: absolute;
    font-family: FontAwesome;
    content: "\f105";
    position: absolute;
    top: 50%;
    right: 20px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 20px;
}

.formbtn li button:after {
    position: absolute;
    font-family: FontAwesome;
    content: "\f105";
    position: absolute;
    top: 50%;
    right: 20px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 20px;
}

.formbtn li.back button:after {
    position: absolute;
    font-family: FontAwesome;
    content: "";
    position: absolute;
    top: 50%;
    right: 20px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 20px;
}

.formbtn li.back button:before{
    position: absolute;
    font-family: FontAwesome;
    content: "\f104";
    position: absolute;
    top: 50%;
    left: 20px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 20px;

}


.formbtn2 li:nth-of-type(odd) button:after {
    right: auto;
    left: 20px;
    content: "\f104";
}

.formbtn li button:hover {
    opacity: 0.6;
    cursor: pointer;
}

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

.formbtn2 li {
    max-width: 250px;
}

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

    .form dd {
        width: 100%;
        margin: 1em;
    }

    .formbtn li button {
        margin: 60px auto;
        padding: 15px 40px;
    }

    .formbtn2 li {
        max-width: 200px;
    }

}

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

    .formbtn.new {
        margin: 40px 0 0 0;
    }

    .formbtn li button {
        margin: 25px auto;
        max-width: 250px;
    }

    .formbtn2 li {
        max-width: 130px;
    }

    .form dd {
        width: 100%;
        margin: 0.5em;
    }
}

/*recruit*/

.recruit01list dt {
    background: url(/import/tenant_1/160.16.116.202/html/images/wood02.png) center left /50px no-repeat;
    padding: 1em 0 1em 70px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    margin-bottom: 1em;
}

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

.recruit01table {
    border: 1px solid #a9a9a9;
}

.recruit01table>li {
    border-bottom: 1px solid #a9a9a9;
}

.recruit01table>li:last-of-type {
    border-bottom: none;
}

.recruit01table dt {
    padding: 1em 3em;
    background: #ae3628;
    color: #fff;
    width: 40%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.recruit01table dd {
    padding: 1em 3em;
    width: 60%;
}

.recruit01table .bgg {
    background: #ae3628;
    color: #fff;
}

.recruit01table .bgg a {
    display: block;
    padding: 1em;
}

.recruit01box04 {
    margin: 120px 0 60px;
}

.recruit01box04 .txt {
    max-width: 880px;
    margin: 0 auto;
}

.recruit01box05list {
    max-width: 880px;
    margin: 40px auto;
}

.recruit01box05list li {
    color: #fff;
    background-color: #ae3628;
    padding: 1em 80px;
    font-size: 16px;
    background-image: url(/import/tenant_1/160.16.116.202/html/images/wood04.png);
    background-position: left 2px bottom 50%;
    background-repeat: no-repeat;
    position: relative;
    margin-bottom: 60px;
}

.recruit01box05list li:after {
    content: "";
    position: absolute;
    display: block;
    border-top: 30px solid #bfbfbf;
    border-left: 100px solid transparent;
    border-right: 100px solid transparent;
    bottom: -45px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

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

.recruit01box05 .tbox {
    max-width: 880px;
    margin: 40px auto;
    padding: 40px 120px 40px 40px;
    border: 2px solid;
    border-radius: 15px;
    background: url(/import/tenant_1/160.16.116.202/html/images/wood02.png) bottom right 20px /auto no-repeat;
}

.recruit01box05 .pix {
    margin-right: 2em;
}

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

    .recruit01list li {
        width: 48%;
        margin-bottom: 40px;
    }

    .recruit01table dt {
        padding: 1em 2em;
    }

    .recruit01table dd {
        padding: 1em 2em;
    }

    .recruit01box05 .tbox {
        background-size: 60px;
        padding: 30px 80px 30px 30px;
    }

    .recruit01box05 .pix {
        margin-right: 1.5em;
    }
}

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

    .recruit01table dt {
        width: 100%;
        padding: 1em;
    }

    .recruit01table dd {
        width: 100%;
        padding: 1em;
    }

    .recruit01box05 .tbox {
        background-size: 40px;
        padding: 20px 40px 20px 20px;
        background-position: bottom right 5px;
    }

    .recruit01box05 .tbox dl dt {
        font-size: 18px;
    }

    .recruit01box05 .pix {
        margin-right: 1em;
    }

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

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

.homeSlide .tbox dt span {
    color: red !IMPORTANT;
}

.about02item.focus:after {
    content: none;
}

.hrecruitbox.new h3 {
    text-shadow: rgb(174 54 40) 1px 1px 2px, rgb(174 54 40) -1px -1px 2px, rgb(174 54 40) -1px 1px 2px, rgb(174 54 40) 1px -1px 2px, rgb(174 54 40) 1px 1px 2px, rgb(174 54 40) -1px -1px 2px, rgb(174 54 40) -1px 1px 2px, rgb(174 54 40) 1px -1px 2px, rgb(174 54 40) 1px 1px 2px, rgb(174 54 40) -1px -1px 2px, rgb(174 54 40) -1px 1px 2px, rgb(174 54 40) 1px -1px 2px, rgb(174 54 40) 1px 1px 2px, rgb(174 54 40) -1px -1px 2px, rgb(174 54 40) -1px 1px 2px, rgb(174 54 40) 1px -1px 2px, rgb(174 54 40) 1px 1px 2px, rgb(174 54 40) -1px -1px 2px, rgb(174 54 40) -1px 1px 2px, rgb(174 54 40) 1px -1px 2px, rgb(174 54 40) 1px 1px 2px, rgb(174 54 40) -1px -1px 2px, rgb(174 54 40) -1px 1px 2px, rgb(174 54 40) 1px -1px 2px, rgb(174 54 40) 1px 1px 2px, rgb(174 54 40) -1px -1px 2px, rgb(174 54 40) -1px 1px 2px, rgb(174 54 40) 1px -1px 2px, rgb(174 54 40) 1px 1px 2px, rgb(174 54 40) -1px -1px 2px, rgb(174 54 40) -1px 1px 2px, rgb(174 54 40) 1px -1px 2px;
}

.hrecruitbox.new h3 {
    position: relative;
    z-index: 3;
}


#header .inner .right {
    float: right;
    max-width: 726px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 7px 8px 7px 10px;
    width: 100%;
    background: #f6f3ee;
}

#header .inner .time {
    float: left;
    border-right: 1px dotted #000;
    padding: 0 15px 0 0;
}

#header .inner .time dt {
    font-size: 12px;
    font-weight: bold;
}

#header .inner .time dt .c {
    color: #237f92;
}

#header .inner .time dd {
    font-size: 12px;
    font-weight: bold;
    line-height: 140%;
}

#header .inner .cont {
    float: right;
    width: 376px;
}

#header .inner .cont dt {
    width: 252px;
}

#header .inner .cont dl {
    float: left;
    width: 252px;
    text-align: right;
}

#header .inner .cont dt {
    text-align: right;
    font-size: 14px;
    font-weight: bold;
    line-height: 140%;
}

#header .inner .cont dd {
    text-align: right;
    font-size: 32px;
    line-height: 1;
}

#header .inner .cont dd img {
    vertical-align: middle;
    margin-right: 5px;
}

#header .inner .cont p {
    width: 96px;
    height: auto;
    float: right;
}

#header .inner .cont p a {
    display: block;
    text-align: center;
    background-color: #ae3628;
    background-image: url(https://www.transparenttextures.com/patterns/blizzard.png);
    padding: 9px 0 0 0;
    width: auto;
    height: 54px;
    border-radius: 4px;
}

#header .inner .cont p a strong {
    display: block;
    font-size: 12px;
    color: #fff;
    line-height: 120%;
}

.header-logo {
    padding-top: 55px;

}

@media only screen and (max-width: 599px) {
    #header .inner .cont p {
        float: right;
        margin: 0 auto;
        width: 30%;
    }

    #header .inner .right {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100% !important;
        z-index: 997;
    }

    #header .inner .time {
        display: none
    }


    #header .inner .cont dl {
        float: left;
        margin: 2px auto;
        width: 67%;
        /* padding: 3% 1%; */
    }

    #header .inner .cont dd {
        text-align: center;
        font-size: 24px;
        line-height: 1;
    }

    #header .inner .cont {
        width: 100%;
    }

    #header .inner .cont dt {
        text-align: center;
        font-size: 10px;
        font-weight: bold;
        line-height: 140%;
        width: 100%;
    }

    /* #header .inner .cont p a strong{
	font-size:8px;
	} */
    #header {
        padding-bottom: 0;
    }
}

/*totop*/

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

[data-element-id]#totop {
    position: absolute;
}

#totop a:before {
    content: "\f0d8";
    font-family: FontAwesome;
    display: block;
    margin: 0 auto;
    font-size: 30px;
}

#totop a {
    background: #81b900;
    display: block;
    color: #fff;
    width: 70px;
    font-size: 12px;
    padding: 10px 0;
    line-height: 140%;
    height: 70px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

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

    #header .inner .logo {
        text-align: center;
        width: 100%;
        margin: 10px auto;
        padding-bottom: 0;
        position: static;
    }

    .header-logo {
        padding-top: 0;
    }

    #totop a:before {
        font-size: 28px;
    }

    #totop {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
        -webkit-transform-origin: right top;
        transform-origin: right top;
    }
}

@media only screen and (max-width:599px) {
    #totop a:before {
        font-size: 26px;
    }

    #totop {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
        bottom: 50px;
    }
}

.fas.si {
    color: #fff;
}

/* kajimura.css */

/* header {
    position: relative;
    z-index: 2;
} */

/* 共通 */
.small {
    padding: 0 10px;
}

.mar {
    margin: 50px 0 10px 0;
}

.hi300 {
    height: 300px;
}

.hi300 iframe {
    height: 100%;
}

.fff {
    color: #fff;
}

.f26 {
    font-size: 26px;
}

.c08c {
    color: #08c;
}

.bu {
    cursor: pointer;
}

h3 {
    /* font-family: "Hina Mincho", serif;
    font-family: "Sawarabi Mincho", sans-serif; */
    font-family: serif;
    color: #ae3628;
}

h3 .e {
    font-size: 14px;
    color: #999;
}

.bg01 {
    background-image: url("https://www.transparenttextures.com/patterns/redox-01.png");
    background-color: #fff;
}

.bg02 {
    background-image: url("https://www.transparenttextures.com/patterns/wall-4-light.png");
    background-color: #fff;
}

/* body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
form,
input,
button,
p {
    font-family: "Sawarabi Mincho", sans-serif;
    color: #735a42;
    color: #121212;
} */

/* mv header */
h1 {
    font-size: 10px;
    text-shadow: #fff 2px 0px, #fff -2px 0px, #fff 0px -2px, #fff 0px 2px, #fff 2px 2px, #fff -2px 2px, #fff 2px -2px, #fff -2px -2px, #fff 1px 2px, #fff -1px 2px, #fff 1px -2px, #fff -1px -2px, #fff 2px 1px, #fff -2px 1px, #fff 2px -1px, #fff -2px -1px;
    position: absolute;
    top: 5px;
    bottom: unset;
    left: 5px;
    z-index: 34;
}

.homeSlide .tbox dt {
    /* font-family: "Hina Mincho", serif;
    font-family: "Sawarabi Mincho", sans-serif;*/
    font-family: serif;
}

.picbox.fa {
    width: 70%;
    margin: auto;
}

.homeSlide .picbox {
    margin-bottom: 50px;
    -webkit-filter: none;
    filter: none;
}

.homeSlide .slideNav li a {
    font-family: "Hina Mincho", serif;
    background: url(/upload/tenant_1/2f284d0e1029b22c93e016ea99ccdcb1.png) center center /100% 100% no-repeat;
}

@media (max-width: 1024px) {
    h1 {
        padding: 5px 50px 5px 5px;
        position: static;
    }
}

/* news */
.hnewsbox .titbox {
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
}

/* hstrong feature */
.hstrongitem {
    width: 48%;
}

/* incho */
.hgreet .tbox h3 {
    /* font-family: "Hina Mincho", serif;
    font-family: "Sawarabi Mincho", sans-serif; */
    font-family: serif;
}

/* bnr */
.hrecruitcont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.hrecruitcont .hrecruitbox {
    width: 31.333%;
    margin: 1%;
}

.hrecruitbox h3 {
    font-size: 20px;
    line-height: 1.3;
}

.hrecruitboxinn {
    padding: 60px 2%;
}

.hrecruitbox .moreD {
    width: 100px;
    height: 100px;
}

.hrecruitbox .moreD:before {
    border-bottom: solid 100px;
    border-left: solid 100px transparent;
}

.hrecruitbox .moreD:after {
    border-bottom: solid 96px #fff;
    border-left: solid 96px transparent;
}

.hrecruitbox .moreD a {
    padding: 10px 5px 0px 10px;
}

.hrecruitbox .moreD a:after {
    bottom: 25px;
}

.header-contents {
    background: none;
}



.header-logo a {
    display: inline-block;
}

.header-logo a img {
    max-width: 300px !important;
    width: 280px;
}

.header-info {
    margin-left: auto;
}

.header-address {
    width: 200px;
    margin-top: 10px;
    margin-bottom: 10px;
    /* padding: 30px 10px 5px; */
    padding: 10px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    /* background: url(/upload/tenant_1/637c1152bbcce3b9e51fb739ce33fbb3.png) no-repeat bottom center; */
    background-color: rgb(174, 54, 40);
    background-image: url(https://www.transparenttextures.com/patterns/blizzard.png);
    background-size: auto;
    border-radius: 10px; 
    font-weight: bold;
}

.header-address .tel {
    display: block;
    margin: 5px 0 0;
    font-size: 20px;
    font-weight: bold;
}

.header-address .tel:before {
    content: url(/upload/tenant_1/bec708d2fb5271ca2d6daf36687b1dc9.png);
    content: "\f095";
    display: inline-block;
    margin-right: 5px;
    font-family: "font awesome 5 free";
    font-weight: bold;
    font-size: 16px;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

.header-address a {
    color: #fff;
}

.header-contact {
    width: 100%;
    display: block;
    padding: 5px 0;
    font-size: 14px;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    background-image: url(https://www.transparenttextures.com/patterns/blizzard.png);
    background-size: auto;
    background-color: #ae3628 !important;
}

.header-contact:before {
    content: "\f0e0";
    padding-right: 5px;
    font-family: "fontAwesome";
    font-weight: 500;
}

.nav-global {
    padding: 15px 0;
    position: relative;
    z-index: 10;
}

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

.nav-global .navitem {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin: 0 10px;
    text-align: center;
}

.nav-global a {
    display: inline-block;
    color: rgb(174, 54, 40);
    position: relative;
}

.nav-global .nav-jp {
    display: block;
    color: #000;
}

.nav-global a::after {
    content: "";
    width: 100%;
    height: 4px;
    background: rgba(96, 180, 33, 0.5);
    opacity: 0;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
    transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    position: absolute;
    top: 110%;
    left: 0;
}

#gnav {
    margin: 0px auto 0;
}

/* #gnav li a {
   padding: 0;
} */

.hinfo .timeattention {
    margin-top: 5px;
    font-size: 14px;
}

.list.-cmn04 {
    margin-bottom: 5px;
    padding: 5px;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    background-image: url(https://www.transparenttextures.com/patterns/blizzard.png);
    background-size: auto;
    background-color: #ae3628 !important;
}

.list.-cmn04 table {
    width: 100%;
    border-collapse: collapse;
}

.list.-cmn04 table tr:not(:last-of-type) {
    border-bottom: 1px dashed #fff;
}

.list.-cmn04 table th,
.list.-cmn04 table th,
.list.-cmn04 table td {
    padding: 5px;
}

/* footer */
.fcontactlist li {
    position: relative;
}

/* .fcontactlist li a {
  padding: 15px 10px;
}
 */
.fcontactlist li a span {
    position: static;
}

.fcontactlist li.mail a span {
    background: none;
}

.fcontactlist li.tel a span {
    background: none;
}

.fcontactlist li.mail a span:before {
    content: "";
    width: 100%;
    height: 100%;
    /*   background: url(/import/tenant_1/demo9.eigyo-demo.work/import/tenant_28/lfort-seitaiin.com/import/tenant_1/133.167.75.183/html/images/mail01.png) left center /26px 20px no-repeat; */
    display: block;
    background: url(/file_contents/1538/get) left center /26px 20px no-repeat;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    left: 50px;
}

.fcontactlist li.tel a span:before {
    content: "";
    width: 100%;
    height: 100%;
    /*   background: url(/import/tenant_1/demo9.eigyo-demo.work/import/tenant_28/lfort-seitaiin.com/import/tenant_1/133.167.75.183/html/images/tel01.png) left center /26px 29px no-repeat; */
    display: block;
    background: url(/file_contents/1537/get) left center /26px 29px no-repeat;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    left: 50px;
}

.fnav li {
    margin: 1% 25px 1% 0;
}

.foot {
    padding: 60px 0 40px;
    /* background: url(/import/tenant_1/kajimura.net/akamon_kajimura/static/uploads/contents/managed_html_file.name.abb0478169c326a4.e38380e382a6e383b3e383ade383bce38389202831292e6a7067/ダウンロード (1).jpg) center center /100% 100% no-repeat; */
    background-image: url(/import/tenant_1/kajimura.net/akamon_kajimura/static/page/kajimura/demo.jpg);
}

.foot:before {
    display: none;
}

.map:after {
    padding-top: 25%;
}

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

.copy {
    /* color: #121212; */
    color: #000;
}

.footer-info .header-contact {
    color: #fff;
}

.header-info .header-contact {
    color: #fff;
}




.footer-contents {
    padding: 60px 0;
}

.footer-info {
    width: 40%;
    padding: 0 10px;
}

.footer-info>* {
    margin-bottom: 10px;
    font-size: 14px;
}

.footer-info .tel {
    display: block;
    font-weight: bold;
    font-size: 24px;
}

.footer-info .tel:before {
    content: url(/upload/tenant_1/f5481acb27feb8ead95d38ffa677a4d1.png);
    display: inline-block;
    margin-right: 5px;
    position: relative;
    top: 3px;
}

.nav-footer {
    width: 55%;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.nav-list.-footer {
    padding-right: 10px;
}

.nav-list.-footer .navtitle {
    margin-bottom: 10px;
    font-weight: normal;
}

.nav-list.-footer .navitem {
    width: 48%;
    margin-bottom: 10px;
    padding-left: 15px;
    font-size: 14px;
    position: relative;
}

.nav-list.-footer .navitem:before {
    content: "\f054";
    font-family: "fontAwesome";
    font-size: 12px;
    position: absolute;
    left: 0;
}

.copy {
    padding: 0;
    font-size: 14px;
    color: #fff;
    text-align: center;
    background: url(/upload/tenant_1/fee26bd8175bc7f9295333ac641d0d86.png);
    background-size: cover;
    background-color: rgba(174, 54, 40, 0.8);
}

@media only screen and (max-width: 1024px) {
  .hrecruitbox h3 {
    font-size: 16px;
  }
  .picbox.fa {
    width: 100%;
  }
}

@media only screen and (max-width:599px) {
  .hrecruitbox h3 {
    font-size: 14px;
  }
    .list.-cmn04 {
        margin-top: 20px;

    }

    .homeSlide .slideNav li a {
        white-space: nowrap;
        padding: 10px;
    }

    .hrecruitcont .hrecruitbox {
        width: 48%;
    }

    .footer-info {
        width: 100%;
        padding: 0 10px;
    }

    .nav-footer {
        width: 100%;
        padding: 0 10px;
    }
}

.tim {
    font-size: 14px;
    color: #fff;
    text-align: left;
}

.tim.new {
    color: #000;
    font-size: 22px;
    margin: 10px 0;
}

.about02item.new {
    margin: 0;
}

.qa-list dl {
    margin: 0;
    padding: 28px 80px 28px 30px;
    border-bottom: 1px solid #000;
    cursor: pointer;
    position: relative;
}

.qa-list dl:first-child {
    border-top: 1px solid #000;
}

.qa::before {
    content: "";
    width: 7px;
    height: 7px;
    display: block;
    margin: auto;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    position: absolute;
    top: 35px;
    right: 35px;
}

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

.qa.open::before {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.qa-list dl dt {
    margin: 0;
    padding: 0 0 0 50px;

    font-size: 20px;
    position: relative;
}

.qa-list dl dt::before {
    content: "Q.";
    display: block;
    font-size: 22px;
    color: #3285bf;
    line-height: 1;
    position: absolute;
    top: 3px;
    left: 0;
}

.qa-list dl dd::before {
    content: "A.";
    display: block;
    font-weight: bold;
    font-size: 22px;
    color: #3285bf;
    line-height: 1;
    position: absolute;
    top: 3px;
    left: 2px;
}

.qa-list dl dd {
    height: auto;
    display: none;
    margin: 20px 0 0;
    padding: 0 0 0 50px;
    position: relative;
}

.qa-list dl dd p {
    margin: 30px 0 0;
}

.qa-list dl dd p:first-child {
    margin-top: 0;
}

@media screen and (max-width:1024px) {
    .tim.new {
        font-size: 18px;
    }

    .footer-info {
        width: 100%;
        max-width: 600px;
        margin: auto;
    }

    .nav-footer {
        width: 100%;
        max-width: 600px;
        margin: auto;
        margin-top: 50px;
    }
}

@media screen and (max-width: 767px) {
    .qa-list dl {
        padding: 15px 40px 15px 10px;
        position: relative;
    }

    .qa-list dl::before {
        width: 7px;
        height: 7px;
        top: 20px;
        right: 20px;
    }

    .qa-list dl dt {
        padding: 0 0 0 30px;
        font-size: 14px;
    }

    .qa-list dl dt::before {
        content: "Q.";
        font-size: 14px;
        top: 3px;
        left: 5px;
    }

    .qa-list dl dd::before {
        content: "A.";
        font-size: 14px;
        top: 5px;
        left: 5px;
    }

    .qa-list dl dd {
        margin: 10px 0 0;
        padding: 0 0 0 30px;
        font-size: 14px;
    }

    .qa-list dl dd p {
        margin: 30px 0 0;
    }

    .qa-list dl dd p:first-child {
        margin-top: 0;
    }
}

.c-sav {
    width: 50%;
    margin: auto;
    padding: 10px;
    border: 1px solid;
}

.icon2 {
    margin-top: 13px;
}

@media only screen and (max-width:599px) {
    .up-ofi-170\@sp:after {
        padding-top: 250px;
    }


    .c-sav {
        width: 100%;
        margin: auto;
        padding: 10px;
        border: 1px solid;
    }
}

.pri {
    width: 80%;
    margin: auto;
    border: solid 1px;
}

.pri td {
    padding-left: 20px;
    border: solid 1px;
    padding: 10px;
}

.pri1 {
    text-align: center;
    background: #ae3628;
}



.pri2 {
    background: #cbac92;
    width: 22%;
}

.lemr {
    text-align: right;
    margin-right: 10px;
}

h3 {
    color: #5d3900;
}

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

.profile_top_left_text dt {
    width: 34%;
    margin-bottom: 20px;
}

.profile_top_left_text dd {
    width: 65%;
    margin-bottom: 20px;
}

.toi td {
    border: solid 1px;
    padding: 10px;
}

.toi .list.-cmn04 {
    background-color: #999;
}

.sbh3 {
    margin-bottom: 20px;
    font-weight: bold;
    font-size: 18px;
}

.schedule table {
    width: 100%;
    border-spacing: 0;
}

.schedule table th {
    width: 30%;
    padding: 10px 0;
    border-bottom: solid 2px #fb5144;
}

.schedule table td {
    width: 70%;
    padding: 10px 0;
    text-align: center;
    border-bottom: solid 2px #ddd;
}


.gnav li li {
    /*  height: 0; */
    overflow: hidden;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.gnav li li a {
    border-top: 1px solid #eee;
}

.gnav li:hover>ul>li {
    /* height: 4rem; */
    overflow: visible;
}

.gnew {
    z-index: 999;
}

.gnav li:hover>ul>li {
    display: block;
}

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

[data-element-id].gnavinn {
    margin-bottom: 300px;
}

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

    .pri {
        width: 100%;
    }

    .site_map {
        width: 100%;
    }

    .gnav li li {
        /*  height: 0; */
        overflow: hidden;
        -webkit-transition: 0.5s;
        transition: 0.5s;
    }
}

#header .inner .right.ab {
    background: #f2c9ac;
}

#header .inner .cont.ab p a {
    background: #e9c44b;
}

.head {
    -webkit-animation: test 5s ease 1s infinite forwards;
    animation: test 5s ease 1s infinite forwards;
}


.top-hero-section .pic img {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    -webkit-transition: 0.5s linear;
    transition: 0.5s linear;
}

/* .homeSlide .tbox dt {
    color: #808080;
    -webkit-transition: 0.5s linear;
    transition: 0.5s linear;
    -webkit-transition-delay: 2.5s;
    transition-delay: 2.5s;
}
 */
.homeSlide .pic:after {
    /* background-color: rgba(0, 0, 0, 0.2); */
    background-color: rgba(0, 0, 0, 0);
    -webkit-transition: 0.5s linear;
    transition: 0.5s linear;
}
[data-element-id] .homeSlide .pic::after {
  content: none;
}

.homeSlide .pic:nth-of-type(1):after,
.top-hero-section .pic:nth-of-type(1) img {
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
}

.homeSlide .pic:nth-of-type(2):after,
.top-hero-section .pic:nth-of-type(2) img {
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
}

.homeSlide .pic:nth-of-type(3):after,
.top-hero-section .pic:nth-of-type(3) img {
    -webkit-transition-delay: 1.5s;
    transition-delay: 1.5s;
}

.colored .top-hero-section .pic img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

.colored .homeSlide .pic:after {
    background-color: transparent;
    ;
}

/* .colored.homeSlide .tbox dt {
    color: #ae3628;
} */

/* [data-element-id] .homeSlide .tbox dt {
    color: #ae3628;
} */

[data-element-id] .top-hero-section .pic img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

.timtd.up-mb-10 {
    color: rgb(174 54 40);
    font-weight: bold;
    border-bottom: 1px solid rgb(174 54 40);
    width: 50%;
    font-size: 24px;
}

@media only screen and (max-width:1024px) {
    .timtd.up-mb-10 {
        font-size: 20px;
    }

}

@media only screen and (max-width:599px) {
    .timtd.up-mb-10 {
        font-size: 16px;
    }

    .timtd.sin {
        width: 26%;
    }

    .home08 {
        height: 250px;
    }

    .home08box {
        height: 250px;
    }

    .map {
        height: 250px;
    }
}

/* unno.css */


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

    .flex .sec3 {
        width: 29%;
        margin: 0% 2% 4% 2%;
    }

    .flex_c .sec3 {
        width: 29%;
        margin: 0% 2% 4% 2%;
    }

    .flex .sec4 {
        width: 29%;
        margin: 0% 2% 4% 2%;
    }

    .flex_c .sec4 {
        width: 29%;
        margin: 0% 2% 4% 2%;
    }

    .flex .sec5 {
        width: 46%;
        margin: 0% 2% 4% 2%;
    }

    .flex_c .sec5 {
        width: 46%;
        margin: 0% 2% 4% 2%;
    }

}

#wrapper {
    max-width: 100%;
    overflow: hidden;
}

.w10 {
    max-width: 1000px;
    margin: 0 auto;
    width: 95%;
}

.subtit {
    margin-bottom: 100px;
}

.subtit .inner {
    max-width: 1000px;
    margin: 0 auto;
    width: 95%;
    padding: 2px 0;
    position: relative;
}

.subtit .inner:before {
    content: "";
    width: 300%;
    height: 2px;
    background: #39a423;
    position: absolute;
    top: 0;
    right: 0;
}

.subtit h2 {
    width: 100%;
    font-size: 28px;
    color: #009966;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    text-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff;
}

.subtit .inner .pic {
    text-align: right;
    width: 45%;
    margin: 0 0 0 auto;
}

.subtit .inner .pic:before {
    content: "";
    width: 300%;
    height: 2px;
    left: 0;
    bottom: 0;
    position: absolute;
    background: #39a423;
}

.h3s {
    text-align: center;
    font-size: 28px;
    /* background: url(/import/tenant_1/153.126.148.249/html/images/menu_bar.png) center bottom no-repeat; */

}

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

    .h3s {
        font-size: 20px;
    }

}

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

    /*.subtit h2{
		position:relative;
		transform: translateY(0);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
	left:auto;
	top:auto;
	padding:20px 0;
	text-align:center;
		
	}*/
    .subtit {
        margin-bottom: 50px;
    }
}



/*menu*/

.menu1 .box .pic {
    float: right;
    width: 40%;
    padding: 0 0 20px 0;
}

.menu1 .box .pic.ot {
    float: right;
    width: 40%;
    padding: 0 0 20px 0;
}

.menu1 .box .tbox {
    float: left;
    width: 54.6%;
}

.menu1 .box .tbox.sin {
    width: 100%;
}

.menu1 .box {
    padding: 50px 0 0px 0;
}

.menu1 .box div.clearfix {
    padding-bottom: 40px;
}

.menu .subtit {
    margin-bottom: 50px;
}

.menu1 .box h3 {
    margin-bottom: 50px;
}

.menu1:nth-of-type(odd) {
    background: #f2f4f3;
}

.menu1 .box:nth-child(2n+2) .pic {
    float: left;
}

.menu1 .box:nth-child(2n+2) .tbox {
    float: right;
}

/* .menu1 .box .tbox p {
  padding: 0 0 20px 0;
} */

.menu1 .tbox h4 {
    color: #39a423;
    font-size: 16px;
    padding: 0 0 30px 0;
}

.menu1 .box div.clearfix:nth-child(2n+2) .pic {
    float: left;
}

.menu1 .box div.clearfix:nth-child(2n+2) .tbox {
    float: right;
}

.menu1 .box .caution {
    background: #339933;
}

.menu1 .box .caution p {
    color: #FFFFFF;
    padding: 4.3%;
}

.res .clearfix .pic.ri {
    float: right !important;
}

.res .clearfix .tbox.le {
    float: left !important;
}

.spte {
    margin-top: 0px;
}

@media only screen and (max-width: 599px) {
    .menu1 .box h3 {
        margin-bottom: 20px;
    }

    .menu1 .box .pic {
        float: none !important;
        width: auto;
        text-align: center;
    }

    .menu1 .box .pic.ot {
        float: none !important;
        width: auto;
        text-align: center;
        padding: 0 0 0px 0;
    }

    .menu1 .box .tbox {
        float: none !important;
        width: auto;
    }
}

.bkl {
    background: url(/import/tenant_1/153.126.148.249/html/images/bkl.gif) 0 0 repeat;
}

.menu2 {
    padding: 50px 0 30px 0;
}

.menu2 h3 {
    margin-bottom: 30px;
}

.menu2 h3+p {
    padding: 0 0 20px 0;
}

.menu2 .list {
    padding: 15px 0 0 0;
    max-width: 800px;
    margin: 0 auto;
}

.menu2 dl {
    width: 46.25%;
    margin: 0 7.5% 0 0;
    padding-bottom: 70px;
}

.menu2 dl:nth-child(2n+2) {
    margin-right: 0;
}

.menu2 dt {
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    padding: 40px 0 10px 0;
}

.menu2 dt+dd {
    font-size: 12px;
}

@media only screen and (max-width: 1024px) {
    .menu2 dt {
        font-size: 18px;
        padding-top: 30px;
    }
}

@media only screen and (max-width: 599px) {
    .top-flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .top-name {
        -webkit-writing-mode: inherit;
        -ms-writing-mode: inherit;
        writing-mode: inherit;
        bottom: 0px;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .top-flex .pic {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .hgreet .tbox {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }

    .menu2 dl {
        width: 100%;
        margin-right: 0;
    }

    .menu2 dd.pic {
        text-align: center;
    }
}
/* 
.abs {
    position: relative;
    z-index: 1;
} */

.single h2 {
    font-size: 32px;
}

.single a:hover {
    color: rgb(174, 54, 40);
}

h3,
.uk-h3 {
    line-height: 40px;
}

.sitebox {
    margin-bottom: 50px;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
}

.sitebox .site_map {
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    break-inside: avoid;
}

.sitebox .site_map+.site_map {
    margin-top: 100px;
}

.sitebox .site_map .h3s {
    text-align: left;
}

.sitebox .site_map ul {
    margin-left: 1em;
}

.sitebox .site_map ul li {
    position: relative;
    padding-left: 1.5em;
}

.sitebox .site_map ul li::before {
    content: '';
    display: block;
    width: 0.8em;
    height: 1px;
    background-color: #121212;
    position: absolute;
    top: 12px;
    left: 0;
}

.sitebox .site_map ul li+li {
    margin-top: 8px;
}

@media (max-width: 1024px) {
    .sitebox {
        -webkit-column-gap: 20px;
        -moz-column-gap: 20px;
        column-gap: 20px;
    }

    .sitebox .site_map+.site_map {
        margin-top: 80px;
    }
}

@media (max-width: 599px) {
    .sitebox {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
        -webkit-column-gap: 0;
        -moz-column-gap: 0;
        column-gap: 0;
    }

    .sitebox .site_map+.site_map {
        margin-top: 50px;
    }
    .qaa {
      flex-direction: column-reverse;
    }
}

[data-element-id] .acc-parent dd {
    display: block;
}

[data-element-id] .show\@sp {
    display: block;
    border: solid 4px green;
    position: relative;
}

[data-element-id] .show\@sp:after {
    display: block;
    content: "モバイル用です。";
    color: #fff;
    font-weight: 700;
    background: green;
    padding: 5px;
    text-align: center;
}

/* unno.css END */

/***主な症例と施術法***/
.waku-b {
    background: #a6c5dd;
    padding: 50px;
}

.newspost .voice {
    padding: 20px;
    background: #fff8ef;
    border: 1px solid #ae364b;
}

.newspost .voice .name {
    font-size: 18px;
    border-bottom: 1px solid #ae364b;
    text-align: right;
}

.single a {
    font-weight: bold;
    color: #ae3628;
}

.first01list .first01item .flexsb {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

/**健康保険追記**/
.b1sb {
    border: 1px solid #5d3900;
    padding: 20px 20px 0;
    margin-bottom: 50px;
}

/*****アクセス追記*****/
.p-map {
  margin: 20px 0;
}

.p-map iframe {
  width: 100%;
  height: 300px;
}

@media (max-width: 599px) {
  .p-map iframe {
    height: 250px;
  }
}

[data-element-id] .mobile-only, [data-element-id] .pcnone {
  border: 1px solid #218055;
  position: relative;
}

[data-element-id] .mobile-only:after, [data-element-id] .pcnone:after {
  content: "モバイル用";
  width: 100%;
  text-align: center;
  color: #fff;
  background: #218055;
  font-weight: bold;
  font-size: 12px;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -100%);
  transform: translate(-50%, -100%);
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  border: 1px solid #218055;
}

[data-element-id].numb.new{
  position: relative !important;
}

.fwb {
  font-weight: bold;
}
.w68 {
  width: 68%;
  margin-right: 2%;
}
/*****診療一覧*****/
.treatment a {
  color: red;
}
.po-only {
  display: block;
}
.sp-only {
  display: none;
}
[data-element-id] .sp-only {
  display: block;
}
.treatment-list {
  margin: 50px 0;
}
.treatment-list table , .treatment-list td, .treatment-list th {
	border: 1px solid #595959;
	border-collapse: collapse;
	text-align: center;
}
.treatment-list table {
  width: 100%;
}
.treatment-list td, .treatment-list th {
	padding: 10px;
	width: 30px;
	height: 25px;
	font-size: 16px;
}
.treatment-list th {
	background: #f0e6cc;
}
.treatment-list .w18 {
  width: 18%;
  font-weight: bold;
}
.treatment-list2 {
  margin: 50px auto;
}
.treatment-list2 table , .treatment-list2 td, .treatment-list2 th {
	border: 1px solid #595959;
	border-collapse: collapse;
	text-align: center;
	}
.treatment-list2 table {
  width: 100%;
}
.treatment-list2 td, .treatment-list2 th {
	padding: 3px;
	width: 30px;
	height: 25px;
	font-size: 14px;
}
.treatment-list2 th {
	background: #f0e6cc;
}

@media (max-width: 1024px) {
  .treatment-list td, .treatment-list th {
    font-size: 14px;
  }
}

@media (max-width: 599px) {
  .pc-only {
    display: none;
  }
  .sp-only {
    display: block;
  }
  .treatment-list2 td.fwb {
    font-size: 16px;
    height: 40px;
  }
}

/*****2022/05/17*****/
.blogpost.w68 {
  width: 68%;
  margin-left: 2%;
  margin-right: 0;
}
.blogpost ul li.bitem {
  width: 100%;
  border: 1px solid #ae3628;
}
.blogpost ul li dl {
  display: flex;
  padding: 10px;
  border-top: 1px solid #ae3628;
}
.blogpost ul li dl dt {
  width: 83%;
  margin-right: 2%;
}
.blogpost ul li dl dt li {
  text-align: right;
}
.blogpost ul li dl dd {
  width: 15%;
  text-align: right;
}
.blogpost ul li .tit {
  padding: 10px;
}

@media (max-width: 1024px) {
  .blog01cont.flex {
    flex-direction:column-reverse
  }
  .blogpost.w68 {
    width: 100%;
    margin-left: auto;
  }
  .calist.w30 {
    width: 100%;
    display: flex;
  }
  .calist.w30 dl {
    width: 40%;
    margin: 0 auto;
  }
}

@media (max-width: 599px) {
  .calist.w30 {
    display: block;
    margin-bottom: 30px;
  }
  .calist.w30 dl {
    width: 100%;
  }
  .blogpost ul li dl dt {
    width: 63%;
  }
  .blogpost ul li dl dd {
    width: 35%;
  }
}

/***TOPアニメーション***/
/*アニメーション*/
.toptext.offs .effect {
  opacity: 0;
}
.toptext.ons .effect {
  opacity: 1;
  transition-duration: 1s;
}

/*遅延の設定*/
.delay-1 {
  transition-delay: 0.2s;
}
.delay-2 {
  transition-delay: 0.3s;
}
.delay-3 {
  transition-delay: 0.4s;
}
.delay-4 {
  transition-delay: 0.5s;
}
.delay-5 {
  transition-delay: 0.6s;
}
.delay-6 {
  transition-delay: 0.7s;
}
.delay-7 {
  transition-delay: 0.8s;
}
.delay-8 {
  transition-delay: 0.9s;
}
.delay-9 {
  transition-delay: 1s;
}
.delay-10 {
  transition-delay: 1.1s;
}
.delay-11 {
  transition-delay: 1.2s;
}
.delay-12 {
  transition-delay: 1.3s;
}
.delay-13 {
  transition-delay: 1.4s;
}
.delay-14 {
  transition-delay: 1.5s;
}
.delay-15 {
  transition-delay: 1.6s;
}
.delay-16 {
  transition-delay: 1.7s;
}
.delay-17 {
  transition-delay: 1.8s;
}
.delay-18 {
    transition-delay: 1.9s;
}
.delay-19 {
    transition-delay: 2s;
}
.delay-20 {
    transition-delay: 2.1s;
}
.delay-21 {
    transition-delay: 2.2s;
}
.delay-22 {
    transition-delay: 2.3s;
}
.delay-23 {
    transition-delay: 2.4s;
}
.delay-24 {
    transition-delay: 2.5s;
}
.delay-25 {
    transition-delay: 2.6s;
}
.delay-26 {
    transition-delay: 2.7s;
}
.delay-27 {
    transition-delay: 2.8s;
}
.delay-28 {
    transition-delay: 2.9s;
}
.delay-29 {
    transition-delay: 3s;
}
.delay-30 {
    transition-delay: 3.1s;
}
.delay-31 {
    transition-delay: 3.2s;
}
.delay-32 {
    transition-delay: 3.3s;
}
.delay-33 {
    transition-delay: 3.4s;
}