@charset "utf-8";

/*フォントオーサムをcssで読み込み*/
@import url("https://use.fontawesome.com/releases/v5.6.1/css/all.css");

/*Google fontをcssで読み込み*/
@import url("https://fonts.googleapis.com/css2?family=Ephesis&family=Noto+Sans+JP:wght@100;400;500&family=Noto+Serif+JP:wght@400;500;600&display=swap");

/* common */
/* ***************************************************** */
.txt-right {
    display: block;
    text-align: right;
}

.layout-fixed {
    table-layout: fixed;
}

.pic {
    width: 100%;
}

#header,
#main,
#recruit-main {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

li span.c-black-01 {
    color: #333;
}

/* show hide */

.show\@pc {
    display: block;
}

.hide\@pc {
    display: none;
}

[data-element-id] .show\@tb {
    display: block;
    border: solid 4px #fdc44f;
    position: relative;
}

[data-element-id] .show\@tb:after {
    content: "モバイル用です。";
    display: block;
    padding: 5px;
    font-weight: 700;
    font-size: 16px;
    color: #fff;
    text-align: center;
    background: #fdc44f;
}

[data-element-id] .show\@sp {
    display: block;
    border: solid 4px #fdc44f;
    position: relative;
}

[data-element-id] .show\@sp:after {
    content: "モバイル用です。";
    display: block;
    padding: 5px;
    font-weight: 700;
    font-size: 16px;
    color: #fff;
    text-align: center;
    background: #fdc44f;
    position: relative;
    z-index: 1;
}

@media (max-width: 1024px) {
    .show\@tb {
        display: block;
    }

    .hide\@tb {
        display: none;
    }
}

@media (max-width: 599px) {
    .show\@sp {
        display: block;
    }

    .hide\@sp {
        display: none;
    }
}

/*背景*/
.recruit-back01 {
    background: #fff;
}

.recruit-back02 {
    background: #faf5f2;
}

/* フォント */
.font-f-Sans {
    font-family: "Noto Sans JP", sans-serif;
}

.font-f-Serif {
    font-family: "Noto Serif JP", serif;
}

.font-f-Ephesis {
    font-family: "Ephesis", cursive;
}

/*余白*/
/*margin*/
.section-my-xlarge {
    margin-top: 80px;
    margin-bottom: 80px;
}

.section-mt-xlarge {
    margin-top: 80px;
}

.section-mb-xlarge {
    margin-bottom: 80px;
}

.section-my-large {
    margin-top: 60px;
    margin-bottom: 60px;
}

.section-mt-large {
    margin-top: 60px;
}

.section-mb-large {
    margin-bottom: 60px;
}

.section-my-medium {
    margin-top: 50px;
    margin-bottom: 50px;
}

.section-mt-medium {
    margin-top: 50px;
}

.section-mb-medium {
    margin-bottom: 50px;
}

.section-my-small {
    margin-top: 40px;
    margin-bottom: 40px;
}

.section-mt-small {
    margin-top: 40px;
}

.section-mb-small {
    margin-bottom: 40px;
}

.section-my-xsmall {
    margin-top: 30px;
    margin-bottom: 30px;
}

.section-mt-xsmall {
    margin-top: 30px;
}

.section-mb-xsmall {
    margin-bottom: 30px;
}

/*padding*/
.section-py-xlarge {
    padding-top: 80px;
    padding-bottom: 80px;
}

.section-pt-xlarge {
    padding-top: 80px;
}

.section-pb-xlarge {
    padding-bottom: 80px;
}

.section-py-large {
    padding-top: 60px;
    padding-bottom: 60px;
}

.section-pt-large {
    padding-top: 60px;
}

.section-pb-large {
    padding-bottom: 60px;
}

.section-py-medium {
    padding-top: 50px;
    padding-bottom: 50px;
}

.section-pt-medium {
    padding-top: 50px;
}

.section-pb-medium {
    padding-bottom: 50px;
}

.section-py-small {
    padding-top: 40px;
    padding-bottom: 40px;
}

.section-pt-small {
    padding-top: 40px;
}

.section-pb-small {
    padding-bottom: 40px;
}

.section-py-xsmall {
    padding-top: 30px;
    padding-bottom: 30px;
}

.section-pt-xsmall {
    padding-top: 30px;
}

.section-pb-xsmall {
    padding-bottom: 30px;
}

/*見出し*/
.ttl01 {
    margin-bottom: 20px;
    line-height: 1;
    border-bottom: 8px solid #8b644f;
}

.ttl01 .txt {
    display: inline-block;
    margin-bottom: -1px;
    padding: 10px 15px 6px;
    font-size: 18px;
    color: #fff;
    letter-spacing: 1px;
    border-radius: 10px 10px 0 0;
    background: #8b644f;
}

.ttl02 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 25px;
    margin-bottom: 15px;
}

.ttl02 .txt {
    width: 95%;
    max-width: 100%;
    padding: 5px 10px;
    font-size: 24px;
    color: #fff;
    letter-spacing: 3px;
    text-align: center;
    border-radius: 50px;
    background: #00ac9a;
}

.ttl03 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 40px;
    text-align: center;
}

.ttl03 .txt {
    display: inline-block;
    font-family: "Noto Serif JP", serif;
    font-size: 29px;
    color: #2b2522;
    line-height: 1.5;
    white-space: nowrap;
}

.ttl03 .txt .sub {
    display: block;
    margin-top: 10px;
    padding-top: 10px;
    font-family: "Ephesis", cursive;
    font-size: 70%;
    color: #988575;
    border-top: double 7px #cfc3b9;
}

.ttl04 {
    margin-bottom: 35px;
    padding-bottom: 15px;
    text-align: left;
    border-bottom: solid 1px #cfc3b9;
}

.ttl04 .txt {
    font-family: "Noto Serif JP", serif;
    font-size: 22px;
    color: #000;
    line-height: 1.5;
}

.ttl04 .txt .sub {
    display: block;
    margin-bottom: 10px;
    font-family: "Ephesis", cursive;
    font-size: 80%;
    color: #988575;
}

.ttl-mt-none {
    margin-top: 0;
}

.ttl-mb-none {
    margin-bottom: 0;
}

@media (max-width: 599px) {
    .ttl01 {
        margin-bottom: 10px;
    }

    .ttl01 .txt {
        font-size: 13px;
    }

    .ttl02 .txt {
        font-size: 16px;
    }

    .ttl03 {
        margin-bottom: 20px;
    }

    .ttl03 .txt {
        font-size: 22px;
    }
}

/*ボタン*/
.more01 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: 20px;
}

.more01>* {
    max-width: 100%;
    display: block;
    padding: 5px 15px;
    color: #fff;
    text-align: center;
    border: 2px outset #8b6450;
    border-radius: 5px;
    background: #8b644f;
}

.more01>*:after {
    content: "\f138";
    margin-left: 5px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

.more01>*:hover {
    color: #fff;
}

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

.more02>* {
    max-width: 100%;
    display: block;
    padding: 5px 15px;
    font-weight: bold;
    font-size: 20px;
    color: #fff;
    text-align: center;
    border: 2px outset #8b6450;
    border-radius: 5px;
    background: #8b644f;
}

.more02>*:after {
    content: "\f138";
    margin-left: 5px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 16px;
}

.more02>*:hover {
    color: #fff;
}

.more02>* .sub {
    display: block;
    font-family: "Ephesis", cursive;
    font-weight: normal;
    font-size: 80%;
}

.more03 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 60px;
}

.more03>* {
    width: 200px;
    max-width: 100%;
    display: block;
    padding: 10px 10px;
    color: #fff;
    text-align: center;
    border: none;
    border-radius: 30px;
    background: #4ba899;
}

.more-big>* {
    padding: 5px 50px;
}

.more>*:hover {
    text-decoration: none;
}

.more-c {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.more-l {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.more-r {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.more-icon-l>*:before {
    content: "\f137";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 5px;
}

.more-icon-l>*:after {
    display: none;
}

@media (max-width: 599px) {
    .more01 {
        margin-top: 10px;
    }

    .more01>* {
        font-size: 13px;
    }

    .more02>* {
        font-size: 18px;
    }

    .more-big>* {
        padding: 5px 40px;
    }
}

/*map*/
/*mapの大きさをpadding-topで決める*/
.map {
    display: block;
    overflow: hidden;
    position: relative;
}

.map:after {
    content: "";
    display: block;
    padding-top: 90%;
}

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

.side-map:after {
    content: "";
    display: block;
    padding-top: 120%;
}

.f-map:after {
    content: "";
    display: block;
    padding-top: 90%;
}

@media (max-width: 1024px) {
    .f-map:after {
        padding-top: 300px;
    }
}

.pc-none {
    display: none !important;
}

@media (max-width: 1024px) {
    .tb-none {
        display: none !important;
    }

    .pc-none {
        display: block !important;
    }
}

@media (max-width: 599px) {
    #main {
        padding: 0 10px 70px;
    }
}

/*コンテンツ*/
@media (max-width: 599px) {
    .fbox-sp>* {
        width: 100%;
    }

    .fbox-sp>*+* {
        margin-top: 30px;
    }
}

/*スマホ時固定ボタン*/
.fixedSp {
    width: 100%;
    display: none;
    -webkit-box-shadow: rgb(0 0 0 / 35%) 0px -5px 10px 0px;
    box-shadow: rgb(0 0 0 / 35%) 0px -5px 10px 0px;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 10;
}

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

.fixedSp .box .item {
    width: 50%;
}

.fixedSp .box .item a {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px 5px;
    font-family: "Noto Serif JP", serif;
    color: #fff;
    letter-spacing: 1.1px;
    text-align: center;
    background: #eb7d7d;
}

.fixedSp .box .item.tel a {
    font-family: "Noto Sans JP", sans-serif;
    color: #fff;
    background: #8b644f;
}

.fixedSp .box .item.tel a:before {
    content: "";
    width: 22px;
    height: 18px;
    display: inline-block;
    margin-right: 5px;
    background-image: url(/import/tenant_1/160.16.74.98/html_10/images/header/header_tel_icon.png);
    background-size: 100%;
    background-repeat: no-repeat;
}

.fixedSp .b-test .item a {
    font-family: "Noto Sans JP", sans-serif;
    background: #8b644f;
}

.fixedSp .b-test .item.tel a {
    font-family: "Noto Serif JP", serif;
    background: #eb7d7d;
}

@media (max-width: 599px) {
    .fixedSp {
        display: block;
    }
}


/* header */
/* ***************************************************** */
#header {
    width: 96%;
    max-width: 960px;
    padding: 0;
}

#header_wrap {
    -webkit-box-shadow: inherit;
    box-shadow: inherit;
    z-index: 11;
}

#header .h1-txt {
    margin: 20px 0 16px;
    line-height: 1.5;
}

#header .logo,
#header .tel,
#header #top_btn {
    float: none;
    margin: 0;
}

#header .logo {
    width: 100%;
}

#header .info {
    margin-top: 10px;
    font-size: 12px;
    color: #fff;
}

#header .logo a {
    display: block;
}

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

.h-left {
    width: 45%;
    margin-right: 25px;
}

.h-left #btn_menu {
    display: none;
}

.h-right {
    width: 55%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    align-items: flex-start;
    -ms-flex-align: start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.h-right .tel-box {
    width: 60%;
}

.h-right .tel-box .tel {
    padding-bottom: 5px;
    border-bottom: 1px dotted #fff;
    position: relative;
}

.h-right .tel-box .tel::before {
    content: "";
    width: 26px;
    height: 21px;
    display: inline-block;
    margin-right: 5px;
    background-image: url(/import/tenant_1/160.16.74.98/html_10/images/header/header_tel_icon.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.h-right .tel-box .tel a {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 400;
    font-size: 30px;
    color: #fff;
    letter-spacing: 7px;
    text-decoration: none;
}

.h-right .tel-box .info {
    padding: 5px;
}

.h-right .tel-box .info dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.h-right .tel-box .info dl+dl {
    margin-top: 4px;
}

.h-right .tel-box .info dt {
    width: 22%;
    font-family: "UI Gothic";
    font-size: 14px;
    color: #fff;
    letter-spacing: 2px;
}

.h-right .tel-box .info dd {
    width: 77%;
    margin-left: 5px;
    font-family: "UI Gothic";
    font-size: 12px;
    color: #fff;
    opacity: 0.8;
}

.h-right .tel-box .info dd span {
    color: #fff;
}

.h-right .tel-box .info .txt-right {
    padding-right: 3px;
}

.h-right .tel-box .info dl .txt-left .txt-small {
    font-size: 10px;
    white-space: nowrap;
}

.h-right .top_btn {
    width: 35%;
    padding: 15px 10px;
    border-radius: 3px;
    background-color: #fff;
}

.h-right .top_btn a {
    text-decoration: none;
}

.h-right .top_btn-list .icon::before {
    content: "\f0e0";
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 28px;
    color: #00ac9a;
    line-height: 100%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    position: relative;
    top: 0;
    left: 50%;
}

.h-right .top_btn-list .tit {
    margin-top: 2px;
    font-size: 14px;
    color: #00ac9a;
    text-align: center;
}

.h-right .top_btn-list .txt {
    margin-top: 10px;
    font-size: 12px;
    color: #00ac9a;
    line-height: 1.2;
    text-align: center;
}

/* gnav */
#nav {
    width: 100%;
    padding: 10px 0;
    background: #8b644f;
    -webkit-box-shadow: rgb(0 0 0 / 65%) -10px 10px 10px -10px;
    box-shadow: rgb(0 0 0 / 65%) -10px 10px 10px -10px;
}

#nav.fixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
}

#nav .nav-inner {
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
}

#nav ul {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#nav li:first-child {
    border-left: 1px solid #fff;
}

#nav li {
    width: calc(100% / 8);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    float: none;
    border-right: 1px solid #fff;
    position: relative;
}

#nav li a {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: visible;
    padding: 5px 0;
    font-size: 14px;
    color: #fff;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    text-indent: 0%;
}

#nav li .active::after,
#nav li a:hover::after {
    content: "";
    width: 100px;
    height: 3px;
    background-color: #00ac9a;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute;
    bottom: 0;
    left: 50%;
}

#nav #nav_menu .active::after,
#nav #nav_menu a:hover::after {
    background-color: #d95757;
}

#nav #flow .active::after,
#nav #flow a:hover::after {
    background-color: #2597bf;
}

#nav #about .active::after,
#nav #about a:hover::after {
    background-color: #cc2626;
}

#nav #aisatsu .active::after,
#nav #aisatsu a:hover::after {
    background-color: #8e85d6;
}

#nav #question .active::after,
#nav #question a:hover::after {
    background-color: #2ba621;
}

#nav #price .active::after,
#nav #price a:hover::after {
    background-color: #ebc533;
}

#nav #access .active::after,
#nav #access a:hover::after {
    background-color: #333;
}

@media (max-width: 1024px) {
    #header .h1-txt {
        width: calc(100% - 80px);
        margin: 10px 0 16px;
    }

    #header .header-inner {
        width: calc(100% - 80px);
    }

    #nav {
        padding: 60px 0 10px;
    }

    #nav li .active::after,
    #nav li a:hover::after {
        content: none !important;
    }

    #header_wrap {
        position: relative;
    }

    #nav,
    #top_btn {
        display: none;
    }

    .h-left #btn_menu {
        display: block;
        cursor: pointer;
        position: fixed;
        top: 10px;
        right: 10px;
        z-index: 99999;
    }

    .h-right .tel-box {
        width: 100%;
    }

    .h-right .tel-box .info .txt-right {
        padding-left: 3em;
        text-align: left;
    }

    #nav.action {
        height: 100%;
        display: block !important;
        overflow-y: auto;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 99998;
    }

    #nav.action ul {
        display: block;
        background-color: #8b644f;
    }

    #nav.action li {
        width: 100%;
        display: block;
        background-color: #8b644f;
    }

    #nav.action li+li {
        border-top: 1px solid #fff;
    }

    #nav.action li a {
        width: 100% !important;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding: 1.8rem 1rem;
        text-align: left;
        background-position: center top !important;
    }

    .overlay {
        width: 100%;
        height: 100%;
        background-color: rgba(22, 22, 24, 0.4);
        position: fixed;
        top: 0;
        left: 0;
        z-index: 8;
    }

    #nav.action .close {
        padding: 50px 0;
        padding-left: 2em;
        font-size: 28px;
        color: #fff;
        text-align: center;
        position: relative;
    }

    #nav.action .close .txt-inner {
        padding-left: 1em;
        color: #fff;
        position: relative;
    }

    #nav.action .close .txt-inner::before {
        content: "\f00d";
        display: inline-block;
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        font-size: inherit;
        font-size: 28px;
        color: inherit;
        color: #fff;
        line-height: 100%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        position: absolute;
        top: 50%;
        left: 0;
    }

    #nav li:after {
        content: "\f054";
        display: inline-block;
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        font-size: inherit;
        font-size: 28px;
        color: inherit;
        color: #fff;
        line-height: 100%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        position: absolute;
        top: 50%;
        right: 20px;
    }

    #nav li.close-wrap .close {
        padding-left: 0;
    }

    #nav li.close-wrap:after {
        display: none;
    }

    #nav #nav_menu-sp:after {
        content: none;
    }

    #nav #nav_menu a:after {
        content: "\f067";
    }

    #nav_open {
        padding: 1.8rem 1rem;
        position: relative;
    }

    #nav_open::after {
        content: "\f067";
        display: inline-block;
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        font-size: inherit;
        font-size: 28px;
        color: inherit;
        color: #fff;
        line-height: 100%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        position: absolute;
        top: 50%;
        right: 20px;
    }

    #nav_open.action::after {
        content: "\f068";
    }

    #nav_open .accordion-txt {
        color: #fff;
    }

    .acc-content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .acc-content li {
        background-color: #9e7f6d !important;
    }
}

@media (max-width: 599px) {
    #header {
        padding-bottom: 10px;
    }

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

    #header .h1-txt {
        width: calc(100% - 60px);
        margin-bottom: 5px;
        font-size: 10px;
    }

    #header .info {
        padding: 0;
        font-size: 10px;
    }

    .h-wrap {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .h-left {
        width: calc(100% - 60px);
        margin-right: 0;
    }

    .h-left .logo img {
        width: 80%;
    }

    .h-left #btn_menu {
        width: 45px;
        height: 45px;
    }

    .h-right {
        width: 100%;
    }

    .h-right .tel-box {
        width: 100%;
    }

    .h-right .tel-box .info dt {
        font-size: 10px;
    }

    .h-right .tel-box .info dd {
        font-size: 10px;
    }

    #nav li {
        border: none;
    }

    #nav li:first-child {
        border: none;
    }

    #nav li:after {
        font-size: 18px;
    }

    #nav.action li a {
        padding: 0.8rem 1rem;
    }

    #nav_open {
        padding: 0.8rem 1rem;
    }

    #nav_open::after {
        font-size: 18px;
    }

    #nav.action .close .txt-inner {
        padding-left: 1.5em;
    }

    #nav.action .close .txt-inner::before {
        font-size: 18px;
    }

    #nav li.close-wrap .close {
        padding: 30px 0;
        font-size: 16px;
    }
}

/* top common*/
/* ***************************************************** */
#header_wrap,
#wrapper,
#top #mv {
    min-width: auto;
}

#main,
#footer #summary {
    width: 96%;
    max-width: 1000px;
    overflow: inherit;
    margin: 0 auto;
    padding: 0 0 70px;
}

#contents {
    width: calc(100% - 220px);
    float: none;
    padding-right: 70px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#side {
    width: 220px;
    float: none;
}

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

@media (max-width: 1024px) {
    #contents,
    #side {
        width: 100%;
        max-width: 100%;
        padding: 0;
    }
}

@media (max-width: 599px) {
    #main,
    #footer #summary {
        padding: 0 0 30px;
    }
}

/* mv*/
/* ***************************************************** */
.slide_all {
    width: 100%;
    max-width: 1000px;
}

.slide {
    width: 100%;
    display: block;
    position: relative;
}

.slickSlider {
    max-height: 400px;
    overflow: hidden;
}

.slider {
    opacity: 0;
    -webkit-transition: opacity 1s linear;
    transition: opacity 1s linear;
}

.slick-initialized.slider {
    opacity: 1;
}

@media (max-width: 1024px) {
    .slide .img:after {
        padding-top: 300px;
    }
}

@media (max-width: 599px) {
    .slide .img:after {
        padding-top: 180px;
    }
}

/* お知らせ */
/* ***************************************************** */
#contents #blog .item {
    padding: 0 10px 20px 18px;
    border-bottom: 2px dotted #a68572;
}

#contents #blog .item+.item {
    margin-top: 20px;
}

#contents .blog-cont .item a {
    display: block;
}

#contents #blog .item .day {
    margin-bottom: 10px;
    font-size: 11px;
}

#contents #blog .item .tit {
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 18px;
    line-height: 1.5;
}

#contents #blog .item .txt {
    height: calc((16px * 1.6) * 2);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 16px;
    color: #333;
    line-height: 1.8;

    -webkit-line-clamp: 2;
}

@media (max-width: 599px) {
    #contents #blog .item {
        padding: 0 10px 10px 10px;
    }

    #contents #blog .item+.item {
        margin-top: 10px;
    }

    #contents #blog .item .tit {
        font-size: 16px;
    }

    #contents #blog .item .day {
        margin-bottom: 5px;
    }
}

/*ブログ画像付き*/
#contents .blog-cont .item {
    padding: 0 10px 20px 18px;
    border-bottom: 2px dotted #a68572;
}

#contents .blog-cont .item+.item {
    margin-top: 20px;
}

#contents .blog-cont .item .day {
    margin-bottom: 10px;
    font-size: 11px;
}

#contents .blog-cont .item .tit {
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 18px;
    line-height: 1.5;
}

#contents .blog-cont .item .txt {
    height: calc((11px * 1.8) * 3);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 11px;
    color: #333;
    line-height: 1.8;

    -webkit-line-clamp: 3;
}

/*詳細ページ*/
.blog_tetail .catebox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    margin-bottom: 20px;
}

.blog_tetail .catebox .cate {
    padding: 5px 20px;
    font-size: 14px;
    color: #fff;
    background: #8b644f;
}

.blog_tetail .catebox .day {
    margin-left: 20px;
    font-size: 14px;
}


#contents #blog.blog_tetail .item .txt {
    height: auto;
    overflow: inherit;
    font-size: 16px;

    -webkit-line-clamp: inherit;
}

/*レコメンンド*/
#contents .recommend .box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

#contents .recommend .box .item {
    width: 49%;
    margin-top: 0;
}

#contents .recommend .item .tit {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 599px) {
    #contents .recommend .box .item {
        width: 100%;
        padding: 10px 10px 20px 18px;
    }
}

/*ページネーション*/
.pagenav {
    margin-top: 30px;
}

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

.pagenav ul li>* {
    width: 40px;
    height: 40px;
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    border: 2px outset #8b6450;
    border-radius: 5px;
    background: #ccc;
}

.pagenav ul li+li {
    margin-left: 20px;
}

.pagenav ul li.now>* {
    background: #8b644f;
}

.pagenav ul li.prev>*:before {
    content: "\f104";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

.pagenav ul li.next>*:before {
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

/*カテゴリー*/
.side-cate ul li {
    padding-left: 5px;
    padding-right: 5px;
    text-align: left;
}

.side-cate ul li+li {
    margin-top: 5px;
    padding-top: 5px;
    border-top: 2px dotted #a68572;
}

.side-cate ul li a {
    text-align: left;
}

/* menu */
/* ***************************************************** */
#menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 26px;
    color: #fff;
    line-height: 1.4;
    letter-spacing: 4px;
}

#contents img {
    margin-top: 0;
}

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

#contents .first_ul>li {
    width: 32% !important;
    float: none !important;
    text-align: center !important;
}

#contents .first_ul>li a {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    z-index: 0;
}

#contents .first_ul li a,
#contents .first_ul #menu {
    height: 100%;
    min-height: 200px;
}

#contents .first_ul .clinic_bnr {
    width: 66% !important;
}

#contents .first_ul .clinic_bnr a {
    width: 100% !important;
    height: 100% !important;
    color: #835c45;
    text-align: left;
    text-decoration: none;
    border: 1px solid #835c45;
    position: relative;
    z-index: 0;
}

#contents .first_ul .clinic_bnr .img-area {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

#contents .first_ul .clinic_bnr .txt-area {
    width: auto;
    height: auto;
    display: inline-block;
    margin: 20px 0 0 25px;
    padding: 0;
    position: relative;
    z-index: 1;
}

#contents .first_ul .clinic_bnr .txt-area .txt {
    font-weight: 500;
    line-height: 1.7;
}

#contents .first_ul .clinic_bnr .more-area {
    margin: 20px 10px 10px 0px;
    position: relative;
    z-index: 0;
}

#contents .first_ul li ul a {
    background-image: none !important;
    position: relative;
}

#contents .first_ul li .img-area {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

#contents .first_ul li .img-area img {
    width: 100%;
    height: 100%;
}

#contents .first_ul li .txt-area {
    width: 100%;
    height: 60%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-top: 33%;
    position: relative;
    bottom: 0;
    left: 0;
    z-index: 1;
}

#contents .first_ul li h2,
#contents .first_ul li ul {
    white-space: 100%;
    position: static;
}

#contents .first_ul li ul {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

#contents .first_ul li ul li {
    font-size: 12px;
    letter-spacing: 0;
}

#contents .first_ul li .txt-area ul {
    width: 100%;
    height: auto;
    padding-top: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    box-sizing: border-box;
    text-align: left;
}

#contents .first_ul li .txt-area .menu-tit {
    width: 95%;
    padding-left: 10px;
    font-family: "Noto Serif JP", sans-serif;
    font-size: 18px;
    color: #fff;
    line-height: 1.6;
    letter-spacing: 1px;
    text-align: left;
    border-radius: 0 10px 0 0;
}

#contents .first_ul li .txt-area .menu-tit.fz-small {
    font-size: 14px;
}

#contents .first_ul li .txt-area ul,
#contents .first_ul .simin .txt-area ul,
#contents .first_ul .other .txt-area ul {
    background-color: #eb7d7d;
}

#contents .first_ul li .txt-area .menu-tit,
#contents .first_ul .simin .txt-area .menu-tit,
#contents .first_ul .other .txt-area .menu-tit {
    background-color: rgba(235, 125, 125, 0.9);
}

#contents .first_ul .hunin .txt-area .menu-tit,
#contents .first_ul .gan .txt-area .menu-tit {
    background-color: rgba(85, 187, 223, 0.9);
}

#contents .first_ul .hunin .txt-area ul,
#contents .first_ul .gan .txt-area ul {
    background-color: #55bbdf;
}

#contents .first_ul .sanka .txt-area .menu-tit,
#contents .first_ul .pill .txt-area .menu-tit {
    background-color: rgba(235, 197, 51, 0.9);
}

#contents .first_ul .sanka .txt-area ul,
#contents .first_ul .pill .txt-area ul {
    background-color: #ebc533;
}

#contents .first_ul .seiri .txt-area .menu-tit,
#contents .first_ul .allergy .txt-area .menu-tit {
    background-color: rgba(142, 133, 214, 0.9);
}

#contents .first_ul .seiri .txt-area ul,
#contents .first_ul .allergy .txt-area ul {
    background-color: #8e85d6;
}

#contents .first_ul .kounenki .txt-area .menu-tit,
#contents .first_ul .tyusya .txt-area .menu-tit {
    background-color: rgba(88, 194, 80, 0.9);
}

#contents .first_ul .kounenki .txt-area ul,
#contents .first_ul .tyusya .txt-area ul {
    background-color: #58c250;
}

#contents .first_ul .aminoindex .txt-area .menu-tit {
    background-color: rgba(226, 191, 54, 0.9);
}

#contents .first_ul .aminoindex .txt-area ul {
    background-color: #e2bf36;
}

/* #contents .first_ul .gan .txt-area .menu-tit,
#contents .first_ul .allergy .txt-area .menu-tit {
    font-size: 15px;
    letter-spacing: 0;
} */

@media (max-width: 1024px) {
    #contents .first_ul>li {
        margin: 0 !important;
    }

    #contents .first_ul li .txt-area .menu-tit {
        width: 92%;
        font-size: 17px;
    }

    #contents .first_ul #menu {
        height: auto;
    }

    #contents .first_ul>li:nth-of-type(n + 4) {
        margin-top: 2% !important;
    }

    #contents .first_ul li a {
        width: 100%;
        background-size: cover !important;
    }
}

@media (max-width: 599px) {
    #contents .first_ul>li {
        width: 49% !important;
    }

    #contents .first_ul>li:nth-of-type(n + 3) {
        margin-top: 2% !important;
    }

    #contents .first_ul li .txt-area .menu-tit,
    #contents .first_ul .gan .txt-area .menu-tit,
    #contents .first_ul .allergy .txt-area .menu-tit {
        font-size: 3.5vw;
    }

    #contents .first_ul li ul li {
        font-size: 11px;
    }

    #contents .first_ul li a,
    #contents .first_ul #menu {
        min-height: auto;
    }

    #contents .first_ul li .txt-area .menu-tit {
        padding-left: 5px;
    }

    #contents .first_ul .clinic_bnr {
        width: 100% !important;
        height: auto !important;
    }

    #contents .first_ul .clinic_bnr .txt-area {
        margin: 10px 0 0 10px;
    }

    #contents .first_ul .clinic_bnr .txt-area .txt {
        font-size: 14px;
    }

    #contents .first_ul #menu {
        font-size: 20px;
    }

    #contents .first_ul .clinic_bnr .more-area {
        padding: 20px 10px 10px 0px;
    }
}


/* top バナー */
/* ***************************************************** */
#contents #bnr li:first-child {
    margin-right: 0px;
}

#contents #bnr li:nth-of-type(n + 3) {
    margin-top: 10px;
}

#contents #bnr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

#contents #bnr li {
    width: 48%;
    float: none;
}

#contents #bnr .banner-box {
    position: relative;
}

#contents #bnr .banner-box a {
    display: block;
}

#contents #bnr .img-area {
    width: 100%;
    height: 100%;
    margin: auto;
    position: relative;
}

#contents #bnr .text-area {
    color: #00ac9a;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    left: 15px;
    z-index: 2;
}

#contents #bnr .text-area::before {
    content: "\f138";
    display: inline-block;
    margin-right: 5px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: inherit;
    color: inherit;
    color: #00ac9a;
    line-height: 100%;
}

/* top サイド */
/* ************************************ */
.runaruna {
    width: 100%;
}

.runaruna a {
    display: block;
}

.runaruna img {
    width: 100%;
}

#side .box .tit {
    padding: 10px 5px;
    font-size: 15px;
    color: #fff;
    letter-spacing: 1.5px;
    text-align: center;
    border-radius: 10px 10px 0 0;
    background: #8b644f;
}

#side .box .tel a {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: #333;
    letter-spacing: 1px;
    text-decoration: none;
}

#side .box .tel {
    position: relative;
}

#side .box .tel::before {
    content: "";
    width: 22px;
    height: 18px;
    display: inline-block;
    margin-right: 5px;
    background-image: url(/import/tenant_1/160.16.74.98/html_10/images/header/header_tel_icon.png);
    background-size: 100%;
    background-repeat: no-repeat;
}

#side .box .time {
    margin: 10px 0 5px 0;
    color: #8b644f;
    letter-spacing: 1.5px;
}

#side .side_btn {
    padding: 10px;
    border-radius: 5px;
    background-color: #8b644f;
}

#side .side_btn a {
    display: block;
    text-decoration: none;
}

#side .side_btn dt {
    padding-left: 20px;
    font-size: 18px;
    color: #fff;
    letter-spacing: 2px;
    position: relative;
}

#side .side_btn dt::before {
    content: "\f138";
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: inherit;
    color: inherit;
    color: #fff;
    line-height: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    left: 0%;
}

#side .side_btn dd {
    margin: 5px 0 0;
    font-size: 10px;
    color: #fff;
    letter-spacing: 1px;
}

#side .side_btn dd .indent {
    display: block;
    padding-left: 2em;
}

@media (max-width: 1024px) {
    #side {
        margin-top: 30px;
    }
}

/* footer */
/* ************************************ */
#footer .pagetop {
  display:none
}
#footer .pagetop a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    padding: 10px;
    font-size: 12px;
    color: #ffff;
    border-radius: 10px 10px 0 0;
    background: #8b644f;
}

#footer .pagetop a:after {
    content: "\f102";
    padding-left: 10px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 14px;
}

#footer #footer_nav {
    width: 96%;
    max-width: 1024px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
}

#footer #footer_nav li {
    float: none;
}

#footer #footer_nav li a {
    height: auto;
    padding: 12px 8px;
}

#footer #summary {
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 20px 20px;
}

#footer #summary #logo {
    float: none;
    width: 350px;
    margin-right: 20px;
}

#footer #f_text {
  padding: 45px 10px 90px 60px;
}

#footer #f_contact {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    float: none;
    margin: 10px 20px 0 0;
}

#footer .footer_map {
    width: 240px;
    float: none;
}

#footer #summary .left-info {
    margin-top: 10px;
    font-size: 13px;
}

#footer #summary #f_contact .f-info dt {
    font-weight: bold;
    color: #8b644f;
}

#footer #summary #f_contact .btn {
    padding: 10px;
    border-radius: 5px;
    background-color: #8b644f;
}

#footer #summary #f_contact .btn a {
    display: block;
    text-decoration: none;
}

#footer #summary #f_contact .btn dt {
    font-size: 18px;
    color: #fff;
    letter-spacing: 2px;
}

#footer #summary #f_contact .btn dt::before {
    content: "\f138";
    display: inline-block;
    padding: 0 5px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: inherit;
    color: inherit;
    color: #fff;
    line-height: 100%;
}

#footer #summary #f_contact .btn dd {
    margin: 5px 0 0;
    font-size: 12px;
    color: #fff;
    letter-spacing: 1px;
}

#footer #summary #f_contact .tel {
    margin-bottom: 5px;
}

#footer #summary #f_contact .tel a::before {
    content: "";
    width: 26px;
    height: 21px;
    display: inline-block;
    margin-right: 5px;
    background-image: url(/import/tenant_1/160.16.74.98/html_10/images/header/header_tel_icon.png);
    background-size: 100%;
    background-repeat: no-repeat;
}

#footer #summary #f_contact .tel a {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 400;
    font-size: 30px;
    color: #333;
    letter-spacing: 1px;
    text-decoration: none;
}

@media (max-width: 1024px) {
    #footer .pagetop {
        position: fixed;
        top: auto;
        bottom: 10px;
        right: 5px;
        z-index: 1;
    }

    #footer .pagetop a {
        width: 60px;
        height: 60px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        align-items: center;
        -ms-flex-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 5px 5px 0 5px;
        font-size: 11px;
        line-height: 1.1;
        text-align: center;
        border-radius: 50%;
        background: #00ae9c;
    }

    #footer .pagetop a:after {
        content: "\f106";
        padding-left: 0;
    }

    #footer .footer_map {
        width: 100%;
    }

    #footer #summary #logo {
        width: 55%;
    }
    
    #footer #f_text {
      padding: 30px 10px 90px 60px;
    }

    #footer #f_contact {
        width: 40%;
        margin: 0;
    }

    #footer #footer_nav {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 0;
    }

    #footer #footer_nav li {
        float: none;
        position: relative;
    }

    #footer #footer_nav li:first-child {
        padding-left: 0px;
        background: none;
    }
}

@media (max-width: 599px) {
    #footer #summary {
        padding: 20px 0;
    }

    #footer #summary #logo {
        width: 100%;
        margin: 0;
    }

    #footer #summary #f_contact .f-info dt {
        margin-top: 10px;
        font-size: 14px;
    }

    #footer #summary #f_contact .tel a {
        display: block;
        margin-top: 10px;
        padding: 10px;
        color: #fff;
        text-align: left;
        border-radius: 5px;
        background-color: #8b644f;
    }

    #footer #f_text {
        padding: 40px 10px 75px 50px;
    }

    #footer #footer_nav li:after {
        content: "\f054";
        display: inline-block;
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        font-size: inherit;
        font-size: 14px;
        color: inherit;
        color: #fff;
        line-height: 100%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        position: absolute;
        top: 50%;
        right: 20px;
    }

    #footer .footer_map {
        margin-bottom: 0;
    }

    #footer #footer_nav_wrap {
        padding: 15px 0 120px 0;
    }

    #footer #footer_nav li {
        width: 50%;
    }

    #footer #footer_nav li a {
        padding-right: 35px;
        text-align: left;
        background: none;
    }

    .tb-pic img {
        width: 70%;
    }
}

/*下層共通*/
#title {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

#title .lower-mv {
    width: 100%;
    display: block;
    position: relative;
    z-index: 0;
}

#title .lower-mv img {
    width: 100%;
    height: 100% !important;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0;
}

#title .lower-mv:after {
    content: "";
    display: block;
    padding-top: 100px;
}

#title .lower-mv .catch {
    padding: 0;
    font-family: "Noto Serif JP", sans-serif;
    font-size: 28px;
    color: #fff;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    left: 30px;
    z-index: 1;
}

#title .lower-mv .catch .sub {
    margin-left: 10px;
    font-family: "Ephesis", cursive;
    font-size: 20px;
    letter-spacing: 4px;
}

#title .lower-mv img {
    margin-top: 0;
}

#title .lower-mv .catch.catch-small {
    font-size: 23px;
}

@media (max-width: 599px) {
    #title .lower-mv .catch {
        font-size: 18px;
        left: 10px;
    }

    #title .lower-mv .catch .sub {
        display: block;
        margin-top: 10px;
        margin-left: 0;
    }

    #title .lower-mv .catch.catch-small {
        font-size: 18px;
    }
}

/*パンクズ*/
.pageNavi {
    width: 96%;
    max-width: 1200px;
    overflow: hidden;
    margin: 0 auto;
    padding: 8px 20px 40px;
}

.pageNavi li {
    display: inline;
    float: none;
    line-height: 2;
}

.pageNavi li a {
    text-decoration: underline;
}

/*ページ内リンクボタン*/
#contents h4 {
    margin: 16px 0 7px 0;
    font-weight: bold;
    font-size: 16px;
    color: #855c46;
}

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

#anchor li {
    width: calc(96% / 3);
    margin: 0 2% 0 0;
    border: none;
}

#anchor li a {
    display: block;
    padding: 15px 0;
    font-weight: bold;
    font-size: 16px;
    color: #855c46;
    border: 1px solid #855c46;
    border-radius: 5px;
}

#anchor li a:before {
    content: "\f0dd";
    margin-right: 5px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 26px;
    line-height: 0;
}

#anchor .last_li {
    width: 49%;
}

@media (max-width: 599px) {
    #anchor li {
        width: 100%;
        margin: 0 !important;
    }

    #anchor li+li {
        margin-top: 10px !important;
    }

    #anchor .last_li {
        width: 100%;
    }

    #anchor li a {
        font-size: 14px;
    }
}

/*横スクロールコンテンツ*/
.x-scroll {
    display: block;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
}

@media (max-width: 1024px) {
    .x-scroll-tb {
        display: block;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap;
    }
}

@media (max-width: 599px) {
    .x-scroll-sp {
        display: block;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap;
    }
}

/*下層*/
@media (max-width: 599px) {
    #contents .img_left {
        width: 100%;
        float: none;
    }
}

/*アクセス*/
#access #title .lower-mv .catch {
    color: #333;
}

#access .img_left {
    width: calc(50% - 7px);
}

#access #contents .maru {
    margin-left: -8px;
}

.box-img .half-img {
    width: 48%;
}

@media (max-width: 599px) {
    #access #contents .img_left+.img_left {
        margin-left: 14px;
    }

    .box-img {
        width: 100% !important;
    }
}

/*クリニックについて*/
#about #title .lower-mv .catch {
    color: #cc2626;
}

/*院長あいさつ*/
#doctor #title .lower-mv .catch {
    color: #8e85d6;
}

#doctor #contents .img_left {
    width: 40%;
    margin-bottom: 40px;
}

#doctor #contents .item_right {
    width: calc(60% - 15px);
}

#doctor #contents #dr_name .txt {
    font-size: 15px;
    color: #8b644f;
}

#doctor #contents #dr_name .txt .sub {
    display: block;
    font-size: 140%;
    line-height: 1;
}

#doctor #contents #comment {
    width: 80%;
}

#doctor table.sign .img1 {
    padding-left: 15px;
}

@media (max-width: 599px) {
    #doctor #contents #comment {
        width: 100%;
        margin-top: 20px;
        padding: 10px 20px;
    }

    #doctor #contents .item_right {
        width: 100%;
    }
}

/*初めての方へ・診療の流れ*/
#flow #title .lower-mv .catch {
    color: #2597bf;
}

#flow #contents .caution #pdf a {
    padding: 0;
    background: none;
}

#flow #contents .caution #pdf a:before {
    content: "";
    width: 18px;
    height: 19px;
    display: inline-block;
    margin-right: 5px;
    background: url(/upload/tenant_1/763c49f128277a5c91bc1586f00c304e.png);
    background-size: 100%;
    background-repeat: no-repeat;
}

#flow #contents .flow-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#flow #contents .flow-btn .more+.more {
    margin-left: 5px;
}

#flow #contents .flow-btn .tel a {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 100;
    font-size: 30px;
    letter-spacing: 3px;
    text-decoration: none;
}

#flow #contents .flow-btn .tel a:before {
    content: "";
    width: 26px;
    height: 21px;
    display: inline-block;
    margin-right: 5px;
    background-image: url(/import/tenant_1/160.16.74.98/html_10/images/header/header_tel_icon.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

#flow #contents .flow-btn .tel a:after,
#flow #contents .flow-btn .web a:after {
    display: none;
}

#flow #contents .flow-btn .web a {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 100;
    font-size: 27px;
    letter-spacing: 3px;
    text-decoration: none;
}

#flow #contents .flow-btn .web a:before {
    content: "";
    width: 26px;
    height: 21px;
    display: inline-block;
    margin-right: 5px;
    background-image: url(/import/tenant_1/160.16.74.98/html_10/images/header/header_tel_icon.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

#flow #flow_list li {
    width: 100%;
    position: relative;
    z-index: 0;
}

#flow #flow_list li+li:before {
    content: "";
    width: 21px;
    height: 19px;
    display: block;
    background-image: url("/upload/tenant_1/flow/images/list_sankaku.png");
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute;
    top: 10px;
    left: 50%;
    z-index: 0;
}

#flow .item_box #qr_url li:first-child {
    margin: 4px 6px 4px 4px;
}

#flow .item_box ul {
    width: 100%;
}

#flow #flow_list .img {
    width: 27%;
}

@media (max-width: 599px) {
    #flow #flow_list li {
        padding: 40px 0 15px;
    }

    #flow #flow_list .img {
        width: 40%;
        margin: 0;
        padding-top: 0;
        padding-right: 10px;
    }

    #flow #flow_list li p {
        width: 60%;
        padding-top: 0;
        font-size: 12px;
    }

    #flow #contents #acceptance {
        margin-left: 0;
    }

    #flow #contents .flow-btn .more+.more {
        margin-top: 10px;
        margin-left: 0;
    }

    #flow #contents .flow-btn .tel a {
        font-size: 20px;
    }

    #flow #contents .flow-btn .web a {
        font-size: 20px;
    }
}

/*料金*/
#price #title .lower-mv .catch {
    color: #ebc533;
}

/*診療一覧*/
#treatment_top #title .lower-mv .catch {
    color: #d95757;
}

#treatment_top #contents .first_ul li.clinic_bnr {
    display: none;
}

/*数字付きのコンテンツ*/
ul.caution02 {
    margin-top: 10px;
}

ul.caution02 li {
    padding-left: 1.5em;
    font-size: 14px;
    line-height: 1.6;
    text-indent: -1.5em;
}

ul.caution02 li+li {
    margin-top: 10px;
}

ul.caution02 li .num {
    color: #00ac9a;
    text-indent: 0;
}

/*不正出血*/
#fraudbleeding ul.caution {
    list-style: none;
}

/*子宮内膜症*/
#endometriosis ul.caution {
    list-style: none;
}

@media (max-width: 599px) {
    #endometriosis ul.caution {
        width: 100%;
    }
}

/*子宮筋腫*/
#uterine-fibroids ul.caution {
    list-style: none;
}

/*人工妊娠中絶・緊急避妊*/
#contraception ul.caution {
    list-style: none;
}

/*不妊症*/
#infertility-treatment ul.caution {
    list-style: none;
}

/*ピルについて*/
#pill .link-box {
    margin-top: 20px;
}

#pill .link-box .item {
    width: 200px;
    height: 200px;
}

#pill .link-box .item a {
    width: 100%;
    height: 100%;
    display: block;
    padding: 2px;
    border: 3px solid #8b644f;
    border-radius: 50%;
    position: relative;
    z-index: 0;
}

#pill .link-box .item a .box {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 35px 10px;
    font-size: 18px;
    color: #00ac9a;
    text-align: center;
    border: 1px solid #8b644f;
    border-radius: 50%;
}

#pill .link-box .item a .box .txt .sub {
    display: block;
    font-weight: bold;
    font-size: 120%;
    line-height: 1;
    letter-spacing: 2px;
}

#pill .link-box .item a .more {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute;
    bottom: -3px;
    left: 50%;
    z-index: 1;
}

#pill .link-box .item a .more>* {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    padding: 5px 20px;
    font-size: 14px;
    color: #fff;
    white-space: nowrap;
    border-radius: 20px;
    background: #00ac9a;
}

#pill .link-box .item a .more>*:after {
    content: "\f101";
    margin-left: 5px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 14px;
}

@media (max-width: 1024px) {
    #pill .link-box .item {
        width: 150px;
        height: 150px;
    }

    #pill .link-box .item a .box {
        padding: 10px 5px 20px 5px;
        font-size: 16px;
    }
}

/*よくある質問*/
#qa #title .lower-mv .catch {
    color: #2ba621;
}

#qa dl dt,
#qa dl dd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    align-items: flex-start;
    -ms-flex-align: start;
}

#qa dl .faq-item {
    width: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: normal;
    font-size: 40px;
    color: #fff;
    border-radius: 5px;
    background: #8b644f;
    position: relative;
    z-index: 0;
}

#qa dl .faq-item:before {
    content: "";
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    border: 1px solid #fff;
    border-radius: 4px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
}

#qa dl .txt {
    width: calc(100% - 100px);
    margin-left: 20px;
    font-weight: normal;
}

#qa dl dd .faq-item {
    background: #58b089;
}

#qa dl dd .faq-item:before {
    color: #58b089;
}

#qa dl dd .faq-item .img {
    height: 55px;
    margin-bottom: 3px;
}

/*採用情報*/
/*-全体-採用情報*/
body#recruit {
    font-family: "Noto Sans JP", sans-serif;
    color: #000;
}

#recruit li {
    color: #000;
}

/*-MV-採用情報*/
#title.recruitTitle {
    width: 100%;
    max-width: 100%;
    height: auto;
    font-family: "Noto Serif JP", sans-serif;
    background: #f2e8e1;
}

#title.recruitTitle .catch {
    padding: 20px 30px;
    font-size: 23px;
    color: #42210b;
}

#title.recruitTitle .catch .sub {
    margin-left: 15px;
    font-size: 60%;
    color: #736357;
}

.recruitLowerimg {
    width: 100%;
    display: block;
    position: relative;
}

.recruitLowerimg img {
    width: 100%;
    height: 100% !important;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% top;
    object-position: 50% top;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0;
}

.recruitLowerimg .show\@pc:before {
    content: "";
    display: block;
    padding-top: 550px;
}

.recruitLowerimg .show\@sp:before {
    content: "";
    display: block;
    padding-top: 70vh;
}

.recruitLowerimg .catch {
    font-family: "Noto Serif JP", sans-serif;
    font-size: 43px;
    color: #534741;
    text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    left: 10%;
    z-index: 1;
}

.recruitLowerimg .catch .sub {
    margin-top: 50px;
    font-size: 30px;
    color: #534741;
    line-height: 1.8;
}

/*recruitPoint*/
.recruitPoint .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
}

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

.recruitPoint .item+.item {
    margin-top: 60px;
}

.recruitPoint .item .tit {
    width: 250px;
    height: 250px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-family: "Noto Serif JP", sans-serif;
    font-size: 26px;
    color: #736357;
    line-height: 1.5;
    text-align: center;
    background: #faf5f2;
    position: relative;
    z-index: 0;
}

.recruitPoint .item .tit .num {
    font-size: 70px;
    color: #ebebeb;
    line-height: 1;
    position: absolute;
    top: 0px;
    left: 10px;
    z-index: 0;
}

.recruitPoint .item:nth-of-type(even) .tit .num {
    left: auto;
    right: 10px;
}

.recruitPoint .item .txtbox {
    width: calc(100% - 220px);
    margin-left: -30px;
    padding: 30px 90px;
    background: #fff;
    -webkit-box-shadow: 2px 2px 1px #c5c5c5;
    box-shadow: 2px 2px 1px #c5c5c5;
    position: relative;
    z-index: 1;
}

.recruitPoint .item:nth-of-type(even) .txtbox {
    margin-left: 0;
    margin-right: -30px;
    -webkit-box-shadow: -2px 2px 1px #c5c5c5;
    box-shadow: -2px 2px 1px #c5c5c5;
}

.recruitPoint .item .txtbox .list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: "Noto Serif JP", serif;
    font-weight: bold;
    line-height: 1.5;
}

.recruitPoint .item .txtbox .list li:before {
    content: "";
    width: 25px;
    height: 25px;
    display: inline-block;
    margin-right: 5px;
    background-image: url("/upload/tenant_1/a31bcdf5d02f888afa79ab86eb9954e9.png");
    background-repeat: no-repeat;
    background-position: center;
    background-color: #4ba899;
    flex-shrink: 0;
}

.recruitPoint .item .txtbox .list li+li {
    margin-top: 15px;
}

.recruitPoint .item .txtbox .txt {
    margin-top: 20px;
    font-size: 12px;
    color: #989898;
    line-height: 1.5;
}

@media (max-width: 1024px) {
    .recruitPoint .item .txtbox {
        padding: 30px 30px;
    }
}

@media (max-width: 599px) {
    .recruitPoint .item+.item {
        margin-top: 20px;
        padding-top: 40px;
        border-top: 2px solid #c5c5c5;
    }

    .recruitPoint .item .tit {
        width: 100%;
        height: 160px;
    }

    .recruitPoint .item .txtbox,
    .recruitPoint .item:nth-of-type(even) .txtbox {
        width: 100%;
        margin: 0;
        padding: 30px 10px;
        -webkit-box-shadow: inherit;
        box-shadow: inherit;
    }
}

/*recruitSlide*/
.recruitSlide {
    max-height: 250px;
    overflow: hidden;
}

.recruitSlide .slide img {
    width: 100%;
    height: 100% !important;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    font-family: "object-fit: cover; object-position: 50% 50%;";
    position: absolute;
    top: 0;
    left: 0;
}

.recruitSlide .slide:after {
    content: "";
    display: block;
    padding-top: 250px;
}

@media (max-width: 599px) {
    .recruitSlide .slide:after {
        padding-top: 70%;
    }
}

/*recruitMessage*/
.recruitMessage .box {
    padding-left: 90px;
    padding-right: 90px;
}

.recruitMessage .box .item .txtbox .txt {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    line-height: 2;
}

.recruitMessage .box .item .txtbox .txt .sub {
    font-size: 22px;
    color: #988575;
}

@media (max-width: 1024px) {
    .recruitMessage .box {
        padding-left: 40px;
        padding-right: 40px;
    }
}

@media (max-width: 599px) {
    .recruitMessage .box {
        padding-left: 20px;
        padding-right: 20px;
    }

    .recruitMessage .box .item .img {
        width: 70%;
        margin-left: auto;
        margin-right: auto;
    }

    .recruitMessage .box .item .txtbox {
        width: 100%;
        margin-top: 20px;
    }

    .recruitMessage .box .item .txtbox .txt .sub {
        margin-top: 20px;
        font-size: 18px;
    }
}

/*recruitInterview*/
.recruitInterview .box .item+.item {
    margin-top: 60px;
}

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

.recruitMessageList li+li {
    margin-top: 30px;
}

.recruitMessageList li dl dt {
    margin-bottom: 20px;
    font-weight: 400;
    font-size: 18px;
    color: #00ac9a;
    letter-spacing: 1.5px;
}

.recruitMessageList li dl dd {
    line-height: 2;
}

@media (max-width: 599px) {
    .recruitInterview .box .item .img {
        width: 70%;
        margin-left: auto;
        margin-right: auto;
    }

    .recruitInterview .box .item .txtbox {
        width: 100%;
        margin-top: 20px;
    }
}

/*recruitFaq*/
.recruitFaq .box {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

.recruitFaq .box .item {
    padding: 40px;
    background: #fff;
}

.recruitFaq .box .item+.item {
    margin-top: 20px;
}

.recruitFaq .box .item dl {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

.recruitFaq .box .item dl dt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    align-items: baseline;
    -ms-flex-align: baseline;
    margin-bottom: 20px;
    font-size: 18px;
}

.recruitFaq .box .item dl dt .sub {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 5px;
    font-size: 19px;
    color: #534741;
}

.recruitFaq .box .item dl dt .txt {
    color: #534741;
}

.recruitFaq .box .item dl dd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    align-items: baseline;
    -ms-flex-align: baseline;
    padding-left: 20px;
    line-height: 2;
}

.recruitFaq .box .item dl dd .sub {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 5px;
    font-size: 19px;
    color: #a94b5b;
}

.recruitFaq .box .item dl dd .txt {
    color: #000;
}

@media (max-width: 1024px) {
    .recruitFaq .box {
        width: 90%;
    }
}

@media (max-width: 599px) {
    .recruitFaq .box .item {
        padding: 20px 10px;
    }

    .recruitFaq .box .item dl {
        width: 100%;
    }
}

/*recruitBanner*/
.recruitBanner .item {
    background: #9f5619;
    position: relative;
    z-index: 0;
}

.recruitBanner .item a {
    display: block;
}

.recruitBanner .item .img {
    opacity: 0.8;
}

.recruitBanner .item .txt {
    font-size: 21px;
    color: #fff;
    line-height: 1.5;
    text-align: center;
    white-space: nowrap;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
}

/*recruitForm*/
.recruitForm .box {
    padding-left: 90px;
    padding-right: 90px;
}

.recruitForm .box .form .item+.item {
    margin-top: 40px;
}

.recruitForm .box .form .item dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    align-items: flex-start;
    -ms-flex-align: start;
}

.recruitForm .box .form .item dl dt {
    width: 310px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    font-size: 15px;
    line-height: 1.2;
    text-align: right;
}

.recruitForm .box .form .item dl dt .txt {
    width: calc(100% - 70px);
    color: #000;
    text-align: right;
}

.recruitForm .box .form .item dl dt .mandatory {
    width: 50px;
    margin-left: 20px;
    padding: 5px 10px;
    font-size: 13px;
    color: #fff;
    text-align: center;
    background: #988575;
}

.recruitForm .box .form .item dl dt .mandatory.any {
  color: #988575;
  background: #fff;
  border: 1px solid #988575;
}

.recruitForm .box .form .item dl dd {
    width: calc(100% - 330px);
    margin-left: 20px;
}

.recruitForm .box .form .item .full-form input {
    width: 100%;
    height: 100%;
    padding: 10px;
    border: 2px solid #c5c5c5;
    border-radius: 5px;
    background: #fff;
}

.recruitForm .box .form .item .form-text textarea {
    width: 100%;
    min-height: 150px;
    padding: 10px;
    border: 2px solid #c5c5c5;
    border-radius: 5px;
    background: #fff;
}

.recruitForm .box .form .item .shape-item {
    width: 100%;
    display: block;
}

.recruitForm .box .form .item .shape-item+.shape-item {
    margin-top: 10px;
}

.recruitForm .box .form .item .shape-item label {
    margin-left: 10px;
    font-size: 16px;
}

@media (max-width: 1024px) {
    .recruitForm .box {
        padding-left: 40px;
        padding-right: 40px;
    }

    .recruitForm .box .form .item dl dt {
        width: 200px;
    }

    .recruitForm .box .form .item dl dd {
        width: calc(100% - 220px);
    }

    .recruitForm .box .form .item .full-form input {
        padding: 5px;
    }
}

@media (max-width: 599px) {
    .recruitForm .box {
        padding-left: 20px;
        padding-right: 20px;
    }

    .recruitForm .box .form .item dl dt {
        width: 100%;
    }

    .recruitForm .box .form .item dl dt .txt {
        width: auto;
        text-align: left;
    }

    .recruitForm .box .form .item dl dd {
        width: 100%;
        margin-top: 10px;
        margin-left: 0;
    }
}

/*recruitInformation*/
.recruitInformation .box {
    padding-left: 90px;
    padding-right: 90px;
}

.recruitInformation .box+.box {
    margin-top: 60px;
}

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

.recruitInformation .item+.item {
    margin-top: 20px;
    padding-top: 20px;
    border-top: solid 1px #cfc3b9;
}

.recruitInformation .item dt {
    width: 20%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: 18px;
}

.recruitInformation .item dd {
    width: 10%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-left: 10px;
    font-size: 18px;
    line-height: 1.5;
}

#recruit_detail .recruitLowerimg img {
    -o-object-position: 50% center;
    object-position: 50% center;
}

#recruit_detail .recruitLowerimg show\@pc:before {
    padding-top: 350px;
}

#recruit_detail .recruitLowerimg .catch {
    font-size: 36px;
    left: auto;
    right: 10%;
}

#recruit_detail .recruitLowerimg .catch .sub {
    margin-top: 20px;
    font-size: 20px;
}

@media (max-width: 1024px) {
    .recruitInformation .box {
        padding-left: 40px;
        padding-right: 40px;
    }

    .recruitInformation .item dt {
        font-size: 16px;
    }

    .recruitInformation .item dd {
        font-size: 16px;
    }

    #recruit_detail .recruitLowerimg:after {
        padding-top: 250px;
    }

    #recruit_detail .recruitLowerimg .catch {
        font-size: 30px;
        -webkit-transform: inherit;
        transform: inherit;
        top: auto;
        bottom: 5%;
        left: 5%;
    }

    #recruit_detail .recruitLowerimg .catch .sub {
        margin-top: 10px;
        font-size: 18px;
    }
}

@media (max-width: 599px) {
    #footer .pagetop {
        bottom: 50px;
    }

    .recruitInformation .box {
        padding-left: 20px;
        padding-right: 20px;
    }

    .recruitInformation .item dt {
        width: 100%;
    }

    .recruitInformation .item dd {
        width: 100%;
        margin-top: 10px;
        margin-left: 0;
    }

    .recruitLowerimg .catch {
        font-size: 26px;
        -webkit-transform: inherit;
        transform: inherit;
        top: 30px;
        left: 30px;
    }

    .recruitLowerimg .catch .sub {
        margin-top: 30px;
        font-size: 18px;
    }
}

/*アミノインデックス®リスクスクリーニング*/
@media (max-width: 599px) {
    #aminoindex table.basic01 {
        width: 100%;
        font-size: 12px;
    }
}

/*アレルギー検査・栄養解析*/
@media (max-width: 599px) {
    #allergy #table_wrap {
        display: block;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap;
    }
}

@media (max-width: 599px) {
    #contents .img_left {
        margin: 0;
        margin-bottom: 10px;
    }
}

/*コンテンツSP上書き用*/
@media (max-width: 599px) {
    #contents .fitem-left-sp {
        width: 100%;
        margin: 0;
    }

    #contents .fitem-right-sp {
        width: 100%;
        margin: 0;
        margin-top: 20px;
    }
}

[data-element-id] .recruitLowerimg .show\@sp {
    width: 30%;
}

[data-element-id] .fixedSp {
    display: block;
    position: relative;
}

[data-element-id] #nav li {
    width: 50%;
}

[data-element-id] li#nav_menu-sp {
    width: 100%;
}

[data-element-id] .pc-none {
    display: block !important;
    margin: 1%;
    -ms-writing-mode: inherit;
    -webkit-writing-mode: inherit;
    writing-mode: inherit;
    border: 1px solid #fdc44f;
    position: relative;
    z-index: 0;
}

[data-element-id] .pc-none:before {
    content: "スマホナビ";
    width: calc(100% + 2px);
    display: block;
    padding: 2px 5px;
    font-size: 12px;
    color: white;
    line-height: 1.2;
    text-align: center;
    background-color: #fdc44f;
    position: absolute;
    bottom: 100%;
    left: -1px;
    z-index: 0;
}

[data-element-id] .slickSlider .show\@pc,
[data-element-id].recruitSlider {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

[data-element-id] .slide {
    width: 30%;
    margin: 20px;
    border: 2px solid #fdc44f;
}

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

[data-element-id] #footer .pagetop {
    top: -100px;
    z-index: 10;
}

/*23,0127 追記 */

#top #contents #blog .item .txt {
    height: calc((16px * 1.6) * 2);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 16px;
    color: #333;
    line-height: 1.5;
    -webkit-line-clamp: 3;
}

.mti-0{
  margin-top: 0px !important;
}

@media only screen and (max-width: 599px){
  .mti-0{
  margin-top: 5px !important;
}

#top #contents #blog .item .txt {
    height: calc((16px * 1.6) * 2);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 16px;
    color: #333;
    line-height: 1.5;
    -webkit-line-clamp: 3;
}
}

.di-none{
  display: none !important;
}

#tp-md-inner>* {
z-index: 999 !important;
}

.overlay .tag-popup__area {
  z-index: 5 !important;
}

.overlay #tp-md-wrapper>* {
  z-index: 10 !important;
}

#popup-area-365 {
z-index: 9999 !important;
}
#popup-area-1167 {
z-index: 10 !important;
}

  .recruitForm .box .form .item .shape-item label {
    margin-left: 10px;
    font-size: 16px;
    position: relative;
    top: 2px;
}


.form-flex{
  display: flex;
  align-items: center;
}

.form-flex input{
  width: 10% !important;
}

.form-flex span{
  margin-right: 5px;
  margin-left: 5px;
  color: #333 !important;
}

@media only screen and (max-width: 1024px){
  .form-flex input{
  width: 25% !important;
}
}

.annoptation{
  text-align: center;
  color: red;
}

.r{
  display: inline-block;
}

@media only screen and (min-width: 1025px){
  .pc-none-txt{
  display: none;
}
}

@media only screen and (max-width: 599px){
  .r{
  display: block;
}

.annoptation{
  line-height: 1.5rem;
}

}

.cx_anchor09 a:before{
  content: "\f0dd";
    margin-right: 5px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 26px;
    line-height: 0;
}

@media (max-width: 599px) {
  .cx_anchor09{
    display: none
  }
}

@media only screen and (min-width: 1025px){
  .sp_anchor09,
  .sp_anchor10{
    display: none;
  }
}