@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@400;500;700&display=swap');




.round400 {
    font-family: 'M PLUS Rounded 1c', sans-serif;
    font-weight: 400;
    font-style: normal;
     -webkit-font-smoothing: antialiased;
}
.round500 {
    font-family: 'M PLUS Rounded 1c', sans-serif;
    font-weight: 500;
    font-style: normal;
     -webkit-font-smoothing: antialiased;
}
.round700 {
    font-family: 'M PLUS Rounded 1c', sans-serif;
    font-weight: 700;
    font-style: normal;
     -webkit-font-smoothing: antialiased;
}

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


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: "游ゴシック", 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;*/
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0;
    color: #4f4f4f;
    word-wrap: break-word;
    overflow-wrap: break-word;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    word-break: break-all;
}

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


/*フォント系*/

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

h1 {
    /* width: 100%; */
    /* position: absolute; */
    /* bottom: 200%; */
    /* font-size: 12px; */
    /* font-weight: normal; */
}

.fs120 {
    font-size: 120%;
}

.fs140 {
    font-size: 140%;
}

.fs160 {
    font-size: 160%;
}

.fs180 {
    font-size: 180%;
}

.fs200 {
    font-size: 200%;
}

.fs220 {
    font-size: 220%;
}

.fs240 {
    font-size: 240%;
}

.fs260 {
    font-size: 260%;
}

.fs280 {
    font-size: 280%;
}

.fs300 {
    font-size: 300%;
}

.fs12 {
    font-size: 12px;
}

.fs14 {
    font-size: 14px;
}

.fs16 {
    font-size: 16px;
}

.fs18 {
    font-size: 18px;
}

.fs20 {
    font-size: 20px;
}

.fs22 {
    font-size: 22px;
}

.fs24 {
    font-size: 24px;
}

.fs26 {
    font-size: 26px;
}

.fs28 {
    font-size: 28px;
}

.fs30 {
    font-size: 30px;
}

.fs32 {
    font-size: 32px;
}

.fs34 {
    font-size: 34px;
}

.fs36 {
    font-size: 36px;
}

.fs38 {
    font-size: 38px;
}

.fs40 {
    font-size: 40px;
}

.fs42 {
    font-size: 42px;
}

.fs44 {
    font-size: 44px;
}

.fs46 {
    font-size: 46px;
}

.bold {
    font-weight: bold;
}

.normal {
    font-weight: normal;
}

.red {
    color: red;
}

.blue {
    color: blue;
}

.white {
    color: #fff;
}

@media only screen and (max-width:599px) {
    body,
    div,
    dl,
    dt,
    dd,
    ul,
    ol,
    li,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    form,
    input,
    button,
    p {
        font-size: 14px;
    }
}

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

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

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

.clearfix {
    display: block;
}

.clear {
    clear: both;
}

iframe {
    max-width: 100%;
}

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

img:not([src*="."]) {
    display: none;
}

[data-element-id] .filter:before,
[data-element-id] .filterT:before,
[data-element-id] .filterR:before,
[data-element-id] .filterB:before,
[data-element-id] .filterL:before,
[data-element-id] .filterRad:before {
    display: none;
}

.filter,
.filterT,
.filterR,
.filterB,
.filterL,
.filterRad {
    position: relative;
}

.filter:before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    background: rgba(255, 255, 255, 0.6);
}

.filterT:before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 1)), color-stop(50%, rgba(255, 255, 255, 0)));
    background: linear-gradient(to top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 50%);
}

.filterR:before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 1)), color-stop(50%, rgba(255, 255, 255, 0)));
    background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 50%);
}

.filterB:before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 1)), color-stop(50%, rgba(255, 255, 255, 0)));
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 50%);
}

.filterL:before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    background: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 1)), color-stop(50%, rgba(255, 255, 255, 0)));
    background: linear-gradient(to left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 50%);
}

.filterRad:before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    background: radial-gradient(ellipse at center, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 80%);
}

.lb-outerContainer {
    width: 80% !important;
    max-width: 500px !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;
}

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

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

.mvon {
    opacity: 1;
}

a {
    text-decoration: none;
    color: #4f4f4f;
}


a:hover {
    opacity: 0.6;
    color: inherit;
    text-decoration: none;
}
a.brown:hover {
    color: #856021;
}

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

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

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

span {
    line-height: 160%;
    word-wrap: break-word;
    overflow-wrap: break-word;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    word-break: break-all;
}

p {
    text-align: left;
}

/*フレックス*/

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

.columnreverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
}

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

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

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

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

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

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

/*align-item*/

.itemstart {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

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

.itemend {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

/*align-content*/

.contentstart {
    -ms-flex-line-pack: start;
    align-content: flex-start;
}

.contentcenter {
    -ms-flex-line-pack: center;
    align-content: center;
}

.contentend {
    -ms-flex-line-pack: end;
    align-content: flex-end;
}

/*align-self*/

.selfstart {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
}

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

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

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

/* 見たまま編集バリデーション */

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

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

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

.flex > div[data-collection-archive-content],
.flexc > div[data-collection-archive-content],
.flexs > div[data-collection-archive-content],
.flexb > div[data-collection-archive-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;
}

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

.flexb > div[data-recommend-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-collection-filtered-content] {
    display: -webkit-box;
    display: -ms-flexsbox;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.flexc > div[data-collection-filtered-content] {
    display: -webkit-box;
    display: -ms-flexsbox;
    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-filtered-content] {
    display: -webkit-box;
    display: -ms-flexsbox;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.flexb > div[data-collection-filtered-content] {
    display: -webkit-box;
    display: -ms-flexsbox;
    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-collection-archive-content] {
    display: -webkit-box;
    display: -ms-flexsbox;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.flexc > div[data-collection-archive-content] {
    display: -webkit-box;
    display: -ms-flexsbox;
    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-archive-content] {
    display: -webkit-box;
    display: -ms-flexsbox;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

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

[data-element-id] [class*="heightLine"] {
    height: auto !important;
}

[data-element-id] .imgalt {
    position: relative;
    color: orange;
    font-size: 14px;
    background: #333;
    padding: 2px 4px;
    text-align: left;
    max-height: 70px;
    overflow: hidden;
    z-index: 50;
}

[data-element-id] .altcolor {
    color: red;
}

[data-common-area] {
    position: relative;
}

[data-common-area]:hover:before {
    content: "共通要素です。";
    position: absolute !important;
    width: 100%;
    min-width: 200px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    bottom: 100%;
    color: #FDC44F;
    font-weight: bold;
    background: #555;
    padding: 5px;
    font-size: 12px;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

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%;
    min-width: 200px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    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*="."] {
    border: solid red 5px !important;
    display: block;
    position: relative !important;
    opacity: 1;
}

a[data-href*="."]:hover:before {
    content: "外部リンクの可能性があります。リンクが飛ばない可能性がありますので注意してください。";
    position: absolute !important;
    width: 100%;
    min-width: 200px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    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: absolute;
    letter-spacing: 1px;
    z-index: 1000;
    font-size: 12px;
    width: 100%;
}

[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: absolute;
    letter-spacing: 1px;
    z-index: 1000;
    font-size: 12px;
    width: 100%;
}

/*カラム*/


@media only screen and (max-width: 1024px) {
    .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) {

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



/*ofiImg*/
.ofiImg02.b {
    position: relative;
}

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

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

    font-family: 'object-fit: cover;';
    /*IE対策*/
}

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

.ofiImg.b {
    position: relative;
}

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

.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.t115 {
    position: relative;
    padding-top: 115%;
    display: block;
}

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

.ofiImg.t35 {
    position: relative;
    padding-top: 35%;
    display: block;
}

.ofiImg.t35 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.t30 {
    position: relative;
    padding-top: 30%;
    display: block;
}

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


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

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

.ul > li:before {
    content: "■";
    position: absolute;
    color: #acacac;
    left: 0;
    font-size: 10px;
}


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

.z2 {
    position: relative;
    z-index: 2;
}
.fw300 {
    font-weight: 300;
}

.fw400 {
    font-weight: 400;
}

.fw500 {
    font-weight: 500;
}

.fw600 {
    font-weight: 600;
}

.fw700 {
    font-weight: 700;
}

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

.w35 {
    width: 35%;
    margin: 1% 0 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;
}

.w65 {
    width: 65%;
    margin: 1% 0 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;
}
.m860 {
    max-width: 860px;
    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;
}

.area80 {
    padding: 80px 0;
}

.area60 {
    padding: 60px 0;
}

.area40 {
    padding: 40px 0;
}

.area30 {
    padding: 40px 0;
}

.area20 {
    padding: 20px 0;
}

.area10 {
    padding: 10px 0;
}

.areat60 {
    padding-top: 60px;
}

.areat40 {
    padding-top: 40px;
}

.areat30 {
    padding-top: 30px;
}

.areat20 {
    padding-top: 20px;
}

.areat10 {
    padding-top: 10px;
}

.m80 {
    margin: 80px 0;
}

.m60 {
    margin: 60px 0;
}

.m40 {
    margin: 40px 0;
}

.m20 {
    margin: 20px 0;
}

.mb80 {
    margin-bottom: 80px;
}

.mb60 {
    margin-bottom: 60px;
}

.mb40 {
    margin-bottom: 40px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb10 {
    margin-bottom: 10px;
}

.mtb20 {
    margin: 20px 0;
}


.pic {
    text-align: center;
}

.pic img {
    width: 100%;
}

.pix {
    text-align: center;
}

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


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

    .m700 {
        width: 96%;
    }

    .m800 {
        width: 96%;
    }
    .m860 {
        width: 96%;
    }

    .m900 {
        width: 96%;
    }

    .m960 {
        width: 96%;
    }

    .m1000 {
        width: 96%;
    }
    .area80 {
        padding: 60px 0;
    }
    .area60 {
        padding: 50px 0;
    }

    .area40 {
        padding: 30px 0;
    }
    .mb80 {
        margin-bottom: 60px;
    }

    .mb60 {
        margin-bottom: 50px;
    }

    .mb40 {
        margin-bottom: 30px;
    }

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

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

}

@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%;
    }
    .m860 {
        width: 94%;
    }

    .m900 {
        width: 94%;
    }

    .m960 {
        width: 94%;
    }

    .m1000 {
        width: 94%;
    }

    .m1200 {
        width: 94%;
    }

    .area80 {
        padding: 40px 0;
    }

    .area60 {
        padding: 40px 0;
    }

    .area40 {
        padding: 20px 0;
    }

    .row2 {
        width: 98%;
    }

    .row3 {
        width: 48%;
    }

    .row4 {
        width: 48%;
    }

    .row5 {
        width: 31.333%;
    }

    .mb80 {
        margin-bottom: 40px;
    }

    .mb60 {
        margin-bottom: 40px;
    }

    .mb40 {
        margin-bottom: 20px;
    }

    .tac599 {
        text-align: left;
    }

    .tar599 {
        text-align: left;
    }

    .tarc599 {
        text-align: center;
    }

    .tal599 {
        text-align: left;
    }

}

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

}

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

}


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

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

.mainimg img {
    width: 100%;
}

.mainimg .uk-slidenav-position {
    position: relative;
    overflow: hidden;
}

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

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

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

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

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

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

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


/*totop*/

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

/*
#totop a {
  display: block;
}

#totop a:before {
  content: "\f106";
  font-family: FontAwesome;
  display: block;
  height: 50px;
  width: 50px;
  line-height: 50px;
  font-size: 30px;
  background: #000000;
}

#totop a {
  background: #000000;
  display: block;
  color: #fff;
}



*/

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

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


/*blog*/

/*contact*/

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

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

.form dt {
    width: 100%;
    color: #4f4f4f;
    font-size: 20px;
    font-weight: 600;
    position: relative;
    margin-top: 7px;
    margin-bottom: 15px;
}

.form dt .reqw {
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    padding: 0 20px;
    background: #1aa1e6;
    color: #fff;
    border-radius: 3px;
    display: inline-block;
    margin-left: 20px;
    position: relative;
    top: -3px;
}

.form dd {
    width: 100%;
}

.form dd input {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px;
    border: none;
    border: 1px solid #bfbfbf;
}

.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;
    font-size: 16px;
    border: 1px solid #bfbfbf;
    height: 300px;
}


.formbtn li button {
    text-align: center;
    color: #fff;
    display: block;
    background: #1aa1e6;
    font-size: 22px;
    font-weight: 600;
    padding: 25px 0;
    position: relative;
    z-index: 1;
    opacity: 1;
    overflow: hidden;
    border: none;
    border-radius: 10px;
    width: 100%;
    margin: 50px auto;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
    position: relative;
}

/*
.formbtn li button:after {
    position: absolute;
    font-family: FontAwesome;
    content: "\f105";
    position: absolute;
    top: 50%;
    right: 20px;
    -webkit-transform: translateY(-50%);
    -ms-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: 330px;
    margin: auto;
}

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

@media only screen and (max-width:1024px) {
    .form dt {
        width: 100%;
        padding-bottom: 1em;
        font-size: 16px;
        margin-bottom: 0;
    }

    .form dd {
        width: 100%;
    }

    .form dl {
        padding: 15px 0;
    }

    .formbtn li button {
        margin: 60px auto;
        padding: 15px 40px;
        font-size: 20px;
    }

    .formbtn2 li {
        max-width: 200px;
    }
    .form dt .reqw{
        font-size: 14px;
        top: 0;
    }

}

@media only screen and (max-width:599px) {
    .formbtn li button {
        margin: 40px auto;
        padding: 10px 40px;
        max-width: 250px;
        font-size: 16px;
    }

    .formbtn2 li {
        max-width: 130px;
    }
    .form dt .reqw{
        font-size: 12px;
        margin-left: 10px;
    }
}

/*ここまでreset*/


/*common*/
.txtblue{
    color: #1aa1e6;
}
.bglightblue{
    background-color: #eff8fe;
}
.bglightblue2{
    background-color: #e3f1fa;
}
.bgbtnblue a{
    background-color: #5ba3c7;
    display: inline-block;
}
.bgbtnblue2 a{
    background-color: #1ba1e6;
    display: inline-block;
}

.m1300 {
    width: 98%;
    max-width: 1300px;
    margin: 0 auto;
}
.m1100 {
    width: 98%;
    max-width: 1100px;
    margin: 0 auto;
}

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

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

.mapitem a{
    position: relative;
    padding-left: 1.2em;
    display: inline-block;
}
.mapitem a:before{
    content: "";
    background-image: url(/import/tenant_1/160.16.134.16/html/images/common/mapicon.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    width: 14px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.mapicon{
    position: relative;
    padding-left: 1.2em;
    display: inline-block;
}
.mapicon:before{
    content: "";
    background-image: url(/import/tenant_1/160.16.134.16/html/images/common/mapicon.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    width: 14px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.telicon a {
    position: relative;
    padding-left: 1.2em;
}
.telicon a:before{
    content: "";
    background-image: url(/import/tenant_1/160.16.134.16/html/images/common/telicon.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    width: 27px;
    height: 27px;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.mailicon {
    position: relative;
    display: inline-block;
    padding-left: 1.6em;
}
.mailicon:before{
    content: "";
    background-image: url(/import/tenant_1/160.16.134.16/html/images/common/mailicon.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    width: 20px;
    height: 16px;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.mailblueicon {
    position: relative;
    display: inline-block;
    padding-left: 1.6em;
}
.mailblueicon:before{
    content: "";
    background-image: url(/import/tenant_1/160.16.134.16/html/images/common/mailblueicon.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    width: 32px;
    height: 26px;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.clockicon {
    position: relative;
    display: inline-block;
    padding-left: 1.6em;
}
.clockicon:before{
    content: "";
    background-image: url(/import/tenant_1/160.16.134.16/html/images/common/clockicon.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    width: 22px;
    height: 22px;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.hitoicon {
    position: relative;
    display: inline-block;
    padding-left: 1.6em;
}
.hitoicon:before{
    content: "";
    background-image: url(/import/tenant_1/160.16.134.16/html/images/common/hitoicon.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    width: 24px;
    height: 17px;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.caricon {
    position: relative;
    display: inline-block;
    padding-left: 2em;
}
.caricon:before{
    content: "";
    background-image: url(/import/tenant_1/160.16.134.16/html/images/common/caricon.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    width: 32px;
    height: 16px;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.trainicon {
    position: relative;
    display: inline-block;
    padding-left: 2em;
}
.trainicon:before{
    content: "";
    background-image: url(/import/tenant_1/160.16.134.16/html/images/common/trainicon.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    width: 24px;
    height: 32px;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.logoicon {
    position: relative;
    display: inline-block;
    padding-left: 3.5em;
}
.logoicon:before{
    content: "";
    background-image: url(/import/tenant_1/160.16.134.16/html/images/common/logoicon.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    width: 62px;
    height: 75px;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.toothicon {
    position: relative;
    display: inline-block;
    padding-left: 2em;
}
.toothicon:before{
    content: "";
    background-image: url(/import/tenant_1/160.16.134.16/html/images/common/toothicon.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    width: 26px;
    height: 32px;
    position: absolute;
    left: 0;
    top: -3px;
    
}

.bgylw{
    display: inline-block;
    position: relative;
}
.bgylw:after{
    content: "";
    width: 103%;
    height: 1.1em;
    background-color: #fff794;
    position: absolute;
    left: 50%;
    top:50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: -1;
}
.dib{
    display: inline-block;;
}

.bgblock{
    background-image: url(/import/tenant_1/160.16.134.16/html/images/common/bgblock.png);
    background-repeat: repeat-y;
    background-position: center top;
    background-size: 100% auto;
}
.bgblockblue{
    background-image: url(/import/tenant_1/160.16.134.16/html/images/common/bgblockblue.png);
    background-repeat: repeat-y;
    background-position: center top;
    background-size: 100% auto;
}

@media only screen and (max-width: 1024px) {
    .m1300 {
        width: 96%;
    }
    .m1100 {
        width: 96%;
    }
    .tb{
        display: block !important;
    }
    .logoicon:before{
        width: 54px;
        height: 65px;
    }
}
@media only screen and (max-width: 599px) {
    .m1300 {
        width: 94%;
    }
    .m1100 {
        width: 94%;
    }
    .pc {
        display: none !important;
    }
    .sp {
        display: block !important;
    }
    .caricon:before{
        width: 28px;
        height: 18px;
    }
    .trainicon:before{
        width: 20px;
        height: 26px;
    }
    .logoicon:before{
        width: 44px;
        height: 55px;
    }
}

/*header*/
header {
    padding: 34px 0 0px;
    border-top: 7px solid #eff8fe;
    position: relative;
    background-color: #fff;
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
}
header:after{
    content: "";
    background-image: url(/import/tenant_1/160.16.134.16/html/images/common/header-nami.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
    width: 100%;
    position: absolute;
    top: 99%;
    left: 0;
    z-index: 2;
    padding-top: 5%;
}
header.fix{
    width: 100%;
    top: 0;
    left: 0;
    position: fixed;
    z-index: 200;
    padding: 10px 0;
    -webkit-box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.2);
}
header.fix:after{
    display: none;
}
header .head{
    background-color: #fff;
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
}
header .infobox li.item{
    display: inline-block;
    margin-left: 25px;
    vertical-align: middle;
}
header .infobox li.item a{
    display: block;
}
header .infobox li.tel{
    font-size: 28px;
    line-height: 1;
}
header .infobox li.tel span{
    font-size: 18px;
    font-weight: 500;
    line-height: 1;
    margin-right: 5px;
    display: inline-block;
    position: relative;
    top: -4px;
}
header .infobox li.mapitem a{
    position: relative;
    padding-left: 1.2em;
}
header .infobox li.mapitem a:before{
    content: "";
    background-image: url(/import/tenant_1/160.16.134.16/html/images/common/mapicon.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    width: 14px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
header .infobox li.faqitem a{
    position: relative;
    padding-left: 1.5em;
}
header .infobox li.faqitem a:before{
    content: "";
    background-image: url(/import/tenant_1/160.16.134.16/html/images/common/faqicon.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    width: 18px;
    height: 19px;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
header .navbox{
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

header .logo {
  width: 32em;
}
header .logo a {
    display: block;
    width: 265px;
    height: auto;
}
header #gnav {
    width: calc(100% - 32em);
    margin-bottom: 10px;
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
}
header.fix #gnav{
    margin-bottom: 0;
}
@media only screen and (max-width: 1024px) {
    header {
        padding: 20px 0;
    }
    header .headwrap {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }
    header .logo {
        width: 100%;
    }
    header .logo a {
        width: 200px;
    }    
    header #gnav {
        width: 100%;
    }
}
@media only screen and (max-width: 599px) {
    header {
        padding: 10px 0;
    }
    header .logo a{
        width: 133px;
    }    
}

/*gnav*/

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

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

#gnav .navlist{
    margin-top: 40px;
    -webkit-transition: all ease 0.3s;transition: all ease 0.3s;
}
header.fix #gnav .navlist{
    margin-top: 10px;
}
#gnav .navlist li {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    margin-bottom: 0;
    display: inline-block;
    margin-left: 40px;
}
#gnav .navlist li:first-of-type {
    margin-left: 0;
}

[data-element-id] [data-element-id] #gnav li.navitem.sp  {
    display: inline-block !important;
}

#gnav .navlist li.pcnone {
    display: none;
}

#gnav .navlist li a,
#gnav .navlist li span {
    width: 100%;
    height: 100%;
    display: block;
    line-height: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    padding-bottom: 10px;
}
#gnav .navlist li > a:hover{
    opacity: 1;
}
#gnav .navlist li a:after{
    content: "";
    opacity: 0;
    width: 0;
    height: 4px;
    background-color: #1ba1e6;
    position: absolute;
    bottom:0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: ease all 0.3s;
    transition: ease all 0.3s;
}
#gnav .navlist li > a:hover:after{
    opacity: 1;
    width: 28px;
}

#gnav .navlist li span {
    cursor: pointer;
}

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


#gnav .ddbox {
    /*    position: relative;*/
}

#gnav .ddbox .dd {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: 0.6s all ease;
    transition: 0.6s all ease;
    position: absolute;
    -webkit-transform: translate(0, -10px);
    transform: translate(0, -10px);
    right: 0;
    width: 100%;
    z-index: 10;
    padding: 30px 10px;
    margin-top: 5px;
    background: #eff8fe;
}

#gnav .ddbox:hover .dd {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translate(0, 10px);
    transform: translate(0, 10px);
}
#gnav .ddbox .dd li {
    margin: 20px;
}

[data-element-id] #gnav .ddbox .dd {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translate(0, 50px);
    -ms-transform: translate(0, 50px);
    transform: translate(0, 50px);
}

[data-element-id] #gnav .ddbox:hover .dd{
    -webkit-transform: translate(0, 50px);
    -ms-transform: translate(0, 50px);
    transform: translate(0, 50px);
}


@media only screen and (max-width: 1024px) {
    #gnav .gnavinn {
        position: fixed;
        top: 0;
        right: -600px;
        width: 600px;
        height: 100vh;
        opacity: 1;
        -webkit-transition: all ease 0.5s;
        transition: all ease 0.5s;
        padding: 0;
        border: none;
        padding-bottom: 0;
        background: #fff;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        -webkit-transform: translate3d(0, 0, 0) !important;
        transform: translate3d(0, 0, 0) !important;
        z-index: -10;
    }
    #gnav.action .gnavinn {
        right: 0;
        z-index: 250;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    #gnav .navlist li {
        display: block !important;
        width: 100%;
        text-align: left;
        position: static;
        padding: 0.5em;
        margin-left: 0;
    }

    #gnav p.toggle {
        display: block !important;
        position: fixed;
        width: 38px;
        height: 38px;
        top: 6px;
        right: 10px;
        cursor: pointer;
        opacity: 0.8;
        margin: 2px;
        z-index: 251;
        -webkit-transform: translate3d(0, 0, 0) !important;
        transform: translate3d(0, 0, 0) !important;
    }

    #gnav .navlist li {
        float: none;
        width: auto;
        padding: 0;
        margin-top: 0;
        display: block !important;
        margin-bottom: 10px;
    }
    #gnav .navlist li > a:hover:after{
      display: none;
    }


    #gnav p.toggle span.n {
        display: block;
        background: #1aa1e6;
        height: 2px;
        width: 26px;
        text-indent: 9999px;
        padding: 0;
        top: 50%;
        left: 6px;
        margin-top: -1px;
        position: absolute;
        -webkit-transition: ease .30s;
        transition: ease .30s;
    }

    #gnav p.toggle span.n:before {
        display: block;
        content: "";
        background: #1aa1e6;
        height: 2px;
        width: 26px;
        position: absolute;
        top: -8px;
        left: 0;
        -webkit-transition: ease .30s;
        transition: ease .30s;
    }

    #gnav p.toggle span.n:after {
        display: block;
        content: "";
        background: #1aa1e6;
        height: 2px;
        width: 26px;
        position: absolute;
        top: 8px;
        left: 0;
        -webkit-transition: ease .30s;
        transition: ease .30s;
    }

    #gnav.action p.toggle span.n {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transition: ease .30s;
        transition: ease .30s;
    }

    #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;
        -webkit-transition: ease .30s;
        transition: ease .30s;
    }
    #gnav .gnavinn .infobox{
        padding: 0 3% 160px;;
        text-align: left;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
    #gnav .gnavinn .infobox .item:first-of-type{
        display: block;
        margin-bottom: 20px;
    }
    #gnav .gnavinn > .navlist {
        width: 100%;
        padding: 20px 3% 40px;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

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

    #gnav.fix {
        padding: 0;
    }

    .overlay {
        height: 100%;
        overflow: hidden;
    }

    .overlay:after {
        content: "";
        width: 100%;
        height: 100%;
        background: #000;
        position: fixed;
        top: 0;
        left: 0;
        opacity: 0.3;
        z-index: 100;
    }

    #gnav .ddbox .dd {
        position: relative;
        width: 80%;
        -webkit-transform: none !important;
        transform: none !important;
        position: relative;
        left: 15px;
        right: auto;
        visibility: visible;
        opacity: 1;
        margin: 0;
        padding: 0;
        background: #eff8fe;
        border: 1px solid #5ba3c7;
        border-radius: 30px;
        max-width: 540px;
        padding: 20px 0;

    }
    #gnav .ddbox .dd li {
        margin: 0;
        width: 100%;
    }
    #gnav .telbox {
        text-align: left;
        margin-left: 20px;
    }
    #gnav .telbox dt {
        font-size: 14px;
    }
    #gnav .telbox .tel {
        margin-bottom: 0;
    }
    #gnav .telbox .tel a {
        font-size: 24px;
    }

}

@media only screen and (max-width:599px) {
    #gnav .gnavinn {
        width: 100%;
        right: -100%;
    }
    #gnav .gnavinn > ul {
        padding: 60px 3% 33%;
    }
    #gnav .ddbox .dd li a {
        font-size: 14px;
    }
    #gnav .telbox {
        position: fixed;
        width: 100%;
        display: block;
        left: 0;
        bottom: 0;
        text-align: center;
        margin-left: 0;
        padding: 10px 0;
        background-color: #eee7df;
        border-top: 1px solid #856021;
    }
    #gnav .ddbox .dd{
        width: 90%;
    }
}


/*footer*/
footer {
    background-color: #eff8fe;
    padding: 60px 0 40px;
}
footer .copy {
    letter-spacing: 0.1em;
    margin-top: 60px;
}
footer .infobox{
    width: 50%;
}
footer .footlogo{
    width: 265px;
}
footer .adress {
    margin-left: 20px;
    width: calc(100% - 265px - 20px);
}
footer .adress dt{
    font-size: 14px;
    display: block;
}
footer .adress dd{
    font-size: 14px;
    display: block;
}
footer .adress dd span{
    display: inline-block;
    margin-right: 10px;
}

footer .timebox{
    margin-top: 55px;
    width: 100%;
    max-width: 500px;
}
footer .timebox dt{
    width: 30%;
    padding: 10px 0;
    text-align: center;
}
footer .timebox dd{
    width: 10%;
    padding: 10px 0;
    text-align: center;
    border-left: 1px solid #e1dfdf;
}
footer .timebox dt.tit{
    font-size: 21px;
    text-align: center;
}
footer .contactbox{
    width: 100%;
    max-width: 500px;
    margin-top: 40px;
    padding-top: 25px;
    border-top: 1px solid #e1dfdf;
}
footer .contactbox .tit{
    font-weight: 600;
}
footer .telbox{
    width: 55%;
}
footer .telbox .tel{
    margin-top: 20px;
}
footer .telbox .tel a{
    font-size: 30px;
    color: #1aa1e6;
    font-family: 'M PLUS Rounded 1c', sans-serif;
    font-weight: 500;
    font-style: normal;
     -webkit-font-smoothing: antialiased;
    position: relative;
}
footer .contact{
    width: 45%;
}
footer .contact .bgbtnblue{
    text-align: right;
}
footer .contact .bgbtnblue a{
    color: #fff;
    width: 235px;
    padding: 10px 0;
    margin-top: 10px;
    text-align: center;
    border-radius: 30px;
}

.footbox .footnav {
    width: 46%;
}
.footbox .footnav .list {
    width: 46%;
}
.footbox .footnav .list .item {
    margin-bottom: 10px;
}
.footbox .footnav .list .item:last-of-type {
    margin-bottom: 0;
}
.footbox .footnav .item a {
    display: block;
    font-size: 14px;
    position: relative;
    padding-left: 1.3em;
}
.footbox .footnav .item a:before{
    content: "\f0da";
    font-family: FontAwesome;
    font-size: 16px;
    position: absolute;
    left: 0;
    top: 0;
}

@media only screen and (max-width:1024px) {
    footer .infobox{
        width: 100%;
        max-width: 600px;
        margin: 0 auto;
    }
    footer .timebox{
        max-width: 500px;
        margin: 40px 0 0;
    }
    .footbox .footnav {
        width: 100%;
        max-width: 700px;
        margin: 40px auto 0;
    }
    .footbox .footnav .list {
        width: 46%;
    }
    footer .copy{
        text-align: center;
    }
}
@media only screen and (max-width:599px) {
    footer{
        padding: 40px 0 100px;
    }
    footer .footlogo{
        width: 100%;
    }
    footer .footlogo a{
        width: 200px;
        margin: 0 auto;
        display: block;
    }
    footer .adress{
        width: 100%;
        margin: 30px 0 0;
    }
    footer .adress dt{
        text-align: center;
    }
    footer .adress dd{
        text-align: center;
    }
    footer .timebox dt.tit{
        font-size: 16px;
    }
    footer .timebox dt{
        padding: 5px 0;
    }
    footer .timebox dd{
        padding: 5px 0;
    }
    footer .telbox{
        width: 100%;
    }
    footer .telbox dt,footer .telbox dd{
        text-align: center;
    }
    footer .contact{
        margin-top: 20px;
        width: 100%;
    }
    footer .contact .bgbtnblue{
        text-align: center;
    }
    footer .contact dt,footer .contact dd{
        text-align: center;
    }
    .footbox .footnav .list {
        width: 48%;
    }
    .footbox .footnav .list .item {
        margin-bottom: 10px;
    }
    footer .copy {
        margin-top: 40px;
        font-size: 12px;
    }
}


/*top*/

/*MV*/
.top .mv{
    background-color: #ebebeb;
}
[data-element-id].top .mv{
  margin-top: 200px;
}
.top .mv .titbox{
    padding: 255px 0 114px;
}
.top .mv .titbox h2.tit{
    font-size: 30px;
    font-weight: 600;
    letter-spacing: 0.1em;
    line-height: 1.6em;
}

.top .mv .sliderbox{
    width: 88%;
    left: auto;
    -webkit-transform: none;
    transform: none;
    right: 0;
}
.top .mv .sliderbox:after{
    content: "";
background: rgb(235,235,235);
background: -webkit-gradient(linear, left top, right top, from(rgba(235,235,235,1)), color-stop(40%, rgba(235,235,235,1)), color-stop(70%, rgba(235,235,235,0.5)), to(rgba(235,235,235,0)));
background: linear-gradient(90deg, rgba(235,235,235,1) 0%, rgba(235,235,235,1) 40%, rgba(235,235,235,0.5) 70%, rgba(235,235,235,0) 100%);
    width: 50vw;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.top .mv .iconlist{
    margin: 66px 0 0 45px;
}
.top .mv .iconlist .item:nth-of-type(2){
    margin: 0 20px;
}
.top .mv .iconlist dl{
    width: 170px;
    height: 170px;
    background-color: #5ba3c7;
    border-radius: 50%;
}
.top .mv .iconlist .icon{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 15px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
.top .mv .iconlist .tit{
    text-align: center;
    color: #fff;
    font-size: 22px;
    font-weight: 500;
    letter-spacing: 0.05em;
    line-height: 1.2em;
    padding-top: 8px;
}
.top .mv .iconlist .tit span{
    font-size: 14px;
    line-height: 1em;
}
@media only screen and (max-width:1024px) {
    .top .mv .titbox{
        padding: 150px 0 30px;
    }
    .top .mv .titbox h2.tit{
        font-size: 22px;
    }
    .top .mv .iconlist{
        margin: 30px 0 0 20px;
    }
    .top .mv .iconlist .item:nth-of-type(2){
        margin: 0 10px;
    }
    .top .mv .iconlist dl{
        width: 130px;
        height: 130px;
    }
    .top .mv .iconlist .icon img{
        width: 30px;
    }
    .top .mv .iconlist .tit{
        font-size: 16px;
        padding-top: 5px;
    }
    .top .mv .iconlist .tit span{
        font-size: 12px;
        line-height: 1em;
    }
}
@media only screen and (max-width:599px) {
    .top .mv{
        background-color: #fff;
    }
    .top .mv .sliderbox{
        position: relative;
        width: 100%;
        padding-top: 45%;
        display: block;
    }
    .top .mv .sliderbox 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;
}

    .top .mv .sliderbox:after{
        display: none;
    }
    .top .mv .titbox{
        padding: 30px 0;
    }
    .top .mv .titbox h2.tit{
        font-size: 18px;
        text-align: center;
    }
    .top .mv .iconlist{
        margin: 20px 0 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .top .mv .iconlist dl{
        width: 100px;
        height: 100px;
    }
    .top .mv .iconlist .icon{
        padding-top: 10px;
    }
    .top .mv .iconlist .icon img{
        width: 25px;
    }
    .top .mv .iconlist .tit{
        font-size: 12px;
        padding-top: 2px;
    }
    .top .mv .iconlist .tit span{
        font-size: 10px;
        line-height: 1em;
    }
}

/*top01*/
.top01{
    padding: 30px 0;
}
.top01 .newsbox{
    width: 80%;
}
.top01 .newsbox *{
    font-size: 18px;
}
.top01 .newsbox h3.tit{
    width: 21%;
}
.top01 .newsbox .content{
    width: 74%;
}
.top01 .newsbox .content a{
    display: block;
}
.top01 .newsbox .content dt.time{
    color:#939393;
}
.top01 .newsbox .content dd.tit{
    margin-left: 30px;
    overflow: hidden;
    width: calc(100% - 100px - 30px);
}
.top01 .newsbox .content dd.tit span{
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.top01 .btnbox{
    width: 20%;
}
.top01 .btnbox a{
    font-size: 18px;
    display: inline-block;
}


.top01 .btnbox a{
    display: inline-block;
    position: relative;
    padding-left: 1.3em;
}
.top01 .btnbox a:before{
    content: "\f0da";
    font-family: FontAwesome;
    font-size: 16px;
    position: absolute;
    left: 0;
    top: 0;
}
@media only screen and (max-width:1024px) {
    .top01 .newsbox{
        width: 100%;
    }
    .top01 .newsbox .content{
        width: 100%;
    }
    .top01 .newsbox h3.tit{
        width: 100%;
        text-align: center;
        margin-bottom: 20px;
    }
    .top01 .btnbox{
        width: 100%;
        margin-top: 10px;
    }
}
@media only screen and (max-width:599px) {
    .top01{
        padding: 20px 0;
    }
    .top01 .newsbox h3.tit{
        font-size: 16px;
        margin-bottom: 10px;
    }
    .top01 .newsbox .content dt.time{
        width: 100%;
        font-size: 14px;
    }
    .top01 .newsbox .content dd.tit{
        width: 100%;
        margin-left: 0;
    }
    .top01 .newsbox .content dd.tit span{
        font-size: 14px;
    }
    .top01 .btnbox a{
        font-size: 14px;
    }
}

/*top02*/
.top02{
    padding: 55px 0;
}
.top02 .timebox{
    width: 48%;
}
.top02 .timebox h3.tit{
    font-size: 21px;
}
.top02 .timearea{
    margin-top: 30px;
    width: 100%;
    max-width: 500px;
}
.top02 .timearea dt{
    width: 30%;
    padding: 10px 0;
    text-align: center;
}
.top02 .timearea dd{
    width: 10%;
    padding: 10px 0;
    text-align: center;
    border-left: 1px solid #e1dfdf;
}

.top02 .infobox{
    width: 48%;
}
.top02 .infobox .pic{
    width: 33%;
}
.top02 .infobox .infoarea{
    width: 63%;
}
.top02 .infobox .infoarea dd{
    margin-top: 10px;
}
.top02 .infobox .infoarea dd.tel a{
    color: #1aa1e6;
    font-size: 30px;
}
.top02 .infobox .infoarea .mapitem a{
    margin-left: 20px;
}
@media only screen and (max-width:1024px) {
    .top02{
        padding: 40px 0;
    }
    .top02 .timebox h3.tit{
        text-align: center;
    }
    .top02 .timebox{
        width: 100%;
    }
    .top02 .timearea{
        margin: 30px auto 0;
        max-width: 700px;
    }
    .top02 .infobox{
        width: 100%;
        max-width: 500px;
        margin: 40px auto 0;
    }
}
@media only screen and (max-width:599px) {
    .top02{
        padding: 30px 0;
    }
    .top02 .timebox h3.tit{
        font-size: 18px;
    }
    .top02 .timearea{
        margin-top: 20px;
    }
    .top02 .timearea dt{
        padding: 5px 0;
    }
    .top02 .timearea dd{
        padding: 5px 0;
    }
    .top02 .infobox{
        margin-top: 30px;
    }
    .top02 .infobox .infoarea{
        width: 100%;
    }
    .top02 .infobox .infoarea *{
        text-align: center;
    }
    .top02 .infobox .pic{
        width: 100%;
        max-width: 170px;
        margin: 20px auto 0;
    }
}
/*top03*/
.top03{
    padding: 60px 0 20px;
}
.top03 h3.tit{
    font-size: 26px;
}
.top03 .list{
    margin-top: 60px;
}
.top03 .list .item{
    width: 30%;
    margin: 0 5% 40px 0;
}
.top03 .list .item:nth-of-type(3n + 3){
  margin-right: 0;
}
.top03 .list .item .tit{
    font-size: 24px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
.top03 .list .item .tit .subtit{
    font-size: 16px;
    display: block;
}
.top03 .list .item .fs200{
    padding: 0 5px;
}
.top03 .list .item .pic{
    margin-top: 20px;
}
.top03 .list .item .txt{
    margin-top: 20px;
}
@media only screen and (max-width:1024px) {
    .top03{
        padding: 40px 0 20px;
    }
    .top03 .list{
        margin-top: 40px;
    }
    .top03 .list .item{
        margin-bottom: 30px;
    }
    .top03 h3.tit{
        font-size: 22px;
    }
    .top03 .list .item .tit{
        font-size: 20px;
    }
}
@media only screen and (max-width:599px) {
    .top03 h3.tit{
        font-size: 18px;
    }
    .top03 .list{
        margin-top: 30px;
    }
    .top03 .list .item{
        width: 48%;
        margin: 0 4% 20px 0;
    }
    .top03 .list .item:nth-of-type(3n + 3){
      margin-right: 4%;
    }
    .top03 .list .item:nth-of-type(2n + 2){
      margin-right: 0;
    }
    .top03 .list .item .tit .subtit{
        font-size: 14px;
    }.top03 .list .item .tit{
        font-size: 18px;
    }
    .top03 .list .item .pic{
        margin-top: 10px;
    }
    .top03 .list .item .txt{
        margin-top: 10px;
    }
}

/*top04*/

.top04 h3.tit{
    font-size: 22px;
    font-weight: 600;
}
.top04 h3.tit .subtit{
    font-size: 16px;
    display: block;
    margin-bottom: 25px;
}
.top04 h3.tit .fs160{
    padding: 0 5px;
}
.top04 .list{
    margin-top: 45px;
}
.top04 .box01{
    padding: 60px 0;
}
.top04 .box01 .list .item{
    width: 25.5%;
}
.top04 .box01 .list .item:last-of-type{
    width: 38%;
}
.top04 .box01 .item .pic{
    position: relative;
    left: 20px;
}
.top04 .box01 .item .tit{
    font-size: 18px;
    background-color: #fff;
    position: relative;
    top: -30px;
    padding: 15px 20px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.top04 .box01 .list .item:last-of-type .txt{
    font-size: 20px;
    font-weight: 600;
    line-height: 2em;
}
.top04 .box01 .bgbtnblue{
    margin-top: 30px;
}
.top04 .box01 .bgbtnblue a{
    width: 300px;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    line-height: 1;
    padding: 15px 0;
    text-align: center;
    border-radius: 30px;
}

.top04 .box02{
    padding: 60px 0;
}
.top04 .box02 .item{
    width: 48%;
}
.top04 .box02 .item dl{
    background-color: #fff;
    padding: 25px;
}
.top04 .box02 .item .tit{
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    font-size: 20px;
    font-weight: 600;
}
.top04 .box02 .item .txt{
    margin-top: 10px;
     -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
.top04 .box02 .item .btn{
  margin-top: 10px;
}
.top04 .box02 .item .btn a{
  display: inline-block;
}
.top04 .box03{
    padding: 60px 0;
}
.top04 .box03 .item{
    width: 28%;
    margin: 0 2.666666% 30px;
}
.top04 .box03 .item .tit{
    font-size: 22px;
    font-weight: 600;
    background-image: url(/import/tenant_1/160.16.134.16/html/images/top/top04-fukidashi.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    padding: 4% 2% 10%;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
.top04 .box03 .item .txt{
    background-color: #f3f3f3;
    padding: 15px 20px;
    border-radius: 10px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
.top04 .box03 .item .btn{
    margin-top: 10px;
}
.top04 .box03 .item .btn a{
    display: inline-block;
    position: relative;
    padding-left: 1.3em;
}

.top04 .box03 .item .btn a:before{
    content: "";
    background-image: url(/import/tenant_1/160.16.134.16/html/images/common/arrow-circleblue.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0;
    top: 4px;
}
.top04 .box03 .item .btn a span{
    text-decoration: underline;
}
@media only screen and (max-width:1024px) {
    .top04 h3.tit{
        font-size: 18px;
    }
    .top04 .list{
        margin-top: 40px;
    }
    .top04 .box01{
        padding: 40px 0;
    }
    .top04 .box01 .list{
        max-width: 800px;
        margin: 40px auto 0;
    }
    .top04 .box01 .list .item{
        width: 46%;
    }
    .top04 .box01 .list .item:last-of-type{
        width: 100%;
        text-align: center;
    }
    .top04 .box01 .list .item:last-of-type .txt{
        font-size: 18px;
    }
    .top04 .box01 .bgbtnblue{
        text-align: center;
    }
    .top04 .box02 .item .tit{
        font-size: 18px;
    }
    .top04 .box03{
        padding: 40px 0;
    }
    .top04 .box03 .list{
        max-width: 800px;
        margin: 40px auto 0;
    }
    .top04 .box03 .item:nth-of-type(2){
        margin: 0 2% 30px;
    }
    .top04 .box03 .item{
        width: 46%;
        margin: 0 2% 30px;
    }
    .top04 .box03 .item .tit{
        font-size: 18px;
    }
}
@media only screen and (max-width:599px) {
    .top04 h3.tit{
        font-size: 16px;
    }
    .top04 .box01{
        padding: 30px 0;
    }
    .top04 .box01 .list .item{
        width: 100%;
    }
    .top04 .box01 .item .pic{
        left: 0;
    }
    .top04 .box01 .item .tit{
        font-size: 16px;
    }
    .heightLine-top04-box01{
        height: auto !important;
    }
    .top04 .box01 .list .item:last-of-type .txt{
        font-size: 16px;
    }
    .top04 .box01 .bgbtnblue a{
        font-size: 16px;
    }
    .top04 .box02{
        padding: 30px 0;
    }
    .top04 .box02 .list{
        margin-top: 30px;
    }
    .top04 .box02 .item{
        width: 100%;
        margin-bottom: 20px;
    }
    .heightLine-top04-box02,.heightLine-top04-box02b{
        height: auto !important;
    }
    .top04 .box03{
        padding: 30px 0;
    }
    .top04 .box03 .list{
        margin-top: 30px;
    }
    .top04 .box03 .item{
        width: 100%;
    }
    .top04 .box03 .item .tit{
        font-size: 16px;
    }
    .heightLine-top04-box03-01,.heightLine-top04-box03-02{
        height: auto !important;
    }
}

/*top05*/
.top05{
    position: relative;
}
.top05:before{
    content: "";
    background-image: url(/import/tenant_1/160.16.134.16/html/images/top/top05-nami-ue.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
    width: 100%;
    position: absolute;
    top: -1px;
    left:0;
    z-index: 2;
    padding-top: 5%;
}
.top05:after{
    content: "";
    background-image: url(/import/tenant_1/160.16.134.16/html/images/top/top05-nami-shita.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100% auto;
    width: 100%;
    position: absolute;
    bottom: -1px;
    left:0;
    z-index: 2;
    padding-top: 5%;
}

.top05 .txtbox{
    padding: 120px 0;
}
.top05 .txtboxwrap{
    display: inline-block;
}
.top05 h3.tit{
    color: #fff;
    font-size: 22px;
}
.top05 h3.tit .subtit{
    display: block;
    font-size: 16px;
    margin-bottom: 30px;
}
.top05 .txt{
    color: #fff;
    margin-top: 45px;
    line-height: 1.9em;
}
.top05 .bgbtnblue2{
    margin-top: 30px;
}
.top05 .bgbtnblue2 a{
    display: inline-block;
    text-align: center;
    color: #fff;
    font-size: 18px;
    width: 300px;
    padding: 20px 0;
    border-radius: 40px;
}
.top05 .bg:after{
    content: "";
    background-color: rgba(12,110,152,0.5);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
@media only screen and (max-width:1024px) {
    .top05 .txtbox{
        padding: 80px 0;
    }
    .top05 h3.tit{
        font-size: 20px;
    }
    .top05 h3.tit .subtit{
        margin-bottom: 20px;
    }
    .top05 .txt{
        margin-top: 35px;
    }
    .top05 .txt br{
        display: none;
    }
    .top05 .bgbtnblue2{
        margin-top: 20px;
    }
    .top05 .bgbtnblue2 a{
        font-size: 16px;
        padding: 10px 0;
    }
}
@media only screen and (max-width:599px) {
    .top05 .txtbox{
        padding: 40px 0;
    }
    .top05 h3.tit{
        font-size: 16px;
    }
    .top05 h3.tit .subtit{
        margin-bottom: 10px;
    }
    .top05 .txt{
        margin-top: 20px;
    }
}
/*top06*/
.top06{
    padding: 20px 0 60px;
}
.top06 h3.tit{
    font-size: 24px;
}
.top06 .titbox .bgbtnblue2{
    margin-left: 70px;
}
.top06 .titbox .bgbtnblue2 a{
    display: block;
    color: #fff;
    font-size: 16px;
    text-align: center;
    padding: 10px 25px;
    border-radius: 30px;
}
.top06 .titbox .bgbtnblue2 a span{
    position: relative;
    padding-left: 1.1em;
}
.top06 .titbox .bgbtnblue2 a span:before{
    content: "\f0da";
    font-family: FontAwesome;
    font-size: 16px;
    color: #fff;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.top06 .list{
    margin-top: 30px;
}
.top06 .item{
    width: 22%;
    margin: 0 4% 0 0;
}
.top06 .item:last-of-type{
    margin-right: 0;
}
.top06 .item a{
    display: block;
}
.top06 .item .date{
    margin-top: 10px;
}
.top06 .item .tit{
    margin-top: 5px;
}
@media only screen and (max-width:1024px) {
    .top06{
        padding: 40px 0;
    }
    .top06 h3.tit{
        font-size: 20px;
    }
    .top06 .titbox .bgbtnblue2{
        margin-left: 50px;
    }
    .top06 .titbox .bgbtnblue2 a{
        padding: 5px 25px;
    }
    .top06 .item{
        width: 48%;
        margin: 0 4% 30px 0;
    }
    .top06 .item:nth-of-type(2n + 2){
        margin-right: 0;
    }
}
@media only screen and (max-width:599px) {
    .top06 h3.tit{
        font-size: 18px;
    }
    .top06 .titbox .bgbtnblue2{
        margin-left: 30px;
    }
    .top06 .titbox .bgbtnblue2 a{
        font-size: 14px;
    }
}

/*commoncontactbox*/
.commoncontactbox{
    background-color: #fff;
}
.commoncontactbox .txtbox{
    padding: 60px 0;
}
.commoncontactbox h3.tit{
    font-size: 22px;
}
.commoncontactbox h3.tit .subtit{
    display: block;
    font-size: 16px;
    margin-bottom: 30px;
}
.commoncontactbox .txt{
    margin-top: 30px;
    line-height: 1.9em;
}
.commoncontactbox .bgbtnblue a{
    display: block;
    color: #fff;
    font-size: 30px;
    font-weight: 600;
    line-height: 1;
    padding: 30px 0;
    text-align: center;
}
.commoncontactbox .mailicon{
    padding-left: 1.4em;
}
.commoncontactbox .mailicon:before{
    width: 27px;
    height: 21px;
}
@media only screen and (max-width:1024px) {
    .commoncontactbox .txtbox{
        padding: 40px 0;
    }
    .commoncontactbox h3.tit .subtit{
        margin-bottom: 25px;
    }
    .commoncontactbox h3.tit{
        font-size: 20px;
    }
    .commoncontactbox .txt{
        margin-top: 20px;
    }
    .commoncontactbox .bgbtnblue a{
        font-size: 24px;
        padding: 20px 0;
    }
}
@media only screen and (max-width:599px) {
    .commoncontactbox .txtbox{
        padding: 30px 0;
    }
    .commoncontactbox h3.tit .subtit{
        margin-bottom: 15px;
    }
    .commoncontactbox h3.tit{
        font-size: 18px;
    }
    .commoncontactbox .bgbtnblue a{
        font-size: 20px;
    }
}

/*bnbox*/
.bnbox{
    position: fixed;
    top: 25%;
    right: 0;
    z-index: 200;
}
[data-element-id].bnbox{
  position: relative;
  top: 0;
}
.bnbox .item{
}
.bnbox .item a{
    display: block;
    color: #fff;
    font-weight: 600;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    width: 50px;
    height: 180px;
}
.bnbox .item.bn01 a{
    background-color: #1ba1e6;
}
.bnbox .item.bn02 a{
    background-color: #8fb8cd;
}

.bnbox .item.bn02 a.testb{
    color: #8fb8cd;
    background-color: #fff;
}
.bnbox .item.bn02 a.testb .hitoicon:before{
  background-image: url('/upload/tenant_1/5f7571d604b1e82970ab366d115bd64a.png');
}

.bnbox .chaticon {
    position: relative;
    display: inline-block;
    padding-top: 1.6em;
}
.bnbox .chaticon:before{
    content: "";
    background-image: url(/import/tenant_1/160.16.134.16/html/images/common/chaticon.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    width: 19px;
    height: 17px;
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.bnbox .hitoicon {
    position: relative;
    display: inline-block;
    padding-left: 0;
    padding-top: 1.8em;
}
.bnbox .hitoicon:before{
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
@media only screen and (max-width:1024px) {
    .bnbox{
        top: 10%;
    }
    .bnbox .item a{
        width: 30px;
        height: 120px;
        font-size: 12px;
    }
    .bnbox .chaticon:before{
        width: 16px;
        height: 14px;
    }
    .hitoicon:before{
        width: 20px;
        height: 13px;
    }
}

/*telfix*/
.telfix {
    background: #1aa1e6;
    position: fixed;
    width: 50%;
    bottom: 0;
    text-align: center;
    z-index: 10;
}
[data-element-id].telfix{
  display: block !important;
  position: relative;
}
.telfix .tel{
    padding: 15px 10px;
    display: inline-block;
}
.telfix .tel a:before{
    background-image: url(/import/tenant_1/160.16.134.16/html/images/common/telwhiteicon.png);
}
.telfix .tel a{
    color: #fff;
    font-size: 18px;
    text-align: center;
    padding-left: 1.3em;
    padding-left: 32px;
}


.webfix {
    background: #8fb8cd;
    position: fixed;
    width: 50%;
    bottom: 0;
    text-align: center;
    z-index: 10;
    right: 0;
}
[data-element-id].webfix{
  display: block !important;
  position: relative;
}
.webfix .web{
    padding: 15px 10px;
    display: inline-block;
}
.webfix .web a:before{
    background-image: url(/import/tenant_1/160.16.134.16/html/images/common/mailicon.png);
}
.webfix .web a{
    color: #fff;
    font-size: 18px;
    text-align: center;
    padding-left: 1.3em;
    padding-left: 32px;
}


/*下層common*/
[data-element-id].under .mv{
  margin-top: 200px;
}
.under .mv .titbox{
    padding: 140px 0 100px;
}
.under .mv h2.tit{
    font-size: 36px;
    font-weight: 600;
    line-height: 1.4em;
    letter-spacing: 0.1em;
    text-align: center;
    text-shadow: 
    white 2px 0px,  white -2px 0px,
    white 0px -2px, white 0px 2px,
    white 2px 2px , white -2px 2px,
    white 2px -2px, white -2px -2px,
    white 1px 2px,  white -1px 2px,
    white 1px -2px, white -1px -2px,
    white 2px 1px,  white -2px 1px,
    white 2px -1px, white -2px -1px;
}
.under .mv h2.tit .subtit{
    display: block;
    color: #b1ccdb;
    font-size: 24px;
    font-weight: 600;
}
.under h3.tit{
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 100px;
    text-align: center;
}
.under h3.tit .subtit{
    color: #1aa1e6;
    font-size: 16px;
    display: block;
    margin-bottom: 20px;
}
.under h3.tit .subtxt{
    display: block;
    font-size: 16px;
    color: #4f4f4f;
    margin-top: 20px;
    font-weight: 400;
}

@media only screen and (max-width:1024px) {
    .under .mv .titbox{
        padding: 100px 0 80px;
    }
    .under .mv h2.tit{
        font-size: 30px;
    }
    .under .mv h2.tit .subtit{
        font-size: 18px;
    }
    .under h3.tit{
        font-size: 20px;
        margin-bottom: 60px;
    }
}
@media only screen and (max-width:599px) {
     .under .mv .titbox{
        padding: 60px 0 40px;
    }
    .under .mv h2.tit{
        font-size: 24px;
    }
    .under .mv h2.tit .subtit{
        font-size: 14px;
    }
    .under h3.tit{
        font-size: 18px;
        margin-bottom: 40px;
    }
    .under h3.tit .subtit{
        font-size: 14px;
        margin-bottom: 10px;
    }
    .under h3.tit .subtxt{
        font-size: 14px;
        margin-top: 10px;
    }
}

/*concept*/
/*concept01*/
.concept01{
    margin: 60px 0;
    padding: 90px 0 60px;
    text-align: center;
}
.concept01 .left{
    width: 45%;
}
.concept01 .left dt.tit{
    width: 22%;
    font-size: 20px;
    font-weight: 600;
}
.concept01 .left .timebox{
    width: 70%;
}
.concept01 .left .timebox dl{
    margin-bottom: 30px;
}
.concept01 .left .timebox .subtit{
    width: 22%;
    font-size: 20px;
    font-weight: 600;
}
.concept01 .left .timebox dd{
    font-size: 20px;
    margin-left: 30px;
}

.concept01 .right{
    width: 50%;
}
.concept01 .right dt{
    width: 30%;
    padding: 10px 0;
    text-align: center;
}
.concept01 .right dt.tit{
    font-size: 20px;
    font-weight: 600;
}
.concept01 .right dd{
    width: 10%;
    padding: 10px 0;
    text-align: center;
    border-left: 1px solid #1aa1e6;
}
.concept01 .telbox{
    margin-top: 40px;
}
.concept01 .telbox dt{
    font-size: 18px;
    font-weight: 600;
    width: 50%;
    text-align: right;
}
.concept01 .telbox .tel{
  width: 50%;
}
.concept01 .telbox .tel a{
    font-size: 28px;
    margin-left: 30px;
}
@media only screen and (max-width:1024px) {
    .concept01{
        margin: 40px 0;
        padding: 60px 0 40px;
    }
    .concept01 .left{
        width: 100%;
        max-width: 500px;
        margin: 0 auto;
    }
    .concept01 .right{
        width: 100%;
        max-width: 800px;
        margin: 40px auto 0;
    }
    .concept01 .telbox dt{
        font-size: 16px;
    }
    .concept01 .right dt.tit{
        font-size: 18px;
    }
    .concept01 .telbox .tel a{
        font-size: 24px;
        margin-left: 20px;
    }
}
@media only screen and (max-width:599px) {
    .concept01 .left{
        max-width: 320px;
    }
    .concept01 .left dt.tit {
        font-size: 14px;
    }
    .concept01 .left .timebox .subtit{
        font-size: 14px;
    }
    .concept01 .left .timebox dd{
        font-size: 14px;
    }
    .concept01 .right{
        margin-top: 20px;
    }
    .concept01 .right dt.tit{
        font-size: 14px;
    }
    .concept01 .right dt{
        padding: 5px 0;
    }
    .concept01 .right dd{
        padding: 5px 0;
    }
    .concept01 .telbox dt{
        font-size: 14px;
        width: 100%;
        text-align: center;
    }
    .concept01 .telbox .tel{
      width: 100%;
      text-align: center;
    }
    .concept01 .telbox .tel a{
        font-size: 22px;
        margin-left: 0;
        width: 100%;
        text-align: center;
    }
}

/*concept02*/
.concept02{
    padding: 60px 0;
}
.concept02 .infobox{
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}
.concept02 .adressbox{
    width: 50%;
}
.concept02 .telbox{
    width: 50%;
    text-align: right;
}
.concept02 .telbox .tel a{
    color: #1aa1e6;
    font-size: 30px;
}
.concept02 .mapbox{
    margin-top: 20px;
}
.concept02 .accessbox{
    margin-top: 60px;
}
.concept02 .accessbox .item{
    width: 46%;
}
.concept02 .accessbox .tit{
    font-size: 20px;
    font-weight: 600;
    margin-top: 20px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
.concept02 .accessbox .tit span{
    position: relative;
}
.concept02 .accessbox .txt{
    margin-top: 20px;
}
@media only screen and (max-width:1024px) {
    .concept02{
        padding: 40px 0;
    }
    .concept02 .telbox .tel a{
        font-size: 24px;
    }
    .concept02 .accessbox{
        margin-top: 40px;
    }
    .concept02 .accessbox .tit{
        font-size: 18px;
    }
}
@media only screen and (max-width:599px) {
    .concept02 .adressbox{
        width: 100%;
    }
    .concept02 .adressbox dt,.concept02 .adressbox dd{
        text-align: center;
    }
    .concept02 .telbox{
        width: 100%;
        text-align: center;
        margin-top: 20px;
    }
    .concept02 .telbox a{
        font-size: 22px;
    }
    .concept02 .accessbox{
        margin-top: 30px;
    }
    .concept02 .accessbox .item{
        width: 100%;
        margin-bottom: 20px;
    }
    .concept02 .accessbox .tit{
        font-size: 16px;
        margin-top: 10px;
    }
    .concept02 .accessbox .txt{
        margin-top: 10px;
    }
    .heightLine-concept02{
        height: auto !important;
    }
}


/*concept03*/
.concept03{
    padding: 60px 0;
}
.concept03 h4.tit{
    font-weight: 600;
    margin-bottom: 20px;
}
.concept03 .box{
    margin-bottom: 50px;
}
.concept03 .item{
    width: 30%;
    margin: 0 5% 40px 0;
}
.concept03 .item:nth-of-type(3n + 3){
  margin-right: 0;
}
.concept03 .item .txt{
    margin-top: 20px;
}
@media only screen and (max-width: 1024px) {
    .concept03{
        padding: 40px 0;
    }
    .concept03 .box{
        margin-bottom: 40px;
    }
    .concept03 .item{
        width: 32%;
        margin-right: 2%;
    }
}
@media only screen and (max-width: 599px) {
    .concept03 h4.tit{
        margin-bottom: 10px;
    }
    .concept03 .item{
        width: 100%;
        margin: 0 0 30px;
    }
    .concept03 .item .txt{
      margin-top: 10px;
    }
}

/*concept04*/
.concept04{
    padding: 140px 0;
}
.concept04 .item{
    margin-bottom: 100px;
}
.concept04 .item:last-of-type{
    margin-bottom: 0;
}
.concept04 .item .pic{
    width: 35%;
}
.concept04 .item .infobox{
    width: 52%;
    padding-top: 60px;
}
.concept04 .namebox .position{
    font-weight: 600;
    line-height: 1.1em;
}
.concept04 .namebox .name{
    font-size: 30px;
    font-weight: 600;
    letter-spacing: 0.1em;
    margin-top: 15px;
}
.concept04 .namebox .name .sub{
    display: inline-block;
    font-size: 50%;
    font-weight: 400;
    margin-left: 10px;
}
.concept04 .careerbox{
    margin-top: 80px;
}
.concept04 .careerbox dt.tit{
    font-weight: 600;
    padding-bottom: 5px;
    border-bottom:1px solid #e1dfdf;
}
.concept04 .careerlist{
    margin-top: 25px;
}
.concept04 .careerlist .careeritem{
    width: 100%;
    margin-bottom: 15px;
}
@media only screen and (max-width: 1024px) {
    .concept04{
        padding: 80px 0;
    }
    .concept04 .item{
        margin-bottom: 80px;
    }
    .concept04 .item .infobox{
        padding-top: 30px;
    }
    .concept04 .namebox .name{
        font-size: 24px;
    }
    .concept04 .careerbox{
        margin-top: 50px;
    }
    .concept04 .careerlist .careeritem{
        width: 100%;
        margin-bottom: 10px;
    }
}
@media only screen and (max-width: 599px) {
    .concept04{
        padding: 60px 0;
    }
    .concept04 .item{
        margin-bottom: 60px;
    }
    .concept04 .item .pic{
        width: 100%;
        max-width: 250px;
        margin: 0 auto;
    }
    .concept04 .item .infobox{
        width: 100%;
    }
    .concept04 .namebox .name{
        font-size: 20px;
        margin-top: 10px;
    }
    .concept04 .careerbox{
        margin-top: 30px;
    }
}

/*concept05*/
.concept05 .pic{
    position: relative;
}
.concept05 .pic:after {
    content: "";
    background-color: rgba(12,110,152,0.5);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
@media only screen and (max-width: 599px) {
    .concept05 .pic{
        padding-top: 40%;
    }
}



/*guide*/
/*guide01*/
.guide01 .txtbox{
    width: 50%;
    max-width: 500px;
    margin: 0 auto;
    padding: 120px 0 140px;
}
.guide01 h3.tit{
    font-size: 36px;
}
.guide01 h3.tit .subtit{
    color: #4f4f4f;
    font-size: 22px;
    margin-bottom: 10px;
}
.guide01 .txt{
    font-weight: 600;
    margin-top: 70px;
    line-height: 2.2em;
    letter-spacing: 0.1em;
}
.guide01 .bg:after{
    content: "";
    background-image: url(/import/tenant_1/160.16.134.16/html/images/guide/guide01-bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: 0.2;
}
.guide01 .bg img{
    opacity: 0.4;
}
@media only screen and (max-width: 1024px) {
    .guide01 .txtbox{
        width: 100%;
        padding: 80px 0 100px;
    }
    .guide01 h3.tit .subtit{
        font-size: 20px;
    }
    .guide01 h3.tit{
        font-size: 28px;
        margin-bottom: 40px;
    }
    .guide01 .txt{
        margin-top: 50px;
        line-height: 2em;
    }
}
@media only screen and (max-width: 599px) {
    .guide01 .txtbox{
        width: 94%;
        padding: 60px 0 80px;
    }
    .guide01 h3.tit .subtit{
        font-size: 16px;
    }
    .guide01 h3.tit{
        font-size: 20px;
        margin-bottom: 30px;
    }
    .guide01 .txt{
        margin-top: 30px;
        line-height: 1.8em;
        text-align: left;
    }
}

/*guide02*/
.guide02{
    padding: 70px 0 140px;
}
.guide02 .txtbox .tit{
    font-size: 22px;
    margin-top: 40px;
}
.guide02 .txtbox .txt{
    margin-top: 10px;
}
@media only screen and (max-width: 1024px) {
    .guide02{
    padding: 50px 0 100px;
}
    .guide02 .txtbox .tit{
        font-size: 20px;
        margin-top: 20px;
    }

}
@media only screen and (max-width: 599px) {
    .guide02{
    padding: 40px 0 60px;
}
     .guide02 .txtbox .tit{
        font-size: 16px;
        margin-top: 10px;
    }
}

/*guide03*/
.guide03{
    padding: 90px 0 60px;
    text-align: center;
}
.guide03 .left{
    width: 45%;
}
.guide03 .left dt.tit{
    width: 22%;
    font-size: 20px;
    font-weight: 600;
}
.guide03 .left .timebox{
    width: 70%;
}
.guide03 .left .timebox dl{
    margin-bottom: 30px;
}
.guide03 .left .timebox .subtit{
    width: 22%;
    font-size: 20px;
    font-weight: 600;
}
.guide03 .left .timebox dd{
    font-size: 20px;
    margin-left: 30px;
}

.guide03 .right{
    width: 50%;
}
.guide03 .right dt{
    width: 30%;
    padding: 10px 0;
    text-align: center;
}
.guide03 .right dt.tit{
    font-size: 20px;
    font-weight: 600;
}
.guide03 .right dd{
    width: 10%;
    padding: 10px 0;
    text-align: center;
    border-left: 1px solid #1aa1e6;
}
.guide03 .telbox{
    margin-top: 40px;
}
.guide03 .telbox dt{
    font-size: 18px;
    font-weight: 600;
    width: 50%;
    text-align: right;
}
.guide03 .telbox .tel{
  width: 50%;
}
.guide03 .telbox .tel a{
    font-size: 28px;
    margin-left: 30px;
}
@media only screen and (max-width:1024px) {
    .guide03{
        padding: 60px 0 40px;
    }
    .guide03 .left{
        width: 100%;
        max-width: 500px;
        margin: 0 auto;
    }
    .guide03 .right{
        width: 100%;
        max-width: 800px;
        margin: 40px auto 0;
    }
    .guide03 .telbox dt{
        font-size: 16px;
    }
    .guide03 .right dt.tit{
        font-size: 18px;
    }
    .guide03 .telbox .tel a{
        font-size: 24px;
        margin-left: 20px;
    }
}
@media only screen and (max-width:599px) {
    .guide03 .left{
        max-width: 320px;
    }
    .guide03 .left dt.tit {
        font-size: 14px;
    }
    .guide03 .left .timebox .subtit{
        font-size: 14px;
    }
    .guide03 .left .timebox dd{
        font-size: 14px;
    }
    .guide03 .right{
        margin-top: 20px;
    }
    .guide03 .right dt.tit{
        font-size: 14px;
    }
    .guide03 .right dt{
        padding: 5px 0;
    }
    .guide03 .right dd{
        padding: 5px 0;
    }
    .guide03 .telbox dt{
        font-size: 14px;
        width: 100%;
        text-align: center;
    }
    .guide03 .telbox .tel{
      width: 100%;
      text-align: center;
    }
    .guide03 .telbox .tel a{
        font-size: 22px;
        margin-left: 0;
        width: 100%;
        text-align: center;
    }
}

/*guide04*/
.guide04{
    padding: 80px 0;
}
.guide04 .list{
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}
.guide04 .item{
    margin: 0 40px 40px 0;
    padding: 0 60px 0 0;
    position: relative;
}
.guide04 .item:nth-of-type(3n + 3){
    margin-right: 0;
    padding-right: 0;
}
.guide04 .item:nth-of-type(4){
    margin-left: 14%;
}

.guide04 .item span.itemwrap{
    width: 220px;
    height: 220px;
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.3em;
    background-color: #5ba3c7;
    border-radius: 50%;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -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;
    position: relative;
}
.guide04 .item:after{
    content: "\f061";
    font-family: FontAwesome;
    color: #4f4f4f;
    font-size: 30px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.guide04 .item:nth-child(n + 4):after{
    -webkit-transform: rotate(-180deg)translateY(-50%);
    transform: rotate(-180deg)translateY(-50%);
    top: 40%;
}
.guide04 .item:nth-of-type(3):after{
    top: 100%;
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
}
.guide04 .item:last-of-type:after{
    display: none;
}

@media only screen and (max-width:1024px) {
    .guide04{
        padding: 60px 0;
    }
    .guide04 .list{
        max-width: 550px;
    }
    .guide04 .item{
        margin: 0 20px 60px 0;
        padding: 0 40px 0 0;
    }
    .guide04 .item:nth-of-type(4){
    margin-left: 0;
}
    .guide04 .item span.itemwrap{
        width: 140px;
        height: 140px;
        font-size: 18px;
    }
    .guide04 .item:after{
        font-size: 22px;
    }
    .guide04 .item:nth-of-type(3):after{
        -webkit-transform: rotate(90deg) translateX(50%);
        transform: rotate(90deg) translateX(50%);
        right: 40%;
        top: 110%;
    }

}
@media only screen and (max-width:599px) {
    .guide04{
        padding: 40px 0;
    }
    .guide04 .list{
        max-width: 300px;
    }
    .guide04 .item{
        margin: 0 20px 80px 0;
        padding: 0 40px 0 0;
    }
    .guide04 .item:nth-of-type(3n + 3){
        margin: 0 20px 80px 0;
        padding: 0 40px 0 0;
    }
    
    .guide04 .item:nth-of-type(even){
        margin-right: 0;
        padding-right: 0;
        position: relative;
        top: 100px;
    }
    .guide04 .item span.itemwrap{
        width: 120px;
        height: 120px;
        font-size: 16px;
    }
    .guide04 .item:after{
        top: 90%;
        -webkit-transform: rotate(30deg) translateY(-50%);
        transform: rotate(30deg) translateY(-50%);
    }
    .guide04 .item:nth-of-type(even):after{
        top: 70%;
        right: auto;
        left: -40px;
        -webkit-transform: rotate(150deg) translateY(-50%);
        transform: rotate(150deg) translateY(-50%);
    }
    .guide04 .item:nth-of-type(3):after{
        top: 90%;
        right: 0;
        -webkit-transform: rotate(30deg);
        transform: rotate(30deg);
    }
    .guide04 .item:nth-child(5):after{
        top: 90%;
        right: 0;
        -webkit-transform: rotate(30deg);
        transform: rotate(30deg);
    }
    .guide04 .item:nth-of-type(4):after{
        display: none !important;
    }
    .guide04 .item:nth-of-type(6):before{
        content: "\f061";
    font-family: FontAwesome;
    color: #4f4f4f;
    font-size: 22px;
    position: absolute;
    left: -40px;
    top: 70%;
    -webkit-transform: rotate(150deg) translateY(-50%);
    transform: rotate(150deg) translateY(-50%);
    }
/*
    .guide04 .item:after{
        display: none !important;
    }
*/
    .guide04 .item:nth-of-type(1){
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
    .guide04 .item:nth-of-type(2){
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
    .guide04 .item:nth-of-type(3){
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }
    .guide04 .item:nth-of-type(4){
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6;
    }
    .guide04 .item:nth-of-type(5){
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
    }
    .guide04 .item:nth-of-type(6){
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
    }
}

/*guide05*/
.guide05{
    padding: 80px 0;
}
[data-element-id].guide05 .slider{
  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
[data-element-id].guide05 .slider .item{
  width: 20%;
}
.guide05 .slider .item dl{
    padding: 0 10px;
}
.guide05 .slider .item dt{
    font-size: 18px;
    margin-top: 10px;
    text-align: center;
}
@media only screen and (max-width:1024px) {
    .guide05{
        padding: 60px 0;
    }
    .guide05 .slider .item dt{
        font-size: 16px;
    }
/*    slick-adjust*/
    .slick-prev, .slick-next{
        width: 40px;
        height: 40px;
    }
    .slick-prev:before,.slick-next:before{
        font-size: 20px;
    }
}
@media only screen and (max-width:599px) {
    .guide05{
        padding: 40px 0;
    }
    .guide05 .slider .item dt{
        font-size: 14px;
    }
   /*    slick-adjust*/
    .slick-prev, .slick-next{
        width: 30px;
        height: 30px;
    }
    .slick-prev:before,.slick-next:before{
        font-size: 16px;
    }
}

/*guide06*/
.guide06{
    padding: 100px 0;
}
.guide06 .txtbox{
    width: 48%;
}
.guide06 .txtbox .tit{
    font-size: 24px;
    font-weight: 600;
    padding-bottom: 10px;
    border-bottom: 3px solid #e3f1fa;
}
.guide06 .txtbox .txt{
    margin-top: 30px;
}
.guide06 .txtbox .bgbtnblue{
    margin-top: 40px;
}
.guide06 .txtbox .bgbtnblue a{
    color: #fff;
    font-size: 18px;
    padding: 15px 0;
    text-align: center;
    width: 365px;
    border-radius: 30px;
}
.guide06 .pic{
    width: 48%;
}
@media only screen and (max-width:1024px) {
    .guide06{
    padding: 80px 0;
}
    .guide06 .txtbox .tit{
        font-size: 20px;
    }
    .guide06 .txtbox .txt{
    margin-top: 20px;
}
.guide06 .txtbox .bgbtnblue{
    margin-top: 30px;
}
    .guide06 .txtbox .bgbtnblue a{
        font-size: 16px;
        width: 100%;
        max-width: 280px;
    }
}
@media only screen and (max-width:599px) {
    .guide06{
    padding: 60px 0;
}
    .guide06 .txtbox{
    width: 100%;
        margin-top: 30px;
}
    .guide06 .txtbox .tit{
        font-size: 16px;
    }
    .guide06 .txtbox .txt{
    margin-top: 10px;
}
    .guide06 .pic{
    width: 100%;
}
    .guide06 .txtbox .bgbtnblue{
    margin-top: 20px;
}
    .guide06 .txtbox .bgbtnblue a{
        font-size: 14px;
        width: 100%;
        max-width: 100%;
    }
}


/*price*/
.price01{
    padding: 100px 0 20px;
}
.price01 .linkbox{
    padding: 30px 0 10px;
}
.price01 .linkbox .list{
    max-width: 900px;
    margin: 0 auto;
}
.price01 .linkbox .item{
    width: 40%;
    margin-bottom: 20px;
}
.price01 .linkbox .item a{
    color: #fff;
    background-color: #1ba1e6;
    font-size: 20px;
    padding: 20px 0;
    text-align: center;
    border-radius: 10px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.price01 .itembox{
    padding-top: 80px;
}
.price01 .box{
    max-width: 900px;
    margin: 0 auto 100px;
}
.price01 .box:last-of-type{
    margin-bottom: 0;
}
.price01 .box h4.tit{
    font-size: 20px;
    margin-bottom: 50px;
}
.price01 .box dt.tit{
    width: 65%;
    padding: 20px 0;
}
.price01 .box dd{
    width: 33%;
    padding: 20px 0;
    text-align: center;
}
.price01 .box .item dt,.price01 .box .item dd{
    border-bottom: 1px dotted #4f4f4f;
}
.price01 .box .bgbtnblue{
    margin-top: 50px;
}
.price01 .box .bgbtnblue a{
    display: inline-block;
    width: 300px;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    padding: 15px 0;
    text-align: center;
    position: relative;
    border-radius: 30px;
    margin: 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.price01 .box .bgbtnblue a:after{
    content: "\f105";
    font-family: FontAwesome;
    font-size: 20px;
    font-weight: 600;
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
@media only screen and (max-width:1024px) {
    .price01{
        padding: 80px 0 20px;
    }
    .price01 .linkbox .item{
        width: 48%;
    }
    .price01 .linkbox .item a{
        font-size: 16px;
        padding: 10px 0;
    }
    .price01 .linkbox .sub{
        font-size: 14px;
    }
    .price01 .box{
        margin-bottom: 80px;
    }
    .price01 .itembox{
        padding-top: 60px;
    }
    .price01 .box h4.tit{
        font-size: 18px;
        margin-bottom: 40px;
    }
    .price01 .box dt.tit{
        width: 100%;
        border-bottom: none;
    }
    .price01 .box dt.tit .tb{
        display: inline-block !important;
    }
    .price01 .box dd{
        width: 100%;
        text-align: right;
    }
    .price01 .box dd.pc{
        display: none;
    }
    .price01 .box .item dt,.price01 .box .item dd{
        padding: 10px 0;
    }
}
@media only screen and (max-width:599px) {
    .price01{
        padding: 60px 0 20px;
    }
    .price01 .linkbox .item{
        width: 100%;
    }
    .price01 .linkbox .item a{
        font-size: 14px;
        padding: 10px;
    }
    .price01 .linkbox .item a .sub{
        font-size: 12px;
    }
    .price01 .box{
        margin-bottom: 60px;
    }
    .price01 .itembox{
        padding-top: 40px;
    }
    .price01 .box h4.tit{
        font-size: 16px;
        margin-bottom: 30px;
    }
    .price01 .box .bgbtnblue a{
        width: 280px;
        font-size: 14px;
        padding: 10px;
    }
    .price01 .box .bgbtnblue{
        margin-top: 30px;
    }
}

/*cmncontent01*/
.cmncontent01{
    padding: 100px 0;
}
.cmncontent01area{
    max-width: 900px;
}
.cmncontent01 h3.tit{
    margin-bottom: 60px;
}
.cmncontent01 .txt{
    line-height: 1.7em;
}
@media only screen and (max-width:1024px) {
    .cmncontent01{
    padding: 80px 0;
}
    .cmncontent01 h3.tit{
        margin-bottom: 40px;
    }
}
@media only screen and (max-width:599px) {
    .cmncontent01{
    padding: 60px 0;
}
    .cmncontent01 h3.tit{
        margin-bottom: 30px;
    }
}

/*cmncontent02*/
.cmncontent02{
    padding: 100px 0;
}
.cmncontent02 .txtbox{
    width: 48%;
    padding-top: 20px;
}
.cmncontent02 .txtbox .tit{
    font-size: 24px;
    font-weight: 600;
    padding-bottom: 10px;
    border-bottom: 3px solid #e3f1fa;
}
.cmncontent02 .txtbox .txt{
    margin-top: 30px;
}
.cmncontent02 .txtbox .bgbtnblue{
    margin-top: 40px;
}
.cmncontent02 .txtbox .bgbtnblue a{
    color: #fff;
    font-size: 18px;
    padding: 15px 0;
    text-align: center;
    width: 365px;
    border-radius: 30px;
}
.cmncontent02 .pic{
    width: 48%;
}
@media only screen and (max-width:1024px) {
    .cmncontent02{
    padding: 80px 0;
}
    .cmncontent02 .txtbox .tit{
        font-size: 20px;
    }
    .cmncontent02 .txtbox .txt{
    margin-top: 20px;
}
.cmncontent02 .txtbox .bgbtnblue{
    margin-top: 30px;
}
    .cmncontent02 .txtbox .bgbtnblue a{
        font-size: 16px;
        width: 100%;
        max-width: 280px;
    }
}
@media only screen and (max-width:599px) {
    .cmncontent02{
    padding: 60px 0;
}
    .cmncontent02 .txtbox{
    width: 100%;
    margin-top: 20px;
    padding-top: 0;
}
    .cmncontent02 .txtbox .tit{
        font-size: 16px;
    }
    .cmncontent02 .txtbox .txt{
    margin-top: 10px;
}
    .cmncontent02 .pic{
    width: 100%;
}
    .cmncontent02 .txtbox .bgbtnblue{
    margin-top: 20px;
}
    .cmncontent02 .txtbox .bgbtnblue a{
        font-size: 14px;
        width: 100%;
        max-width: 100%;
    }
}



/*about-ceramic*/

/*about-ceramic02*/
.about-ceramic02{
    padding: 100px 0;
}
.about-ceramic02 .txtbox{
    width: 42%;
    padding-top: 20px;
}
.about-ceramic02 .pic{
    width: 45%;
}
.about-ceramic02 .tit{
    font-size: 26px;
}
.about-ceramic02 .txt{
    font-size: 20px;
    margin-top: 20px;
    line-height: 2em;
}
@media only screen and (max-width:1024px) {
    .about-ceramic02{
    padding: 80px 0;
}
    .about-ceramic02 .txtbox{
        width: 45%;
        padding-top: 10px;
    }
    .about-ceramic02 .tit{
        font-size: 22px;
    }
    .about-ceramic02 .txt{
        font-size: 16px;
    }
}
@media only screen and (max-width:599px) {
    .about-ceramic02{
    padding: 60px 0;
}
    .about-ceramic02 .txtbox{
        width: 100%;
        padding: 0;
    }
    .about-ceramic02 .pic{
        width: 100%;
        margin-top: 30px;
    }
    .about-ceramic02 .tit{
        font-size: 16px;
        text-align: center;
    }
    .about-ceramic02 .txt{
        font-size: 14px;
    }
}


/*about-ceramic03*/
.about-ceramic03{
    padding: 70px 0;
}
.about-ceramic03 h3.tit{
    font-size: 26px;
}
.about-ceramic03 h3.tit .subtxt{
    display: block;
    font-size: 16px;
    color: #4f4f4f;
    margin-top: 20px;
}
.about-ceramic03 .list{
    counter-reset: number;
}
.about-ceramic03 .item{
    margin-bottom: 60px;
}
.about-ceramic03 .item:last-of-type{
    margin-bottom: 0;
}
.about-ceramic03 .txtbox{
    width: 42%;
    padding-top: 20px;
}
.about-ceramic03 .pic{
    width: 45%;
}
.about-ceramic03 dt.tit{
    font-size: 24px;
}
.about-ceramic03 dt.tit .subtit{
    font-size: 16px;
    margin-top: 20px;
    line-height: 2em;
    position: relative;
}
.about-ceramic03 dt.tit .subtit:before{
    position: absolute;
    top: -5px;
    right: -35px;;
    content: counter(number);
    counter-increment: number;
    text-align: center;
    font-size: 34px;
}
.about-ceramic03 dt.tit .bgylw:after{
    width: 160%;
}
.about-ceramic03 dt.tit .maintit{
    display: block;
}
.about-ceramic03 dd.txt{
    font-size: 20px;
    font-weight: 600;
    line-height: 2em;
    margin-top: 20px;
}
@media only screen and (max-width:1024px) {
    .about-ceramic03{
        padding: 60px 0;
    }
    .about-ceramic03 h3.tit{
        font-size: 22px;
    }
    .about-ceramic03 .txtbox{
        width: 45%;
        padding-top: 10px;
    }
    .about-ceramic03 dt.tit{
        font-size: 20px;
    }
    .about-ceramic03 dd.txt{
        font-size: 16px;
    }
}
@media only screen and (max-width:599px) {
    .about-ceramic03{
        padding: 40px 0;
    }
    .about-ceramic03 h3.tit{
        font-size: 18px;
    }
    .about-ceramic03 .item{
        margin-bottom: 40px;
    }
    .about-ceramic03 .txtbox{
        width: 100%;
        padding-top: 0;
    }
    .about-ceramic03 .pic{
        width: 100%;
        margin-top: 30px;
    }
    .about-ceramic03 dt.tit{
        font-size: 16px;
        text-align: center;
    }
    .about-ceramic03 dt.tit .subtit{
        font-size: 14px;
        margin-top: 0;
    }
    .about-ceramic03 dt.tit .subtit:before{
        font-size: 24px;
        top: -3px;
        right: -30px;
    }
    .about-ceramic03 dd.txt{
        font-size: 14px;
        margin-top: 10px;
    }
    .about-ceramic03 h3.tit .subtxt{
        font-size: 14px;
        margin-top: 10px;
    }
}

/*.about-ceramic04*/
.about-ceramic04{
    padding: 100px 0;
}
.about-ceramic04 h3.tit{
    text-align: left;
}
.about-ceramic04 .item{
    width: 32%;
    margin: 0 2% 40px 0;
}
.about-ceramic04 .item:nth-of-type(3n + 3){
  margin-right: 0;
}
.about-ceramic04 .item dl{
    background-color: #fff;
    padding: 20px 15px;
}
.about-ceramic04 .item .tit{
    font-size: 18px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
.about-ceramic04 .item .txt{
    margin-top: 10px;
     -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
@media only screen and (max-width:1024px) {
    .about-ceramic04 {
    padding: 80px 0;
}
    .about-ceramic04 .item{
        width: 48%;
        margin-right: 4%;
    }
    .about-ceramic04 .item:nth-of-type(3n + 3){
  margin-right: 4%;
}
 .about-ceramic04 .item:nth-of-type(2n + 2){
  margin-right: 0;
}
}
@media only screen and (max-width:599px) {
    .about-ceramic04 {
    padding: 60px 0;
}
    .about-ceramic04 h3.tit{
        text-align: center;
    }
    .about-ceramic04 h3.tit .sub{
        font-size: 14px;
    }
    .about-ceramic04 h3.tit .toothicon{
        padding: 2em 0 0 0;
    }
    .about-ceramic04 h3.tit .toothicon:before{
        top: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    .about-ceramic04 .item{
        width: 100%;
        margin:0 0 40px;
    }
        .about-ceramic04 .item:nth-of-type(3n + 3){
  margin-right: 0;
}
    about-ceramic04 .item:last-of-type{
        margin-bottom: 0;
    }
    .about-ceramic04 .item dl{
        padding: 15px 10px;
    }
    .about-ceramic04 .item .tit{
        font-size: 16px;
    }
    .heightLine-about-ceramic04,.heightLine-about-ceramic04b{
        height: auto !important;
    }
}

/*.about-ceramic05*/
.about-ceramic05{
    padding: 100px 0;
}
.about-ceramic05 h3.tit{
    font-size: 26px;
}
.about-ceramic05 .list{
    width: 48%;
    counter-reset: number;
}
.about-ceramic05 .pic{
    width: 45%;
}
.about-ceramic05 .list .item{
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
    padding-left: 40px;
    position: relative;
}
.about-ceramic05 .list .item:before{
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #1ba1e6;
    color: #fff;
    content: counter(number);
    counter-increment: number;
    text-align: center;
    font-size: 20px;
    line-height: 30px;
}
.about-ceramic05 .graybox{
    margin-top: 70px;
    padding: 50px;
    font-weight: 600;
    font-size: 20px;
    line-height: 2em;
    background-color: #f3f3f3;
    border-radius: 10px;
}

@media only screen and (max-width:1024px) {
    .about-ceramic05{
        padding: 80px 0;
    }
    .about-ceramic05 h3.tit{
        font-size: 22px;
    }
    .about-ceramic05 .list .item{
        font-size: 16px;
    }
    .about-ceramic05 .list .item:before{
        font-size: 16px;
    width: 26px;
    height: 26px;
    line-height: 26px;
    }
    .about-ceramic05 .graybox{
        margin-top: 60px;
        padding: 40px;
        font-size: 18px;
    }
}
@media only screen and (max-width:599px) {
    .about-ceramic05{
        padding: 60px 0;
    }
    .about-ceramic05 h3.tit{
        font-size: 18px;
    }
    .about-ceramic05 .list{
        width: 100%;
    }
    .about-ceramic05 .pic{
        width: 100%;
        margin-top: 20px;
    }
    .about-ceramic05 .list .item{
        font-size: 14px;
        margin-bottom: 15px;
    }
    .about-ceramic05 .list .item:before{
        font-size: 16px;
    width: 26px;
    height: 26px;
    line-height: 26px;
    }
    .about-ceramic05 .graybox{
        margin-top: 40px;
        padding: 20px;
        font-size: 14px;
    }
}


/*type-ceramic*/

/*type-ceramic-cmnbox*/
.type-ceramic-cmnbox{
    padding: 100px 0;
}
.type-ceramic-cmnbox .box:nth-of-type(even){
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}
.type-ceramic-cmnbox .txtbox{
    width: 42%;
    padding-top: 20px;
}
.type-ceramic-cmnbox .pic{
    width: 45%;
}
.type-ceramic-cmnbox .txtbox .tit{
    font-size: 26px;
}
.type-ceramic-cmnbox .txtbox .txt{
    font-size: 20px;
    margin-top: 20px;
    line-height: 2em;
}
.type-ceramic-cmnbox .list{
    margin-top: 110px;
}
.type-ceramic-cmnbox .list .item{
    position: relative;
    margin-bottom: 110px;
}
.type-ceramic-cmnbox .list .item:last-of-type{
    margin-bottom: 0;
}
.type-ceramic-cmnbox .list .item h4.tit{
    font-size: 24px;
    padding: 30px 10px;
    line-height: 1;
    text-align: center;
    position: absolute;
    left: 0;
    top: -40px;
    width: 280px;
}
.type-ceramic-cmnbox .list .item.merit h4.tit{
    color: #fff;
    background-color: #1ba1e6;
}
.type-ceramic-cmnbox .list .item.demerit h4.tit{
    color: #4f4f4f;
    background-color: #cccccc;
}
.type-ceramic-cmnbox .list .itembox{
    background-color: #fff;
    padding: 70px 50px 60px;
}
.type-ceramic-cmnbox .itembox dl{
    margin-bottom: 30px;
}
.type-ceramic-cmnbox .itembox dl:last-of-type{
    margin-bottom: 0;
}
.type-ceramic-cmnbox .itembox .tit{
    font-size: 24px;
    padding-left: 30px;
    position: relative;
}
.type-ceramic-cmnbox .list .item.demerit .itembox .tit{
    color: #666666;
}
.type-ceramic-cmnbox .merit .itembox .tit:before{
    content: "\f0da";
    font-family: FontAwesome;
    font-size: 36px;
    position: absolute;
    left: 0;
    top: 0;
}
.type-ceramic-cmnbox .demerit .itembox .tit:before{
    content: "\f0da";
    font-family: FontAwesome;
    font-size: 36px;
    color: #cccccc;
    position: absolute;
    left: 0;
    top: 0;
}
.type-ceramic-cmnbox .itembox .txt{
    margin-top: 10px;
}

@media only screen and (max-width:1024px) {
    .type-ceramic-cmnbox{
    padding: 80px 0;
}
    .type-ceramic-cmnbox .txtbox{
        width: 45%;
        padding-top: 10px;
    }
    .type-ceramic-cmnbox .txtbox .tit{
        font-size: 22px;
    }
    .type-ceramic-cmnbox .txtbox .txt{
        font-size: 16px;
    }
    .type-ceramic-cmnbox .list{
        margin-top: 80px;
    }
    .type-ceramic-cmnbox .list .item{
        margin-bottom: 80px;
    }
    .type-ceramic-cmnbox .list .item h4.tit{
        font-size: 18px;
        padding: 20px 10px;
        width: 250px;
        top: -30px;
    }
    .type-ceramic-cmnbox .list .itembox{
        padding: 50px 40px 40px;
    }
    .type-ceramic-cmnbox .itembox dl{
        margin-bottom: 20px;
    }
    .type-ceramic-cmnbox .itembox .tit{
        font-size: 20px;
        padding-left: 20px;
    }
    .type-ceramic-cmnbox .item .itembox .tit:before{
        font-size: 30px;
    }
}
@media only screen and (max-width:599px) {
    .type-ceramic-cmnbox{
    padding: 60px 0;
}
    .type-ceramic-cmnbox .txtbox{
        width: 100%;
        padding: 0;
    }
    .type-ceramic-cmnbox .pic{
        width: 100%;
        margin-top: 30px;
    }
    .type-ceramic-cmnbox .txtbox .tit{
        font-size: 16px;
        text-align: center;
    }
    .type-ceramic-cmnbox .txtbox .txt{
        font-size: 14px;
    }
    .type-ceramic-cmnbox .list .item h4.tit{
        font-size: 16px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    .type-ceramic-cmnbox .list .itembox{
        padding: 50px 30px 40px;
    }
    .type-ceramic-cmnbox .itembox .tit{
        font-size: 16px;
        padding-left: 15px;
    }
    .type-ceramic-cmnbox .item .itembox .tit:before{
        font-size: 24px;
    }
}



/*.recommend-ceramic*/
/*recommend-ceramic01*/
.recommend-ceramic01{
    padding: 100px 0;
}
.recommend-ceramic01 .txtbox{
    width: 42%;
    padding-top: 20px;
}
.recommend-ceramic01 .box .pic{
    width: 45%;
}
.recommend-ceramic01 .txtbox .tit{
    font-size: 26px;
}
.recommend-ceramic01 .txtbox .txt{
    font-size: 20px;
    margin-top: 20px;
    line-height: 2em;
}
.recommend-ceramic01 .list{
    margin-top: 120px;
}
    .recommend-ceramic01 .item{
    width: 46%;
}
.recommend-ceramic01 .item dl{
    background-color: #fff;
    padding: 20px 15px;
}
.recommend-ceramic01 .item .tit{
    font-size: 18px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
.recommend-ceramic01 .item .txt{
    margin-top: 10px;
     -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

@media only screen and (max-width:1024px) {
    .recommend-ceramic01{
    padding: 80px 0;
}
    .recommend-ceramic01 .txtbox{
        width: 45%;
        padding-top: 10px;
    }
    .recommend-ceramic01 .txtbox .tit{
        font-size: 22px;
    }
    .recommend-ceramic01 .txtbox .txt{
        font-size: 16px;
    }
    .recommend-ceramic01 .list{
        margin-top: 100px;
    }
}
@media only screen and (max-width:599px) {
    .recommend-ceramic01{
    padding: 60px 0;
}
    .recommend-ceramic01 .txtbox{
        width: 100%;
        padding: 0;
    }
    .recommend-ceramic01 .box .pic{
        width: 100%;
        margin-top: 30px;
    }
    .recommend-ceramic01 .txtbox .tit{
        font-size: 16px;
        text-align: center;
    }
    .recommend-ceramic01 .txtbox .txt{
        font-size: 14px;
    }
    .recommend-ceramic01 .list{
        margin-top: 80px;
    }
    .recommend-ceramic01 .item{
        width: 100%;
        margin-bottom: 40px;
    }
    .recommend-ceramic01 .item:last-of-type{
        margin-bottom: 0;
    }
    .recommend-ceramic01 .item dl{
        padding: 15px 10px;
    }
    .recommend-ceramic01 .item .tit{
        font-size: 16px;
    }
    .heightLine-recommend-ceramic01,.heightLine-recommend-ceramic01b{
        height: auto !important;
    }
}

/*recommend-ceramic02*/
.recommend-ceramic02{
    padding: 80px 0;
}
.recommend-ceramic02 .txtbox{
    margin-top: 40px;
}
.recommend-ceramic02 .txtbox .tit{
    font-size: 26px;
}
.recommend-ceramic02 .txtbox .txt{
    margin-top: 20px;
    line-height: 2em;
}
@media only screen and (max-width:1024px) {
    .recommend-ceramic02{
    padding: 60px 0;
}
.recommend-ceramic02 .txtbox{
    margin-top: 20px;
}
.recommend-ceramic02 .txtbox .tit{
    font-size: 22px;
}
.recommend-ceramic02 .txtbox .txt{
    margin-top: 10px;
    line-height: 2em;
}
}
@media only screen and (max-width:599px) {
    .recommend-ceramic02{
    padding: 40px 0;
}
.recommend-ceramic02 .txtbox{
    margin-top: 20px;
}
.recommend-ceramic02 .txtbox .tit{
    font-size: 16px;
    text-align: center;
}
.recommend-ceramic02 .txtbox .txt{
    margin-top: 10px;
    line-height: 2em;
}
}

/*recommend-ceramic03*/
.recommend-ceramic03{
    padding: 100px 0;
}
.recommend-ceramic03 h3.tit{
    font-size: 26px;
}
.recommend-ceramic03 .list{
    width: 48%;
    counter-reset: number;
}
.recommend-ceramic03 .pic{
    width: 45%;
}
.recommend-ceramic03 .list .item{
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
    padding-left: 40px;
    position: relative;
}
.recommend-ceramic03 .list .item:before{
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #1ba1e6;
    color: #fff;
    content: counter(number);
    counter-increment: number;
    text-align: center;
    font-size: 20px;
    line-height: 30px;
}
.recommend-ceramic03 .graybox{
    margin-top: 70px;
    padding: 50px;
    font-weight: 600;
    font-size: 20px;
    line-height: 2em;
    background-color: #f3f3f3;
    border-radius: 10px;
}

@media only screen and (max-width:1024px) {
    .recommend-ceramic03{
        padding: 80px 0;
    }
    .recommend-ceramic03 h3.tit{
        font-size: 22px;
    }
    .recommend-ceramic03 .list .item{
        font-size: 16px;
    }
    .recommend-ceramic03 .list .item:before{
        font-size: 16px;
    width: 26px;
    height: 26px;
    line-height: 26px;
    }
    .recommend-ceramic03 .graybox{
        margin-top: 60px;
        padding: 40px;
        font-size: 18px;
    }
}
@media only screen and (max-width:599px) {
    .recommend-ceramic03{
        padding: 60px 0;
    }
    .recommend-ceramic03 h3.tit{
        font-size: 18px;
    }
    .recommend-ceramic03 .list{
        width: 100%;
    }
    .recommend-ceramic03 .pic{
        width: 100%;
        margin-top: 20px;
    }
    .recommend-ceramic03 .list .item{
        font-size: 14px;
        margin-bottom: 15px;
    }
    .recommend-ceramic03 .list .item:before{
        font-size: 16px;
    width: 26px;
    height: 26px;
    line-height: 26px;
    }
    .recommend-ceramic03 .graybox{
        margin-top: 40px;
        padding: 20px;
        font-size: 14px;
    }
}


/*nayami-implant*/

/*nayami-implant01*/
.nayami-implant01{
    padding: 100px 0;
}
.nayami-implant01 .txtbox{
    width: 42%;
    padding-top: 20px;
}
.nayami-implant01 .pic{
    width: 45%;
}
.nayami-implant01 .tit{
    font-size: 26px;
}
.nayami-implant01 .txt{
    font-size: 20px;
    margin-top: 20px;
    line-height: 2em;
}
@media only screen and (max-width:1024px) {
    .nayami-implant01{
    padding: 80px 0;
}
    .nayami-implant01 .txtbox{
        width: 45%;
        padding-top: 10px;
    }
    .nayami-implant01 .tit{
        font-size: 22px;
    }
    .nayami-implant01 .txt{
        font-size: 16px;
    }
}
@media only screen and (max-width:599px) {
    .nayami-implant01{
    padding: 60px 0;
}
    .nayami-implant01 .txtbox{
        width: 100%;
        padding: 0;
    }
    .nayami-implant01 .pic{
        width: 100%;
        margin-top: 30px;
    }
    .nayami-implant01 .tit{
        font-size: 16px;
        text-align: center;
    }
    .nayami-implant01 .txt{
        font-size: 14px;
    }
}

/*nayami-implant02*/
.nayami-implant02{
    padding: 70px 0;
}
.nayami-implant02 h3.tit{
    font-size: 26px;
}
.nayami-implant02 h3.tit .subtxt{
    display: block;
    font-size: 16px;
    color: #4f4f4f;
    margin-top: 20px;
}
.nayami-implant02 .list{
    counter-reset: number;
}
.nayami-implant02 .item{
    margin-bottom: 60px;
}
.nayami-implant02 .item:last-of-type{
    margin-bottom: 0;
}
.nayami-implant02 .txtbox{
    width: 42%;
    padding-top: 20px;
}
.nayami-implant02 .pic{
    width: 45%;
}
.nayami-implant02 dt.tit{
    font-size: 24px;
}
.nayami-implant02 dt.tit .subtit{
    font-size: 16px;
    margin-top: 20px;
    line-height: 2em;
    position: relative;
}
.nayami-implant02 dt.tit .bgylw:after{
    width: 160%;
}
.nayami-implant02 dt.tit .maintit{
    display: block;
}
.nayami-implant02 dd.txt{
    font-size: 20px;
    /* font-weight: 600; */
    /* line-height: 2em; */
    margin-top: 20px;
}
.nayami-implant02 .graybox{
    margin-top: 70px;
    padding: 50px;
    font-weight: 600;
    font-size: 20px;
    line-height: 2em;
    background-color: #f3f3f3;
    border-radius: 10px;
}
@media only screen and (max-width:1024px) {
    .nayami-implant02{
        padding: 60px 0;
    }
    .nayami-implant02 h3.tit{
        font-size: 22px;
    }
    .nayami-implant02 .txtbox{
        width: 45%;
        padding-top: 10px;
    }
    .nayami-implant02 dt.tit{
        font-size: 20px;
    }
    .nayami-implant02 dd.txt{
        font-size: 16px;
    }
    .nayami-implant02 .graybox{
    margin-top: 60px;
    padding: 40px;
    font-size: 18px;
}

}
@media only screen and (max-width:599px) {
    .nayami-implant02{
        padding: 40px 0;
    }
    .nayami-implant02 h3.tit{
        font-size: 18px;
    }
    .nayami-implant02 .item{
        margin-bottom: 40px;
    }
    .nayami-implant02 .txtbox{
        width: 100%;
        padding-top: 0;
    }
    .nayami-implant02 .pic{
        width: 100%;
        margin-top: 30px;
    }
    .nayami-implant02 dt.tit{
        font-size: 16px;
        text-align: center;
    }
    .nayami-implant02 dt.tit .subtit{
        font-size: 14px;
        margin-top: 0;
    }
    .nayami-implant02 dd.txt{
        font-size: 14px;
        margin-top: 10px;
    }
    .nayami-implant02 h3.tit .subtxt{
        font-size: 14px;
        margin-top: 10px;
    }
    .nayami-implant02 .graybox{
    margin-top: 40px;
    padding: 20px;
    font-size: 14px;
}
}


/*support-implant*/
.support-implant h4.tit{
    font-size: 26px;
    margin-bottom: 40px;
}

/*support-implant01*/
.support-implant01{
    padding: 100px 0;
}
.support-implant01 .txtbox{
    width: 42%;
    padding-top: 20px;
}
.support-implant01 .pic{
    width: 45%;
}
.support-implant01 .tit{
    font-size: 24px;
}
.support-implant01 .txt{
    font-size: 20px;
    margin-top: 20px;
    line-height: 2em;
}
.support-implant01 .list{
    margin-top: 110px;
}
.support-implant01 .list .itembox{
    background-color: #fff;
    padding: 70px 50px 60px;
}
@media only screen and (max-width:1024px) {
    .support-implant01{
    padding: 80px 0;
}
    .support-implant01 .txtbox{
        width: 45%;
        padding-top: 10px;
    }
    .support-implant01 .tit{
        font-size: 22px;
    }
    .support-implant01 .txt{
        font-size: 16px;
    }
}
@media only screen and (max-width:599px) {
    .support-implant01{
    padding: 60px 0;
}
    .support-implant01 .txtbox{
        width: 100%;
        padding: 0;
    }
    .support-implant01 .pic{
        width: 100%;
        margin-top: 30px;
    }
    .support-implant01 .tit{
        font-size: 16px;
        text-align: center;
    }
    .support-implant01 .txt{
        font-size: 14px;
    }
}

/*support-implant02*/
.support-implant02{
    padding: 100px 0;
}
.support-implant02 h4.tit{
    font-size: 26px;
    margin-bottom: 40px;
}
.support-implant02 .item{
    padding-top: 70px;
    margin-bottom: 30px;
}
.support-implant02 .item:last-of-type{
    margin-bottom: 0;
}
.support-implant02 .item .picbox{
    width: 42%;
    position: relative;
}
.support-implant02 .item .pic{
    margin: -70px -30px 0 0;
    position: relative;
    z-index: 0;
}
.support-implant02 .item .txtbox{
    width: 58%;
    background-color: #fff;
    padding: 35px 25px 70px;
    position: relative;
    z-index: 1;
}
.support-implant02 .item .tit{
    font-size: 20px;
}
.support-implant02 .item .txt{
    margin-top: 25px;
}
@media only screen and (max-width:1024px) {
    .support-implant02{
    padding: 80px 0;
}
.support-implant02 h4.tit{
    font-size: 22px;
    margin-bottom: 30px;
}
    .support-implant02 .item .pic{
        margin-top: -50px;
    }
    .support-implant02 .item .txtbox{
        padding: 30px 20px 60px;
    }
    .support-implant02 .item .tit{
        font-size: 18px;
    }

}
@media only screen and (max-width:599px) {
     .support-implant02{
    padding: 60px 0;
}
    .support-implant02 h4.tit{
    font-size: 16px;
}
    .support-implant02 .item{
        padding-top: 0;
    }
    .support-implant02 .item .picbox{
        width: 100%;
    }
    .support-implant02 .item .pic{
        margin: 0;
    }
    .support-implant02 .item .txtbox{
        width: 100%;
        padding: 30px 20px;
    }
    .support-implant02 .item .txt{
        margin-top: 20px;
    }
}

/*support-implant03*/
.support-implant03{
    padding: 70px 0;
}
.support-implant03 h3.tit{
    font-size: 28px;
}
.support-implant03 h3.tit .subtxt{
    display: block;
    font-size: 16px;
    color: #4f4f4f;
    margin-top: 20px;
}
.support-implant03 .list{
    counter-reset: number;
}
.support-implant03 .item{
    margin-bottom: 60px;
}
.support-implant03 .item:last-of-type{
    margin-bottom: 0;
}
.support-implant03 .txtbox{
    width: 42%;
    padding-top: 20px;
}
.support-implant03 .pic{
    width: 45%;
}
.support-implant03 dt.tit{
    font-size: 24px;
}
.support-implant03 dt.tit .subtit{
    font-size: 16px;
    margin-top: 20px;
    line-height: 2em;
    position: relative;
}
.support-implant03 dt.tit .bgylw:after{
    width: 160%;
}
.support-implant03 dt.tit .maintit{
    display: block;
}
.support-implant03 dd.txt{
    font-size: 20px;
    font-weight: 600;
    line-height: 2em;
    margin-top: 20px;
}
.support-implant03 .graybox{
    margin-top: 70px;
    padding: 50px;
    font-weight: 600;
    font-size: 20px;
    line-height: 2em;
    background-color: #f3f3f3;
    border-radius: 10px;
}
@media only screen and (max-width:1024px) {
    .support-implant03{
        padding: 60px 0;
    }
    .support-implant03 h3.tit{
        font-size: 22px;
    }
    .support-implant03 .txtbox{
        width: 45%;
        padding-top: 10px;
    }
    .support-implant03 dt.tit{
        font-size: 20px;
    }
    .support-implant03 dd.txt{
        font-size: 16px;
    }
    .support-implant03 .graybox{
    margin-top: 60px;
    padding: 40px;
    font-size: 18px;
}

}
@media only screen and (max-width:599px) {
    .support-implant03{
        padding: 40px 0;
    }
    .support-implant03 h3.tit{
        font-size: 18px;
    }
    .support-implant03 .item{
        margin-bottom: 40px;
    }
    .support-implant03 .txtbox{
        width: 100%;
        padding-top: 0;
    }
    .support-implant03 .pic{
        width: 100%;
        margin-top: 30px;
    }
    .support-implant03 dt.tit{
        font-size: 16px;
        text-align: center;
    }
    .support-implant03 dt.tit .subtit{
        font-size: 14px;
        margin-top: 0;
    }
    .support-implant03 dd.txt{
        font-size: 14px;
        margin-top: 10px;
    }
    .support-implant03 h3.tit .subtxt{
        font-size: 14px;
        margin-top: 10px;
    }
    .support-implant03 .graybox{
    margin-top: 40px;
    padding: 20px;
    font-size: 14px;
}
}

/*support-implant04*/
.support-implant04{
    padding: 100px 0 0;
}
.support-implant04 .picbox{
    position: relative;
}
.support-implant04 .picbox h3.tit{
    font-size: 26px;
    background-color: rgba(255,255,255,0.8);
    padding: 30px 20px;
    text-align: center;
    position: absolute;
    right: 0;
    top: -60px;
    margin-bottom: 0;
    z-index: 1;
}
.support-implant04 .txtbox{
    margin-top: 30px;
}
.support-implant04 .txtbox dt.tit{
    font-size: 26px;
}
.support-implant04 .txtbox .txt{
    font-size: 20px;
    line-height: 2em;
    margin-top: 20px;
}
@media only screen and (max-width:1024px) {
    .support-implant04{
    padding: 80px 0 0;
}
    .support-implant04 .picbox h3.tit{
        font-size: 22px;
        padding: 20px 10px;
        top: -45px;
    }
    .support-implant04 .txtbox{
        margin-top: 20px;
    }
    .support-implant04 .txtbox dt.tit{
        font-size: 22px;
    }
    .support-implant04 .txtbox .txt{
        font-size: 16px;
        margin-top: 10px;
    }

}
@media only screen and (max-width:599px) {
    .support-implant04{
    padding: 60px 0 0;
}
    .support-implant04 .picbox h3.tit{
        width: 280px;
        font-size: 18px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        padding: 10px;
        top: -30px;
    }
    .support-implant04 .txtbox dt.tit{
        font-size: 16px;
    }
    .support-implant04 .txtbox .txt{
        font-size: 14px;
    }

}

/*kenshin*/
/*kenshin01*/
.kenshin01{
    padding: 100px 0;
}
.kenshin01 .box{
    margin-bottom: 70px;
}
.kenshin01 .box:last-of-type{
    margin-bottom: 0;
}
.kenshin01 .box:nth-of-type(even){
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}
.kenshin01 .txtbox{
    width: 42%;
    padding-top: 20px;
}
.kenshin01 .pic{
    width: 45%;
}
.kenshin01 .tit{
    font-size: 26px;
}
.kenshin01 .txt{
    font-size: 20px;
    margin-top: 20px;
    line-height: 2em;
}
@media only screen and (max-width:1024px) {
    .kenshin01{
    padding: 80px 0;
}
    .kenshin01 .txtbox{
        width: 45%;
        padding-top: 10px;
    }
    .kenshin01 .tit{
        font-size: 22px;
    }
    .kenshin01 .txt{
        font-size: 16px;
    }
}
@media only screen and (max-width:599px) {
    .kenshin01{
    padding: 60px 0;
}
    .kenshin01 .txtbox{
        width: 100%;
        padding: 0;
    }
    .kenshin01 .pic{
        width: 100%;
        margin-top: 30px;
    }
    .kenshin01 .tit{
        font-size: 16px;
        text-align: center;
    }
    .kenshin01 .txt{
        font-size: 14px;
    }
}


/*kenshin02*/
.kenshin02{
    padding: 70px 0;
}
.kenshin02 h3.tit{
    font-size: 26px;
}
.kenshin02 h3.tit .subtxt{
    display: block;
    font-size: 16px;
    color: #4f4f4f;
    margin-top: 20px;
}
.kenshin02 .list{
    counter-reset: number;
}
.kenshin02 .item{
    margin-bottom: 60px;
}
.kenshin02 .item:last-of-type{
    margin-bottom: 0;
}
.kenshin02 .txtbox{
    width: 42%;
    padding-top: 20px;
}
.kenshin02 .pic{
    width: 45%;
}
.kenshin02 dt.tit{
    font-size: 24px;
}
.kenshin02 dt.tit .subtit{
    font-size: 16px;
    margin-top: 20px;
    line-height: 2em;
    position: relative;
}
.kenshin02 dt.tit .subtit:before{
    position: absolute;
    top: -5px;
    right: -35px;;
    content: counter(number);
    counter-increment: number;
    text-align: center;
    font-size: 34px;
}
.kenshin02 dt.tit .bgylw:after{
    width: 160%;
}
.kenshin02 dt.tit .maintit{
    display: block;
}
.kenshin02 dd.txt{
    font-size: 20px;
    font-weight: 600;
    line-height: 2em;
    margin-top: 20px;
}
@media only screen and (max-width:1024px) {
    .kenshin02{
        padding: 60px 0;
    }
    .kenshin02 h3.tit{
        font-size: 22px;
    }
    .kenshin02 .txtbox{
        width: 45%;
        padding-top: 10px;
    }
    .kenshin02 dt.tit{
        font-size: 20px;
    }
    .kenshin02 dd.txt{
        font-size: 16px;
    }
}
@media only screen and (max-width:599px) {
    .kenshin02{
        padding: 40px 0;
    }
    .kenshin02 h3.tit{
        font-size: 18px;
    }
    .kenshin02 .item{
        margin-bottom: 40px;
    }
    .kenshin02 .txtbox{
        width: 100%;
        padding-top: 0;
    }
    .kenshin02 .pic{
        width: 100%;
        margin-top: 30px;
    }
    .kenshin02 dt.tit{
        font-size: 16px;
        text-align: center;
    }
    .kenshin02 dt.tit .subtit{
        font-size: 14px;
        margin-top: 0;
    }
    .kenshin02 dt.tit .subtit:before{
        font-size: 24px;
        top: -3px;
        right: -30px;
    }
    .kenshin02 dd.txt{
        font-size: 14px;
        margin-top: 10px;
    }
    .kenshin02 h3.tit .subtxt{
        font-size: 14px;
        margin-top: 10px;
    }
}



/*kyosei*/
/*kyosei01*/
.kyosei01{
    padding: 100px 0;
}
.kyosei01 h3.tit{
    font-size: 26px;
}
.kyosei01 .pic{
    width: 50%;
}
.kyosei01 .txtbox{
    width: 50%;
    padding: 50px 40px;
    background-color: #fff;
}
.kyosei01 .txtbox .tit{
    font-size: 20px;
}
.kyosei01 .txtbox .txt{
    margin-top: 25px;
}
@media only screen and (max-width:1024px) {
    .kyosei01{
    padding: 80px 0;
}
 .kyosei01 h3.tit{
    font-size: 22px;
}
    .kyosei01 .txtbox{
        padding: 40px 30px;
    }
    .kyosei01 .txtbox .tit{
    font-size: 18px;
}
    .kyosei01 .txtbox .txt{
    margin-top: 15px;
}
}
@media only screen and (max-width:599px) {
    .kyosei01{
    padding: 60px 0;
}
    .kyosei01 h3.tit{
    font-size: 18px;
}
    .kyosei01 .item{
        margin-bottom: 40px;
    }
    .kyosei01 .pic{
    width: 100%;
}
    .kyosei01 .pic .ofiImg{
        position: relative;
        width: 100%;
        height: auto;
        padding-top: 60%;
        display: block;
    }
    .kyosei01 .pic .ofiImg img{
        position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    }
.kyosei01 .txtbox{
    width: 100%;
    padding: 30px 20px;
    }
     .kyosei01 .txtbox .tit{
    font-size: 16px;
}
    .kyosei01 .txtbox .txt{
    margin-top: 10px;
}
}

/*kyosei02*/
.kyosei02{
    padding: 100px 0;
}
.kyosei02 .box{
    margin-bottom: 70px;
}
.kyosei02 .box:last-of-type{
    margin-bottom: 0;
}
.kyosei02 .txtbox{
    width: 42%;
    padding-top: 20px;
}
.kyosei02 .pic{
    width: 45%;
}
.kyosei02 .tit{
    font-size: 26px;
}
.kyosei02 .txt{
    font-size: 20px;
    margin-top: 20px;
    line-height: 2em;
}
@media only screen and (max-width:1024px) {
    .kyosei02{
    padding: 80px 0;
}
    .kyosei02 .txtbox{
        width: 45%;
        padding-top: 10px;
    }
    .kyosei02 .tit{
        font-size: 22px;
    }
    .kyosei02 .txt{
        font-size: 16px;
    }
}
@media only screen and (max-width:599px) {
    .kyosei02{
    padding: 60px 0;
}
    .kyosei02 .txtbox{
        width: 100%;
        padding: 0;
    }
    .kyosei02 .pic{
        width: 100%;
        margin-top: 30px;
    }
    .kyosei02 .tit{
        font-size: 16px;
        text-align: center;
    }
    .kyosei02 .txt{
        font-size: 14px;
    }
}


/*visit*/
/*visit01*/
.visit01{
    padding: 100px 0;
}
.visit01 .txtbox{
    width: 42%;
    padding-top: 20px;
}
.visit01 .pic{
    width: 45%;
}
.visit01 .tit{
    font-size: 26px;
}
.visit01 .txt{
    font-size: 20px;
    margin-top: 20px;
    line-height: 2em;
}
@media only screen and (max-width:1024px) {
    .visit01{
    padding: 80px 0;
}
    .visit01 .txtbox{
        width: 45%;
        padding-top: 10px;
    }
    .visit01 .tit{
        font-size: 22px;
    }
    .visit01 .txt{
        font-size: 16px;
    }
}
@media only screen and (max-width:599px) {
    .visit01{
    padding: 60px 0;
}
    .visit01 .txtbox{
        width: 100%;
        padding: 0;
    }
    .visit01 .pic{
        width: 100%;
        margin-top: 30px;
    }
    .visit01 .tit{
        font-size: 16px;
        text-align: center;
    }
    .visit01 .txt{
        font-size: 14px;
    }
}

/*visit01*/
.visit02{
    padding: 100px 0;
}
.visit02 .box{
    margin-bottom: 100px;
}
.visit02 .box:last-of-type{
    margin-bottom: 0;
}
.visit02 .txtbox{
    width: 42%;
    padding-top: 20px;
}
.visit02 .box01 .pic{
    width: 45%;
}
.visit02 .tit{
    font-size: 26px;
}
.visit02 .txt{
    font-size: 20px;
    margin-top: 20px;
    line-height: 2em;
}
.visit02 .box02{
    margin-top: 90px;
}
.visit02 .box02 .pic{
    margin-top: 50px;
}
@media only screen and (max-width:1024px) {
    .visit02{
    padding: 80px 0;
}
    .visit02 .box{
        margin-bottom: 80px;
    }
    .visit02 .txtbox{
        width: 45%;
        padding-top: 10px;
    }
    .visit02 .tit{
        font-size: 22px;
    }
    .visit02 .txt{
        font-size: 16px;
    }
    .visit02 .box02{
        margin-top: 70px;
    }
}
@media only screen and (max-width:599px) {
    .visit02{
    padding: 60px 0;
}
    .visit02 .box{
        margin-bottom: 60px;
    }
    .visit02 .txtbox{
        width: 100%;
        padding: 0;
    }
    .visit02 .box01 .pic{
        width: 100%;
        margin-top: 30px;
    }
    .visit02 .tit{
        font-size: 16px;
        text-align: center;
    }
    .visit02 .txt{
        font-size: 14px;
    }
    .visit02 .box02{
        margin-top: 50px;
    }
    .visit02 .box02 .pic{
        margin-top: 30px;
    }
}


/*training*/
/*training01*/
.training01{
    padding: 100px 0;
}

.training01 .mainbox .pic{
    width: 45%;
    position: relative;
    z-index: 2;
}
.training01 .mainbox .txtbox{
    width: 52%;
}
.training01 .mainbox .txtboxwrap{
    padding: 140px 50px;
    margin-top: 160px;
    position: relative;
    z-index: 1;
}
.training01 .mainbox .txtboxwrap:after{
    content: "";
    width: 100vw;
    height: 100%;
    background-color: #e3f1fa;
    position: absolute;
    top: 0;
    left: -25%;
    z-index: -1;
}
.training01 .mainbox .logoarea{
    display: inline-block;
    position: absolute;
    top: -40px;
    right: 0;
}
.training01 .mainbox .tit{
    font-size: 24px;
}
.training01 .mainbox .txt{
    margin-top: 20px;
    line-height: 2em;
    min-height: 210px;
}
@media only screen and (max-width:1024px) {
    .training01{
    padding: 80px 0;
}
    .training01 .mainbox .txtboxwrap{
        padding: 80px 30px;
        margin-top: 160px;
    }
    .training01 .mainbox .logoarea{
        width: 200px;
        top: -45px;
    }
    .training01 .mainbox .tit{
        font-size: 20px;
    }
    .training01 .mainbox .txt{
        min-height: 180px;
    }

}
@media only screen and (max-width:599px) {
    .training01{
    padding: 60px 0;
}
    .training01 .mainbox .pic{
    width: 100%;
}
.training01 .mainbox .txtbox{
    width: 100%;
}
    .training01 .mainbox .txtboxwrap{
        margin-top: 0;
        padding: 60px 20px 40px;
    }
    .training01 .mainbox .txtboxwrap:after{
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    .training01 .mainbox .logoarea{
        width: 140px;
        top: -30px;
        right: 50%;
        -webkit-transform: translateX(50%);
        transform: translateX(50%);
    }
    .training01 .mainbox .tit{
        font-size: 16px;
    }
    .training01 .mainbox .txt{
        min-height: auto;
    }
    .training01 .mainbox .pic{
        position: relative;
        padding-bottom: 60px;
        max-width: 300px;
        margin: 0 auto;
    }
    .training01 .mainbox .pic:after{
        content: "";
    width: 100vw;
    height: 100%;
    background-color: #e3f1fa;
    position: absolute;
    top: 0;
    left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    z-index: -1;
    }
}


/*training02*/
.training02area{
    padding: 60px 0;
    position: relative;
}
.training02area:after{
    content: "";
    width: 100vw;
    height: 100%;
    background-color: #eff8fe;
    position: absolute;
    top: 0;
    left: 0;
}
.training02 h3.tit{
    margin-bottom: 160px;
    position: relative;
    z-index: 1;
}
.training02 .list{
    margin-top: 100px;
    counter-reset: section;
}
.training02 .list .item{
    margin-bottom: 180px;
}
.training02 .list .item:last-of-type{
    margin-bottom: 0;
}
.training02 .txtbox{
    width: 50%;
    padding: 80px 50px;
    background-color: #fff;
    position: relative;
    z-index: 2;
    counter-increment: section;
}
.training02 .txtbox:before{
    content: counter(section, decimal-leading-zero);
    position: absolute;
    color: rgba(27, 161, 230, 0.5);
    top: -12%;
    left: 0;
    font-size: 100px;
    font-weight: 600;
    line-height: 1;
}
.training02 .txtbox .tit{
    font-size: 26px;
}
.training02 .txtbox .smalltxt{
    font-size: 14px;
    margin-top: 10px;
}
.training02 .txtbox .txt{
    margin-top: 40px;
    min-height: 120px;
}
.training02 .picbox{
    width: 50%;
    position: relative;
}
.training02 .picbox .pic{
    position: relative;
    margin: -100px 0 0 -100px;
    z-index: 1;
}
.training02 .item:nth-of-type(even) .picbox .pic{
    margin: -100px -100px 0 0;
}
@media only screen and (max-width:1024px) {
    .training02 .txtbox{
        padding: 50px 30px;
    }
    .training02 .txtbox .tit{
        font-size: 20px;
    }
    .training02 .txtbox:before{
        font-size: 80px;
    }
    .training02 .txtbox .txt{
        margin-top: 30px;
        min-height: 100px;
    }
    .training02 .picbox .pic{
        margin: -80px 0 0 -60px;
    }
}
@media only screen and (max-width:599px) {
    .training02 h3.tit{
        margin-bottom: 40px;
    }
    .training02 .list{
        margin-top: 0;
    }
    .training02 .list .item{
        margin-bottom: 60px;
    }
    .training02 .txtbox{
        width: 100%;
    }
    .training02 .txtbox{
        padding: 40px 20px;
    }
    .training02 .txtbox:before{
        font-size: 60px;
    }
    .training02 .txtbox .tit{
        font-size: 18px;
    }
    .training02 .txtbox .txt{
        min-height: auto;
    }
    .training02 .picbox{
        width: 100%;
        background-color: #fff;
        z-index: 1;
        padding-bottom: 40px;
    }
    .training02 .picbox .pic{
        margin: 0 auto;
        width: 90%;
    }
    .training02 .item:nth-of-type(even) .picbox .pic{
        margin: 0 auto;
    }
}

/*training03*/
.training03{
    padding: 100px 0;
}
.training03 h3.tit{
    font-size: 26px;
    margin-top: 40px;
}
.training03 .list{
    counter-reset: number;
    margin-top: 60px;
}
.training03 .list .item{
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
    padding-left: 40px;
    position: relative;
}
.training03 .list .item:before{
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #1ba1e6;
    color: #fff;
    content: counter(number);
    counter-increment: number;
    text-align: center;
    font-size: 20px;
    line-height: 30px;
}

@media only screen and (max-width:1024px) {
    .training03{
        padding: 80px 0;
    }
    .training03 h3.tit{
        font-size: 22px;
    }
    .training03 .list{
        margin-top: 40px;
    }
    .training03 .list .item{
        font-size: 16px;
    }
    .training03 .list .item:before{
        font-size: 16px;
    width: 26px;
    height: 26px;
    line-height: 26px;
    }
    .training03 .graybox{
        margin-top: 60px;
        padding: 40px;
        font-size: 18px;
    }
}
@media only screen and (max-width:599px) {
    .training03{
        padding: 60px 0;
    }
    .training03 h3.tit{
        font-size: 18px;
        margin-top: 0;
    }
        .training03 .list{
        margin-top: 30px;
    }
    .training03 .list .item{
        font-size: 14px;
        margin-bottom: 15px;
    }
    .training03 .list .item:before{
        font-size: 16px;
    width: 26px;
    height: 26px;
    line-height: 26px;
    }
}

/*contact*/
/*contact01*/
.contact01{
    margin-top: 230px;
}
.contact01 .box{
    padding: 100px 0;
    position: relative;
}
.contact01 .box h3.logotit{
    display: inline-block;
    position: absolute;
    top: -60px;
    right: 0;
}
.contact01 .attbox .tit{
    font-size: 24px;
}
.contact01 .attbox .txt{
    margin-top: 30px;
}
.contact01 .checkbox{
    margin-top: 60px;
    background-color: #fff;
    border: 1px solid #1aa1e6;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    margin-bottom: -240px;
}
.contact01 .checkbox .txtbox{
    width: 50%;
    margin-left: auto;
    padding: 60px 30px 60px 0;
}
.contact01 .checkbox .txtbox .item{
    position: relative;
    padding-left: 3em;
    margin-bottom: 30px;
}
.contact01 .checkbox .txtbox .item:before{
    content: "";
    background-image: url(/import/tenant_1/160.16.134.16/html/images/contact/checkicon.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
    width: 32px;
    height: 26px;
    top: -3px;
    left: 0;
    position: absolute;
}
.contact01 .telbox .tel{
    margin-top: 20px;
}
.contact01 .telbox .tel a{
    color: #4f4f4f;
    font-size: 34px;
}
.contact01 .telbox .telicon:before{
    width: 30px;
    height: 30px;
}
.contact01 .checkbox .bg img{
    width: 50%;
}
.contact01 .checkbox .bg:after{
    content: "";
    width: 100%;
    height: 100%;
   background: rgb(255,255,255);
background: -webkit-gradient(linear, left top, right top, from(rgba(255,255,255,0)), color-stop(36%, rgba(255,255,255,0)), color-stop(50%, rgba(255,255,255,1)), to(rgba(255,255,255,1)));
background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 36%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
    position: absolute;
    top: 0;
    left: 0;
}

/* formend */
.contact01.formend{
  padding: 80px 0;
  margin-top: 0;
}
.contact01.formend .txt{
  line-height: 2em;
}
.contact01.formend .back{
  margin-top: 60px;
  text-align: center;
}
.contact01.formend .back a{
  width: 300px;
  display: inline-block;
  font-size: 22px;
  font-weight: 600;
  color: #fff;
  background-color: #1aa1e6;
  padding: 15px 10px;
   border-radius: 10px;
}
@media only screen and (max-width:1024px) {
    .contact01{
        margin-top: 130px;
    }
    .contact01 .box h3.logotit{
        width: 200px;
        top: -45px;
    }
    .contact01 .attbox .tit{
        font-size: 20px;
    }
    .contact01 .attbox .tit .mailblueicon{
        padding-left: 2em;
    }
    .contact01 .checkbox .txtbox{
        width: 70%;
        padding: 40px 10px 20px 0;
    }
    .contact01 .telbox .tel a{
        font-size: 30px;
    }
    .contact01 .checkbox{
        max-width: 600px;
        margin: 60px auto -200px;
    }
    .contact01 .checkbox .txtbox .item{
        margin-bottom: 20px;
    }
    .contact01 .checkbox .bg:after{
        background: rgb(255,255,255);
background: -webkit-gradient(linear, left top, right top, from(rgba(255,255,255,0)), color-stop(20%, rgba(255,255,255,0)), color-stop(35%, rgba(255,255,255,1)), to(rgba(255,255,255,1)));
background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 20%, rgba(255,255,255,1) 35%, rgba(255,255,255,1) 100%);
    }
    /* formend */
.contact01.formend{
  padding: 60px 0;
}
}
@media only screen and (max-width:599px) {
    .contact01{
        margin-top: 100px;
    }
    .contact01 .box{
        padding: 60px 0;
    }
    .contact01 .box h3.logotit{
        width: 140px;
        top: -30px;
        right: 50%;
        -webkit-transform: translateX(50%);
        transform: translateX(50%);
    }
    .contact01 .attbox .tit{
        font-size: 18px;
        text-align: center;
    }
    .contact01 .attbox .tit .mailblueicon{
        padding: 2em 0 0 0;
    }
    .contact01 .attbox .tit .mailblueicon:before{
        top: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    .contact01 .checkbox{
        margin: 40px auto 0;
    }
    .contact01 .checkbox .txtbox{
        width: 100%;
        padding: 30px 20px;
    }
    .contact01 .checkbox .bg img{
        width: 100%;
    }
    .contact01 .checkbox .bg:after{
        display: none;
    }
    .contact01 .checkbox .bg:before{
        content: "";
        background-color: rgba(255,255,255,0.6);
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }
    .contact01 .checkbox .txtbox .item{
        padding-left: 2.5em;
    }
    .contact01 .checkbox .txtbox .item:before{
        width: 26px;
        height: 20px;
        top: 0;
    }
    .contact01 .checkbox dt.txt{
        text-align: center;
    }
    .contact01 .checkbox .tel{
        text-align: center;
        margin-top: 10px;
    }
    .contact01 .telbox .tel a{
        font-size: 26px;
    }
    /* formend */
.contact01.formend{
  padding: 40px 0;
}

.contact01.formend .back{
  margin-top: 40px;
  text-align: center;
}
.contact01.formend .back a{
  width: 250px;
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  background-color: #1aa1e6;
  padding: 10px 10px;
   border-radius: 10px;
}

}


/*contact02*/
.contact02{
    padding: 230px 0 100px;
}
.contact02 h3.formtit{
    display: inline-block;
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    background-color: #1aa1e6;
    padding: 20px 30px;
    text-align: center;
}
.contact02 form{
    padding: 120px 120px 60px;
    border: 1px solid #4f4f4f;
    background-color: #fff;
}
.contact02 form .att{
    margin-bottom: 20px;
}
@media only screen and (max-width:1024px) {
    .contact02{
    padding: 160px 0 80px;
}
    .contact02 h3.formtit{
        font-size: 20px;
    }
    .contact02 form{
        padding: 80px 60px 40px;
    }
}
@media only screen and (max-width:599px) {
    .contact02{
        padding: 60px 0;
    }
    .contact02 h3.formtit{
        font-size: 16px;
        padding: 10px 20px;
    }
    .contact02 form{
        padding: 60px 20px 40px;
    }
}


/*faq*/
/*faq01*/
.faq01{
    padding: 40px 0 140px;
}
.faq01 .item{
    width: 30%;
}
.faq01 .item a{
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    padding: 25px 10px;
    background-color: #1aa1e6;
    position: relative;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.faq01 .item a:after{
    content: "\f107";
    font-family: FontAwesome;
    font-size: 24px;
    position: absolute;
    left: 50%;
    bottom: 5px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
@media only screen and (max-width:1024px) {
    .faq01{
        padding: 40px 0 100px;
    }
    .faq01 .item{
        width: 32%;
    }
    .faq01 .item a{
        font-size: 16px;
        padding: 20px 10px;
    }
}
@media only screen and (max-width:599px) {
    .faq01{
        padding: 40px 0 60px;
    }
    .faq01 .item{
        width: 100%;
        margin-bottom: 20px;
    }
    .faq01 .item a{
        font-size: 14px;
        padding: 15px 10px;
    }
    .faq01 .item a:after{
        bottom: auto;
        top: 50%;
        left:auto;
        right: 5px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}

/*faq02*/
.faq02{
    padding: 60px 0;
}
.faq02 .box{
    margin-bottom: 100px;
}
.faq02 .box:last-of-type{
    margin-bottom: 0;
}
.faq02 h3.tit{
    font-size: 26px;
    margin-bottom: 60px;
}
.faq02 .item{
    margin-bottom: 80px;
}
.faq02 .item:last-of-type{
    margin-bottom: 0;
}
.faq02 dt.q{
    font-size: 22px;
    padding-left: 50px;
    position: relative;
}
.faq02 dt.q:before{
    content: "?";
    font-size: 60px;
    position: absolute;
    top: 0;
    left: 0;
}
.faq02 .answer{
    margin-top: 10px;
    padding: 30px 50px;
    background-color: #fff;
}
@media only screen and (max-width:1024px) {
.faq02 .box{
    margin-bottom: 80px;
}

.faq02 h3.tit{
    font-size: 22px;
    margin-bottom: 40px;
}
.faq02 .item{
    margin-bottom: 60px;
}

.faq02 dt.q{
    font-size: 18px;
    padding-left: 40px;
}
.faq02 dt.q:before{
    font-size: 40px;
}
.faq02 .answer{
    padding: 30px 40px;
}

}
@media only screen and (max-width:599px) {
    .faq02 .box{
    margin-bottom: 60px;
}

.faq02 h3.tit{
    font-size: 18px;
    margin-bottom: 30px;
}
.faq02 .item{
    margin-bottom: 40px;
}

.faq02 dt.q{
    font-size: 16px;
    padding-left: 30px;
}
.faq02 dt.q:before{
    font-size: 30px;
}
.faq02 .answer{
    padding: 20px 30px;
}

}

/*recruit*/
/*recruit01*/
.recruit01{
    padding: 100px 0 200px;
}
.recruit01 .left{
    width: 38%;
    position: relative;
    z-index: 2;
}
.recruit01 .right{
    width: 62%;
    position: relative;
}
.recruit01 .right .logotit{
    display: inline-block;
    position: absolute;
    top: -60px;
    right: 0;
}
.recruit01 .right .txtbox{
    position: relative;
    margin: 120px 0 0 -120px;
}
.recruit01 .right .txt{
    width: 85%;
    margin-left: auto;
    font-size: 36px;
    padding: 140px 100px 200px;
}
.recruit01 .right .txt .bgwh{
    display: inline-block;
    position: relative;
    z-index: 1;
    padding: 0 10px;
}
.recruit01 .right .txt .bgwh:after{
    content: "";
    width: 100%;
    height: 1.2em;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: -1;
}
.recruit01 .right .bg{
    width: 75vw;
    left: 0;
    -webkit-transform: none;
    transform: none;
}
.recruit01 .right .bg:after{
    content:"";
    width: 100%;
    height: 100%;
/*    background-color: rgba(12,110,152,0.5);*/
    background-color: rgba(27,161,230,0.5);
    position: absolute;
    top: 0;
    left: 0;
}
@media only screen and (max-width:1024px) {
    .recruit01{
    padding: 80px 0 100px;
}
    .recruit01 .right .logotit{
        width: 200px;
        top: -45px;
    }
    .recruit01 .right .txt {
    width: 80%;
    margin-left: auto;
    font-size: 24px;
    padding: 140px 20px 140px 50px;
}
    .recruit01 .right .bg{
        width: 85vw;
    }
}
@media only screen and (max-width:599px) {
       .recruit01{
    padding: 60px 0 200px;
}
    .recruit01 .box{
        position: relative;
    }
    .recruit01 .right{
        width: 80%;
        min-width: 280px;
        margin: 0 auto;
    }
     .recruit01 .right .logotit{
        width: 140px;
        top: -30px;
    }
    .recruit01 .right .txtbox{
        margin: 0;
    }
    .recruit01 .right .txt{
        width: 100%;
        padding: 60px 10px 60px 30px;
        font-size: 18px;
    }
    .recruit01 .right .bg{
        width: 100vw;
        left: 0;
    }
    .recruit01 .left{
        position: absolute;
        max-width: 135px;
        top: 80%;
    }
}


/*recruit02*/
.recruit02area{
    padding: 60px 0;
    position: relative;
}

.recruit02 h3.tit{
    font-size: 40px;
    font-weight: 600;
    text-align: center;
    display: inline-block;
    position: absolute;
    top: -75px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1;
    margin-bottom: 0;
}
.recruit02 h3.tit .strength{
    position: relative;
}
/* .recruit02 h3.tit .strength:after{
    content: "";
    background-image: url(/import/tenant_1/160.16.134.16/html/images/recruit/recruit02-strength.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 110%;
    display: block;
    padding-top: 30%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: -1;
} */
.recruit02 .list{
    margin-top: 160px;
    counter-reset: section;
}
.recruit02 .list .item{
    margin-bottom: 180px;
}
.recruit02 .list .item:last-of-type{
    margin-bottom: 0;
}
.recruit02 .txtbox{
    width: 50%;
    /* padding: 80px 50px; */
    padding: 80px 20px 30px;
    background-color: #fff;
    position: relative;
    z-index: 2;
    counter-increment: section;
}
.recruit02 .txtbox:before{
    content: counter(section, decimal-leading-zero);
    position: absolute;
    color: rgba(27, 161, 230, 0.5);
    top: -12%;
    left: 0;
    font-size: 100px;
    font-weight: 600;
    line-height: 1;
}
.recruit02 .txtbox .tit{
    font-size: 26px;
}
.recruit02 .txtbox .smalltxt{
    font-size: 14px;
    margin-top: 10px;
}
.recruit02 .txtbox .txt{
    margin-top: 40px;
    /* min-height: 150px; */
    min-height: 80px;
}
.recruit02 .picbox{
    width: 50%;
    position: relative;
}
.recruit02 .picbox .pic{
    position: relative;
    margin: -100px 0 0 -100px;
    z-index: 1;
}
.recruit02 .item:nth-of-type(even) .picbox .pic{
    margin: -100px -100px 0 0;
}
.recruit02 .bgbtnblue{
    margin-top: 10px;
    text-align: center;
}
.recruit02 .bgbtnblue a{
    display: inline-block;
   color: #fff;
    font-size: 18px;
    padding: 15px 0;
    text-align: center;
    width: 100%;
    max-width: 365px;
    border-radius: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
@media only screen and (max-width:1024px) {
    .recruit02 h3.tit{
        font-size: 30px;
        top: -60px;
    }
    .recruit02 .txtbox{
        padding: 50px 20px 10px;
    }
    .recruit02 .txtbox .tit{
        font-size: 20px;
    }
    .recruit02 .txtbox:before{
        font-size: 80px;
    }
    .recruit02 .txtbox .txt{
        margin-top: 30px;
        min-height: 100px;
    }
    .recruit02 .picbox .pic{
        margin: -80px 0 0 -60px;
    }
    .recruit02 .bgbtnblue a{
        font-size: 16px;
        padding: 10px;
    }
}
@media only screen and (max-width:599px) {
    .recruit02 h3.tit{
      font-size: 24px;
      display: block;
      width: 100%;
        margin-bottom: 40px;
        top: -48px;
    }
    .recruit02 .list{
        margin-top: 0;
    }
    .recruit02 .list .item{
        margin-bottom: 60px;
    }
    .recruit02 .txtbox{
        width: 100%;
    }
    .recruit02 .txtbox{
        padding: 40px 20px;
    }
    .recruit02 .txtbox:before{
        font-size: 60px;
    }
    .recruit02 .txtbox .tit{
        font-size: 18px;
    }
    .recruit02 .txtbox .txt{
        min-height: auto;
    }
    .recruit02 .picbox{
        width: 100%;
        background-color: #fff;
        z-index: 1;
        padding-bottom: 40px;
    }
    .recruit02 .picbox .pic{
        margin: 0 auto;
        width: 90%;
    }
    .recruit02 .item:nth-of-type(even) .picbox .pic{
        margin: 0 auto;
    }
    .recruit02 .bgbtnblue a{
        font-size: 14px;
        margin-top: 20px;
    }
}


/*recruit03*/
.recruit03{
    margin-top: 60px;
    padding: 80px 0;
    background-color: #fff;
}
.recruit03 .tit{
    font-size: 26px;
}
.recruit03 .pic{
    margin-top: 20px;
}
.recruit03 .txt{
    margin-top: 30px;
    line-height: 2em;
}
@media only screen and (max-width:1024px) {
    .recruit03{
        padding: 60px 0;
    }
    .recruit03 .tit{
        font-size: 22px;
    }
}
@media only screen and (max-width:599px) {
    .recruit03{
        margin-top: 40px;
        padding: 40px 0;
    }
    .recruit03 .tit{
        font-size: 18px;
    }
    .recruit03 .txt{
        margin-top: 10px;
    }
}


/*recruit04*/
.recruit04{
    padding: 80px 0;
    background-color: #fff;
}
.recruit04 h3.tit{
    font-size: 26px;
}

.recruit04 .tabbtnbox .item{
    color: #fff;
    background-color: #eee;
    font-size: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 25px 10px;
    width: 25%;
    position: relative;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    cursor: pointer;
}
.recruit04 .tabbtnbox .item.on{
    color: #fff;
    background-color: #1aa1e6;
}
.recruit04 .tabbtnbox .item:after{
    content: "";
    width: 0;
height: 0;
border-style: solid;
border-width: 15px 12.5px 0 12.5px;
border-color: #eeeeee transparent transparent transparent;
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.recruit04 .tabbtnbox .item.on:after{
    border-color: #1aa2e6 transparent transparent transparent;
}

.recruit04 .tabbox{
    position: relative;
    padding: 80px 0;
    margin-top: 60px;
    z-index: 1;
}
.recruit04 .tabbox:after{
    content: "";
    width: 100vw;
    height: 100%;
    background-color: #e3f1fa;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: -1;
}
.recruit04 .tabbox h4.tit{
    color: #fff;
    font-size: 22px;
    background-color: #1aa1e6;
    text-align: center;
    padding: 25px 10px;
    display: inline-block;
    width: 25%;
}
.recruit04 .tabbox .list{
    padding: 80px 60px;
    background-color: #fff;
}

.recruit04 .tabbox .item{
    padding: 30px 40px;
    background-color: #fff;
    border-bottom: 2px solid #eeeeee;
}
.recruit04 .tabbox .item:first-of-type{
    border-top: 2px solid #eeeeee;
}
.recruit04 .tabbox dt.tit{
    width: 15%;
    line-height: 2em;
}
.recruit04 .tabbox .txt{
    width: 75%;
    line-height: 2em;
}
@media only screen and (max-width:1024px) {
    .recruit04{
        padding: 60px 0;
    }
    .recruit04 h3.tit{
        font-size: 22px;
    }
    .recruit04 .tabbtnbox .item{
        font-size: 18px;
        padding: 20px 10px;
        width: 28%;
    }
    .recruit04 .tabbox{
        padding: 60px 0;
    }
    .recruit04 .tabbox .list{
        padding: 60px 40px;
    }
    .recruit04 .tabbox h4.tit{
        font-size: 18px;
        padding: 20px 10px;
    }
    .recruit04 .tabbox .item{
        padding: 30px;
    }
}
@media only screen and (max-width:599px) {
    .recruit04{
        padding: 40px 0;
    }
    .recruit04 h3.tit{
        font-size: 18px;
        margin-bottom: 30px;
    }
    .recruit04 .tabbtnbox .item{
        width: 60%;
        margin:0 auto 40px;
        font-size: 14px;
        padding: 10px;
    }
    .recruit04 .tabbox{
        padding: 40px 0;
    }
    .recruit04 .tabbox h4.tit{
        font-size: 14px;
        padding: 10px;
        min-width: 100px;
    }
    .recruit04 .tabbox .list{
        padding: 40px 20px;
    }
    .recruit04 .tabbox .item{
        padding: 30px 20px;
    }
    .recruit04 .tabbox dt.tit{
        width: 100%;
    }
    .recruit04 .tabbox .txt{
        width: 100%;
        margin-top: 10px;
    }
    .heightLine-recruit04{
        height: auto !important;
    }
}


/*recruit05*/
.recruit05{
    padding: 40px 0 100px;
    background-color: #fff;
}
.recruit05 h3.formtit{
    display: block;
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    background-color: #1aa1e6;
    padding: 20px 30px;
    text-align: center;
}
.recruit05 form{
    padding: 40px 120px 60px;
    border: 1px solid #4f4f4f;
    background-color: #fff;
}
.recruit05 form h4.tit{
    margin-bottom: 80px;
    font-size: 24px;
}
.recruit05 form .att{
    margin-bottom: 20px;
}
/*recruitform-end*/
/* formend */
.recruit05.recruitform-end{
  padding: 80px 0;
}
.recruit05.recruitform-end .txt{
  line-height: 2em;
}
.recruit05.recruitform-end .back{
  margin-top: 60px;
  text-align: center;
}
.recruit05.recruitform-end .back a{
  width: 300px;
  display: inline-block;
  font-size: 22px;
  font-weight: 600;
  color: #fff;
  background-color: #1aa1e6;
  padding: 15px 10px;
   border-radius: 10px;
}
@media only screen and (max-width:1024px) {
    .recruit05{
    padding: 160px 0 80px;
}
    .recruit05 form h4.tit{
        font-size: 20px;
        margin-bottom: 60px;
    }
    .recruit05 h3.formtit{
        font-size: 20px;
    }
    .recruit05 form{
        padding: 80px 60px 40px;
    }
}
@media only screen and (max-width:599px) {
    .recruit05{
        padding: 60px 0;
    }
    .recruit05 form h4.tit{
        font-size: 16px;
        margin-bottom: 40px;
    }
    .recruit05 h3.formtit{
        font-size: 16px;
        padding: 10px 20px;
    }
    .recruit05 form{
        padding: 60px 20px 40px;
    }
    .form dd input[type="radio"] + label{
        display: block;
    }
        /* formend */
.recruit05.recruitform-end{
  padding: 40px 0;
}

.recruit05.recruitform-end .back{
  margin-top: 40px;
  text-align: center;
}
.recruit05.recruitform-end .back a{
  width: 250px;
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  background-color: #1aa1e6;
  padding: 10px 10px;
   border-radius: 10px;
}
}

/*post(ブログ・ニュース)*/
/*post01*/
.post01{
    padding: 80px 0;
}
.post01 .contbox{
    width: 66%;
}
.post01 .contbox .item{
    width: 48%;
    margin: 0 4% 10% 0;
}
.post01 .contbox .item:nth-of-type(2n + 2){
    margin-right: 0;
}
.post01 .contbox .item a{
    display: block;
}
.post01 .contbox .c{
    color: #fff;
    background-color: #1aa1e6;
    text-align: center;
    padding: 0 10px;
    display: inline-block;
    margin-top: 20px;
}
.post01 .contbox .pic{
  position: relative;
}

.post01 .contbox .pic span{
  width: 97%;
   position: relative;
}
.post01 .contbox .pic span:after{
  content: "";
  width: 100%;
  height: 100%;
  background-color: #1aa1e6;
  position: absolute;
  top: 10px;
  left: 3%;
  z-index: -1;
}

.post01 .contbox .date{
    display: block;
    margin-top: 10px;
}
.post01 .contbox dt.tit{
    font-size: 20px;
    margin-top: 10px;
}
.post01 .sidebox{
    width: 21%;
}
.post01 .sidebox .tit{
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    background-color: #1aa1e6;
    padding: 10px;
    position: relative;
}
.post01 .sidebox .tit:hover{
  cursor: pointer;
}
.post01 .sidebox .item a{
    display: block;
    font-weight: 600;
    padding: 10px 15px;
    background-color: #f5f5f5;
}
.post01 .sidebox .item:nth-of-type(even) a{
    background-color: #fff;
}
.post01 .sidebox .tit:after{
    content: "\f107";
    font-family: FontAwesome;
    font-size: 20px;
    position: absolute;
    right: 10px;
    top:10px;
    -webkit-transition: ease all .3s;
    transition: ease all .3s;
}
.post01 .sidebox .tit.on:after{
    
    -webkit-transform: rotateZ(180deg);
    
    transform: rotateZ(180deg);
}

.post01 .sidebox .category{
    margin-bottom: 60px;
}

@media only screen and (max-width:1024px) {
    .post01 .contbox{
    width: 100%;
}
    .post01 .sidebox{
        width: 100%;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        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;
        margin-top: 60px;
    }
    .post01 .sidebox .category, .post01 .sidebox .archive{
        width: 48%;
    }
}
@media only screen and (max-width:599px) {
    .post01 .contbox .item{
        width: 100%;
        margin: 0 0 40px 0;
    }
    .post01 .contbox dt.tit{
        font-size: 16px;
    }.post01 .sidebox .category, .post01 .sidebox .archive{
        width: 100%;
    }
    .post01 .sidebox{
      margin-top: 40px;
    }
    .post01 .sidebox .tit{
        font-size: 16px;
    }
}


/*ページネーション*/
.pagenav ul {
    /*    max-width: 300px;*/
    margin:  80px 0;
}

.pagenav li {
    text-align: center;
}
.pagenav li.pagebtn {
    margin: 0 25px;
}
.pagenav li.prev {
    margin-right: 25px;
}
.pagenav li.next {
    margin-left: 25px;
}

.pagenav li a {
    display: block;
    font-size: 24px;
}
.pagenav li.prev a,
.pagenav li.next a {
    width: 40px;
    height: 40px;
    font-size: 16px;
    color: #fff;
    background-color: #1aa1e6;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
}

.pagenav li.pagebtn a{
    display: block;
    width: 40px;
    height: 40px;
    color: #fff;
    background-color: #cccccc;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.pagenav li.pagebtn.now a{
    background-color: #1aa1e6;
}
@media only screen and (max-width:1024px) {
    .pagenav ul {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 60px 0;
    }
    .pagenav li.pagebtn {
        margin: 0 20px;
    }
    .pagenav li.prev {
        margin-right: 20px;
    }
    .pagenav li.next {
        margin-left: 20px;
    }

    .pagenav li a {
        font-size: 20px;
    }
    .pagenav li.prev a,
.pagenav li.next a {
    width: 30px;
    height: 30px;
    font-size: 14px;
    line-height: 30px;
}
    .pagenav li.pagebtn a{
        width: 30px;
        height: 30px;
        font-size: 20px;
    }

}
@media only screen and (max-width:599px) {
    .pagenav ul {
        margin: 60px 0;
    }
    .pagenav li.pagebtn {
        margin: 0 5px;
    }
    .pagenav li.prev {
        margin-right: 5px;
    }
    .pagenav li.next {
        margin-left: 5px;
    }
    .pagenav li a {
        font-size: 18px;
    }
}


/*post-detail(詳細)*/
.detail .contbox .titbox{
    border-bottom: 1px solid #1aa1e6;
    padding-bottom: 20px;
    margin-bottom: 80px;
}
.detail .contbox .titbox .c{
    position: relative;
    margin-left: 60px;
    margin-top: 0;
}
.detail .contbox .titbox .c:before{
    content: "";
    width: 60px;
    height: 1px;
     background-color: #1aa1e6;
    position: absolute;
    right: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.detail .contbox .titbox .tit{
    font-size: 22px;
    font-weight: 600;
}
.detail .contbox .content{
    line-height: 2em;
}
.detail .contbox .back{
    margin-top: 60px;
}
.detail .contbox .back a{
    display: inline-block;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    background-color: #1aa1e6;
    padding: 15px;
    width: 200px;
    text-align: center;
}

@media only screen and (max-width:1024px) {
     .detail .contbox .titbox{
        margin-bottom: 60px;
    }
}
@media only screen and (max-width:599px) {
    .detail .contbox .titbox .tit{
        font-size: 18px;
    }
    .detail .contbox .titbox{
        padding-bottom: 10px;
        margin-bottom: 40px;
    }
    .detail .contbox .back{
        text-align: center;
        margin-top: 40px;
    }
    .detail .contbox .back a{
        font-size: 16px;
    }
}

/*recommend*/
.recobox{
    margin-top: 100px;
}
.recobox h3.tit{
    font-size: 26px;
    margin-bottom: 60px;
}
.post01 .contbox .recobox .item{
    width: 32%;
    margin: 0 2% 0 0;
}
.post01 .contbox .recobox .item:last-of-type{
    margin-right: 0;
}
.post01 .contbox .recobox .item .pic span:after{
  top: 8px;
}
@media only screen and (max-width:1024px) {
    .recobox{
margin: 80px 0;
}
    .recobox h3.tit{
        font-size: 22px;
        margin-bottom: 40px;
    }
    .post01 .contbox .recobox .item{
        width: 48%;
        margin: 0 4% 4% 0;
    }
    .post01 .contbox .recobox .item:nth-of-type(2){
        margin-right: 0;
    }
}
@media only screen and (max-width:599px) {
        .recobox{
margin: 60px 0;
}
    .recobox h3.tit{
        font-size: 18px;
        margin-bottom: 30px;
    }
    .post01 .contbox .recobox .item{
        width: 100%;
        margin: 0 0 40px 0;
    }
    .post01 .contbox .recobox .item:nth-of-type(2){
        margin-right: 0;
    }
}


/*スライドショー*/
.uk-slidenav-position{
  height: 100% !important;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.uk-slideshow{
  height: 100% !important;
}

.uk-slideshow>li{
  height: 100% !important;
}
.uk-flex.uk-flex-middle.uk-flex-center{
  height: 100% !important;
}

.uk-flex.uk-flex-middle.uk-flex-center img{
  height: 100% !important;
}
.article-body-inner a{
  pointer-events: none;
}

@media only screen and (max-width:599px) {
  .detail.blog .content div{
    width: 100% !important;
    margin: 0 auto !important;
    left: 0 !important;
  }
}

/* 追加 */

header .infobox li.item a {
    color: #1aa1e6;
}

.top .mv .iconlist dl {
    background-color: #24a2e2;
}

@media screen and (min-width: 768px){
  
  .navlist li.ddbox span{
    position: relative;
  }
  
  [data-element-id]#gnav .navlist li.ddbox span:after{
    opacity: 1;
    position: absolute;
    top: 8%;
    right: -25%;
    transform: translateY(20px);
    margin: 0 0 0 -5px;
    width: 7px;
    height: 7px;
    content: "";
    border-top: 1px solid #1aa1e6;
    border-right: 1px solid #1aa1e6;
    background: none;
    -webkit-transform: rotate( 
135deg
 );
    transform: rotate(
135deg
);
    -ms-transform: rotate(135deg);
}
  
  #gnav .navlist li.ddbox span:after{
    opacity: 1;
    position: absolute;
    top: 8%;
    right: -25%;
    transform: translateY(20px);
    transition: all 0.5s ease-in;
    margin: 0 0 0 -5px;
    width: 7px;
    height: 7px;
    content: "";
    border-top: 1px solid #1aa1e6;
    border-right: 1px solid #1aa1e6;
    background: none;
    -webkit-transform: rotate( 
135deg
 );
    transform: rotate(
135deg
);
    -ms-transform: rotate(135deg);
}
  
/* #gnav .navlist li.ddbox span:hover #gnav .navlist li.ddbox span:after{
    opacity: 1;
    position: absolute;
    top: 8%;
    right: -25%;
    transform: translateY(20px);
    margin: 0 0 0 -5px;
    width: 7px;
    height: 7px;
    content: "";
    border-top: 1px solid #1aa1e6;
    border-right: 1px solid #1aa1e6;
    background: none;
    -webkit-transform: rotate( 
135deg
 );
    transform: rotate(
135deg
);
    -ms-transform: rotate(135deg);
} */

/* #gnav .navlist li:hover  span:after{
    opacity: 1;
    position: absolute;
    top: 8%;
    right: -25%;
    transform: translateY(20px);
    margin: 0 0 0 -5px;
    width: 7px;
    height: 7px;
    content: "";
    border-top: 1px solid #1aa1e6;
    border-right: 1px solid #1aa1e6;
    background: none;
    -webkit-transform: rotate( 
135deg
 );
    transform: rotate(
135deg
);
    -ms-transform: rotate(135deg);
} */
}

.commoncontactbox h2.tit {
    font-size: 22px;
}

.commoncontactbox h2.tit .subtit {
    display: block;
    font-size: 16px;
    margin-bottom: 30px;
}

.top03 h2.tit {
    font-size: 26px;
}

.top04 h2.tit {
    font-size: 22px;
    font-weight: 600;
}

.top04 h2.tit .subtit {
    font-size: 16px;
    display: block;
    margin-bottom: 25px;
}


.top05 h2.tit .subtit {
    display: block;
    font-size: 16px;
    margin-bottom: 30px;
}
.top05 h2.tit {
    color: #fff;
    font-size: 22px;
}

@media only screen and (max-width:1024px){
  .top01 .newsbox h2.tit {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}

  .top03 h2.tit {
    font-size: 22px;
}

.top04 h2.tit {
    font-size: 18px;
}

.top04 h2.tit .subtit {
    font-size: 16px;
    display: block;
    margin-bottom: 25px;
}

.top04 h2.tit .fs160 {
    padding: 0 5px;
}

.top04 h2.tit {
    font-size: 18px;
}

.top04 h2.tit .subtit {
    font-size: 16px;
    display: block;
    margin-bottom: 25px;
}

.top06 h2.tit {
    font-size: 20px;
}

.commoncontactbox h2.tit {
    font-size: 20px;
}

.commoncontactbox h2.tit .subtit {
    margin-bottom: 25px;
}
}


@media only screen and (max-width:599px){
.top01 .newsbox h2.tit {
    font-size: 16px;
    margin-bottom: 10px;
}

.top03 h2.tit {
    font-size: 18px;
}

.top04 h2.tit {
    font-size: 16px;
}

.top04 h2.tit .subtit {
    font-size: 16px;
    display: block;
    margin-bottom: 25px;
}

.commoncontactbox h2.tit {
    font-size: 18px;
}

.commoncontactbox h2.tit .subtit {
    margin-bottom: 15px;
}

}

.under h2.tit{
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 100px;
    text-align: center;
}

@media only screen and (max-width: 1024px)
.under h2.tit {
    font-size: 20px;
    margin-bottom: 60px;
}

.under h2.tit {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 100px;
    text-align: center;
}

h2.tit02{
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 60px;
    text-align: center;
}


 @media only screen and (max-width:599px){
  h2.tit02{
    font-size: 18px !important;
 }

 .logoicon {
 padding-left: 2.5em !important;
}}

 @media only screen and (max-width:599px){
.blog .post01{
  padding: 0px;
}
   .blog .ofiImg02 img{
  height: none !important;
}
.news .post01{
  padding: 0px;
}
   .news .ofiImg02 img{
  height: none !important;
}

 }



 @media only screen and (min-width:1299px){

   .blog .ofiImg02 img{
  height: 100% !important;
}

   .news .ofiImg02 img{
  height: 100% !important;
}
 }


.inner {
    width: 92%;
    max-width: 1000px;
    margin: 0 auto;
}

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

 
}

.inner.top01.bglightblue02 {
    border: solid #74b7da 3px;
    padding: 40px 0 30px;
    margin-top: 45px;
    /* margin-bottom: 45px; */
    border-radius: 20px;
}

h2.news_title.tit.round700.txtblue.tac {
    font-size: 24px;
    padding: 0px 0 20px;
}
.content.top_news00 {
    margin-bottom: 8px;
}

p.bgbtnblue2.topnews_btn a {
    display: block;
    color: #fff;
    font-size: 16px;
    text-align: center;
    padding: 10px 25px;
    border-radius: 30px;
    width: 8%;
    margin: 15px auto 0;
}

@media only screen and (max-width: 599px) {
p.bgbtnblue2.topnews_btn a {
    width: 30%;
}
.inner.top01.bglightblue02 {
    margin-top: 15px;
}
 
}

@media only screen and (max-width: 599px){
  .gmap_big{
width: 100%;
    position: relative;
    padding-bottom: 50%;
    height: 0;
    overflow: hidden;
  }


.gmap_big iframe {
    width: 100% !important;
    height: 250px;
}
}

iframe {
    max-width: 100%;
}
 
.teikei {
  width: 100%;
  text-align: left;
  margin-top: 10px;
} 

.teikei a {
  color: #13a2e7;
  font-weight: bold;
}

.teikei a:hover {
  opacity: 0.6;
}

/*パンくずリスト*/

.breadcrumb {
  padding-top: 20px;
  padding-bottom: 20px;
  background: #fff;
}

.breadcrumb.no {
  background: initial;
}

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

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

.breadcrumb li:not(:first-of-type):before {
    display: block;
    content: "\f054";
    font-size: 80%;
    font-family: "font awesome 5 free";
    font-weight: bold;
    margin-right: 5px;
    vertical-align: bottom;
}

.breadcrumb li:not(:last-of-type) {
    margin-right: 10px;
}

.breadcrumb li > * {
    display: block;
}

.breadcrumb li:last-of-type:before {
    margin-right: 8px;
}

.co-orange {
  color: #FF9800;
}

.tit-h3 {
  text-align: center;
  font-weight: bold;
  margin-bottom: 50px;
}

/*2023/07/12*/
.shinbi .list-box {
  padding: 3%;
  border: 1px solid #999;
  border-radius: 20px;
  margin-bottom: 20px;
}
.shinbi .list-box ul {
  padding-left: 3%;
}
.shinbi .list-box ul li {
  list-style: disc;
}
.about-ceramic04.shinbi .item dl {
  background: #e3f1fa;
}
dd.w-box {
  background: #fff;
}
dd.w-box .midashi {
  padding: 1%;
  text-align: center;
  color: #fff;
  font-weight: bold;
}
dd.aka .midashi {
  background: #FF5722;
}
dd.w-box ul {
  padding: 4%;
}
dd.ao .midashi {
  background: #2196F3;
}

@media only screen and (max-width: 599px){
  .shinbi .list-box ul {
    padding-left: 10%; 
  }
}

/*インプラント*/
.number li {
  list-style: decimal;
  font-weight: 600;
}
.support-implant04area {
  padding-top: 100px;
}
.support-implant04area .list .item{
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
    padding-left: 40px;
    position: relative;
}
.support-implant04area .list .item:before{
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #1ba1e6;
    color: #fff;
    content: counter(number);
    counter-increment: number;
    text-align: center;
    font-size: 20px;
    line-height: 30px;
}
.support-implant04area .graybox{
    margin-top: 70px;
    padding: 50px;
    font-weight: 600;
    font-size: 20px;
    line-height: 2em;
    background-color: #f3f3f3;
    border-radius: 10px;
}

@media only screen and (max-width:599px) {
  .support-implant03 h3.tit {
    font-size: 24px;
  }
  .support-implant h4.tit{
    font-size: 20px;
  }
  .support-implant04area .list .item {
    font-size: 14px;
  }
}

.mtb30 {
  margin: 30px auto;
}
.mb50 {
  margin-bottom: 50px;
}
.under h3.tit.mb50 {
  margin-bottom: 50px;
}

/**2024/07/17**/
.standard {
  margin-top: 50px;
}
.standard .bnr {
  width: 400px;
  margin: auto;
}
.standard .bnr a {
  display: block;
  width: 100%;
  padding: 4% 0;
  background: #5ba3c7;
  color: #fff;
  font-size: 20px;
  text-align: center;
  font-weight: bold;
  border-radius: 50px;
  line-height: 1.4;
}
.pl16 {
  padding-left: 16px;
}
.pl32{
  padding-left: 32px;
}
.renkei {
  border: 1px solid #b2b2b2;
  padding: 2%;
  width: fit-content;
  margin-left: 16px;
}

@media (max-width: 1024px){
  .standard .bnr {
    width: 80%;
  }
  .standard .bnr a {
    font-size: 18px;
  }
  .pl16 {
    padding-left: 14px;
  }
  .pl32{
    padding-left: 28px;
  }
  .renkei {
    margin-left: 14px;
    padding: 1.5%;
  }
  .renkei .pl16 {
    padding-left: 0;
  }
}

/* 2024/12/05 */
.h1-wrap{
  margin-bottom: 10px;
}

@media(max-width:1024px){
.h1-wrap{
  width: calc( 100% - 50px );
}    
}

/* 2025/01/30 症例 */
.list-case{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
}

.list-case .item{
  width: calc( (100% - 40px) / 3);
}

.list-case .tit{
  margin-top: 1em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;  
}

.case-detail-section {
  margin: 50px 0;
}

.case-detail-section .title{
  font-size: 1.5em;
  font-weight: bold;
  text-align: center;
  margin-bottom: 50px;
}

.case-detail-section .ttl{
  font-size: 1.25em;
  font-weight: bold;
  text-align: center;
  margin-bottom: 50px;
  border-top: 0.5px solid;
  border-bottom: 0.5px solid;
  padding: 0.5em 0;
}

/* .case-detail-section{
  margin: 50px 0;
}
 */
.case-detail-section-container{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 50px 0;
}

.case-detail-section-container .case-detail-section{
  width: 48%;
  margin: 20px 0;  
}

.switchimg{
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
}


@media(max-width:1024px){
.list-case .item{
  width: calc( (100% - 20px) / 2);
}    
}

@media(max-width:599px) {
  .case-detail-section-container {
    margin: 20px 0;
  }
.case-detail-section-container .case-detail-section{
  width: 100%;
}
 .case-detail-section {
   margin: 20px 0;
 }
.case-detail-section .ttl{
  margin-bottom: 20px;
}
}

[data-element-id].list-case>div{
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

/**2025/02/13追記**/
#case.post01 .contbox .item {
  margin: 0 0 10% 0;
}
.post01area .left { 
  width: 66%;
}
.case-detail-section.txtbox01 .img {
  width: 600px;
  margin: 0 auto 20px;
}
.case-detail-section.txtbox01 .img img {
  width: 100%;
}
.case-detail-section.txtbox01 .txt {
  margin-bottom: 50px;
}

@media (max-width: 1024px){
  .post01area .left {
    width: 100%;
  }
}

@media (max-width: 599px){
  .case-detail-section.txtbox01 {
    margin: 40px 0;
  }
  .case-detail-section.txtbox01 .img {
    width: 100%;
  }
}

.sponly {
  display: none;
}
.recruit02 h3.tit {
  left: 46%;
}

@media (max-width: 1024px){
  .sponly {
    display: block;
  }
  .recruit02 h3.tit {
    left: 50%;
  }
}