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




.nsans {
    font-family: 'Noto Sans', serif;
}

.nsansj {
    font-family: "Noto Sans Japanese", sans-serif;
}

.nserif {
    font-family: 'Noto Serif', serif;
}

.hannari {
    font-family: 'Hannari';
}

.dafoe,
.dafoe-normal {
    font-family: 'Mr Dafoe',
        cursive;
}

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-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ゴシックM-PRO", "HGMaruGothicMPRO";*/
    line-height: 180%;
    color: #4b4b4a;
    word-wrap: break-word;
    overflow-wrap: break-word;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

@media all and (-ms-high-contrast:none) {

    body,
    div,
    dl,
    dt,
    dd,
    ul,
    ol,
    li,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    form,
    input,
    button,
    p {
        font-family: "Noto Sans Japanese", 'Noto Sans', sans-serif;
    }
}

/*フォント系*/

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

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

h2 {
    font-size: 40px;
    font-weight: bold;
}

h3 {
    font-size: 34px;
    font-weight: bold;
    margin-bottom: 50px;
}

h4 {
    font-size: 24px;
    font-weight: bold;
}

h5 {
    font-size: 18px;
    font-weight: bold;
}

.fs12 {
    font-size: 12px;
}

.fs14 {
    font-size: 14px;
}

.fs16 {
    font-size: 16px;
}

.fs18 {
    font-size: 18px;
}

.fs20 {
    font-size: 20px;
}

.fs22 {
    font-size: 22px;
}

.fs24 {
    font-size: 24px;
}

.fs26 {
    font-size: 26px;
}

.fs28 {
    font-size: 28px;
}

.fs30 {
    font-size: 30px;
}

.fs32 {
    font-size: 32px;
}

.fs34 {
    font-size: 34px;
}

.fs36 {
    font-size: 36px;
}

.fs38 {
    font-size: 38px;
}

.fs40 {
    font-size: 40px;
}

.fs42 {
    font-size: 42px;
}

.fs44 {
    font-size: 44px;
}

.fs46 {
    font-size: 46px;
}

.bold {
    font-weight: bold;
}

.red {
    color: red;
}

.blue {
    color: blue;
}

.white {
    color: #fff;
}

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

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

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

.clearfix {
    display: block;
}

.clear {
    clear: both;
}

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

.map:after,
.ent:after {
    display: block;
    content: "";
    /* padding-top: 35%; */
    padding-top: 70%;
}

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

iframe {
    max-width: 100%;
}

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

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

.scale {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.scale:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

[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: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 50%);
    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: -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 50%);
    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: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 50%);
    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: -webkit-linear-gradient(right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 50%);
    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: -webkit-radial-gradient(center, ellipse, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 80%);
    background: -webkit-radial-gradient(center ellipse, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 80%);
    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: 400px !important;
    height: auto !important;
}

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

.pic {
    text-align: center;
    width: 100%;
}

.pic img {
    width: 100%;
}

.rp .pic {
    width: 35%;
}

.rp .tbox {
    width: 60%;
}

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

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

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

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

.mv {
    opacity: 1;
}

a {
    text-decoration: none;
    color: #000;
}

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

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

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

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

a[data-href="#"]:hover:before {
    content: "リンクが設定されていない可能性があります。";
    position: absolute !important;
    width: 100%;
    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*="."]: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;
}

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

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

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

p {
    text-align: left;
}

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

.tfmp {
    position: relative;
}

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

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

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

/*トリミング*/

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

/*フレックス*/

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

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

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

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

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

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

/*align-item*/

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

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

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

/*align-content*/

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

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

.contentend {
    -webkit-align-content: flex-end;
    -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;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*カスタムコンテンツ用*/

.cc221 {
    width: 47%;
    margin-bottom: 4%;
}

.cc332 {
    width: 30%;
    margin-bottom: 4%;
}

.cc432 {
    width: 22%;
    margin-bottom: 4%;
}

.cc533 {
    width: 17%;
    margin-bottom: 4%;
}

/*横並び用*/

.gr211 {
    width: 47%;
    margin-bottom: 4%;
}

.gr321 {
    width: 30%;
    margin-bottom: 4%;
}

.gr422 {
    width: 22%;
    margin-bottom: 4%;
}

.gr532 {
    width: 17%;
    margin-bottom: 4%;
}
/* ##### pcで4分割のグリッド ##### */
.gr444,
.gr443,
.gr442,
.gr441,
.gr433,
.gr432,
.gr431,
.gr422,
.gr421,
.gr411 {
	width: 21%;
	margin: 0 2% 6% 2%;
}

[data-element-id] #wrapper {
    opacity: 1;
}

#wrapper {
    overflow: hidden;
}

.inner {
    width: 92%;
    max-width: 1100px;
    margin: auto;
    padding: 50px 0;
}
.w16 {
    width: 16%;
}

.w20 {
    width: 20%;
}
.w30 {
    width: 30%;
}
.w40 {
    width: 40%;
}

.w50 {
    width: 50%;
}
.w80 {
    width: 80%;
}

.mt10{margin-top: 10px!important;;}
.mt20{margin-top: 20px!important;;}
.pd0{padding:0!important;}
.pb0{padding-bottom: 0!important;}
.mb0{margin-bottom: 0!important;}
.mb10{margin-bottom: 10px!important;;}
.mb20{margin-bottom: 20px!important;;}
.mb30{margin-bottom: 30px!important;;}
.mb40{margin-bottom: 40px!important;;}
.mb50{margin-bottom: 50px!important;;}
.mb80{margin-bottom: 80px!important;;}


.fc {
    color: #176fc0;
    font-weight: bold;
}

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

.subtit h2 {
    text-align: center;
    width: 100%;
}

.subtit img {
    width: 100%;
}

.more {
    text-align: center;
    margin: 30px auto;
    width: 80%;
    max-width: 200px;
}

.more a {
    display: block;
    color: #fff;
    padding: 10px 20px;
}

.mainimg {
    position: relative;
    overflow: hidden;
}
.pic.mainimg img{
    object-fit: cover;
    max-height: 600px;
}
@media all and (-ms-high-contrast: none){
	.pic.mainimg img{
    height: 600px;
    max-height: none;
    overflow: hidden;
  }
}

.index .pic.mainimg img{
  max-height: none;
}
.mainimg img {
    width: 100%;
}

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

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

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

.topmaintxt{
  position: absolute;
    width: 100%;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: rgba(0,0,0,0.3);
    color: #fffcf7;
    font-size: 63px;
    text-align: center;
    padding: 100px 0;
   text-shadow: 2px 2px 10px #442c03, -2px 2px 10px #442c03, 2px -2px 10px #442c03, -2px -2px 10px #442c03;
}

.topmaintxtsub{
  display: block;
  font-size: 30px;
  line-height: 120%;
}




@media only screen and (max-width: 1024px) {
    .bkimg {
        position: relative;
    }

    .bkimg img {
        min-width: initial !important;
    }
    .top-menu-section .bkimg {
      position: absolute!important;
    }
    .top-menu-section .bkimg img {
        min-width: 1800px!important;
    }
    h2 {
        font-size: 34px;
    }

    h3 {
        font-size: 28px;
        margin-bottom: 40px;
    }

    h4 {
        font-size: 20px;
    }

    .fs20 {
        font-size: 18px;
    }

    .fs22 {
        font-size: 20px;
    }

    .fs24 {
        font-size: 20px;
    }

    .fs26 {
        font-size: 22px;
    }

    .fs28 {
        font-size: 22px;
    }

    .fs30 {
        font-size: 24px;
    }

    .fs32 {
        font-size: 24px;
    }

    .fs34 {
        font-size: 26px;
    }

    .fs36 {
        font-size: 26px;
    }

    .fs38 {
        font-size: 28px;
    }

    .fs40 {
        font-size: 28px;
    }

    .fs42 {
        font-size: 30px;
    }

    .fs44 {
        font-size: 30px;
    }

    .fs46 {
        font-size: 32px;
    }

    a[href*="tel"] {
        pointer-events: initial !important;
    }

    .flex {
        max-width: 768px;
        margin: auto;
    }

    .flexc {
        max-width: 768px;
        margin: auto;
    }

    .flexs {
        max-width: 768px;
        margin: auto;
    }

    .flexb {
        max-width: 768px;
        margin: auto;
    }

    /*カスタムコンテンツ用*/
    .cc221 {
        width: 47%;
    }

    .cc332 {
        width: 30%;
    }

    .cc432 {
        width: 30%;
    }

    .cc533 {
        width: 30%;
    }

    /*横並び用*/
    .gr211 {
        width: 97%;
    }

    .gr321 {
        width: 47%;
    }

    .gr422 {
        width: 47%;
    }

    .gr532 {
        width: 30%;
    }
	/* ##### タブレッドで3分割のグリッド ##### */
	.gr633,
	.gr632,
	.gr631,
	.gr533,
	.gr532,
	.gr531,
	.gr433,
	.gr432,
	.gr431 {
		width: 29%;
	}

    .inner {
        width: 93%;
        max-width: 768px;
        padding: 40px 0;
    }

    #gnav p {
        display: block !important;
        position: fixed;
        width: 42px;
        height: 42px;
        top: 0px;
        right: 0px;
        background: #170302;
        cursor: pointer;
        opacity: 0.8;
        z-index: 251;
    }

    #gnav p span.n {
        display: block;
        background: #fff;
        height: 2px;
        width: 28px;
        text-indent: 9999px;
        padding: 0;
        top: 50%;
        left: 7px;
        margin-top: -1px;
        position: absolute;
        -webkit-transition: ease .40s;
        transition: ease .40s;
    }

    #gnav p span.n:before {
        display: block;
        content: "";
        background: #fff;
        height: 2px;
        width: 28px;
        position: absolute;
        top: -10px;
        left: 0;
    }

    #gnav p span.n:after {
        display: block;
        content: "";
        background: #fff;
        height: 2px;
        width: 28px;
        position: absolute;
        top: 10px;
        left: 0;
    }

    #gnav.action p span.n {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    #gnav.action p span.n:after,
    #gnav.action p span.n:before {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        top: 0;
        left: 0;
    }

    #gnav .accordion-body {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 0;
        opacity: 0;
        -webkit-transition: height ease .1s, opacity ease .4s;
        transition: height ease .1s, opacity ease .4s;
        padding: 0;
        border: none;
        padding-bottom: 0;
        background: rgba(255, 255, 255, 0.8);
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        -webkit-transform: translate3d(0, 0, 0) !important;
        transform: translate3d(0, 0, 0) !important;
        z-index: -10;
    }

    #gnav.action .accordion-body {
        height: 100vh;
        opacity: 1;
        z-index: 250;
    }

    #gnav .accordion-inner {
        width: 100%;
        padding-top: 50px;
        padding-bottom: 80px;
    }

    #gnav li {
        display: block !important;
        width: 100%;
        text-align: center;
        float: none;
        border: none !important;
        border-bottom: 1px dotted #cacad9 !important;
        padding: 0 !important;
        margin-top: 0;
    }

    #gnav li:hover:before {
        display: none;
    }

    #gnav ul li a {
        height: auto;
        display: block;
        text-align: left;
        padding: 10px 15px;
        border: none !important;
    }

    .overlay:after {
        content: "";
        width: 100%;
        height: 100vh;
        background: #000;
        position: fixed;
        top: 0;
        left: 0;
        opacity: 0.3;
        z-index: 150;
        -webkit-transform: translate3d(0, 0, 0) !important;
        transform: translate3d(0, 0, 0) !important;
    }
}

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

    h3 {
        font-size: 22px;
        margin-bottom: 30px;
    }

    h4 {
        font-size: 18px;
    }

    h5 {
        font-size: 16px;
    }

    .fs18 {
        font-size: 16px;
    }

    .fs20 {
        font-size: 18px;
    }

    .fs22 {
        font-size: 18px;
    }

    .fs24 {
        font-size: 20px;
    }

    .fs26 {
        font-size: 20px;
    }

    .fs28 {
        font-size: 22px;
    }

    .fs30 {
        font-size: 22px;
    }

    .fs32 {
        font-size: 24px;
    }

    .fs34 {
        font-size: 24px;
    }

    .fs36 {
        font-size: 26px;
    }

    .fs38 {
        font-size: 26px;
    }

    .fs40 {
        font-size: 28px;
    }

    .fs42 {
        font-size: 28px;
    }

    .fs44 {
        font-size: 30px;
    }

    .fs46 {
        font-size: 32px;
    }

    .flex {
        max-width: 450px;
        margin: auto;
    }

    .flexc {
        max-width: 450px;
        margin: auto;
    }

    .flexs {
        max-width: 450px;
        margin: auto;
    }

    .flexb {
        max-width: 450px;
        margin: auto;
    }

    /*カスタムコンテンツ用*/
    .cc221 {
        width: 97%;
    }

    .cc332 {
        width: 47%;
    }

    .cc432 {
        width: 47%;
    }

    .cc533 {
        width: 30%;
    }

    /*横並び用*/
    .gr211 {
        width: 97%;
    }

    .gr321 {
        width: 97%;
    }

    .gr422 {
        width: 47%;
    }

    .gr532 {
        width: 47%;
    }
	/* ##### スマホで2分割のグリッド ##### */
	.gr662,
	.gr652,
	.gr642,
	.gr632,
	.gr622,
	.gr552,
	.gr542,
	.gr532,
	.gr522,
	.gr442,
	.gr432,
	.gr422,
	.gr332,
	.gr322 {
		width: 46%;
	}

    .rp {
        max-width: 450px;
        margin: auto;
    }

    .rp .pic {
        float: none !important;
        width: 90% !important;
        margin: 20px auto;
    }

    .rp .tbox {
        float: none !important;
        width: 100% !important;
        padding: 0 !important;
    }

    .inner {
        width: 94%;
        max-width: 450px;
        padding: 30px 0;
    }
    .w20 {
        width: 100%;
    }
    .w30 {
        width: 100%;
    }
    .w40 {
        width: 100%;
    }
    .w50 {
        width: 100%;
    }
    .w80 {
        width: 100%;
    }
    
}

/* header */

#header {
    position: relative;
    z-index: 200;
}

.head-cont {
    position: relative;
    overflow: hidden;
}
.head-cont .logo a{
  display:block;
}

.head-tel-box {
    position: absolute;
    right: 5%;
    top: 5%;
}

.head-tel-box .tel {
    position: relative;
    padding-left: 35px;
/*     border-bottom: 1px solid #422f2a;
 */    line-height: 1.4em;
    font-weight: bold;
    letter-spacing: 4px;
}

.head-tel-box .tel:before {
    content: "";
    display: block;
    background: url(/import/tenant_1/133.167.74.123/html/images/common/icon_tel.png) no-repeat left center;
    background-size: 100% auto;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 27px;
    height: 28px;
}

.head-tel-box .bottom-txt {
    font-weight: bold;
    text-align: right;
    border-top: 1px solid #422f2a;
}


@media only screen and (max-width: 1024px) {
    .head-tel-box {
        right: 0;
        top: auto;
        bottom: 0;
        background-color: rgba(255, 255, 255, 0.8);
        padding: 0 4%;
    }

    .head-tel-box .tel {
        line-height: 1.8em;
    }
    .head-tel-box .tel a{
    	vertical-align: middle;
        line-height: 28px;
    }
    .mbcontents.flex {
        max-width: 100%;
    }
}

@media only screen and (max-width: 599px) {
    .head-tel-box {
        position: static;
        right: auto;
        bottom: auto;
        width: 100%;
        margin: 0 auto;
        text-align:center;

    }

    .head-tel-box .bottom-txt {
        text-align: center;
    }
}

/* footer */
.foot-logo {
    width: 9%;
}



#footer h3 {
    margin-bottom: 40px;
    text-align: center;
}
#footer .foot-left dl {
    margin-bottom: 8px;
}
#footer .foot-left dl:last-of-type {
    margin-bottom: 20px;
}

#footer .foot-left dt {
    width: 30%;
    text-align: right;
}

#footer .foot-left dd {
    width: 65%;
}
@media only screen and (max-width: 599px){
    #footer .foot-left dt,#footer .foot-left dd{
        width: 100%;
        text-align: center;
    }
}
#footer .foot-left dd a {
    color: #ed8d1f;
    font-weight: bold;
    display: block;
}

#footer .foot-left dd.tel a {
    color: #422f2a;
    padding: 0;
}

.foot-menu {
    /* width: 41%; */
    -webkit-column-count: 2;
    column-count: 2;
    padding-left: 3%;
    padding-right: 2%;
}
.foot-menu li{
    font-size:14px;
}
.footer_logo{
    width: 80%;
    margin: 50px auto 30px;
}
.footer_logo a{
  display: block;
}

@media only screen and (max-width: 1024px){
    .footer_logo{
        width: 60%;
    }
}
@media only screen and (max-width: 599px){
    .footer_logo{
        width: 80%;
    }
}

.foot-menu li {
    position: relative;
    margin-bottom: 15px;
}

.foot-menu li:before {
    content: "";
    display: block;
    position: absolute;
    left: -10px;
    top: 5px;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 7px solid #4b4b4a;
    z-index: 5;
}

.promo-area {
    width: 50%;
}

.promo-area .btn {
    margin-bottom: 20px;
}

.promo-area .btn a {
    display: block;
    position: relative;
    z-index: 3;
    color: #fff;
    padding: 25px 0 15px;
}
.foot-right .btn{
    margin: 50px 0;
}

.foot-right .btn a {
    display: block;
    position: relative;
    z-index: 3;
    color: #fff;
    padding: 25px 0 15px;
}
.promo-area .shop-table {
    margin-bottom: 10px;
}

.foot-link .btn {
    border: 1px solid #dedfdf;
    width: 47%;
}

.foot-link .btn a {
    color: #4b4b4a;
    text-align: center;
    padding: 10px 0;
}

.foot-link .btn a span {
    position: relative;
    padding-left: 20px;
}

.foot-link .btn.mail a span:before {
    content: "";
    display: block;
    background: url(/import/tenant_1/133.167.74.123/html/images/common/icon_male.png) no-repeat left center;
    background-size: 100% auto;
    width: 16px;
    height: 13px;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.foot-link .btn.serch a span:before {
    content: "";
    display: block;
    background: url(/import/tenant_1/133.167.74.123/html/images/common/icon_serch.png) no-repeat left center;
    background-size: 100% auto;
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.foot-link .btn a span:after {
    font-family: "Font Awesome 5 Free";
    content: '\f105';
    display: inline-block;
    color: #ed8d1f;
    font-weight: bold;
    padding: 0 0 0 4%;
}

.foot-banner-area {
    margin-bottom: 30px;
}

.foot-banner-area li {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
}

#footer .copyright {
    font-weight: bold;
    text-align: center;
}
@media only screen and (max-width: 599px){
    #footer .copyright span{
        display: block;
    }
}

.foot-fixed-area {
    position: fixed;
    right: 10px;
    bottom: 20%;
    width: 50px;
    z-index: 10;
}

.foot-sns-box,
.totop {
    background-color: rgba(255, 255, 255, 0.8);

}

.foot-sns-box {
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    padding: 50% 0;
    margin-bottom: 10px;
}

.foot-sns-box ul li {
    text-align: center;
}

.foot-sns-box ul li.fb {
    margin-bottom: 20px;
}

.totop {
    text-align: center;
    border-radius: 50%;
}

.totop a {
    display: block;
    width: 50px;
    height: 50px;
    line-height: 58px;
    color: #df2421;
    font-weight: bold;
    position: relative;
}

.totop a:before {
    font-family: "Font Awesome 5 Free";
    content: '\f106';
    display: block;
    color: #df2421;
    font-weight: bold;
    position: absolute;
    left: 50%;
    top: -16px;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.sp-foot-fixed {
    display: none;
}
[data-element-id] .sp-foot-fixed {
    display: block;
    position: absolute;
    top: 30px;
}
.sp-foot-fixed span{
    display: none;
}
[data-element-id] .sp-foot-fixed span{
   display: inline-block
}


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

@media only screen and (max-width: 599px) {
    .foot-sns-box {
        display: none;
    }

    .sp-foot-fixed {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 200;
    }

    .sp-foot-fixed ul {
        background-color: rgba(255, 255, 255, 0.6);
        border-top-left-radius: 25px;
        border-top-right-radius: 25px;
        border-bottom-left-radius: 25px;
        border-bottom-right-radius: 25px;
        padding: 10px 0;
    }

    .sp-foot-fixed ul li {
        width: 28px;
        height: 28px;
        margin: 0 10px;
    }

    .sp-foot-fixed ul li a {
        display: block;
    }

    .foot-fixed-area {
        bottom: 5%;
    }

    #footer .copyright {
        margin-bottom: 60px;
    }
}

/* 共通 */

/* 線と塗りの重なり
   beforeが線。afterが塗り
   重ね順は要素毎に。
 */
.double {
    position: relative;
    text-align: center;
    z-index: 3;
}

.double:before,
.double:after {
    content: "";
    display: block;
    position: absolute;
    background-size: contain;
    width: 100%;
    height: 100%;
}

.double:before {
    left: 0;
    top: 0;
    background-color: transparent;
    z-index: 2;
}

.double:after {
    left: 5px;
    top: 5px;
    z-index: 1;
}

.double a:after {
    font-family: "Font Awesome 5 Free";
    content: '\f105';
    display: inline-block;
    color: #fff;
    font-weight: bold;
    padding: 0 0 0 2%;
}

.dafoe {
    width: 149px;
    height: 35px;
    position: relative;
    margin: 0 auto;
}

.dafoe span {
    position: absolute;
}

.posi-box {
    position: relative;
    z-index: 5;
}

.title-box {
    position: relative;
}

.title-box .cenposi {
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}


.second-main-area {
    position: relative;
}

.second-posi {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 100%;
    background-color: rgba(255, 255, 255, 0.8);
}

.second-title-box {
    position: relative;
    padding: 10px 0;
}

.second-title-box h2 {
    text-align: center;
}

.second-title-box h2 span {
/*     border-bottom: 1px solid #422f2a;
 */    padding: 0 2%;

}

.second-title-box .dafoe {
    position: absolute;
    left: 50%;
    top: 30px;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}


/* gnav */
#gnav .pc-nav {
    background-color: #422f2a;
    width: 92%;
    max-width: 1100px;
    margin: auto;

}

#gnav .pc-nav li {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 15px 0;
    text-align: center;
}

/* #gnav .pc-nav li:first-child {
    display: none;
} */

#gnav .pc-nav li a {
    color: #fff;
}

#gnav .sp-nav {
    display: none;
}

[data-element-id] #gnav .sp-nav {
    display: block;
    margin-top: 110px;
}

#gnav.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: rgba(241, 250, 255, 0.8);
    z-index: 10;
}
[data-element-id] #gnav.fixed {
      position: static;
}

#gnav.fixed .pc-nav li:first-child {
    display: block;
}

#gnav a {
    display: block;
}

.navin-logo {
    display: none;
}
[data-element-id] .navin-logo {
    display: block;
}

.second .section-title {
    border-bottom: 1px solid #fff;
    color: #fff;
    width: 90%;
    margin: 0 auto;
}

.second .cont-title {
    border-bottom: 1px solid #422f2a;
}

.second .section-title,
.second .cont-title {
    text-align: center;
}

.dafposi {
    position: relative;
    background: #422f2a;
    padding: 50px 0;
}
@media only screen and (max-width: 599px){
    .dafposi {
        padding: 30px 0;
    }
    
}

.dafposi .dafoe {
    color: #fff;
    position: absolute;
    left: 50%;
    top: 30px;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.second-catch {
    font-weight: bold;
    margin-bottom: 50px;
}



@media only screen and (max-width: 1024px) {
    .w16 {
        width: 32%;
        margin-bottom: 4%;
    }

    #gnav .accordion-body {
        background-color: rgba(66, 47, 42, 0.8);
    }

    #gnav .accordion-body a {
        color: #fff;
    }

    #gnav .pc-nav {
        display: none;
    }

    #gnav .sp-nav {
        display: block;
    }

    #gnav li {
        width: 47%;
        border-bottom: none !important;
    }

    .navin-logo {
        display: block;
        text-align: center;
        padding-top: 50px;
    }

    .second-catch {
        margin-bottom: 25px;
    }
}

@media only screen and (max-width: 599px) {
    .second-title-box .dafoe {
        top: 10px;
    }

    .second-title-box {
        padding: 10px 0;
    }
}

/*****************************
汎用クラス
*****************************/
/*** 中央寄せ ***/
.TaC, .TaC p{
	text-align: center;
}
.MaLR{
	margin-left: auto;
	margin-right: auto;
}
/*** 1行以上は非表示にする ***/
.OneRow{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

/*****************************
汎用クラスここまで
*****************************/


/* index */
.index .mbcontents{
    position: relative;
}
.index h2{
    width: 30%;
    position: absolute;
    left: 5%;
    top: 5%;
    z-index: 10;
}
@media only screen and (max-width: 599px){
    .index h2{
        width: 60%;
        position: static;
        margin: 1% auto;
    }
  
}




.maintxt-area {
    background-color: #fff;
    position: relative;
    width: 40%;
}

#header .mainimg-area {
    position: relative;
    width: 60%;
    margin: 0 0 0 auto;
    overflow: hidden;
}

#header .mainimg-area:before {
    content: "";
    display: block;
    position: absolute;
    left: -2px;
    top: 0;
    width: 0;
    height: 0;
    border-top: 1000px solid #fff;
    border-right: 100px solid transparent;
    z-index: 2;
}

.maintxt-box {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 90%;
}

.maintxt-box .logo {
    margin-bottom: 25px;
    text-align: center;
}

.maintxt-box .catch-ruby {
    letter-spacing: 2px;
    margin-bottom: 10px;
}

.main-catch {
    font-size: 50px;
    font-weight: bold;
    border-bottom: 1px solid #422f2a;
    line-height: 1em;
    letter-spacing: 10px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    position: relative;
}

.main-catch:after {
    content: "";
    display: block;
    background: url(/import/tenant_1/133.167.74.123/html/images/common/icon_tooth.png) no-repeat left top;
    background-size: 100% auto;
    width: 33px;
    height: 39px;
    position: absolute;
    right: 20px;
    top: 0;
}

.maintxt-box .catch-box {
    width: 78%;
    margin: 0 auto;
    max-width: 294px;
}

.top-news-area {
    width: 97%;
    max-width: 1000px;
    margin: 0 auto;
    padding: 15px 0;
}

.top-news-area .news {
    color: #ec8d1e;
    font-weight: bold;
    margin-right: 30px;
}

.top-news-area .day {
    margin-right: 25px;
}

.top-menu-section {
    position: relative;
    overflow: hidden;
}
.top-menu-section h3{
    text-align: center;
    z-index: 10;
    position: relative;
    margin: 50px 0 0;
    color:#422f2a;
}
.top-menu-section ul{
    z-index: 10;
    position: relative;
}
.top-menu-section ul li{
    background: #fff;
    text-align: center;
}
.top-menu-section ul li a{
    padding: 15px;
    display: block;
}
.top-menu-section ul li .icon{
    margin-bottom: 10px;
}
.top-menu-section ul li p{
    text-align: center;
}
.top-menu-section .link{
    text-align: right;
    z-index: 10;
    position: relative;
}
.top-menu-section .link a{
    border-bottom: 1px solid #422f2a;
}
@media only screen and (max-width: 1024px){
    .top-menu-section .link{
        text-align: center;
        margin-bottom: 30px;
    }
}


h3.bgin {
    line-height: 1em;
    text-align: center;
    padding-top: 40px;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

h3.flat {
    line-height: 1em;
    text-align: center;
    letter-spacing: 2px;
    padding-top: 40px;
    margin-bottom: 10px;
}

.posi-box .title-box .dafoe {
    color: #fff;
}

.posi-box .left {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
}

.posi-box .top-menu-list {
    background-color: #fff;
    padding: 2%;
}

.posi-box .bgin {
    border-bottom: 1px solid #fff;
    color: #fff;
}

.posi-box .bgin-sub {
    color: #fff;
    text-align: center;
}

.posi-box .title-box {
    width: 90%;
}

.posi-box .top-menu-list .box-title {
    text-align: center;
    font-weight: bold;
    letter-spacing: 15px;
    margin-bottom: 20px;
}

.posi-box .top-menu-list ul li dl {
    background-size: 53px 41px;
    margin-bottom: 20px;

}
/* 
.posi-box .top-menu-list ul li:first-child dl {
    background: url(/file_contents/5/get) no-repeat left top;
}

.posi-box .top-menu-list ul li:nth-child(2) dl {
    background: url(/file_contents/6/get) no-repeat left top;
}

.posi-box .top-menu-list ul li:nth-child(3) dl {
    background: url(/file_contents/7/get) no-repeat left top;
}

.posi-box .top-menu-list ul li:nth-child(4) dl {
    background: url(/file_contents/8/get) no-repeat left top;
}

.posi-box .top-menu-list ul li:nth-child(5) dl {
    background: url(/file_contents/9/get) no-repeat left top;
}

.posi-box .top-menu-list ul li:nth-child(6) dl {
    background: url(/file_contents/10/get) no-repeat left top;
}

.posi-box .top-menu-list ul li:nth-child(7) dl {
    background: url(/file_contents/11/get) no-repeat left top;
}
 */
.posi-box .right ul li a {
    display: block;
    color: #ed8d1f;
}

.posi-box .top-menu-list ul li a dt {
    color: #ed8d1f;
    font-weight: bold;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    padding-left: 65px;
    width: 50%;
}

.posi-box .top-menu-list ul li dd {
    width: 50%;
    position: relative;
}

.posi-box .top-menu-list ul li dd:after {
    font-family: "Font Awesome 5 Free";
    content: '\f105';
    display: block;
    font-weight: bold;
    line-height: 1em;
    font-size: 16px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.inbox {
    width: 75%;
    margin: 0 auto;
    max-width: 750px;
}

.bgin-sub.box {
    background-color: #422f2a;
    color: #fff;
    text-align: center;
}

.inbox .title-box {
    margin-bottom: 50px;
}

.inbox .msg {
    margin-bottom: 80px;
}

.top-counseling-section .btn {
    width: 70%;
    margin: 0 auto;
}

.top-counseling-section .btn a {
    position: relative;
    z-index: 3;
    color: #fff;
    padding: 20px 0 10px;
    display: block;
}

.double.orange:before {
    border: 1px solid #dcdddd;
}

.double.orange:after {
    background-color: #ed8d1f;
}

.top-informed-section {
    position: relative;
    overflow: hidden;
    padding: 50px 0;
}
.top-informed-section .posi-box .bgin{
    color:#422f2a!important;
    border-bottom: 1px solid #422f2a;
}
.top-informed-section .posi-box .bgin-sub{
    color:#422f2a;

}
.top-informed-section .left,
.top-informed-section .right {
    width: 50%;
}

.top-informed-section .left .title-box {
    width: 50%;
    margin: 0 auto;
    max-width: 300px;
}
.top-informed-section .top-informed dd .day,
.top-informed-section .top-informed dd .title{
    font-size:14px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}



.posi-box .top-informed ul li dt {
    color: #ed8d1f;
    font-weight: bold;
}

.posi-box .top-informed ul li {
    background-color: rgba(255, 255, 255, 0.8);
    margin-bottom: 20px;
    padding: 2%;
}

.posi-box .top-informed ul li dl {
    width: 80%;
}

.top-informed-section .posi-btn {
    margin-right: 10%;
}

.top-informed-section .btn {
    max-width: 305px;
    margin: 0 0 0 auto;
}

.top-informed-section .btn a {
    display: block;
    position: relative;
    z-index: 3;
    color: #fff;
    padding: 10px 0 5px;
}

.top-relaxing-section .inbox {
    position: relative;
}

/* .top-relaxing-section .inbox:before {
    content: "";
    display: block;
    background: url(/file_contents/12/get) no-repeat left top;
    background-size: 100% auto;
    position: absolute;
    left: -150px;
    top: 30px;
    width: 17%;
    height: 136px;
} */

.top-relaxing-section .btn {
    max-width: 300px;
    margin: 0 auto;
}

.top-relaxing-section .btn a {
    display: block;
    position: relative;
    z-index: 3;
    color: #fff;
    padding: 10px 0 5px;
}

.top-credo-section {
    background-color: #422f2a;
    padding: 10px 0 50px;
}
.top-credo-section .title-box {
    width: 40%;
    margin: 0 auto 50px;
    max-width: 332px;
}

.top-credo-section h3,
.top-credo-section .dafoe {
    color: #fff;
}

.top-credo-section .bgin-sub {
    color: #4b4b4a;
    background-color: #fff;
    font-weight: bold;
}

.top-credo-section .txt-box,
.top-credo-section .pic {
    width: 50%;
}
.top-credo-section .pic a{
  display: block;
}

.top-credo-section ul li {
    background-color: #fff;
}

.top-credo-section ul li .txt-box {
    position: relative;
}

.top-credo-section ul li:nth-child(odd) .txt-box:after {
    content: "";
    display: block;
    position: absolute;
    right: -30px;
    top: 70%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
    border-left: 30px solid #fff;
    z-index: 5;
}

.top-credo-section ul li:nth-child(even) .txt-box:after {
    content: "";
    display: block;
    position: absolute;
    left: -30px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
    border-right: 30px solid #fff;
    z-index: 5;
}

.top-credo-section .posi-btn{
  margin-top: 30px;
}

.top-credo-section .btn {
    max-width: 305px;
    margin: 0 auto;
}


.top-credo-section .btn a{
  display: block;
    position: relative;
    z-index: 3;
    color: #fff;
    padding: 10px 0 5px;
}


@media only screen and (max-width: 599px){
.top-credo-section ul li:nth-child(odd) .txt-box:after,
.top-credo-section ul li:nth-child(even) .txt-box:after{
    display: none;
}
}

.top-credo-section .txt-box .num {
    font-size: 78px;
}

.top-credo-section .txt-box .day,
.top-credo-section .txt-box .title {
    font-weight: bold;
    text-align: center;
}

.top-credo-section ul li:nth-child(even) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.top-spirit-section {
    padding: 70px 0 50px;
}
@media only screen and (max-width: 599px){
.top-spirit-section {
    width: 94%;
    max-width: 450px;
    margin: 0 auto;
}

}

.top-spirit-section .title-box {
    max-width: 490px;
    margin: 0 auto 50px;
}

.top-spirit-section .left,
.top-spirit-section .right {
    width: 50%;
}

.top-spirit-section .sub-box .pic,
.top-spirit-section .sub-box dl {
    width: 50%;
}

.top-spirit-section .sub-box dl {
    padding: 0 5%;
    margin: 0 0 5%;
}

.top-spirit-section .sub-box dl dt {
    text-align: center;
    margin-bottom: 15px;
}

.top-spirit-section .sub-box .btn {
    width: 80%;
    margin: 0 auto;
    margin-top: -5%;
}

.top-spirit-section .sub-box .btn a {
    display: block;
    position: relative;
    z-index: 3;
    color: #fff;
    padding: 10px 0 5px;
}

.top-info-section {
    position: relative;
}

.top-info-section .dafoe-posi {
    position: absolute;
    left: 50%;
    top: 20px;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    z-index: 5;
}

.top-info-section .dafoe {
    color: #fff;
}

.top-info-section .info-sub-box {
    position: relative;
    overflow: hidden;
    padding: 80px 0 30px;
    width: 50%;
}

.top-info-section .info-posi {
    position: relative;
    z-index: 5;
}

.top-info-section .title-box {
    width: 90%;
    margin: 0 auto 80px;
    max-width: 515px;
}

.top-info-section .info-posi h3,
.top-info-section .info-posi .bgin-sub {
    color: #fff;
}

.top-info-section .info-posi h3 {
    border-bottom: 1px solid #fff;
    font-weight: normal;
}

.top-info-section .info-posi .bgin-sub.box {
    background-color: transparent !important;
}

.top-info-section .info-posi .link a {
    display: block;
    color: #ed8d1f;
    padding: 25px 0;
}

.top-info-section .info-posi .link {
    background-color: rgba(255, 255, 255, 0.8);
    text-align: center;
    letter-spacing: 4px;
}

.top-info-section .info-sub-box .bkimg img {
    min-width: 600px;
}

.top-info-section .filter:before {
    background-color: rgba(0, 0, 0, 0.2);
}

.info-map-area .left,
.info-map-area .right {
    width: 50%;
}

.info-map-area .left {
    padding: 5% 0;
}

.info-map-area .left .map-inbox {
    width: 80%;
    margin: 0 auto;
}

.info-map-area .left .map-inbox h3 {
    margin-bottom: 40px;
    text-align: center;
}

.info-map-area .left .map-inbox dl {
    margin-bottom: 8px;
}

.info-map-area .left .map-inbox dl:last-of-type {
    margin-bottom: 20px;
}

.info-map-area .left .map-inbox dt {
    width: 15%;
}

.info-map-area .left .map-inbox dd {
    width: 85%;
}

.info-map-area .left .map-inbox dd a {
    color: #ed8d1f;
    font-weight: bold;
    display: block;
}

.info-map-area .left .map-inbox dd.tel a {
    color: #422f2a;
    padding: 0;
}

.info-map-area .left .map-inbox dd span {
    padding: 0 5px;
}

.shop-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

.shop-table tr:nth-child(n + 2) {
    border-bottom: 1px solid #e0e1e1;
    border-left: 1px solid #e0e1e1;
    border-right: 1px solid #e0e1e1;
}

.shop-table tr:nth-child(n + 2) td {
    text-align: center;
}

.shop-table tr:first-child {
    background-color: #422f2a;
}

.shop-table tr:first-child th,
.shop-table tr:first-child td {
    color: #fff;
    text-align: center;
}
@media only screen and (max-width: 599px){
    .shop-table tr:first-child th,
    .shop-table tr:first-child td {
        font-size:14px;
    }
    
}

.shop-table tr:first-child td {
    padding: 2px 0;
    width: 10%;

}

.shop-table tr th {
    width: 20%;
}

.shop-table tr td {
    border-left: 1px solid #e0e1e1;
}

.shop-table tr td.circle {
    color: #a0072b;
}

.shop-table tr td.color {
    color: #ed8d1f;
}

.top-entertainment-area .ent {
    width: 50%;
}

.ent:after {
    padding-top: 56.25%;
}

.top-rec-section {
    position: relative;
    overflow: hidden;
}

.top-rec-section .title-box {
    position: relative;
    z-index: 5;
    padding: 0 0 30px;
    max-width: 813px;
    margin: 0 auto;
}

.top-rec-section .title-box h3 {
    margin: 65% 0 0 0;
    font-size: 66px;
    font-weight: normal;
    border-bottom: 1px solid #fff;
}

.top-rec-section .title-box .dafoe,
.top-rec-section .title-box h3,
.top-rec-section .title-box p {
    color: #fff;
}

.top-rec-section .title-box .bgin-sub {
    background-color: transparent !important;
    margin-bottom: 20px;
}

.top-rec-section .title-box .btn {
    width: 60%;
    margin: 0 auto;
}

.top-rec-section .title-box .btn a {
    display: block;
    position: relative;
    z-index: 3;
    color: #fff;
    padding: 25px 0 15px;
}

.top-blog-area {
    margin-bottom: 30px;
}

.top-blog-area ul li {
    width: 16.6%;
}

.top-blog-area li:first-child {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
}

.top-blog-area li:first-child p {
    text-align: center;
}

.sp-catch-box {
    display: none;
}
.top-news-area .news-title{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}


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

    .main-catch {
        font-size: 36px;
        line-height: 1.2em;
        max-width: 236px;
    }

    .maintxt-area {
        width: 50%;
        position: static;
    }

    .maintxt-box {
        z-index: 5;
    }

    .maintxt-box .catch-box {
        width: 80%;
        margin: 0 auto 0 0;
    }

    #header .pic.mainimg:before {
        left: -15%;
    }
    
    .topmaintxt{
      font-size: 35px;
      padding: 50px 0;
    }
    
    .topmaintxtsub{
     font-size: 16px; 
    }
    

    .maintxt-box .logo {
        width: 18%;
        margin-bottom: 10px;
    }

    .maintxt-box .dafoe {
        margin: 0 auto 0 0 !important;
    }

    .top-news-area {
        width: 94%;
    }

    .top-news-area .news-data,
    .top-news-area .news-title {
        width: 100%;
    }

    .posi-box .bgin,
    .posi-box .bgin-sub,
    .posi-box .title-box .dafoe {
        color: #4b4b4a;
    }

    .posi-box .left,
    .posi-box .right {
        width: 100%;
    }

    .posi-box .title-box {
        margin: 0 auto;
        width: 100%;
    }

    .inbox {
        width: 100%;
    }

    .posi-box .top-menu-list ul li {
        border-bottom: 1px solid #ccc;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }

    .posi-box .top-menu-list ul li dl {
        margin-bottom: 0;
    }

    .posi-box .top-informed ul li dl {
        width: 100%;
        border-bottom: 1px solid #ccc;
        padding-bottom: 10px;
    }

    .top-informed-section .right {
        padding-bottom: 40px;
    }

    .top-credo-section .txt-box .num {
        font-size: 50px;
        line-height: 1em;
    }

    .top-credo-section ul li .txt-box {
        padding: 2%;
    }

    .top-credo-section .pic .trimmingInner {
        height: 100%;
    }

    .top-spirit-section .left,
    .top-spirit-section .right {
        width: 47%;
    }

    .top-spirit-section .sub-box .pic,
    .top-spirit-section .sub-box dl {
        width: 100%;
    }

    .top-spirit-section .sub-box .btn {
        width: 100%;
        margin: 0;
    }

    .top-info-section .info-posi h3,
    .top-info-section .info-posi .bgin-sub,
    .top-info-section .dafoe {
        color: #4b4b4a;
    }

    .top-info-section .title-box {
        margin-bottom: 0;
    }

    .top-info-section .info-posi .link a {
        display: block;
        position: relative;
    }

    .top-info-section .info-posi .link a:after {
        font-family: "Font Awesome 5 Free";
        content: '\f105';
        display: inline-block;
        color: #ed8d1f;
        font-weight: bold;
        padding: 0 0 0 5%;
    }

    .info-map-area .left,
    .info-map-area .right,
    .top-entertainment-area .ent {
        width: 100%;
    }

    .top-rec-section .title-box .dafoe,
    .top-rec-section .title-box h3,
    .top-rec-section .title-box p {
        color: #4b4b4a;
    }

    .top-rec-section .title-box h3 {
        margin: 5% 0 0 0;
        font-size: 40px;
    }

    .top-blog-area li {
        width: 32%;
        margin-bottom: 4%;
    }

    .top-blog-area li:first-child {
        width: 100%;
        padding: 20px 0;
    }

    .foot-logo {
        width: 30%;
        margin: 0 auto 30px;
    }

    .foot-menu {
        width: 100%;
        -webkit-column-count: auto;
        column-count: auto;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    .foot-menu li {
        width: 32%;
        margin-bottom: 4%;
    }

    .promo-area {
        width: 100%;
    }

    .info-map-area .left .map-inbox dt,
    .info-map-area .left .map-inbox dd {
        width: 100%;
    }
}

@media only screen and (max-width: 599px) {
    #header .mainimg-area:before {
        border-right: 50px solid transparent !important;
        left: -10% !important;
    }

    .main-catch {
        font-size: 26px;
        max-width: 164px;
    }

    .main-catch:after {
        width: 26px;
        height: 30px;
    }

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

    .maintxt-area {
        width: 100%;
    }

    .maintxt-box {
        position: static;
        left: auto;
        top: auto;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        width: 100%;
    }

    .maintxt-box .logo {
        width: 100%;
        padding: 20px 0 0 0;
    }

    .maintxt-box .catch-box {
        display: none;
    }

    .maintxt-box .dafoe {
        display: none;
    }

    .mbcontents.flex {
        max-width: 100%;
    }

    #header .mainimg-area {
        width: 100%;
    }

    #header .mainimg-area .mainimg {
        width: 60%;
        margin: 0 0 0 auto;
    }

    #header .mainimg-area:before {
        left: 35% !important;
    }
    
     .topmaintxt{
      font-size: 20px;
      padding: 25px 0;
      top: 40%;
    }
    
    .topmaintxtsub{
     font-size: 10px; 
    }
    

    .sp-catch-box {
        display: block;
        position: absolute;
        left: 4%;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        z-index: 5;
    }

    .sp-catch-box .main-catch {
        letter-spacing: 5px;
    }

    .sp-catch-box .dafoe {
        margin: 0 auto 0 0;
    }

    .top-counseling-section .btn {
        width: 100%;
    }

    .top-counseling-section .btn a {
        font-size: 16px;
    }

    .top-informed-section .left .title-box,
    .top-credo-section .title-box {
        width: 100%;
    }

    .top-credo-section .txt-box .num {
        font-size: 30px;
    }

    .top-credo-section .txt-box,
    .top-credo-section .pic,
    .top-spirit-section .left,
    .top-spirit-section .right {
        width: 100%;
    }

    .top-spirit-section .left {
        margin-bottom: 30px;
    }

    .top-info-section .info-sub-box {
        width: 100%;
        padding: 30px 0;
    }

    .top-rec-section .title-box h3 {
        font-size: 30px;
    }

    .foot-menu li {
        width: 47%;
    }

    .posi-box .top-menu-list ul li a dt,
    .posi-box .top-menu-list ul li dd {
        width: 100%;
        padding-right: 5%;
    }

    .posi-box .top-menu-list ul li a dt {
        margin-bottom: 10px;
    }

    .posi-box .top-menu-list ul li dd br {
        display: none;
    }

}

/* clinic-guide */

.second-page-logo {
    width: 15%;
}

.second-txt-box {
    width: 80%;
}

.second-txt-box h3.cont-title {
    margin-bottom: 20px;
    text-align: left;
}

.imglist li {
    text-align: center;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 0 2%;
}

.clinic-top-section .link {
    margin-bottom: 100px;
}

.clinic-top-section .link .btn a {
    position: relative;
    z-index: 3;
    color: #fff;
    padding: 20px 0 10px;
    display: block;
}

.clinic-top-section .shop-table {
    margin-bottom: 10px;
}

.clinic-top-section .shop-table tr th,
.clinic-top-section .shop-table tr td {
    padding: 15px 0;
    font-size: 30px !important;
}

.clinic-guide .shop-table tr td.color {
    color: #422f2a;
}

.incont {
    background-color: #fff;
}

.incont .cont-title {
    margin-bottom: 40px;
}

.environ-box dt {
    background: #422f2a;
    color: #fff;
    text-align: center;
/*     padding: 10px 0;
 */    margin-bottom: 20px;
/*     line-height: 120%;
 */}
@media only screen and (max-width: 599px){
  .environ-box dt {
    height: auto!important;
  }
}

.environ-box dd.pic {
    margin-bottom: 15px;
    border-bottom: 1px dashed #422f2a;
    padding-bottom: 20px;
}

.clinic-access-section .map-area {
    background-color: #fff;
}

.clinic-access-section .map-area .left,
.clinic-access-section .map-area .right {
    width: 50%;
}

.clinic-access-section .map-area .left {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    padding: 10%;
}

.clinic-access-section .map-area .left dt {
    width: 20%;
    border-right: 1px solid #422f2a;
    padding-bottom: 10px;
}

.clinic-access-section .map-area .left dl:last-of-type {
    margin-bottom: 30px;
}

.clinic-access-section .map-area .left dl:last-of-type dt {
    padding-bottom: 0;
}

.clinic-access-section .map-area .left dd {
    width: 80%;
    padding: 0 0 0 4%;
}

.clinic-access-section .park-area {
    position: relative;
    overflow: hidden;
    padding: 10% 0;
}

.clinic-access-section .park-area .txt-box {
    position: relative;
    z-index: 5;
    max-width: 1000px;
    margin: 0 auto;
}

.clinic-access-section .park-area .park-title {
    margin-bottom: 20px;
}

.clinic-access-section .park-area .park-title span {
    color: #fff;
    background-color: #a0072b;
    padding: 5px 20px;
    position: relative;
}

.clinic-access-section .park-area .park-title span:after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    bottom: -10px;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    border-top: 10px solid #a0072b;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    z-index: 5;
}

.clinic-access-section .park-area .txt-pack {
    background-color: rgba(255, 255, 255, 0.8);
    padding: 20px 4%;
}

.clinic-access-section .park-area .top-msg {
    margin-bottom: 20px;
}

.clinic-access-section .park-area .park-name {
    color: #ed8d1f;
    font-weight: bold;
}

.clinic-access-section .park-area .park-data span {
    display: block;
}



@media only screen and (max-width: 1024px) {
    .clinic-top-section .link li.btn {
        width: 47%;
        margin-bottom: 4%;
    }

    .clinic-top-section .link {
        margin-bottom: 40px;
    }

    .clinic-top-section .shop-table tr th,
    .clinic-top-section .shop-table tr td {
        font-size: 20px !important;
    }

    .clinic-access-section .map-area .left,
    .clinic-access-section .map-area .right {
        width: 100%;
    }

    .clinic-access-section .map-area .left {
        padding: 5%;
    }

    .clinic-access-section .park-area {
        padding: 5%;
    }

    .clinic-access-section .park-area .txt-pack {
        padding: 15px 0;
    }

    .info-map-area .left .map-inbox {
        width: 100%;
    }
}

@media only screen and (max-width: 599px) {
    .clinic-top-section .page-logo {
        width: 30%;
        margin: 0 auto 20px;
    }

    .clinic-top-section .txt-box {
        width: 100%;
    }

    .clinic-top-section .shop-table tr th,
    .clinic-top-section .shop-table tr td {
        font-size: 12px !important;
    }

    .second-page-logo {
        width: 30%;
        margin: 0 auto 20px;
    }

    .second-txt-box {
        width: 100%;
    }
}

/* staff */
.staff-top-section .cc221 dl dt {
    margin-bottom: 20px;
}

.staff-top-section .data-box dl dd.name {
    margin-bottom: 60px;
}

.staff-top-section .data-box dl dd.name span {
    display: inline-block;
    margin-left: 20px;
}

.staff-top-section .data-box dl dd li {
    margin-bottom: 5px;
}

.staff-top-section .biography-box dl dd dl dt {
    width: 20%;
    margin-bottom: 5px;
}

.staff-top-section .biography-box dl dd dl dd {
    width: 80%;
}

.staff-list-section .incont {
    padding: 60px 0;
}

.staff-list-section .top-pack {
    margin-bottom: 40px;
}

.staff-list-section .top-pack .pic {
    width: 40%;
}

.staff-list-section .top-pack .data-box {
    width: 54%;
}

.staff-list-section .name-pack {
    border-bottom: 1px solid #422f2a;
    padding-bottom: 20px;
    margin-bottom: 30px;
    font-weight: bold;
}

.staff-list-section .name-ruby {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
}

.staff-list-section .data-box dt {
    width: 35%;
}

.staff-list-section .data-box dd {
    width: 65%;
}

.staff-list-section .data-box dl {
    border-bottom: 1px dashed #dee0df;
    padding: 10px;
}

.staff-list-section .second-pack li {
    margin-bottom: 40px;
}

.staff-list-section .second-pack .posi {
    margin-bottom: 20px;
}

.staff .concept-section {
    position: relative;
    overflow: hidden;
}

.staff .concept-section .inner {
    position: relative;
    z-index: 5;
}

.staff .concept-section .inner .second-page-logo {
    width: 11%;
}

.staff .concept-section .inner .second-txt-box {
    width: 85%;
}

.staff .concept-section .bkimg.filter:before {
    background-color: rgba(255, 255, 255, 0.8);
}

@media only screen and (max-width: 1024px) {
    .staff-list-section .name-pack span {
        display: block;
        width: 100%;
    }

    .staff-list-section .top-pack .pic {
        width: 60%;
        margin: 0 auto 20px;
    }

    .staff-list-section .top-pack .data-box {
        width: 100%;
    }

    .staff-list-section .name-pack {
        padding-bottom: 10px;
        margin-bottom: 15px;
    }

    .staff-list-section .incont {
        padding: 60px 0 0;
    }
}

@media only screen and (max-width: 599px) {
    .staff-list-section .top-pack .pic {
        width: 100%;
    }

    .staff-list-section .data-box dt,
    .staff-list-section .data-box dd {
        width: 100%;
    }

    .staff-list-section .data-box dt {
        margin-bottom: 10px;
    }
}

/* concept */
.concept .second-txt-box {
    margin-bottom: 80px;
}

.concept-list .left {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    width: 60%;
}

.concept-list .pic {
    width: 35%;
}

.concept-list .left dt {
    font-weight: bold;
    margin-bottom: 30px;
}

.concept-list .flexb:nth-child(even) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

@media only screen and (max-width: 1024px) {
    .concept-list .left {
        width: 100%;
        margin: 0 auto 20px;
    }

    .concept-list .pic {
        width: 80%;
        margin: 0 auto 20px;
    }

    .concept-list .left dt {
        margin-bottom: 20px;
    }
}

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

/* beginners-guide */
.beginners_catch {
    font-weight: bold;
}

.beginners .flow-list li {
    margin-bottom: 60px;
}

.beginners .flow-list li h4 {
/*     border-bottom: 1px solid #422f2a;
margin-bottom: 30px;
 */
    padding-bottom: 10px;
    line-height: 150%;
    margin-left: 2em;
    text-indent: -2em;
}

.beginners .flow-list li h4 span {
/*     margin-right: 20px;
      margin-right: 10px;

 */
}
.conts-box{
    border-top: 1px solid #422f2a;
    padding-top: 30px;
}
.beginners .conts-box .pic {
    width: 30%;
}

.beginners .conts-box .msg {
    width: 65%;
}

@media only screen and (max-width: 1024px) {
    .beginners .conts-box .pic {
        width: 60%;
        margin: 0 auto 4%;
    }

    .beginners .conts-box .msg {
        width: 100%;
    }
}

@media only screen and (max-width: 599px) {
    .beginners .conts-box .pic {
        width: 100%;
    }
}

/* trouble */

.trouble-care li {
    margin-bottom: 100px;
}

.trouble-care dl {
    width: 55%;
}



.trouble-care dl dt {
/*     border-bottom: 1px solid #422f2a;
    padding-bottom: 10px;
 */ 
    margin-bottom: 10px;
    font-weight: bold;
    line-height: 150%;
    margin-left: 2em;
    text-indent: -2em;
}
.trouble-care dl dd{
  border-top: 1px solid #422f2a;
    margin-top: 10px;
    padding-top: 10px;
}
.trouble-care dl dd .btn {
    margin: 20px 0 0 auto;
}
@media only screen and (max-width: 1024px){
    .trouble-care dl dd .flexb .btn {
        margin: 20px 0 0 0;
    }
}
.trouble-care dl dd .btn_l {
    margin: 20px auto 0 60px;
}
@media only screen and (max-width: 1024px){
    .trouble-care dl dd .btn_l {
        margin: 20px auto 0 0;
    }
}
.trouble-care dl dd .btn a {
    position: relative;
    z-index: 3;
    color: #fff;
    padding: 20px 0 10px;
    display: block;
}
span.num {
    margin-right: 20px;
}

.trouble-care .pic {
    width: 40%
}

.trouble-care .flexb:nth-child(even) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

@media only screen and (max-width: 599px){
  .trouble .second-title-box h2{
    font-size: 22px;
  }
}


.sisyubyou-section {
    position: relative;
    overflow: hidden;
}

.sisyubyou-section .inner {
    position: relative;
    z-index: 5;
}

.sisyubyou-section h3,
.sisyubyou-section p {
    color: #fff;
}

.sisyubyou-section h3 {
    border-bottom-color: #fff !important;
}

.page-end-section dl {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
}

.page-end-section dt {
    font-weight: bold;
    margin-bottom: 20px;
}

@media only screen and (max-width: 1024px) {
    .trouble-care dl {
        width: 100%;
        margin-bottom: 20px;
    }

    .trouble-care .pic {
        width: 80%;
        margin: 0 auto;
    }

/*     .trouble-care dl dt span {
    display: block;
    text-align: left;
 }*/

    .sisyubyou-section h3,
    .sisyubyou-section p {
        color: #422f2a;
    }
}

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

/* selcuk */

.selcuk-main-section {
    background-color: #fff;
}

.selcuk .second-catch {
    margin-bottom: 0;
}

.selcuk-main-section .headtitle .pic {
    width: 30%;
}

.selcuk-main-section .headtitle .txt {
    width: 65%;
}

.selcuk-point {
    background-color: #422f2a;
}

.selcuk-point li {
    color: #fff;
}

.iconlist {
    position: relative;
    padding-left: 45px;
    margin-bottom: 20px;
}

.iconlist:before {
    content: "";
    display: block;
    /* background: url(/import/tenant_1/133.167.74.123/html/images/common/icon_logo.png) no-repeat left center; */
    background: url(/import/tenant_1/133.167.74.123/html/images/common/icon_1.png) no-repeat left center;
    background-size: 100% auto;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 32px;
    height: 31px;
}

.selcuk .sub-msg {
    margin-bottom: 60px;
}

.selcuk-merit-section .iconlist {
    margin-bottom: 10px;
}

.selcuk-merit-section .iconlist:before {
    width: 25px;
    height: 24px;
}

.selcuk-merit-section .merit-list {
    margin-bottom: 60px;
}

.selcuk-merit-section .merit-box-list li {
    margin-bottom: 60px;
}

.selcuk-merit-section .merit-box-list li:nth-child(even) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.selcuk-merit-section .merit-box-list .pic {
    width: 40%;
}

.selcuk-merit-section .merit-box-list .msg {
    width: 55%;
}

.selcuk-flow-section dl {
    margin-bottom: 60px;
}

.selcuk-flow-section dl dt {
    border-bottom: 1px solid #422f2a;
    padding-bottom: 10px;
    margin-bottom: 10px;
    font-weight: bold;
}


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

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

    .selcuk-main-section .headtitle .pic,
    .selcuk-merit-section .merit-box-list .pic,
    .selcuk-main-section .headtitle .txt,
    .selcuk-merit-section .merit-box-list .msg {
        width: 100%;
    }

    .selcuk-main-section .headtitle .pic,
    .selcuk-merit-section .merit-box-list .pic {
        margin-bottom: 4%;
    }

    .selcuk-flow-section dl dt span {
        display: block;
        text-align: center;
    }

}

/* implant */

.implant .page-link-btn {
    width: 100%;
}

.implant .page-link-btn li {
    width: 30%;
    margin-bottom: 4%;
}

.implant .page-link-btn li a {
    display: block;
    position: relative;
    z-index: 5;
    color: #fff;
    padding: 25px 0 20px;
    height: 100%;
}

.implant .page-link-btn li a br {
    display: none;
}

.implant .inner .txt {
    width: 60%;
}
.implant .shinbi-merit-section.imp_wrap ul .txt{
    width: 100%;
}

.implant .inner .pic {
    width: 35%;
}
#chara .flexb:nth-of-type(odd) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

#care .first-care,#care_new .first-care {
    margin-bottom: 60px;
}

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

#care .sub-care .flexb:nth-of-type(odd) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

#care .sub-care .flexb:nth-of-type(even) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

/* #care .sub-care .flexb:nth-of-type(n + 3) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}
 */
#care .sub-care .img-box {
    width: 35%;
}

#care .sub-care .img-box .pic {
    width: 100%;
}

#care .sub-care .img-box .pic:first-child {
    margin-bottom: 20px;
}

#care .sub-care p,
#care .sub-care .flexb {
    margin-bottom: 15px;
}
#care_new .sub-care .flexb {
    margin-bottom: 30px;
}

#case .case-box dt {
    margin-bottom: 10px;
}

#case .case-box dd {
    margin-bottom: 40px;
}

#case .case-box .image-box p {
    text-align: center;
    font-weight: bold;
    margin-bottom: 15px;
    letter-spacing: 2px;
}

#case .case-box .before-box {
    position: relative;
    margin-bottom: 60px;
}

#case .case-box .before-box:after {
    content: "";
    display: block;
    background: url(/import/tenant_1/133.167.74.123/html/images/implant/arrow_bottom.png) no-repeat center bottom;
    background-size: contain;
    position: absolute;
    left: 50%;
    bottom: -30px;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    width: 86px;
    height: 100%;
}

#case .case-box {
    margin-bottom: 30px;
}

#voice {
    position: relative;
    overflow: hidden;
}

#voice .inner {
    position: relative;
    z-index: 5;
}

#voice .inner .section-title {
    width: 100%;
    margin-bottom: 30px;
}

#voice .inner p,
#voice .inner dt,
#voice .inner dd {
    color: #fff;
}

#voice .voice-faq-list {
    width: 80%;
    margin: 0 auto;
}
#voice .voice-txt {
    width: 80%;
    margin: 0 auto;
    /* color:#fff; */
}
@media only screen and (max-width: 1024px){
    #voice .voice-txt {
        width: 100%;
        color:#422f2a;
    }
}
#voice .voice-faq-list dl {
    margin-bottom: 40px;
}

#voice .voice-faq-list dt {
    margin-bottom: 24px;
}

#voice .voice-faq-list dt,
#voice .voice-faq-list dd {
    position: relative;
    padding-left: 60px;
}

#voice .voice-faq-list dt:before,
#voice .voice-faq-list dd:before {
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 44px;
    height: 44px;
    font-size: 30px;
    text-align: center;
    line-height: 44px;
}

#voice .voice-faq-list dt:before {
    content: "Q";
    background-color: #422f2a;
    color: #fff;
}

#voice .voice-faq-list dd:before {
    content: "A";
    background-color: #fff;
    border: 1px solid #422f2a;
    color: #422f2a;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#voice .bkimg.filter:before {
    /* background: rgba(0, 0, 0, 0.2); */
}

.implant-flow li {
    margin-bottom: 60px;
}

.implant-flow li h4 {
/*     border-bottom: 1px solid #422f2a;
margin-bottom: 30px;
padding-bottom: 10px;
 */
    line-height: 150%;
    margin-left: 2em;
    text-indent: -2em;  
}

.implant-flow li h4 span {
    margin-right: 20px;
}

.implant-flow .conts-box .pic {
    width: 30%;
}

.implant-flow .conts-box .msg {
    width: 65%;
}

@media only screen and (max-width: 1024px) {
    .implant .page-link-btn li a br {
        display: none;
    }

    .implant .page-link-btn li a {
        padding: 15px 2% 10px;
    }

    .implant .inner .pic {
        width: 60%;
        margin: 0 auto;
    }

    .implant .inner .txt {
        width: 100%;
        margin-bottom: 30px;
    }

    #care .sub-care .img-box {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%;
    }

    #care .sub-care .img-box .pic {
        width: 47%;

    }

    #voice .inner h3,
    #voice .inner p,
    #voice .inner dt,
    #voice .inner dd {
        color: #422f2a;
        border-bottom: 1px solid #422f2a;
    }

    #voice .voice-faq-list {
        width: 100%;
    }

    .implant-flow .conts-box .msg {
        width: 100%;
    }

    .implant .inner .pic {
        margin-bottom: 30px;
    }

    #voice .voice-faq-list dt,
    #voice .voice-faq-list dd {
        padding-left: 42px;
    }

    #voice .voice-faq-list dt:before,
    #voice .voice-faq-list dd:before {
        width: 30px;
        height: 30px;
        font-size: 24px;
        line-height: 30px;
    }
}

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

    .implant .page-link-btn li {
        width: 97%;
    }

    #voice .voice-faq-list dt,
    #voice .voice-faq-list dd {
        padding-left: 40px;
    }

    #voice .voice-faq-list dt:before,
    #voice .voice-faq-list dd:before {
        top: 0;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        width: 28px;
        height: 28px;
        font-size: 22px;
        line-height: 28px;
    }

    .implant-flow li h4 span {
        text-align: center;
    }

}

/* konkan */

.konkan-pack h3 span {
    display: block;
}

.konkan-pack h3 {
    border-bottom: 1px solid #422f2a;
    line-height: 1em;
}

.konkan-care-list,
.satuei-care-list,
.konkan-care-end {
    margin-bottom: 40px;
}

.konkan-care-list .flexb:nth-of-type(even) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.satuei-care-list .flexb:nth-of-type(odd) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.konkan-care-end .flexb:nth-of-type(even) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.konkan-care-end h3,
.konkan-seido-pack h3 {
    padding-bottom: 20px;
}

@media only screen and (max-width: 1024px) {
    .konkan-pack .msg {
        width: 100%;
    }

    .konkan-pack .pic {
        width: 70%;
        margin: 0 auto 4%;
    }
}

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

    .konkan .second-title-box h2 {
        font-size: 28px;
    }

    .konkan-pack h3 {
        line-height: 1.2em;
    }
}

/* porio-disease */
.porio-disease-pack {
    margin-bottom: 60px;
}

.porio-disease-pack h3 {
    border-bottom: 1px solid #422f2a;
    padding-bottom: 10px;
}


.porio-disease-pack:nth-of-type(2) .flexb:nth-of-type(odd),
.porio-disease-pack:nth-of-type(3) .flexb:nth-of-type(odd) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

@media only screen and (max-width: 1024px) {
    .porio-disease-pack .msg {
        width: 100%;
    }

    .porio-disease-pack .pic {
        width: 70%;
        margin: 0 auto 4%;
    }
}

@media only screen and (max-width: 599px) {
    .porio-disease-pack .pic {
        width: 100%;
    }
}

/* shinbi */
.shinbi-top-box {
    margin-bottom: 30px;
}

.shinbi-merit-section {
    background-color: #422f2a;
    padding: 40px 0;
}

.shinbi-merit-section li {
    color: #fff;
}

.shinbi-merit-section .mess{
  color:#fff;
}
.shinbi-pack {
    margin-bottom: 40px;
}

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

.shinbi-pack .msg {
    width: 50%;
}

.shinbi-pack .pic {
    width: 45%;
}

.shinbi-ceramic-section .msg,
.shinbi-ceramic-section .bottom-msg {
    margin-bottom: 40px;
}

.tooth-comparison {
    width: 60%;
    margin: 0 auto 40px;
}

.tooth-comparison .pic {
    width: 40%;
    position: relative;
}

.tooth-comparison .pic:first-child:after {
    content: "";
    display: block;
    background: url(/import/tenant_1/133.167.74.123/html/images/shinbi/arrow_shinbi.png) no-repeat right center;
    background-size: contain;
    position: absolute;
    right: -30%;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 100%;
    height: 86px;
}

.double.bk {
    width: 10%;
    max-width: 92px;
    height: 88px;
    line-height: 88px;
}

.double.bk span {
    position: relative;
    z-index: 3;
    color: #fff;
    display: block;
}

.double.bk:before {
    border: 1px solid #422f2a;
    z-index: 1;
}

.double.bk:after {
    background-color: #422f2a;
    z-index: 2;
}

.double.bk:before,
.double.bk:after {
    width: 90%;
    height: 90%;
}

.flow-list {
    margin-bottom: 50px;
}

.flow-list dl {
    width: 89%;
}
@media only screen and (max-width: 599px){
.flow-list dl {
    width: 100%;
}
}

.flow-list dt {
    font-weight: bold;
    margin-bottom: 10px;
}

.treatment-flow .fc {
/*     text-align: center;
 */    margin-bottom: 30px;
}

.laminate-pack .msg {
    width: 72%;
}

.laminate-pack .pic {
    width: 23%;
}

.laminate-pack.pack-num02 .msg {
    width: 45%;
}

.laminate-pack.pack-num02 .pic {
    width: 48%;
}

.laminate-pack {
    margin-bottom: 30px;
}

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

.shinbi-laminate-section .txt {
    margin-bottom: 20px;
}

.shinbi-laminate-section .bottom-txt {
    margin-bottom: 60px;
}

.shinbi-end-section {
    position: relative;
    overflow: hidden;
}

.shinbi-end-section .inner {
    position: relative;
    z-index: 5;
}

.shinbi-end-section .bkimg.filter:before {
    background: rgba(255, 255, 255, 0.8);
}
@media only screen and (max-width: 1024px){
.shinbi-end-section .bkimg.filter:before {
    background: rgba(255, 255, 255, 0);
}
}


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

    .double.bk {
        height: 60px;
        line-height: 60px;
    }
}

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

    .shinbi-pack .msg,
    .shinbi-pack .pic {
        width: 100%;
    }

    .shinbi-pack .msg {
        margin-bottom: 20px;
    }

    .tooth-comparison .pic:first-child:after {
        height: 43px;
    }

    .double.bk {
        width: 100%;
/*         margin: 0 auto 15px;
 */
        margin: 0 auto 15px 0;
        max-width: 60px;
    }

    .laminate-pack .pic {
        width: 80%;
        margin: 0 auto;
    }

    .laminate-pack .msg,
    .laminate-pack.pack-num02 .msg {
        width: 100%;
        margin-bottom: 20px;
    }

    .laminate-pack.pack-num02 .pic {
        width: 100%;
    }
}

/* whitening */

.whitening-pack .flexb .left {
    background-color: #422f2a;
    padding: 4% 0;
}

.whitening-pack .flexb .right {
    padding: 2% 0;
}

.whitening-pack .flexb .left dl {
    width: 70%;
    margin: 0 auto;
}

.whitening-pack .flexb .right .pic {
    width: 75%;
    margin: 0 auto;
}

.whitening-pack .flexb .left dt,
.whitening-pack .flexb .left dd {
    color: #fff;
}

.whitening-pack .flexb .left dt {
    margin-bottom: 25px;
}

.whitening-pack .flexb .left dd {
    line-height: 1.8em;
}

.whitening-pack .list .flexb:nth-of-type(even) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.whitening-mechanism-section .msg {
    margin-bottom: 40px;
}

.whitening-mechanism-section .flexb:nth-of-type(even) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.whitening-change-section .txt,
.whitening-change-list {
    margin-bottom: 40px;
}

.whitening-smile-section {
    position: relative;
    overflow: hidden;
}

.whitening-smile-section h3,
.whitening-smile-section p {
    color: #fff;
}

.whitening-smile-section .flexb {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.whitening-smile-section .inner {
    position: relative;
    z-index: 5;
}

.whitening-smile-section .bkimg.filter:before {
    background: rgba(0, 0, 0, 0.1)
}

@media only screen and (max-width: 1024px) {
    .whitening-pack .flexb .w50 {
        width: 100%;
    }

    .whitening-pack .flexb .left dl {
        width: 90%;
    }

    .whitening-mechanism-section .flexb .txt {
        width: 100%;
    }

    .whitening-mechanism-section .flexb .pic {
        width: 70%;
        margin: 0 auto 4%;
    }

    .whitening-smile-section h3,
    .whitening-smile-section p {
        color: #422f2a;
    }

}

@media only screen and (max-width: 599px) {
    .whitening-mechanism-section .flexb .pic {
        width: 100%;
    }
}
.whitening-keep-section a{
  border-bottom: 1px solid #0084b2;
  color:#0084b2;
}

/* voice */

.voice-list li {
    border: 2px solid #422f2a;
    margin-bottom: 90px;
}

.voice-patient {
    background-color: #422f2a;
    color: #fff;
    text-align: center;
}

.voice-txt-box {
    width: 60%;
}

.voice-list .pic {
    width: 37%;
}

.voice-data {
    padding: 4% 2%;
}

.voice-data dl {
    margin-bottom: 60px;
}

.voice-data dt {
    font-weight: bold;
    border-bottom: 1px dashed #422f2a;
    padding-bottom: 15px;
    margin-bottom: 15px;
    line-height: 1.6em;
}

.voice-data dt,
.voice-data dd {
    position: relative;
    padding-left: 25px
}

.voice-data dt:before,
.voice-data dd:before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    margin-right: 20px;
    position: absolute;
    left: 0;
    top: 5px;
}

.voice-data dt:before {
    background-color: #422f2a;
}

.voice-data dd:before {
    border: 1px solid #422f2a;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

@media only screen and (max-width: 1024px) {
    .voice-txt-box {
        width: 100%;
    }

    .voice-list .pic {
        width: 60%;
        margin: 0 auto 30px;
    }
}

@media only screen and (max-width: 599px) {
    .voice-patient span.cate {
        display: block;
    }

    .voice-list .pic {
        width: 100%;
    }
}

/* cost */

.cost-pack .msg {
    margin-bottom: 40px;
}

.cost-pack .flexb {
    margin-bottom: 60px;
}

.cost-pack-list .flexb:nth-of-type(even) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.cost-pack .flexb dl {
    width: 65%;
}

.cost-pack .flexb .pic {
    width: 30%;
}

.insurance-pack-list .txt {
    width: 55%;
}

.cost-pack .insurance-pack-list .flexb .pic {
    width: 40%;
}

.cost-pack .insurance-pack-list .flexb {
    margin-bottom: 40px;
}

.deduction-pack-list .txt {
    width: 50%;
}

.cost-pack .deduction-pack-list .flexb .pic {
    width: 45%;
}

.cost-pack .deduction-pack-list .flexb:nth-of-type(odd) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.deduction-list {
    background-color: #422f2a;
}

.deduction-list li {
    color: #fff;
}

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

    .cost-pack .flexb dl,
    .insurance-pack-list .txt,
    .deduction-pack-list .txt {
        width: 100%;
        margin-bottom: 4%;
    }

    .cost-pack .flexb .pic,
    .cost-pack .insurance-pack-list .flexb .pic,
    .cost-pack .deduction-pack-list .flexb .pic {
        width: 70%;
        margin: 0 auto;
    }
}

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

    .cost-pack .flexb .pic,
    .cost-pack .insurance-pack-list .flexb .pic,
    .cost-pack .deduction-pack-list .flexb .pic {
        width: 100%;
    }
}

/* blog */

.post-list-area {
    width: 75%;
}

.post-list-area h3 {
    color: #fff;
    text-align: center;
    background-color: #422f2a;
}

.post-list-box dl dt a {
    color: #176fc0;
    font-weight: bold;
}

.post-cont-box {
    width: 70%;
}

.post-list-box li.flexb {
    border: 1px solid #422f2a;
    padding: 2%;
    margin-bottom: 30px;
}

.post-list-box li.flexb .pic {
    width: 25%;
}
.post-list-box li.flexb .pic a{
  display: block;
}
.post-data {
    margin-bottom: 20px;
}

.post-data .day {
    width: 20%;
}

.post-data .category {
    color: #fff;
    background-color: #422f2a;
    padding: 2px 10px;
    text-align: center;
/*     width: 30%;
 */}

.post-cont-box dt {
    padding-bottom: 5px;
    margin-bottom: 10px;
    border-bottom: 1px dotted #cbcfce;
}

.post-cont-box .post-txt {
    margin-bottom: 15px;
}

.post-cont-box .link-more {
    border: 1px solid #422f2a;
    width: 25%;
    margin: 0 0 0 auto;
    text-align: center;
}

.post-cont-box .link-more a {
    display: block;
}

.side-area {
    width: 20%;
}

/* pagenav */
.pagenav {
    width: 100%;
    margin: 0 auto;
    padding: 40px 0 0 0;
}

.pagenav ul {
    text-align: center;
}

.pagenav li {
    display: inline-block;
}

.pagenav li a {
    color: #111;
    padding: 5px;
    margin: 0 10px;
    display: block;
    font-weight: bold;
}

.pagenav .prev a {
    padding-left: 6px;
}

.pagenav .next a {
    padding-right: 6px;
}

.pagenav li.st a,
.pagenav li a:hover {
    border-bottom: 1px solid #a3a3a3;
}

.post-list-box .main-list .pagenav li {
    margin-bottom: 0;
}

.pagenav .prev img,
.pagenav .next img {
    vertical-align: middle;
}

.side-area p {
    font-weight: bold;
    text-align: center;
    margin-bottom: 50px;
}

.side-area .cat {
    margin-bottom: 50px;
}

.side-area ul {
    border-left: 1px solid #422f2a;
    padding-left: 20px;
}

.side-area li {
    margin-bottom: 15px;
}

.post-single-box {
    margin-bottom: 60px;
}

.post-single-box .post-title {
    border-bottom: 1px dotted #cbcfce;
    margin-bottom: 30px;
}

.post-single-box .post-txt-box {
    line-height: 2em;
}

.post-single-box .post-txt-box img {
    display: block;
    margin: 20px 0;
}

.single .post-list-area .btn {
    width: 25%;
    margin: 0 0 0 auto;
}

.single .post-list-area .btn a {
    color: #fff;
    display: block;
    position: relative;
    z-index: 3;
    padding: 15px 0 10px;
}

.single .post-list-area .btn.double a:before {
    font-family: "Font Awesome 5 Free";
    content: '\f104';
    display: inline-block;
    color: #fff;
    font-weight: bold;
    padding: 0 2% 0 0;
}

.single .post-list-area .btn.double a:after {
    display: none;
}

.recommend-box ul li {
    width: 31%;
    border: 1px solid #422f2a;
    padding-bottom: 2%;
}
.recommend-box ul li a{
    display: block;
}
.recommend-box .post-cont-box {
    width: 100%;
    padding: 4% 2%;
}

.post-data {
    margin-bottom: 10px;
}

.recommend-box {
    padding-top: 100px;
}

.recommend-box ul li .day {
    width: 40%;
    display: block;
}

.recommend-box ul li .category {
/*     width: 60%;
 */    display: block;
}

.recommend-box ul li .post-title {
    line-height: 1.2em;
}

.recommend-box ul li .link-more {
    border: 1px solid #422f2a;
    width: 60%;
    margin: 0 auto;
    text-align: center;
}

.recommend-box ul li .link-more a {
    display: block;
}

.single .post-data {
    margin-bottom: 30px;
}

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

    .post-list-area,
    .side-area {
        width: 100%;
    }

    .post-list-area {
        margin-bottom: 60px;
    }

    .side-area ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        border-left: none;
    }

    .side-area ul li {
        width: 47%;
        text-align: center;
    }

    .side-area p {
        margin-bottom: 25px;
    }

    .single .post-list-area .btn {
        width: 40%;
        margin: 0 auto;
    }

    .recommend-box ul li .day,
    .recommend-box ul li .category {
        width: 100%;
    }

    .single .post-data {
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 599px) {
    .pagenav li a {
        padding: 2px;
    }

    .post-list-box .flexb {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        padding: 4% 2% !important;
    }

    .post-cont-box {
        width: 100%;
    }

    .post-list-box li.flexb .pic {
        width: 80%;
        margin: 0 auto 4%;
    }

    .post-cont-box .post-data .day,
    .post-cont-box .post-data .category {
        width: 47%;
    }

    .post-cont-box .link-more {
        width: 80%;
        margin: 0 auto 30px;
    }

    .post-data .day,
    .post-data .category {
        width: 40%;
    }

    .single .post-list-area .btn {
        width: 80%;
    }

    .recommend-box ul li {
        width: 100%;
        margin-bottom: 6%;
    }

}

/* recruit */

.recposi {
    position: relative;
}

.recposi h3 {
    padding-top: 30px;
    max-width: 365px;
    margin: 0 auto 30px;

}

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

.rec-top-area .left {
    width: 35%;
}

.rec-top-area .right {
    width: 65%;
}

.rec-top-area .right-inbox {
    width: 80%;
    padding: 0 0 0 4%;
}

.rec-chara-area .rec-chara-list dt {
    text-align: center;
    margin-bottom: 15px;
}

.rec-chara-area .rec-chara-list dd {
    font-weight: bold;
}

.rec-jobs-area .txt-box {
    width: 60%;
}

.rec-jobs-area .txt-box dt {
    font-weight: bold;
    border-bottom: 1px solid #422f2a;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.rec-jobs-area .pic {
    width: 35%;
}


.rec-jobs-list li:nth-child(even) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.rec-jobs-list li {
    margin-bottom: 50px;
}

.rec-guide-area .dafposi {
    background-color: #422f2a;
}

.rec-guide-area .change-btn-box {
    margin-bottom: 100px;
}

.rec-guide-area .btn {
    width: 23%;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin: 0 1%;
    position: relative;
    height: 60px;
}

.rec-guide-area .btn span {
    display: block;
    position: absolute;
    z-index: 3;
    color: #fff;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    padding-top: 5px;
}

.rec-guide-box {
    width: 80%;
    margin: 0 auto;
    border: 1px solid #422f2a;
    padding: 5%;
    position: relative;
    overflow: hidden;
}

.rec-guide-box .bkimg.filter:before {
    background: rgba(255, 255, 255, 0.9);
}

.rec-guide-box dl {
    position: relative;
    z-index: 5;
}

.rec-guide-box dt {
    width: 16%;
    border-right: 1px solid #422f2a;
    padding: 20px 0;
    font-weight: bold;
}

.rec-guide-box dd {
    width: 80%;
    padding: 20px 0 20px 4%;
}

.rec-contact-area .btn a {
    display: block;
    position: relative;
    z-index: 3;
    color: #fff;
    padding: 10px 0;
}

.rec-contact-area .btn.double a:after {
    display: none;
}

.rec-contact-area .btn.double.tel a:before {
    content: "";
    display: inline-block;
    background: url(/import/tenant_1/133.167.74.123/html/images/common/icon_tel_wh.png) no-repeat left center;
    background-size: 100% auto;
    width: 26px;
    height: 25px;
}

@media only screen and (max-width: 1024px) {
    .rec-top-area {
        width: 93%;
        max-width: 768px;
        padding: 40px 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    .rec-top-area .left {
        width: 80%;
        margin: 0 auto 4%;
    }

    .rec-top-area .right {
        width: 100%;
        margin-bottom: 4%;
    }

    .rec-top-area .right-inbox {
        width: 100%;
        padding: 0;
    }

    .rec-guide-area .btn {
        width: 47%;
        margin-bottom: 4%;
    }

    .rec-guide-area .change-btn-box {
        margin-bottom: 50px;
    }

    .rec-guide-box dl {
        border-bottom: 1px solid #422f2a;
        padding: 10px 0;
    }

    .rec-guide-box dl:last-of-type {
        margin-bottom: 20px;
    }

    .rec-guide-box dt,
    .rec-guide-box dd {
        width: 100%;
        padding: 0;
    }

    .rec-guide-box dt {
        border-right: none;
    }

    .rec-guide-box .bkimg.filter:before {
        background: rgba(255, 255, 255, 0);
    }

    .rec-guide-box {
        width: 94%;
    }
}

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

    .rec-jobs-area .txt-box,
    .rec-jobs-area .pic {
        width: 100%;
    }

    .rec-jobs-area .txt-box {
        margin-bottom: 4%;
    }

    .rec-guide-area .btn {
        width: 97%;
    }
}

/* contact */

.contact-btn-list {
    margin-bottom: 100px;
}

.contact-btn-list .btn {
    width: 31%;
    height: 70px;
}

.contact-btn-list .btn a {
    position: absolute;
    z-index: 3;
    display: block;
    color: #fff;
    padding: 3% 0 2%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    line-height: 1.2em;
}

.reserve-box .webreserve {
    max-height: 150px;
    overflow: hidden;
}

.reserve-box .txt {
    position: relative;
    z-index: 5;
    text-align: center;
    padding: 8% 0;
}

.reserve-box a {
    display: block;
    position: relative;
    overflow: hidden;
    min-height: 126px;
}

.reserve-box .webreserve .bkimg img {
    min-width: 600px;
}

.reserve-msg {
    font-weight: bold;
    text-align: center;
}

.contact-counseling-area {
    position: relative;
    overflow: hidden;
}

.contact-counseling-area .inner {
    position: relative;
    z-index: 5;
}

.contact-counseling-area .inBox {
    width: 70%;
    margin: 0 auto;
}

.contact-counseling-area .inBox .msg {
    font-weight: bold;
    margin-bottom: 30px;
}

.contact-counseling-area .inBox .btn {
    width: 80%;
    margin: 0 auto 30px;
}

.contact-counseling-area .inBox .btn a {
    display: block;
    color: #fff;
    position: relative;
    z-index: 3;
    padding: 20px 0 15px;
}

.clinical dt {
    font-weight: bold;
}

.reserve-method-box {
    border: 1px solid #422f2a;
    width: 90%;
    margin: 0 auto;
}

.reserve-method-box h4 {
    color: #fff;
    background-color: #422f2a;
    text-align: center;
}

.method-list {
    padding: 4% 8%;
}

.method-list dl {
    margin-bottom: 40px;
}

.method-list dt {
    text-align: center;
}

.method-list dd span {
    color: #ed8d1f;
    padding: 0 5px;
}

.method-list dd.pic {
    width: 50%;
    margin: 20px auto;
}

.contact-choice-area .choice-box {
    width: 80%;
    margin: 0 auto;
}

.contact-choice-area .choice-box dl {
    margin-bottom: 20px;
}

.contact-choice-area .choice-box dt {
    width: 20%;
    font-weight: bold;
}

.contact-choice-area .choice-box dd {
    width: 80%;
}

.contact-choice-area .choice-box dd input {
    width: 100%;
}

.contact-privacy-area {
    background-color: #422f2a;
}

.contact-privacy-area dl {
    margin-bottom: 40px;
}

.contact-privacy-area dt,
.contact-privacy-area dd,
.contact-privacy-area li {
    color: #fff;
}

.contact-privacy-area li {
    list-style-type: decimal;
    list-style-position: inside;
}

.contact-privacy-area dt {
    margin-bottom: 15px;
}

@media only screen and (max-width: 1024px) {
    .contact-btn-list .btn a {
        width: 90%;
    }

    .contact-btn-list .btn a br {
        display: none;
    }

    .reserve-box .webreserve .bkimg {
        position: absolute;
    }

    .reserve-box .gr211 {
        margin: 0 auto 4%;
    }

    .contact-counseling-area .inBox {
        width: 100%;
    }

    .method-list dd.pic {
        width: 100%;
    }

    .reserve-method-box {
        width: 100%;
    }

    .contact-choice-area .choice-box dt,
    .contact-choice-area .choice-box dd {
        width: 100%;
    }

    .contact-choice-area .choice-box {
        width: 100%;
    }
}

@media only screen and (max-width: 599px) {
    .contact-btn-list {
        margin-bottom: 40px;
    }

    .contact-btn-list .btn {
        width: 100%;
        margin-bottom: 6%;
        font-size: 16px;
    }

    .contact-counseling-area h3 br {
        display: none;
    }

    .contact-counseling-area .inBox .btn {
        width: 100%;
    }
}

/* introduction */
.adobe-reader {
    max-width: 259px;
    width: 30%;
    margin-bottom: 100px;
}

.pdf-list .pic {
    width: 70%;
    margin: 0 auto 50px;
}

.pdf-list .downbtn {
    text-align: center;
}

@media only screen and (max-width: 1024px) {
    .adobe-reader {
        width: 50%;
        margin: 0 auto 50px;
    }
}

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

    .adobe-reader {
        width: 100%;
    }

    .pdf-list .pic {
        width: 100%;
    }
}

/* スライダー */
.blog-title {
    width: 14%;
    text-align: center;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
}

.blog-title p {
    text-align: center;
}

.blog-thumb-area {
    width: 86%;
    margin: 0 0 0 auto;
}

.slider-container {
    position: relative;
}

.slider {
    display: none;
    margin: 0 50px;
}

.slider.slick-initialized {
    display: block;
}

.slick-slide {
    color: #fff;
    text-align: center;
    font-size: 1.1em;
    outline: 0;
    margin: 0 1px;
}

/* Arrows */

.slick-prev,
.slick-next {
    position: absolute;
    top: 50%;
    display: block;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
    width: 40px;
    background-color: rgba(255, 255, 255, 0.6);
    height: 100%;
    z-index: 5;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    color: transparent;
    outline: none;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: .25;
}

.slick-prev:before,
.slick-next:before {
    font-family: 'Font Awesome 5 Free';
    font-size: 48px;
    color: #422f2a;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: bold;
    position: absolute;
    top: 50%;
    display: block;
    padding: 0;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.slick-prev {
    left: 0px;
}

[dir='rtl'] .slick-prev {
    right: 0;
    left: auto;
}

.slick-prev:before {
    content: '\f104';
    display: block;
    left: 50%;
}

[dir='rtl'] .slick-prev:before {
    content: '\f104';
    display: block;
}

.slick-next {
    right: 0px;
}

[dir='rtl'] .slick-next {
    right: auto;
    left: 0px;
}

.slick-next:before {
    content: '\f105';
    display: block;
    left: 50%;
}

[dir='rtl'] .slick-next:before {
    content: '\f105';
    display: block;
    left: 50%;
}

/* Dots */
.slide-dotted.slick-slider {
    margin-bottom: 30px;
}

.slide-dots {
    position: absolute;
    bottom: -50px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

.slide-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}

.slide-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}

.slide-dots li button:hover,
.slide-dots li button:focus {
    outline: none;
}

.slide-dots li button:hover:before,
.slide-dots li button:focus:before {
    opacity: 1;
}

.slide-dots li button:before {
    font-size: 20px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '●';
    text-align: center;
    opacity: .25;
    color: #504f4f;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slide-dots li.slick-active button:before {
    opacity: .75;
    color: #a09357
}

@media only screen and (max-width: 1024px) {
    .top-blog-area.flexb {
        max-width: 100%;
    }

    .blog-title {
        width: 20%;
    }

    .blog-thumb-area {
        width: 80%;
    }

}

@media only screen and (max-width: 599px) {
    .blog-title {
        width: 100%;
        padding: 15px 0;
    }

    .blog-thumb-area {
        width: 100%;
    }
}

/**/
/* #time,#setubi,#access{
    margin-top:-60px;
    padding-top:60px;
} */

.SubTitle {
    font-weight: bold;
    margin-bottom: 15px;
}

.check-icon {
    position: relative;
    padding-left: 45px;
    margin-bottom: 20px;
}

.check-icon:before {
    display: block;
    /* background: url(/import/tenant_1/133.167.74.123/html/images/common/icon_logo.png) no-repeat left center; */
    content: '\f14a';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
.tooth_icon{
    position: relative;
    padding-left: 45px;
    margin-bottom: 20px;
}
.tooth_icon:before {
    display: block;
    content: '\f5c9';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}


.shinbi-pack .btn a {
    position: relative;
    z-index: 3;
    color: #fff;
    padding: 20px 0 10px;
    display: block;
}
.shinbi .price-title{
}
.ta-c{
    text-align: center;
}
.implant .shinbi-merit-section ul p{
    color:#fff;
    margin-bottom: 0;
}
.implant .shinbi-merit-section ul .txt{
    padding-left: 45px;
    margin-bottom: 20px;
}
/*** ドロップダウンメニュー ***/
.dropmenu{
	*zoom: 1;
	/* list-style-type: none;
	width: 960px;
	margin: 5px auto 30px;
	padding: 0; */
  }
  .dropmenu:before, .dropmenu:after{
	content: "";
	display: table;
  }
  .dropmenu:after{
	clear: both;
  }
  .dropmenu li{
	position: relative;
	/* width: 20%;
	float: left;
	margin: 0;
	padding: 0;
	text-align: center; */
  }
  .dropmenu li a{
	/* display: block;
	margin: 0;
	padding: 15px 0 11px;
	background: #8a9b0f;
	color: #fff;
	font-size: 14px;
	line-height: 1;
	text-decoration: none; */
  }
  .dropmenu li ul{
	list-style: none;
	position: absolute;
	z-index: 9999;
	top: 100%;
	left: 0;
	margin: 0;
	padding: 0;
  }
  .dropmenu li ul li{
	width: 100%;
    max-width: 100%;
    float: none;
	display: block;
    /* border-left: none!important; */
    padding: 0!important;
    background-color: #422f2a;
  }
  .dropmenu li ul li a{
	padding: 13px 15px;
	/* border-top: 1px solid #7c8c0e;
    background: #6e7c0c; */
    border-bottom: 1px solid #fff;
	text-align: center;
	width: 142px;
    background-color: #422f2a;
  }
  .dropmenu li ul li:last-child{
	border-right: none!important;
  }
  .dropmenu li:hover > a{
	/* background: #6e7c0c; */
  }
  .dropmenu li a:hover{
	/* background: #616d0b; */
  }
/*アニメーション・フェードインでおりてくる*/
#fade-in2 li ul{
    opacity: 0;
    top: 50%;
    visibility: hidden;
    transition: .5s;
  }
  #fade-in2 li:hover ul{
    top: 100%;
    visibility: visible;
    opacity: 1;
  }
[data-element-id]  #fade-in2 li ul{
/*     display: flex;
 */    visibility: inherit;
    margin-top: 15px;
    opacity: 1;
    top: 50%;
}
[data-element-id] .dropmenu li ul li a{
    padding: 0;
    font-size: 12px;
}
@media only screen and (max-width: 1024px){
    .shinbi .shinbi-pack .btn{
        width: 100%;
    }
}
.listwrap .ttl p:first-child{
  width: 10%;
  line-height: 100%;
}
@media only screen and (max-width: 1024px){
.listwrap .ttl p:first-child{
  width: 8%;
}
}

@media only screen and (max-width: 599px){
  .listwrap .ttl p:first-child{
    width: 100%;
    line-height: 180%;
    text-align: center;
  }
}

.listwrap .ttl p:last-child{
    width: 88%;
    line-height: 130%;
}
@media only screen and (max-width: 1024px){
.listwrap .ttl p:last-child{
  width: 90%;
}
}
@media only screen and (max-width: 599px){
.listwrap .ttl p:last-child{
  width: 100%;
}
}

.iconlistwrap{
  width:40%;
}
@media only screen and (max-width: 1024px){
.iconlistwrap{
  width:70%;
}
}
@media only screen and (max-width: 599px){
.iconlistwrap{
  width:94%;
}
}

.logo_all{
    width: 30%;
    position: absolute;
    left: 5%;
    top: 5%;
    z-index: 10;
}
@media only screen and (max-width: 599px){
.logo_all{
        width: 60%;
        position: static;
        margin: 1% auto;
    }
  
}

@media only screen and (max-width: 1024px){
  #care_new .sub-care .flexb{
  		-webkit-box-orient: vertical;
  		-webkit-box-direction: reverse;
  		-webkit-flex-direction: column-reverse;
  		-ms-flex-direction: column-reverse;
  		flex-direction: column-reverse;
  }
}
.bg_brown{
  background: #422f2a;
}
/*ページ内リンクの微調整*/
#scaling, #crown{
  margin-top:-20px;
  padding-top:20px;
}
#pmtc{
  margin-top:-58px;
  padding-top:58px;
}
/**/
.ireba_wrap .bkimg{
	position: absolute;
}
@media only screen and (max-width: 1024px){
.ireba_wrap .bkimg{
	position: relative;
}
}

.ireba_wrap .bkimg img{
	min-width: 1800px!important;
}
@media only screen and (max-width: 1024px){
  .ireba_wrap .bkimg img{
  	min-width: initial !important;
  }
}