@charset "utf-8";
/*共通*/
:root {
    --sp-width: 92%;
    --cl-bl: #17000E;
    --cl-bl-top: rgba(23, 0, 14, 0.75);
    --cl-transparent-bl: rgba(23, 0, 14, 0.2);
    --cl-wh: #ffffff;
    --cl-contact: #C68C7B;
    --cl-recruit: #6EB9B7;
    --cl-transparent-recruit: rgba(110, 185, 183, 0.1);
    --cl-best: #CDAB33;
    --cl-transparent-best: rgba(205, 172, 50, 0.8);
    --cl-day: #AC5281;
    --cl-transparent-day: rgba(172, 82, 129, 0.6);
    --cl-day-flow: #BF8DA7;
    --cl-haku: #6D889F;
    --cl-transparent-haku: rgba(109, 136, 159, 0.65);
    --cl-haku-flow: #92A8BE;
    --cl-haku-flow-line: #566F84;
    --cl-p_care: #6F9F6D;
    --cl-transparent-p_care: rgba(111, 159, 109, 0.6);
    --cl-c_plan: #8A6EAB;
    --cl-transparent-c_plan: rgba(138, 110, 171, 0.7);
    --cl-text: #333333;
    --cl-asterisk: #FF0000;
    --cl-req-send: rgba(110,185,183, 0.15);

 /* フォント */
    /* 基本はこれ */
    --main-font: 'Kiwi Maru', serif;
    /* 数字はこれ */
    --main-second-font: 'm-plus-rounded-2p', sans-serif;
    /* 基本はこれ */
    --main-third-font: "nitalago-ruika", sans-serif;
}
    html {
        scroll-behavior: smooth;
    }
    body {
        color: var(--cl-text);
        position: relative;
        overflow-x: hidden;
    }
    /* スクロールバーの指定(仮) */
    ::-webkit-scrollbar {
        width: 5px;
    }
    ::-webkit-scrollbar-track {
        background: var(--cl-wh);
    }
    ::-webkit-scrollbar-thumb {
        background: var(--cl-best);border-radius: 5px;
    }
    a {
        color: var(--cl-text);
        text-decoration: none;
        display: block;
    }
    ul,li {
        list-style-type: none;
    }
    img {
        display: block;
    }

    .btn__arrow-marker,
    .next.page-numbers,
    .prev.page-numbers {
        position: relative;
    }
    .btn__arrow-marker::after,
    .next.page-numbers::after,
    .prev.page-numbers::after {
        content: "▲";
        padding: 0 6px 4px;
        color: var(--cl-wh);
        font-size: 14px;
        background: var(--cl-best);
        border: 1px solid transparent;
        border-radius: 50%;
        transform: rotate(90deg);
        position: absolute;
        top: calc(100% / 2 - 13px);
        right: 10px;
        transition: all 0.2s linear 0s;
    }
    .btn__arrow-marker:hover::after,
    .next.page-numbers:hover::after,
    .prev.page-numbers:hover::after {
        color: var(--cl-best);
        background: var(--cl-wh);
        border: 1px solid var(--cl-best);
    }
    .btn__arrow-marker-wh {
        position: relative;
    }
    .btn__arrow-marker-wh::after {
        content: "▲";
        padding: 0 6px 4px;
        color: var(--cl-best);
        font-size: 14px;
        background: var(--cl-wh);
        border-radius: 50%;
        transform: rotate(90deg);
        position: absolute;
        top: calc(100% / 2 - 13px);
        right: 10px;
        transition: all 0.2s linear 0s;
    }
    .btn__arrow-marker-wh:hover::after {
        color: var(--cl-wh);
        background: var(--cl-best);
    }
    .h__container,
    .h-index__container,
    .h__logo-box,
    .nav__img-box,
    .nav__hamb-list,
    .cssbook-animation,
    .m__top,
    .m__compinfo,
    .m__staffinfo-secbox,
    .m__staffinfo-box,
    .m__staffinfo-secbox,
    .main-info,
    .info-container .m__info-box,
    .m__article-container,
    .m__heading-box .m__heading,
    .m__heading-box .blog-day,
    .m__info-content .m__blog-box p,
    .btn-backinfo-box,
    .m__tsukumo .m__heading,
    .main .h__underlay,
    .m__concept-box,
    .m__tsukumo-info-article,
    .m__haku-info-article,
    .m__p-care-info-article,
    .m__req-content {
        width: var(--sp-width);
        margin: 0 auto;
    }

    /* 固定ボタン */
    .btn-container {
        position: fixed;
        bottom: 20px;
        right: 15px;
        z-index: 90;
    }
    .btn-box {
        display: flex;
        justify-content: right;
        align-items: center;
        gap: 35px;
    }
    .contact-btn {
        width: 13.5em;
        padding: 10px 0;
        color: var(--cl-wh);
        font-size: 18px;
        font-family: var(--main-font);
        text-align: center;
        background: var(--cl-contact);
        border: solid 3px var(--cl-contact);
        box-shadow: 2px 2px 5px var(--cl-transparent-bl);
        border-radius: 30px;
        transition: all 0.2s linear 0s;
    }
    .contact-btn:hover {
        color: var(--cl-contact);
        background: var(--cl-wh);
    }
    .up-btn {
        width: 70px;
        background: var(--cl-wh);
        border-radius: 30px;
        box-shadow: 2px 2px 5px var(--cl-transparent-bl);
        display: flex;
        justify-content: center;
        align-items: center;
        transition: all 0.2s linear 0s;
    }
    .up-btn:hover {
        background: var(--cl-transparent-best);
    }
    .up-btn:hover .material-symbols-outlined {
        color: var(--cl-wh);
    }
    .material-symbols-outlined {
        color: var(--cl-text);
        display: block;
        font-size: 50px;
        transition: all 0.2s linear 0s;
        font-variation-settings:
        'FILL' 0,
        'wght' 500,
        'GRAD' 0,
        'opsz' 48
    }
    .br::before{
        content: "\A" ;
        white-space: pre ;
    }


/*ヘッダー*/
    .header {
        background: var(--cl-bl);
        color: var(--cl-wh);
        font-family: var(--main-font);
    }

    .h__container {
        padding-top: 90px;
    }

    /* SPヘッダ－ 下層 */
    .h__logo-container {
        width: 100%;
        padding: 35px 0;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 110;
        transition: all 0.3s;
    }
    .h__logo-box {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .hamb__open .h__main-logo {
        opacity: 0;
    }
    .nav__img-box a {
        display: inline-block;
    }
    .h__main-logo img,
    .nav__img {
        width: 172px;
    }
    .h__main-logo , .h__main-logo-bl , .h__main-logo-wh {
        transition: all 0.3s;
    }

    /* h__logo-container がメイン領域に来たら */
    .h__scroll .h__logo-container {
        background: linear-gradient(0deg, #ffffff00, #ffffffa8 5%);
    }
    .h__scroll .h__main-logo-wh {
        opacity: 0;
    }
    .h__scroll .h__main-logo-bl {
        opacity: 1;
    }
    .h__scroll .hamb-nav__box-txt {
        color: var(--cl-bl);
    }
    .h__scroll .hamb-nav__box-line  {
        background: var(--cl-bl);
    }

    /* スクロールしたとき */
    .h__main-logo-wh {
        position: relative;
        opacity: 1;
    }
    .h__main-logo-bl {
        position: absolute;
        top: 35px;
        opacity: 0;
    }
    .hamb__open .navbtn {
        z-index: 110;
    }
    .nav__img-box {
        padding: 35px 0 40px;
    }
    .hamb__open .hamb-nav__box {
        height: 22px;
        position: relative;
    }
    .hamb-nav__box-line {
        width: 100%;
        height: 1px;
        margin-bottom: 6px;
        background: var(--cl-wh);
        transition: all 0.3s;
    }
    .hamb__open .hamb-nav__box-line {
        background: var(--cl-bl);
    }
    .hamb__open .hamb-nav__box-line:first-child {
        transform: rotate(25deg);
        position: absolute;
        top: 10px;
        left: 0;
    }
    .hamb__open .hamb-nav__box-line:nth-child(2) {
        opacity: 0;
    }
    .hamb__open .hamb-nav__box-line:last-child {
        transform: rotate(-25deg);
        position: absolute;
        top: 10px;
        left: 0;
    }
    .hamb-nav__box-txt {
        width: 4em;
        font-size: 12px;
        text-align: center;
        color: var(--cl-wh);
    }
    .hamb__open .hamb-nav__box-txt {
        margin-top: 2px;
        color: var(--cl-bl);
    }
    .hamb-nav__box-open {
        display: revert;
    }
    .hamb__open .hamb-nav__box-open {
        display: none;
    }
    .hamb-nav__box-close {
        display: none;
    }
    .hamb__open .hamb-nav__box-close {
        display: revert;
    }
    .hamb__link--pc {
        display: none;
    }
    .nav__hamb-items:nth-child(-n+3) .hamb__link {
        margin-bottom: 22px;
        padding: 15px 0 15px 100px;
        color: var(--color-wh);
        font-size: 20px;
        border-radius: 20px;
    }
    .nav__hamb-items:first-child .hamb__link {
        background: url(../images/company.svg) no-repeat center left 40px var(--cl-transparent-best);
    }
    .nav__hamb-items:nth-child(2) .hamb__link {
        letter-spacing: -0.05em;
        background: url(../images/contact.svg) no-repeat center left 40px var(--cl-contact);
    }
    .nav__hamb-items:nth-child(3) .hamb__link {
        margin-bottom: 30px;
        background: url(../images/recruit.svg) no-repeat center left 40px var(--cl-recruit);
    }
    .nav__hamb-items:nth-child(n+4) .hamb__link,
    .nav__hamb-items:last-child,
    .nav__hamb-items-txt {
        padding: 5px 10px;
        margin-bottom: 20px;
    }
    .nav__hamb-items:last-child {
        margin-bottom: 10px;
    }
    .nav__hamb-items--pointer {
        cursor: pointer;
        display: block;
    }

    .nav__hamb-items:last-child {
        color: var(--cl-bl);
    }
    .nav__hamb-list {
        height: 80vh;
        overflow: scroll;
    }
    .nav__hamb-list::-webkit-scrollbar{
        display:none;
    }
    .nav__hamb-list .btn__arrow-marker::after {
        padding: 0 5px 5px;
        font-size: 12px;
    }
    .nav__hamb-list .btn__arrow-marker:last-child::after {
        top: 6px;
    }
    .nav__acho-items:first-child {
        display: none;
    }
    .nav__acho-items:first-child,
    .nav__acho-items .hamb__link--sub {
        margin: 20px 0 10px 25px;
        text-align: left;
    }
    .nav__acho-items .hamb__link--sub:last-child {
        margin-bottom: 0;
    }
    /* SP晩ナビのサービスプラスボタン */
    .btn__arrow-marker-plus {
        cursor: pointer;
        position: relative;
    }
    .btn__arrow-marker-plus::after {
        content: "＋";
        padding: 0 4px 2px;
        color: var(--cl-wh);
        font-size: 15px;
        font-weight: bold;
        background: var(--cl-best);
        border-radius: 50%;
        position: absolute;
        top: 5px;
        right: 10px;
    }
    .hamb__open--sub .btn__arrow-marker-plus::after {
        content: "－";
    }
    .nav__hamb-items .btn__arrow-marker-wh{
        display: none;
    }
    .nav__acho-list .btn__arrow-marker::after {
        display: none;
    }
    
    .nav > .nav__acho-list {
        display: none;
    }

    /* SP版のナビ開く指示 */
    @media screen and (max-width: 1089px) {
        .nav {
            background: var(--cl-wh);
            position: fixed;
            inset: 0 -100% 0 100%;
            z-index: 100;
            transition: transform 0.5s;
        }
        .hamb__open .nav {
            transform: translate(-100%, 0);
        }
        .hamb__open .hamb-nav__box-txt {
            color: var(--cl-bl);
        }
        .nav__acho-list {
            display: none;
        }
        .hamb__open--sub .nav__acho-list {
            display: block;
        }
        .hamb__open body {
            overflow: hidden;
        }
        .hamb__open .h__scroll .h__logo-container {
            background: none;
        }
    }

    /* SP版ヘッダー タイトル文字 */
        .concept-text {
        padding: 40px 0;
        text-align: right;
    }
    .h__underlay {
        padding: 70px 0 40px;
        font-size: 30px;
        font-weight: normal;
        letter-spacing: 0.05em;
        text-align: right;
        position: relative;
    }
    /* SP版ヘッダー 背景の文字 */
    .h__underlay::before {
        content: "Best Staff";
        font-size: 46px;
        font-family: var(--main-third-font);
        opacity: 0.1;
        position: absolute;
        bottom: 55px;
        right: 0;
    }
    .h__tsukumo::before {
        content: "Tsukumo";
    }
    .h__haku {
        font-size: 24px;
    }
    .h__haku::before {
        content: "Haku";
    }
    .h__tsukumo-plan {
        font-size: 28px;
    }

    /* SPヘッダーTop */
    .h-index__container {
        padding: 40px 0 60px;
    }
    .h-index__logo-container {
        width: clamp(227px, 25.6vw, 350px);
        margin: 0 auto 40px;
        display: grid;
        align-content: center;
        grid-template: 
        "best best" auto
        "haku tsukumo" auto
        /auto auto;
        gap: 50px 0;
    }
    .h-index__main-logo {
        grid-area: best;
        place-self: center;
    }
    .h-index__main-logo img {
        width: clamp(227px, 25.6vw, 350px);
    }
    .h__sub-logo-h {
        grid-area: haku;
    }
    .h__sub-logo-h img,
    .h__sub-logo-t img {
        width: clamp(104px, 9.5vw, 130px);
    }
    .h__sub-logo-t {
        grid-area: tsukumo;
        place-self: center end;
    }
    .h-index__concept-text {
        font-size: clamp(1.5rem, 1.4054rem + 0.4036vw, 1.75rem);
        margin-bottom: 20px;
        text-align: center;
        font-weight: normal;
    }
    .h-index__container > h3 {
        margin-bottom: 40px;
        font-size: 16px;
        font-weight: lighter;
    }
    .h__menu-items:first-child .h__link {
        margin-bottom: 30px;
        padding: 20px 0;
    }
    .h__menu-items:last-child .h__link {
        margin-top: 30px;
        padding: 0;
        background: none;
    }
    .h__menu-img {
        width: 100%;
        height: auto;
    }
    .h__link {
        width: 100%;
        padding: 10px 0;
        font-size: 20px;
        font-weight: bold;
        text-align: center;
        text-decoration: none;
        background: var(--cl-wh);
        border-radius: 13px;
        display: block;
        transition: all 0.2s linear 0s;
    }
    .h__link:hover {
        color: var(--cl-wh);
        font-weight: lighter;
        background: var(--cl-best);
    }

    /* メイン */

    /* ヘッダーのロゴ等の色が変わるやつの指定 */
    /* にゅっと白から黒に変わるのは JSですることになりましたが、まだ制作していないので noneにしています
    .main .h__logo-container {
        margin-top: -80px;
        padding: 35px 15px;
        background: linear-gradient(180deg, rgb(255, 255, 255), rgba(255, 255, 255, 0.514));
        display: none;
    }
    .main .hamb-nav__box-line {
        background: var(--cl-bl);
    }
    .main .hamb-nav__box-txt {
        color: var(--cl-bl);
    }
    .m__navbtn .hamb-nav__box-txt {
        color: var(--cl-bl);
    }
    */

    .main {
        padding: 50px 0 150px;
        background-image: url(../images/backimage.png);
        background-attachment: fixed;
        font-family: var(--main-font);
    }
    .main .h__underlay {
        display: none;
    }
    .bg__none {
        background: none;
    }

    /* トップページ */
    .index-container .main {
        padding: 0;
        color: var(--cl-wh);
    }
    .m__top-bg {
        background: url(../images/sp-top.png) center/cover no-repeat;
    }
    .m__top {
        padding: 30px 0;
        text-align: center;
    }
    .m__link,
    .m__article-info {
        margin-bottom: 30px;
        padding: 15px 22px;
        color: var(--cl-wh);
        background: var(--cl-bl-top);
        border-radius: 10px;
        transition: all 0.2s linear 0s;
    }
    .m__article-info:last-child {
        margin-bottom: 0;
    }
    .m__link:last-child {
        margin-bottom: 0;
    }
    .m__link:hover {
        opacity: 0.7;
    }
    .m__info-notice {
        font-weight: lighter;
    }
    .m__article-info-blog .m__article-list {
        display: grid;
        grid-template-columns: repeat( auto-fill, minmax(300px,1fr) );
        gap: 0 50px;
    }
    .m__article-info {
        padding: 35px 22px;
    }
    .m__article-box {
        margin-bottom: 20px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .m__article-box .m__article-heading {
        margin-bottom: 0;
        font-size: 23px;
        font-weight: lighter;
    }
    .m__article-box-link {
        padding-right: 25px;
        color: var(--cl-wh);
    }
    .m__article-box .btn__arrow-marker::after {
        font-size: 10px;
        padding: 0 5px 3.5px;
        top: calc(100% / 2 - 8px);
        right: 0;
    }
    .m__article-list-link {
        min-height: 0vh;
        padding: 20px 0;
        color: var(--cl-wh);
        font-size: clamp(0.875rem, 0.8277rem + 0.2018vw, 1rem);
        text-align: left;
        border-top: 1px solid var(--cl-wh);
    }
    .m__article-list-link:last-child {
        border-bottom: 1px solid var(--cl-wh);
    }
    .m__article-list-desc {
        font-size: 18px;
        padding-right: 45px;
    }
    .m__article-list .btn__arrow-marker::after {
        font-size: 10px;
        padding: 0 5px 3.5px;
        top: calc(100% / 2 - 8px);
        right: 0;
    }

    .m__article-info-blog .m__article-list-link {
        display: grid;
        grid-template:
        "blog-img  blog-img" auto
        "blog-desc blog-ttl" auto
        "blog-btn  blog-btn" auto
        /auto      auto;
        gap: 10px 0;
    }
    .m__article-info-blog .m__article-list-link:nth-child(n+2) {
        border-bottom: 1px solid var(--cl-wh);
    }
    /* トップブログ一覧が１列になった時 */
    @media screen and (max-width: 755px) {
        .m__article-info-blog .m__article-list-link:nth-child(n+2) {
            border-bottom: none;
        }
        .m__article-info-blog .m__article-list-link:last-child {
            border-bottom: 1px solid var(--cl-wh);
        }
    }
    .m__article-info-blog .m__article-list-ttl {
        text-align: right;
        grid-area: blog-ttl;
    }
    .m__article-info-blog .m__article-list-desc {
        grid-area: blog-desc;
    }
    .m__article-info-blog .m__article-list-img {
        height: 100px;
        background: var(--cl-wh);
        border-radius: 10px;
        position: relative;
        grid-area: blog-img;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
    }
    .m__article-info-blog .m__article-list-img img{
        width: auto;
        height: 100%;
    }
    .m__article-info-blog .m__article-list-link .m__article-list-img::before {
        content: "";
        width: 100%;
        height: 100%;
        border-radius: 10px;
        border: 5px solid transparent;
        transition: all 0.2s linear 0s;
        position: absolute;
        top: 0;
        left: 0;
    }
    .m__article-info-blog .m__article-list-link:hover .m__article-list-img::before {
        border: 5px solid var(--cl-transparent-best);
    }
    .m__article-info-blog .m__article-list-btn {
        width: 7em;
        margin-left: auto;
        color: var(--cl-best);
        text-align: center;
        background: var(--cl-wh);
        border-radius: 10px;
        grid-area: blog-btn;
        transition: all 0.2s linear 0s;
    }
    /* ブログ記事の「続きを読む」のホバーエフェクト（なしにしてます） */
    /* .m__article-info-blog .m__article-list-link:hover .m__article-list-btn {
        color: var(--cl-best);
        background: var(--cl-wh);
    } */

    /* トップページサービス */
    .index-container .m__company-info .label {
        display: none;
    }
    .section__tsukumo-day {
        background: url(../images/pc-top-day.png) center/cover no-repeat;
    }
    .section__haku-service {
        background: url(../images/pc-top-elderly.png) center/cover no-repeat;
    }
    .section__tsukumo-personalcare {
        background: url(../images/pc-top-personal.png) center/cover no-repeat;
    }
    .section__tsukumo-careplan {
        background: url(../images/pc-top-careplan.png) center/cover no-repeat;
    }
    .cssbook-animation {
        padding: 10px 0;
    }
    .cssbook-animation .m__link {
        margin-bottom: 0;
        padding: 0;
        background: url(../images/tsukumo-w.svg) top left/17vw no-repeat;
        border-radius: 0;
    }
    .section__haku-service .m__link {
        background: url(../images/haku-w.svg) top left/17vw no-repeat;
    }
    .m__link-box {
        height: min(390px, 53vw);
        position: relative;
    }
    .m__link-box-txt {
        font-size: 25px;
        font-weight: lighter;
        position: absolute;
        bottom: 2%;
        left: 0;
    }

    /* 会社案内 */
    .m__compinfo .m__heading {
        font-size: clamp(2.25rem, 2.1563rem + 0.3996vw, 2.5rem);
        margin: 0 0 60px;
        padding: 0;
        font-family: var(--main-third-font);
        text-align: left;
    }
    .m__compinfo-txt {
        margin-bottom: 50px;
    }
    .m__compinfo .m__heading:first-child {
        margin-bottom: 30px;
    }

    .m__compinfo .m__info-box {
        margin-top: 50px;
    }
    /* .m__compinfo-bs .m__info-box {
        padding-top: 60px;
    }
 */
    .m__compinfo .m__box-heading {
        padding: 0 0 3px clamp(0.9375rem, 0.8192rem + 0.5045vw, 1.25rem);
        font-size: clamp(1.5rem, 1.3595rem + 0.5994vw, 1.875rem);
        border-left: solid clamp(0.3125rem, 0.076rem + 1.0091vw, 0.9375rem) var(--cl-transparent-best);
    }

    .m__list,
    .m__compinfo-bs .m__company-bs-txt,
    .m__compinfo-bj .m__company-bs-txt {
        margin: 15px 0 0 45px;
        font-size: clamp(1.25rem, 1.1329rem + 0.4995vw, 1.5625rem);
    }
    /* .m__list {
        display: flex;
        justify-content: space-between;
        gap: 50px;
    } */
    .m__compinfo-bs .m__info-box:nth-child(3) .m__list {
        margin: 25px 20px 50px;
    }

    .m__items,
    .m__compinfo-bs .m__company-bs-txt,
    .m__compinfo-bj .m__company-bs-txt {
        line-height: 1.8;
        list-style: disc;
        text-decoration: underline;
    }
    .m__compinfo-bs .m__info-box:nth-child(3) .m__items {
        margin-bottom: 50px;
        list-style-type: none;
    }
    .m__items-img {
        width: 305px;
        margin-bottom: 10px;
        border-radius: 10px;
        border: 1px solid rgba(23, 0, 14, 0.1);
    }
    .m__compinfo-bs .m__company-bs-txt,
    .m__compinfo-bj .m__company-bs-txt {
        position: relative;
    }
    .m__compinfo-bs .m__company-bs-txt::before,
    .m__compinfo-bj .m__company-bs-txt::before {
        content: "・";
        text-decoration: none;
        font-weight: bold;
        position: absolute;
        top: calc(50% - 0);
        left: -25px;
    }
    .m__items a,
    .m__compinfo-bs .m__company-bs-txt a,
    .m__compinfo-bj .m__company-bs-txt a {
        display: inline-block;
        text-decoration: underline;
        transition: all 0.2s linear 0s;
    }
    .m__items a:hover,
    .m__compinfo-bs .m__company-bs-txt a:hover,
    .m__compinfo-bj .m__company-bs-txt a:hover {
        opacity: 0.7;
    }

    .m__compinfo-bj .m__heading {
        margin-top: 150px;
    }

    .m__items::marker {
        font-size: 50%;
    }

    .m-items-hindrance {
        text-decoration: none;
    }

    /* 職種紹介 */

    .m__staffinfo-secbox {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: 0 2em;
    }
    .m__staffinfo-box {
        width: 287px;
        margin-bottom: 50px;
    }
    .m__staffinfo-profession {
        margin:  auto;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 40px;
    }
    .m__staffinfo-profession .m__heading {
        width: 5em;
        padding-bottom: 0;
        text-align-last: justify;
        text-justify: inter-character;
    }
    .m__staffinfo-box:nth-child(n+8) .m__heading {
        text-align-last: left;
    }
    .m__staffinfo-box:nth-child(9) .m__staffinfo-profession .m__heading {
        letter-spacing: -0.17em;
    }
    .m__staffinfo-box img {
        border-radius: 50%;
        border: solid 2px var(--cl-best);
    }
    .m__staffinfo-line {
        position: relative;
        margin-left: 20px;
        display: inline-block;
        margin: 1.5em 0;
        padding: 20px 16px;
        min-width: 120px;
        max-width: 100%;
        font-size: 16px;
        background: #FFF;
        border: solid 2px var(--cl-best);
        border-radius: 20px;
        box-sizing: border-box;
    }
    .m__staffinfo-line::before {
        content: "";
        position: absolute;
        top: -21px;
        left: 66px;
        margin-left: -15px;
        border: 11px solid transparent;
        border-bottom: 11px solid #FFF;
        z-index: 2;
    }
    .m__staffinfo-line::after {
        content: "";
        position: absolute;
        top: -27px;
        left: 66px;
        margin-left: -17px;
        border: 13px solid transparent;
        border-bottom: 13px solid var(--cl-best);
        z-index: 1;
    }
    .m__staffinfo-line .m__heading {
        margin: 20px 0 10px;
        padding-bottom: 0;
        font-size: 22px;
        text-align: left;
    }

    /* お知らせ一覧 */
    .m__article-container {
        font-family: var(--main-font);
    }
    .m__heading {
        padding: 0 0 40px;
        text-align: center;
    }
    .m__info-items {
        padding: 20px 12px;
        border-top: var(--cl-best) 1px solid;
    }
    .m__info-items:last-child {
        border-bottom: var(--cl-best) 1px solid;
    }
    .m__info-notice .m__info-box {
        display: grid;
    }
    .m__box-heading {
        min-height: 0vw;
        margin: 5px 0;
        font-size: clamp(1.25rem, 1.1317rem + 0.5045vw, 1.5625rem);
        order: 2;
    }
    .m__blog-box p,
    .m__info-box p {
        order: 3;
    }
    .m__info-box .m__box-text-date {
        font-size: 14px;
        order: 1;
    }
    .readmore-btn {
        width: 8em;
        margin-left: auto;
        padding-bottom: 3px;
        color: var(--cl-wh);
        text-align: center;
        background: var(--cl-transparent-best);
        border: 1px solid var(--cl-transparent-best);
        border-radius: 20px;
        order: 4;
        transition: all 0.2s linear 0s;
    }
    .m__info-box:hover .readmore-btn {
        color: var(--cl-best);
        background: var(--cl-wh);
    }

    /* お知らせ一覧 ページ下部ボタンの設定 */
    .page-num__box,
    .nav-links {
        width: 233px;
        margin: 50px auto 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .page-num__box .btn__arrow-marker:first-child::after,
    .prev.page-numbers::after {
        transform: rotate(-90deg);
        top: calc(100% / 2 - 11px);
        right: -11px;
    }
    .page-num,
    .page-numbers {
        font-size: 20px;
        transition: all 0.2s linear 0s;
    }
    .page-num:hover,
    a.page-numbers:hover {
        opacity: 0.7;
    }
    .page-num__now,
    .page-numbers.current {
        color: var(--cl-best);
        font-size: 28px;
    }
    .page-num__box .btn__arrow-marker:last-child::after,
    .next.page-numbers::after {
        top: calc(100% / 2 - 11px);
        right: -15px;
    }

    /* お知らせ記事 */
    .m__heading-box {
        background: #F7F7F7;
        margin-bottom: 50px;
    }
    .m__info-content .m__heading,
    .m__blog-content .m__heading {
        padding: 30px 0 clamp(1.25rem, 1.1317rem + 0.5045vw, 1.5625rem);
        font-size: 20px;
    }
    .m__heading-box .blog-day {
        padding-bottom: 30px;
        color: var(--cl-best);
        font-size: clamp(0.875rem, 0.8277rem + 0.2018vw, 1rem);
    }
    .m__heading-box .m__heading,
    .m__heading-box .blog-day {
        padding-left: 15px;
        text-align: left;
    }
    .btn-backinfo-box {
        margin-top: 50px;
        display: grid;
        grid-template:
        "backinfo backinfo" auto
        "prev     next"     auto
        /auto     auto;
        gap: 45px 0;
    }
    .btn-backinfo {
        width: 12em;
        margin: 0 auto;
        padding: 0.44em 0 0.5em;
        color: var(--cl-wh);
        text-align: center;
        font-size: 18px;
        background: var(--cl-transparent-best);
        border: 3px solid transparent;
        border-radius: 20px;
        grid-area: backinfo;
        transition: all 0.2s linear 0s;
    }
    .btn-backinfo:hover {
        color: var(--cl-best);
        background: var(--cl-wh);
        border: 3px solid var(--cl-transparent-best);
    }
    .btn-backinfo-box .prev-btn.btn__arrow-marker::after{
        transform: rotate(-90deg);
        right: auto;
        left: 10px;
    }
    .prev-btn,
    .next-btn {
        width: 7.5em;
    }
    .btn-backinfo-box .btn__arrow-marker::after {
        padding: 0px 5px 4px;
        font-size: 12px;
        top: calc(100% / 2 - 9px);
    }
    .prev-btn {
        text-align: right;
        grid-area: prev;
    }
    .btn-backinfo-box .btn__arrow-marker:first-child::after {
        transform: rotate(-90deg);
    }
    .next-btn {
        margin-left: auto;
        grid-area: next;
    }

    /* ブログ一覧 */
    .m__blog-list {
        display: grid;
        grid-template-columns: repeat( auto-fill, minmax(320px,1fr) );
        gap: 0 70px;
    }
    .m__blog-lists {
        padding: 20px 12px;
        border-top: var(--cl-best) 1px solid;
    }
    .m__blog-lists:nth-child(n+4) {
        border-bottom: var(--cl-best) 1px solid;
    }
    @media screen and (max-width: 770px) {
        .m__blog-lists:nth-child(n+4) {
            border-bottom: none;
        }
        .m__blog-lists:last-child {
            border-bottom: var(--cl-best) 1px solid;
        }
    }
    /* .m__blog-lists:last-child {
        border-top: none;
    } */
    .m__blog-box {
        display: grid;
        grid-template:
        "b-img      b-img"  1fr
        "b-heading  b-date" auto
        "b-text     b-text" auto
        "b-btn      b-btn"  auto
        /auto       auto;
        align-content: center;
    }
    .m__blog-box .m__box-heading {
        font-size: 16px;
        grid-area: b-heading;
    }
    .m__blog-box .m__box-text-date {
        font-size: 14px;
        text-align: right;
        line-height: 2.5;
        grid-area: b-date;
    }
    .m__blog-box p {
        margin-top: 5px;
        line-height: 1.4;
        grid-area: b-text;
    }
    .m__blog-box .m__info-img {
        height: clamp(4.625rem, -0.2383rem + 20.75vw, 9.8125rem);
        margin: 0 0 10px;
        grid-area: b-img;
        border-radius: 20px;
        background: #ddd;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
        text-align: center;
    }
    .m__blog-box .m__info-img::before {
        content: "";
        width: 100%;
        height: 100%;
        border-radius: 20px;
        border: 5px solid transparent;
        transition: all 0.2s linear 0s;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
    }
    .m__blog-box:hover .m__info-img::before {
        border: 5px solid var(--cl-transparent-best);
        z-index: 2;
    }
    .m__blog-box .m__info-img img{
        width: auto;
        height: 100%;
    }
    .m__blog-box .readmore-btn {
        grid-area: b-btn;
        transition: all 0.2s linear 0s;
    }

    /* SPで横並びになった時 */
    @media screen and (min-width: 776px) {
        .m__blog-box .m__info-img {
            height: clamp(4.25rem, -0.8471rem + 10.5096vw, 6.3125rem);
        }
    }

    /* ブログ記事 */
    .m__blog-content-box p a{
        display: inline;
        text-decoration: underline;
    }
    .img-box,
    .m__blog-content-box figure {
        width: 100%;
        /* height: clamp(150px, 22vw, 300px); */
        margin: 50px 0;
        /* background: #ddd; */
        /* border-radius: 20px; */
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
    }
    .m__blog-content-box figure img{
        width: 100%;
        height: auto;
    }
    /* お問い合わせフォーム */
    /* form {
        margin-top: 56px;
    } */
    /* .bg__none {
        width: 100%;
        padding: 0 30px;
    } */
    /* .bg__none .m__heading {
        margin-top: 50px;
    } */
    .form__title {
        text-align: center;
        font-size: 24px;
        margin-bottom: 30px;
    }
    .m__contact-form span {
        color: #FF0000;
    }
    .form__list dt {
        margin: 40px 0 10px;
    }
    /*.form__list dd {
        display: flex;
        flex-wrap: wrap;
        column-gap: 50px;
        row-gap: 15px;
    }*/
    .input .label__text {
        color: var(--cl-bl);
    }
    .form__desc-checkbox {
        display: flex;
        flex-wrap: wrap;
        gap: 0 1.5em;
    }
    .form__desc-checkbox input[type=checkbox] {
        cursor: pointer;
        transition: all 0.2s linear 0s;
    }
    .form__desc-checkbox input[type=checkbox]:hover {
        opacity: 0.7;
    }
    input[type=text],[type=tel],[type=email] {
        width: 100%;
        padding: 10px;
        background-color: #EBEBEB;
        border-radius: 10px;
    }
    textarea {
        width: 100%;
        height: 150px;
        padding: 10px;
        background-color: #EBEBEB;
        border-radius: 10px;
    }
    .form__submit-btn {
        display: block;
        width: 136px;
        margin: 50px auto 0;
        color: #fff;
        background-color: #C68C7B;
        border-radius: 30px;
        padding: 10px;
    }
    .m__contact-bl {
        margin-top: 60px;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
    }
    .m__contact-sec {
        display: flex;
        flex-direction: column;
        margin-bottom: 60px;
    }
    .m__contact-sec h3 {
        color: #C68C7B;
        padding-bottom: 2px;
        margin-bottom: 10px;
        border-bottom: solid 3px #C68C7B;
    }
    .m__contact-box {
        width: clamp(315px, 50vw, 756px);
        padding: 20px;
        background-color: #c68c7b30;
        border-radius: 15px;
        margin: 0 auto;
    }
    .m__link-contact {
        width: 200px;
        margin: 60px auto 100px;
        background-color: #C68C7B;
        color: #fff;
        border-radius: 30px;
        padding: 8px;
        text-align: center;
    }

    /* お問い合わせ追記分 */
    .m__asterisk span {
        color: red;
    }
    .form__term span {
        color: red;
    }
    .wpcf7-not-valid-tip {
        margin-left: 15px;
    }
    .wpcf7-list-item {
        line-height: 2;
        cursor: pointer;
        transition: all 0.2s linear 0s;
    }
    .wpcf7-list-item:hover {
        opacity: 0.8;
    }
    .wpcf7-not-valid-tip {
        margin-left: 15px;
    }
    .wpcf7-list-item-label {
        padding-left: 0.2rem;
        cursor: pointer;
    }


    /* サービス */
    .m__tsukumo .m__heading {
        width: 5em;
        margin: 0 15px 0 auto;
        padding-bottom: 10px;
        text-align: right;
        font-size: 18px;
        font-weight: normal;
        position: relative;
    }
    .m__tsukumo .m__heading::before{
        content: "";
        width: 2.5em;
        height: 1px;
        background: var(--cl-bl);
        position: absolute;
        top: calc(100% / 2 - 3px);
        left: -3.5em;
    }
    .m__concept {
        color: var(--cl-wh);
        background: url(../images/pc-day.png) center/cover;
    }
    .m__concept-haku {
        background: url(../images/pc-elderly.png) center/cover;
    }
    .m__concept-p-care {
        background: url(../images/sp-personal.png) center/cover;
    }
    .m__concept-c-plan {
        background: url(../images/sp-careplan.png) center/cover;
    }
    .m__concept-heading {
        margin-bottom: 30px;
        padding: 85px 0 0;
        font-size: clamp(1.125rem, 0.8412rem + 1.2109vw, 1.875rem);
        font-weight: normal;
        position: relative;
    }
    .m__concept-heading::after {
        content: "";
        width: 3em;
        height: 1px;
        background: var(--cl-wh);
        position: absolute;
        bottom: 0.6em;
        left: 10.8em;
    }
    .m__haku .m__concept-heading::after {
        left: 8em;
    }
    .m__concept-text {
        padding-bottom: 20px;
        font-weight: lighter;
    }
    .m__tsukumo-info-article,
    .m__haku-info-article,
    .m__tsukumo_p-info,
    .m__p-care-info-article,
    .m__c-plan-info-article {
        margin-top: 100px;
    }
    .m__concept-p-care,
    .m__concept-c-plan {
        padding-top: 180px;
    }

    /* サービス施設の特徴 */
    .m__article-heading,
    .tsukumo_d-info-heading,
    .day-sycle-heading,
    .haku-info-heading,
    .tsukumo_p-info-heading,
    .p-care-heading {
        margin-bottom: 40px;
        text-align: center;
        font-size: 30px;
    }
    .m__features-wrap {
        margin-bottom: 100px;
        text-align: center;
        display: grid;
        grid-template-columns: 1fr 1fr;
        justify-items: center;
        gap: 50px 0;
    }
    .article-section {
        width: 150px;
        display: grid;
        grid-template-rows: 3em auto auto;
    }
    .m__features-wrap .info-heading {
        margin-bottom: 15px;
        color: var(--cl-transparent-day);
        font-family: var(--main-third-font);
        font-weight: lighter;
        order: 1;
    }
    .m__haku-info-article .info-heading {
        color: var(--cl-transparent-haku);
    }
    .m__p-care-info-article .info-heading {
        color: var(--cl-transparent-p_care);
    }
    .m__c-plan-info-article .info-heading {
        color: var(--cl-transparent-c_plan);
    }
    .m__features-wrap .info-heading__num {
        margin-left: 5px;
        font-size: 26px;
        font-weight: medium;
    }
    .m__features-wrap .section-text {
        margin-top: 20px;
        order: 3;
    }


        /* サービス 特徴ポップアップ */
    .popup-open {
        width: clamp(120px, 11vw, 152px);
        height: clamp(115px, 8vw, 110px);
        margin: 0 auto;
        background: var(--cl-wh);
        border-radius: 50%;
        box-shadow: 3px 3px 3px #0000001e;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        order: 2;
        cursor: pointer;
    }
    .popup-open img {
        width: clamp(42px, 4.9vw, 64px);
        height: auto;
        margin: 0 auto 10px;
    }
    .popup-open__text {
        color: var(--cl-transparent-day);
        min-height: 0vw;
        font-size: clamp(1rem, 0.9527rem + 0.2018vw, 1.125rem);
        text-align: center;
        letter-spacing: 0.3em;
    }
    .m__haku-info-article .popup-open__text {
        color: var(--cl-transparent-haku);
    }
    .m__p-care-info-article .popup-open__text {
        color: var(--cl-transparent-p_care);
    }
    .m__c-plan-info-article .popup-open__text {
        color: var(--cl-transparent-c_plan);
    }
    /* ポップアップ非表示 */
    #popup__day1,
    #popup__day2,
    #popup__day3,
    #popup__day4,
    #popup__day5,
    #popup__haku1,
    #popup__haku2,
    #popup__haku3,
    #popup__haku4,
    #popup__haku5,
    #popup__p-care1,
    #popup__p-care2,
    #popup__p-care3,
    #popup__p-care4,
    #popup__c-plan1,
    #popup__c-plan2 {
        display: none;
    }
    /* 黒背景非表示 */
    .overlay {
        display: none;
        z-index: 1000;
    }
    /* ポップアップするときに背景を動かさない */
    body:has( #popup__day1:checked ),
    body:has( #popup__day2:checked ),
    body:has( #popup__day3:checked ),
    body:has( #popup__day4:checked ),
    body:has( #popup__day5:checked ),
    body:has( #popup__haku1:checked ),
    body:has( #popup__haku2:checked ),
    body:has( #popup__haku3:checked ),
    body:has( #popup__haku4:checked ),
    body:has( #popup__haku5:checked ),
    body:has( #popup__p-care1:checked ),
    body:has( #popup__p-care2:checked ),
    body:has( #popup__p-care3:checked ),
    body:has( #popup__p-care4:checked ),
    body:has( #popup__c-plan1:checked ),
    body:has( #popup__c-plan2:checked ) {
        overflow: hidden;
    }

    /* ポップアップ表示 */
    #popup__day1:checked + .overlay,
    #popup__day2:checked + .overlay,
    #popup__day3:checked + .overlay,
    #popup__day4:checked + .overlay,
    #popup__day5:checked + .overlay,
    #popup__haku1:checked + .overlay,
    #popup__haku2:checked + .overlay,
    #popup__haku3:checked + .overlay,
    #popup__haku4:checked + .overlay,
    #popup__haku5:checked + .overlay,
    #popup__p-care1:checked + .overlay,
    #popup__p-care2:checked + .overlay,
    #popup__p-care3:checked + .overlay,
    #popup__p-care4:checked + .overlay,
    #popup__c-plan1:checked + .overlay,
    #popup__c-plan2:checked + .overlay {
        text-align: left;
        display: block;
        background-color: #00000070;
        position: fixed;
        width: 100%;
        height: 100vh;
        top: 0;
        left: 0;
    }
    /* ポップアップのコンテンツの大きさ指定 */
    .window {
        width: min(var(--sp-width), 600px);
        /* height: 55vh;
        max-height: 410px; */
        margin-top: 20px;
        padding: 20px clamp(0.3125rem, -0.0423rem + 1.5136vw, 1.25rem) 20px clamp(0.9375rem, 0.5827rem + 1.5136vw, 1.875rem);
        background: url(../images/backimage.png) center/cover ,var(--cl-wh);
        border-radius: 8px;
        transform: translate(-50%, -50%);
        position: relative;
        top: 50%;
        left: 50%;
    }

    /* 閉じるボタンの設定 */
    .close {
        cursor:pointer;
        position: absolute;
        top: -1.3em;
        right: 8px;
        font-size: 40px;
        transition: all 0.2s linear 0s;
        z-index: 120;
    }
    .close:hover {
        opacity: 0.7;
    }
    .close__txt {
        color: var(--cl-wh);
        font-size: 16px;
        display: block;
    }
    .window__line-box {
        height: 22px;
        position: relative;
    }
    .window__line {
        width: 100%;
        height: 2px;
        margin-bottom: 6px;
        background: var(--cl-wh);
    }
    .window__line:first-child {
        transform: rotate(25deg);
        position: absolute;
        top: 10px;
        left: 0;
    }
    .window__line:last-child {
        transform: rotate(-25deg);
        position: absolute;
        top: 10px;
        left: 0;
    }
    /* ポップアップの中身の設定 */
    .text-box__flex {
        display: flex;
        flex-direction: column;
    }
    .text-box {
        width: 100%;
        /* height: 47vh; */
        max-height: 420px;
        padding-right: 5px;
        overflow-y: auto;

        /* IE(Internet Explorer)・Microsoft Edgeへの対応 スクロールバーの非表示 */
        /* -ms-overflow-style: none; */
        /* Firefoxへの対応 スクロールバーの非表示 */
        /* scrollbar-width: none; */
    }
    /* Google Chrome、Safariへの対応 スクロールバーの非表示 */
    /* .text-box::-webkit-scrollbar{
        display: none;
    } */
    /* スクロールバーの幅指定 */
    .text-box::-webkit-scrollbar {
        width: 3px;
    }
    .text-box__ttl {
        order: 2;
    }
    .text-box__ttl,
    .text-box__ttl--second {
        margin-bottom: 10px;
        font-weight: normal;
    }
    .text-box__ttl--second {
        margin-top: -0.6em;
    }
    .text-box__ttl:nth-child(n+2) {
        margin-top: 20px;
    }
    .text-box__ttl2 {
        order: 4;
    }
    .text-box__ttl3 {
        order: 6;
    }
    .text {
        font-size: 14px;
        margin: 0;
        color: var(--cl-bl);
        order: 3;
    }
    .text2 {
        order: 5;
    }
    .text3 {
        order: 7;
    }
    .m__concept-img-box {
        order: 1;
    }
    .m__concept-img {
        width: 100%;
        margin-bottom: 15px;
        border-radius: 5px;
    }
    /* デイサービスのフューチャー4の指定 */
    .m__tsukumo-info-article .article-section:nth-child(4) .text-box__flex {
        display: grid;
        grid-template:
        "img1  img1"   auto
        "img2  img3"   auto
        "ttl1  ttl1"   auto
        "text1 text1"  auto
        /auto  auto;
        gap: 0 10px;
    }
    .m__tsukumo-info-article .article-section:nth-child(4) .text-box__ttl {
        grid-area: ttl1;
    }
    .m__tsukumo-info-article .article-section:nth-child(4) .text {
        margin-bottom: 25px;
        grid-area: text1;
    }
    .m__tsukumo-info-article .article-section:nth-child(4) .m__concept-img-box1 {
        grid-area: img1;
    }
    .m__tsukumo-info-article .article-section:nth-child(4) .m__concept-img-box2 {
        grid-area: img2;
    }
    .m__tsukumo-info-article .article-section:nth-child(4) .m__concept-img-box3 {
        grid-area: img3;
    }
    
    /* 白のフューチャー5の指定 */
    .m__haku-info-article .article-section:last-child .text-box__flex {
        display: grid;
        grid-template:
        "img1  img1"  auto
        "img2  img3"  auto
        "ttl1  ttl1"  auto
        "text1 text1" auto
        "img4  img5"  auto
        "ttl2  ttl2"  auto
        "text2 text2" auto
        "ttl3  ttl3"  auto
        "text3 text3" auto
        /auto  auto;
        gap: 0 10px;
    }
    .m__haku-info-article .article-section:last-child .text-box__ttl {
        grid-area: ttl1;
    }
    .m__haku-info-article .article-section:last-child .text1 {
        margin-bottom: 25px;
        grid-area: text1;
    }
    .m__haku-info-article .article-section:last-child .text-box__ttl2 {
        margin-top: 0;
        grid-area: ttl2;
    }
    .m__haku-info-article .article-section:last-child .text2 {
        grid-area: text2;
    }
    .m__haku-info-article .article-section:last-child .text-box__ttl3 {
        grid-area: ttl3;
    }
    .m__haku-info-article .article-section:last-child .text3 {
        grid-area: text3;
    }
    .m__haku-info-article .article-section:last-child .m__concept-img-box1 {
        grid-area: img1;
    }
    .m__haku-info-article .article-section:last-child .m__concept-img-box2 {
        grid-area: img2;
    }
    .m__haku-info-article .article-section:last-child .m__concept-img-box3 {
        grid-area: img3;
    }
    .m__haku-info-article .article-section:last-child .m__concept-img-box4 {
        grid-area: img4;
    }
    .m__haku-info-article .article-section:last-child .m__concept-img-box5 {
        grid-area: img5;
    }

    /* サービス一日の流れ */
    .m__day-sycle,
    .m__haku-sycle {
        margin-bottom: 100px;
        padding: 50px 0;
        background: url(../images/pc-haku-flow.png) center/cover;
    }
    .m__day-sycle-box,
    .m__day-sycle-box {
        width: var(--sp-width);
        margin: 0 auto;
    }
    .day-sycle-heading {
        text-align: left;
        margin-bottom: 20px;
    }
    .day-sycle-dl,
    .haku-sycle-dl {
        margin: 0 auto 0 4.5em;
        padding-left: 20px;
        border-left: 5px solid var(--cl-day-flow);
        box-sizing: border-box;
    }
    .haku-sycle-dl {
        border-left: 5px solid var(--cl-haku-flow);
    }
    .day-sycle-dl__box,
    .haku-sycle-dl__box {
        margin-bottom: 40px;
    }
    .day-sycle-dl__box:last-child,
    .haku-sycle-dl__box:last-child {
        margin-bottom: 0;
    }
    .day-sycle-dt,
    .haku-sycle-dt {
        width: 5em;
        margin: 15px 0 0 -8em;
        padding: 0 0 20px;
        /* font-size: 18px; */
        vertical-align: top;
        position: relative;
        text-align: right;
        box-sizing: border-box;
    }
    .day-sycle-dt::after,
    .haku-sycle-dt::after {
        content: "";
        position: absolute;
        right: -35px/* font-size: 18px;の場合41px */;
        top: 0;
        background: var(--cl-day-flow);
        border: 2px solid var(--cl-day);
        width: 20px;
        height: 20px;
        border-radius: 10px;
        z-index: 1;
    }
    .haku-sycle-dt::after {
        background: var(--cl-haku-flow);
        border: 2px solid var(--cl-haku-flow-line);
    }
    .day-sycle-dd,
    .haku-sycle-dd {
        width: 100%;
        margin-top: -45px;
        vertical-align: top;
        box-sizing: border-box;
        border-radius: 6px;
    }

    /* サービス施設の概要 */
    .m__tsukumo_d-info,
    .m__haku-info,
    .m__p-care-info,
    .m__c-plan-info {
        width: var(--sp-width);
        margin: 0 auto 100px;
    }
    .tsukumo_d-info-heading,
    .haku-info-heading,
    .p-care-heading {
        text-align: center;
    }
    .tsukumo_d-info-dt,
    .haku-info-dt,
    .p-care-dt,
    .c-plan-dt {
        padding: 2px 0 5px 1em;
        color: var(--cl-wh);
        background: var(--cl-transparent-day);
        border-radius: 8px;
    }
    .haku-info-dt {
        background: var(--cl-transparent-haku);
    }
    .p-care-dt {
        background: var(--cl-transparent-p_care);
    }
    .c-plan-dt {
        background: var(--cl-transparent-c_plan);
    }
    .tsukumo_d-info-dd,
    .haku-info-dd,
    .p-care-dd,
    .c-plan-dd {
        margin: 20px 0.5em 30px;
        display: flex;
        gap: 20px;
    }
    .tsukumo_d-info-dd__area,
    .p-care-dd__area,
    .c-plan-dd__area {
        width: clamp(13em, 47vw, 650px);
        display: inline-block;
    }

    /* サ－ビスアクセス */
    .m__tsukumo_d-map {
        margin-bottom: 150px;
        background: url(../images/pc-access.png) center/cover;
    }
    .tsukumo_d-map-heading {
        font-size: 30px;
        font-weight: normal;
    }
    .m__tsukumo_d-map-box {
        width: var(--sp-width);
        margin: 0 auto;
        padding: 20px clamp(0.9375rem, 0.701rem + 1.0091vw, 1.5625rem) 40px 0;
        color: var(--cl-wh);
    }
    .m__tsukumo_d-map--iframe {
        width: 100%;
        height: clamp(346px, 24vw, 326px);
        margin: 20px auto 30px;
        border-radius: 5px;
        display: block;
    }
    .m__tsukumo_d-map-list {
        width: fit-content;
    }
    .m__tsukumo_d-map-list-box {
        min-height: 0vw;
        margin-top: 10px;
        font-size: clamp(1rem, 0.9054rem + 0.4036vw, 1.25rem);
        font-weight: lighter;
        letter-spacing: 0.07em;
        display: flex;
    }
    .m__tsukumo_d-map-ttl {
        width: 5.2em;
        position: relative;
    }
    .m__tsukumo_d-map-ttl::after {
        content: "：";
        position: absolute;
        top: 0;
        right: 0;
    }
    /* サービス下記お問い合わせ */
    .req-document-btn-link {
        width: 8em;
        margin: 0 auto;
        color: var(--cl-transparent-day);
        font-size: 30px;
        text-align: center;
        line-height: 2.5;
        background: var(--cl-wh);
        border: 5px solid var(--cl-transparent-day);
        border-radius: 50px;
        transition: all 0.2s linear 0s;
    }
    .req-document-btn-link:hover {
        color: var(--cl-wh);
        background: var(--cl-day);
    }
    .m__haku .req-document-btn-link {
        color: var(--cl-transparent-haku);
        border: 5px solid var(--cl-transparent-haku);
    }
    .m__haku .req-document-btn-link:hover {
        color: var(--cl-wh);
        background: var(--cl-haku);
    }
    .req-document-btn-p-care .req-document-btn-link {
        color: var(--cl-transparent-p_care);
        border: 5px solid var(--cl-transparent-p_care);
    }
    .req-document-btn-p-care .req-document-btn-link:hover {
        color: var(--cl-wh);
        background: var(--cl-p_care);
    }
    .req-document-btn-c-plan .req-document-btn-link {
        color: var(--cl-transparent-c_plan);
        border: 5px solid var(--cl-transparent-c_plan);
    }
    .req-document-btn-c-plan .req-document-btn-link:hover {
        color: var(--cl-wh);
        background: var(--cl-c_plan);
    }
    .m__sns-list {
        width: 320px;
        margin: 45px auto 50px;
        display: flex;
        justify-content: space-around;
        align-items: center;
    }
    .m__sns-item {
        width: min(calc(100% / 4 - 30px), 70px);
    }
    .m__sns-item img {
        width: 100%;
    }
    .sns-btn {
        transition: all 0.2s linear 0s;
    }
    .sns-btn:hover {
        opacity: 0.6;
    }

    /* 採用情報 */
    .m__flex-box {
        width: var(--sp-width);
        margin: 0 auto;
    }
    .req__section {
        background-color: var(--cl-transparent-recruit);
        border-radius: 10px;
        padding: 1.25em;
        margin-bottom: 50px;
    }

    .req__section-heading {
        background-color: var(--cl-recruit);
        color: var(--cl-wh);
        border-radius: 10px;
        padding: 8px 0;
        text-align: center;
        font-size: 16px;
    }

    .req__dl {
        padding: 10px 6px 20px 6px;
    }

    .req__dt {
        font-weight: bold;
        padding: 10px 0 5px 0;
    }

    .req__dd {
        border-bottom: solid 1px var(--cl-recruit);
        padding: 0 0 10px 0;
    }

    .dd {
        border-bottom: none;
    }

    .m__form {
        width: var(--sp-width);
        margin: 0 auto;
    }
    .m__form .form__desc {
        margin-left: 5px;
    }

    .req_contact-btn {
        padding: 0 90px;
    }

    .req-btn-link {
        border-radius: 21px;
        background-color: var(--cl-wh);
        border: solid 2px var(--cl-recruit);
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all 0.2s linear 0s;
    }
    .req-btn-link:hover {
        color: #fff;
        background: var(--cl-recruit);
    }
    .form__req__term , .m__asterisk {
        font-size: clamp(1rem, 0.9054rem + 0.4036vw, 1.25rem);
        min-height: 0vh;
    }

    .form__req__term {
        margin-bottom: 5px;
    }

    .form__term {
        font-size: clamp(1.25rem, 1.1554rem + 0.4036vw, 1.5rem);
        min-height: 0vh;
        margin: 40px 0 5px;
    }

    .req__postcode {
        display: grid;
        grid-template:
        "post-box    post-box"    auto
        "post-pre    post-pre"    auto
        "post-banchi post-banchi" auto
        /auto         auto;
        gap: 10px 5vw;
    }
    .req__postcode-box {
        grid-area: post-box;
    }
    .req__postcode-prefectures-box {
        grid-area: post-pre;
    }
    .req__postcode-banchi-box {
        grid-area: post-banchi;
    }

    .form__desc {
        font-size: clamp(1.125rem, 1.0777rem + 0.2018vw, 1.25rem);
        min-height: 0vh;
    }

    .form__dt {
        margin: 0 0 10px;
    }

    .form__desc__sort .label:nth-child(n+2) {
        margin-left: 30px;
    }

    .form__desc__occ {
        display: flex;
        flex-wrap: wrap;
        gap: 0 1.5rem;
    }

    .m__note-text {
        line-height: 1.7;
    }

    .req-voice {
        background-color: var(--cl-wh);
        border-radius: 10px;
        padding: 10px 15px;
        margin-top: 10px;
    }

    .btn-color {
        background-color: var(--cl-recruit);
        border: solid 2px var(--cl-recruit);
        color: var(--cl-wh);
        margin-bottom: 20px;
        transition: all 0.2s linear 0s;
    }
    .btn-color:hover {
        color: var(--cl-bl);
        background: var(--cl-wh);
    }

    /* 採用情報-応募内容 */

    .m__asterisk__color {
        color: var(--cl-asterisk);
    }

    .form__submit-req-btn {
        background-color: var(--cl-recruit);
        display: block;
        width: 136px;
        margin: 50px auto 0;
        color: var(--cl-wh);
        border-radius: 30px;
        padding: 10px;
        text-align: center;
    }

    .label {
        margin: 5px 0;
    }
    .label__text {
        min-height: 0vh;
        padding-left: 10px;
        font-size: clamp(1.125rem, 1.0777rem + 0.2018vw, 1.25rem);
        cursor: pointer;
    }
    .form__list-req input[type=radio] {
        cursor: pointer;
    }
    .form__list .label {
        transition: all 0.2s linear 0s;
    }
    .form__list .label:hover {
        opacity: 0.7;
    }
    .m__note {
        background-color: var(--cl-req-send);
        padding: 20px;
        border-radius: 15px;
    }
    .m__contact-form .label__text {
        color: var(--cl-bl);
    }

    /*フッター*/

    .footer {
        background: var(--cl-bl);
        color: var(--cl-wh);
        font-family: var(--main-font);
    }

    .inner {
        width: 92vw;
        margin: 0 auto;
        padding: 0;
    }

    .inner img {
        width: 160px;
        height: auto;
    }

    .f__heading {
        padding: 40px 0 25px 0;
        font-size: 18px;
    }

    .f__container {
        margin: 0 40px;
    }

    .nav-list {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(100px,1fr));
        gap: 15px;
    }

    .nav-service {
        display: flex;
        flex-wrap: wrap;
        gap: 15px;
    }

    .footer a {
        color: var(--cl-wh);
        display: inline-block;
        transition: all 0.2s linear 0s;
    }
    .footer a:hover {
        opacity: 0.7;
    }

    .copy {
        text-align: center;
        padding: 40px 0;
        font-weight: lighter;
    }

/* PC版～ */
    @media screen and ( min-width:1090px ) {
        /* 共通部分 */
        .main .h__underlay {
            font-size: 50px;
            display: block;
        }
        .main .h__underlay::before {
            font-size: 80px;
        }
        .inner {
            width: auto;
        }
        .br::before{
            content: "";
        }
        /* none */
        .h__container h2,
        .nav__img-box,
        .m__info-notice .m__heading,
        .m__info .m__heading,
        .nav__hamb-list .btn__arrow-marker::after,
        .hamb__link--sp,
        .h__main-logo-bl {
            display: none;
        }

        /* block */
        .h__logo-box,
        .hamb__link--pc,
        .h__main-logo-wh,
        .m__info-content .m__heading,
        .m__blog-content .m__heading {
            display: block;
        }

        /* 左部分の設定（共通部分） */
        .container {
            display: flex;
        }
        .m-f__container {
            width: calc(100% - 450px);
        }
        .main {
            padding: 0 40px 150px 0;
        }
        .footer {
            padding-right: 40px;
        }
        .inner {
            width: var(--sp-width);
            margin: 0 auto;
        }

        /* 下層ページヘッダー */
        .header,
        .h__container {
            width: 450px;
        }
        .h__container {
            padding: 0;
            position: fixed;
        }
        .h__logo-container {
            position: static;
        }
        .h__main-logo img {
            width: 340px;
            margin: 0 auto;
        }
        /* ホーム以下 */
        .nav__hamb-list {
            height: auto;
            overflow: hidden;
            display: grid;
            grid-template: 
            "contact company" auto
            "contact recruit" auto
            "home    staff"   auto
            "info    blog"    auto
            "service service" auto
            /1fr     1fr;
            gap: 25px 40px;
        }
        .nav__hamb-items:nth-child(-n+3) .hamb__link {
            margin-bottom: 0;
        }
        .nav__hamb-items:first-child {
            grid-area: company;
        }

        .nav__hamb-items:nth-child(2) {
            grid-area: contact;
        }
        .nav__hamb-items:nth-child(3) {
            grid-area: recruit;
        }
        .nav__hamb-items:nth-child(4) {
            grid-area: home;
        }
        .nav__hamb-items:nth-child(5) {
            grid-area: staff;
        }
        .nav__hamb-items:nth-child(6) {
            grid-area: info;
        }
        .nav__hamb-items:nth-child(7) {
            grid-area: blog;
        }
        .nav__hamb-items:last-child {
            padding: 0;
            grid-area: service;
        }
        .nav__hamb-items .hamb__link {
            transition: all 0.2s linear 0s;
        }
        .nav__hamb-items:nth-child(-n+3) .hamb__link {
            padding: 20px 0 20px 70px;
        }
        .nav__hamb-items:first-child .hamb__link {
            background: url(../images/company.svg) no-repeat center left 20px;
            border: 3px solid var(--cl-wh);
            border-radius: 15px;
        }
        .nav__hamb-items:first-child .hamb__link:hover {
            background: url(../images/company.svg) no-repeat center left 20px var(--cl-transparent-best);
        }
        .nav__hamb-items:nth-child(2) .hamb__link {
            height: 100%;
            background: url(../images/contact.svg) no-repeat top 20px center/60px;
            border: 3px solid var(--cl-wh);
            border-radius: 15px;
            position: relative;
        }
        .nav__hamb-items:nth-child(2) .hamb__link:hover {
            background: url(../images/contact.svg) no-repeat top 20px center/60px var(--cl-contact);
        }
        .nav__hamb-items:nth-child(2) .hamb__link .hamb__link--pc {
            text-align: center;
            position: absolute;
            bottom: 1em;
            left: calc(50% - 56px);
        }
        .nav__hamb-items:nth-child(3) .hamb__link {
            background: url(../images/recruit.svg) no-repeat center left 20px;
            border: 3px solid var(--cl-wh);
            border-radius: 15px;
        }
        .nav__hamb-items:nth-child(3) .hamb__link:hover {
            background: url(../images/recruit.svg) no-repeat center left 20px var(--cl-recruit);
        }
        .nav__hamb-items a,
        .nav__hamb-items--pointer {
            color: var(--cl-wh);
        }
        .nav__hamb-items:nth-child(n+4) .hamb__link {
            margin-bottom: 0;
            line-height: 2.5;
            font-size: 18px;
            text-align: center;
            display: block;
            border: 3px solid var(--cl-wh);
            border-radius: 15px;
        }
        .nav__hamb-items:nth-child(n+4) .hamb__link:hover {
            background: var(--cl-best);
        }
        .nav__hamb-items--pointer {
            font-size: 18px;
            text-align: center;
            line-height: 3;
            border: 3px solid var(--cl-wh);
            border-radius: 15px;
            transition: all 0.2s linear 0s;
        }

        .nav__hamb-items--pointer .nav__acho-list {
            display: none;
        }


        .nav__hamb-items--pointer:hover,
        .hamb__open--sub .nav__hamb-items--pointer {
            background: var(--cl-best);
        }
        .nav__acho-list {
            display: none;
        }
        .hamb__open--sub .m-f__container {
            background: rgba(0, 0, 0, 0.2);
            z-index: -1;
        }
        /* .hamb__open--sub .main {
            opacity: 0.6;
        } */

        .hamb__open--sub .nav__acho-list {
            color: var(--cl-bl);
            padding: 20px 30px 30px 200px;
            background: url(../images/pc-hover.png) left center/180px no-repeat var(--cl-wh);
            border-radius: 27px;
            cursor: default;
            display: block;
            position: fixed;
            left: 470px;
            bottom: 6vh;
        }
        .btn__arrow-marker-plus::after {
            margin-top: -3px;
            padding: 0 4px 0px;
            color: var(--cl-best);
            font-size: 20px;
            font-weight: bold;
            background: var(--cl-wh);
            border-radius: 50%;
            transform: rotate(90deg);
            position: absolute;
            top: calc(50% - 11px);
            right: 30px;
        }
        .hamb__open--sub .btn__arrow-marker-plus::after {
            line-height: 1.4;
            transform: rotate(0deg);
        }
        .hamb__open--sub body {
            overflow: hidden;
        }

        .nav__acho-items .hamb__link--sub {
            width: 17.5em;
            margin: 20px 0 0;
            padding-bottom: 8px;
            color: var(--cl-bl);
            font-size: 20px;
            background-image : linear-gradient(to right, #0000006b 5px, transparent 5px);
            background-size: 10px 1px;
            background-repeat: repeat-x; 
            background-position: left bottom;
            transition: all 0.5s linear 0s;
            display: inline-block;
        }
        .nav__acho-items {
            transition: all 0.2s linear 0s;
        }
        .nav__acho-items:first-child {
            margin: 0;
            font-size: 30px;
            display: block;
        }
        .nav__acho-list .btn__arrow-marker::after {
            padding: 1px 5px 3px;
            font-size: 10px;
            display: block;
            transition: all 0.2s linear 0s;
        }
        .nav__acho-items:nth-child(2) .btn__arrow-marker::after {
            background: var(--cl-day);
            border: solid 1px var(--cl-day);
        }
        .nav__acho-items:nth-child(2):hover .btn__arrow-marker::after {
            color: var(--cl-day);
            background: var(--cl-wh);
        }
        .nav__acho-items:nth-child(3) .btn__arrow-marker::after {
            background: var(--cl-haku);
            border: solid 1px var(--cl-haku);
        }
        .nav__acho-items:nth-child(3):hover .btn__arrow-marker::after {
            color: var(--cl-haku);
            background: var(--cl-wh);
        }
        .nav__acho-items:nth-child(4) .btn__arrow-marker::after {
            background: var(--cl-p_care);
            border: solid 1px var(--cl-p_care);
        }
        .nav__acho-items:nth-child(4):hover .btn__arrow-marker::after {
            color: var(--cl-p_care);
            background: var(--cl-wh);
        }
        .nav__acho-items:last-child .btn__arrow-marker::after {
            background: var(--cl-c_plan);
            border: solid 1px var(--cl-c_plan);
        }
        .nav__acho-items:last-child:hover .btn__arrow-marker::after {
            color: var(--cl-c_plan);
            background: var(--cl-wh);
        }
        /* 上に戻るボタン */
        .btn-container {
            position: static;
        }
        .btn-box {
            display: flex;
        }
        .contact-btn {
            width: 3em;
            padding: 15px 10px;
            writing-mode: vertical-rl;
            border-radius: 20px 0 0 20px;
            position: fixed;
            top: 50px;
            right: -3px;
        }
        .up-btn {
            position: fixed;
            bottom: 30px;
            right: 30px;
            padding: 10px 0;
            background: var(--cl-wh);
        }

        /* トップページ */
        .index-container {
            display: flex;
            justify-content: space-between;
        }
        .index-container .header,
        .h-index__container {
            width: 546px;
        }
        .h-index__container {
            padding: 35px 20px 0;
            height: 100vh;
            overflow: hidden auto;
            position: fixed;
            top: 0;
            left: 0;

            /*IE(Internet Explorer)・Microsoft Edgeへの対応*/
            -ms-overflow-style: none;
            /*Firefoxへの対応*/
            scrollbar-width: none;
        }
        .h__menu-items:last-child .h__link {
            padding: 0 0 30px;
        }
        /*Google Chrome、Safariへの対応*/
        .h-index__container::-webkit-scrollbar{
            display: none;
        }
        .index-container .main {
            width: calc(100% - 546px);
            padding: 0;
        }
        .h-index__logo-container {
            gap: 30px;
        }
        .navbtn {
            display: none;
        }
        .section__tsukumo-day,
        .section__haku-service,
        .section__tsukumo-personalcare,
        .section__tsukumo-careplan {
            background: none;
        }
        .index-container .m__company-info .label {
            display: block;
            margin: 0;
        }
        .cssbook-animation {
            padding: 0;
        }
        .m__link-box {
            display: none;
        }
        .m__company-info .m__heading {
            cursor: pointer;
        }

        /* お知らせ */
        .m__info-notice .m__info-box {
            grid-template:
            "date ttl" auto
            "date txt" auto
            "date btn" auto
            /auto auto;
            gap: 10px 40px;
        }
        .m__box-heading {
            margin: 0 ;
            grid-area: ttl;
        }
        .m__info-box p {
            grid-area: txt;
        }
        .m__info-box .m__box-text-date {
            margin-top: 0.6em;
            grid-area: date;
        }
        .m__info-box .readmore-btn {
            grid-area: btn;
        }

        /* お知らせ記事 */
        .info-container .main {
            padding: 0 0 150px;
        }
        .info-container .m__info-box {
            padding-right: 30px;
        }
        .m__info-content .m__heading,
        .m__blog-content .m__heading {
            margin-top: 50px;
            font-size: clamp(1.25rem, 1.0135rem + 1.0091vw, 1.875rem);
        }
    

        /* ブログ一覧 */
        .m__blog-list {
            margin-top: 60px;
        }
        .m__blog-lists:nth-child(n+4) {
            border-bottom: none;
        }
        .m__blog-lists:last-child {
            border-bottom: var(--cl-best) 1px solid;
        }
        .m__blog-box .m__info-img {
            height: clamp(7.5625rem, -6.4518rem + 20.5714vw, 9.8125rem);
        }
        .m__article-info-blog .m__article-list-img img{
            width: 100%;
            height: auto;
        }

        /* 会社案内 */
        .m__compinfo-bs .m__info-box:nth-child(3) .m__list {
            margin: 25px 0 50px 45px;
        }
    

        /* サービス共通 */
        .m__service {
            padding: 0 50px 0 0;
        }
        .req-document-btn {
            padding: 0 50px 100px 0;
        }
        .main .h__tsukumo,
        .main .h__haku,
        .main .h__tsukumo-plan {
            margin-right: 60px;
            padding: 70px 0 40px;
        }
        .main .h__haku {
            font-size: 38px;
        }
        .main .h__tsukumo-plan {
            font-size: 45px;
        }
        .m__tsukumo {
            padding: 0;
        }
        .m__concept-heading {
            padding-top: 225px;
        }
        .m__concept-heading::after {
            left: 16.5em;
        }
        .m__haku .m__concept-heading::after {
            left: 14.5em;
        }
        .m__concept-text {
            padding-bottom: 60px;
        }
        .m__concept-p-care,
        .m__concept-c-plan {
            padding-top: 240px;
        }
        .tsukumo_d-info-dd__area,
        .p-care-dd__area,
        .c-plan-dd__area {
            width: 400px;
            display: inline-block;
        }

        /* サービス施設の特徴 */
        .popup-open {
            height: clamp(115px, 10.5vw, 142px);
        }
        .window {
            width: clamp(530px, 46vw, 630px);
            left: calc(50% + 200px);
        }
        /* デイサービスのフューチャー4の指定 */
        .m__tsukumo-info-article .article-section:nth-child(4) .text-box__flex {
            gap: 0 20px;
        }

        /* 白のフューチャー5の指定 */
        /* .m__haku-info-article .article-section:last-child .text-box__flex {
            grid-template:
            "img1  img1"  auto
            "img2  img3"  auto
            "ttl1  ttl1"  auto
            "text1 text1" auto
            "img4  img5"  auto
            "ttl2  ttl2"  auto
            "text2 text2" auto
            "ttl3  ttl3"  auto
            "text3 text3" auto
            /auto  auto;
            gap: 0 20px;
        } */

        /* 施設の概要 */
        /* デイサービス */
        .tsukumo_d-info-dl,
        .haku-info-dl,
        .p-care-dl,
        .c-plan-dl {
            display: grid;
            grid-template:
            "history history"  auto
            "tel     fax"      auto
            "address number"   auto
            "day     time"     auto
            "area    capacity" auto
            /1fr     1fr;
            gap: 0 80px;
        }
        .haku-info-dl {
            grid-template:
            "history history" auto
            "tel     fax"     auto
            "address number"  auto
            "day     time"    auto
            /1fr     1fr;
        }
        .p-care-dl {
            grid-template:
            "history  history"  auto
            "tel      fax"      auto
            "address  number"   auto
            "day      day"      auto
            "time     time"     auto
            "area     area"     auto
            /1fr     1fr;
        }
        .c-plan-dl {
            grid-template:
            "history  history"  auto
            "tel      fax"      auto
            "address  number"   auto
            "day      day"      auto
            "time     area"     auto
            /1fr     1fr;
        }
        .tsukumo_d-info-box:first-child,
        .haku-info-dl-box:first-child,
        .p-care-dl-box:first-child,
        .c-plan-dl-box:first-child {
            grid-area: history;
        }
        .tsukumo_d-info-box:nth-child(2),
        .haku-info-dl-box:nth-child(2),
        .p-care-dl-box:nth-child(2),
        .c-plan-dl-box:nth-child(2) {
            grid-area: tel;
        }
        .tsukumo_d-info-box:nth-child(3),
        .haku-info-dl-box:nth-child(3),
        .p-care-dl-box:nth-child(3),
        .c-plan-dl-box:nth-child(3) {
            grid-area: fax;
        }
        .tsukumo_d-info-box:nth-child(4),
        .haku-info-dl-box:nth-child(4),
        .p-care-dl-box:nth-child(4),
        .c-plan-dl-box:nth-child(4) {
            grid-area: address;
        }
        .tsukumo_d-info-box:nth-child(5),
        .haku-info-dl-box:nth-child(5),
        .p-care-dl-box:nth-child(5),
        .c-plan-dl-box:nth-child(5) {
            grid-area: number;
        }
        .tsukumo_d-info-box:nth-child(6),
        .haku-info-dl-box:nth-child(6),
        .p-care-dl-box:nth-child(6),
        .c-plan-dl-box:nth-child(6) {
            grid-area: day;
        }
        .tsukumo_d-info-box:nth-child(7),
        .haku-info-dl-box:last-child,
        .p-care-dl-box:nth-child(7),
        .c-plan-dl-box:nth-child(7) {
            grid-area: time;
        }
        .tsukumo_d-info-box:nth-child(8),
        .p-care-dl-box:nth-child(8),
        .c-plan-dl-box:last-child {
            grid-area: area;
        }
        .tsukumo_d-info-box:last-child {
            grid-area: capacity;
        }

        /* 採用情報 */
        /*.m__form , */
        .m__inner {
            margin-top: 80px;
        }
        .req-title {
            display: none;
        }
        /*.m__form {
            width: var(--sp-width);
            margin: 0 auto;
        }
        .form__desc {
            display: flex;
            flex-wrap: wrap;
            gap: 0 1.5rem;
            justify-content: space-between;
        }*/
        .form__desc__sort {
            display: flex;
        }
        .req__list div {
            width: 100%;
        }
        .req__list {
            display: flex;
            gap: 80px;
        }
        .form__dt {
            margin: 80px 0 10px;
        }
        /* .form__submit-btn {
            margin-bottom: 150px;
        } */

        /*お問い合わせフォーム*/
        .m__contact-form {
            margin: 0 0 -150px 0;
        }

        .form__title {
            display: none;
        }
        .form__name {
            display: flex;
            gap: 5rem;
        }
        .form__address {
            display: flex;
            gap: 5vw;
        }
        /*input[name="myName_family"],
        input[name="myName_first"],
        input[name="myName_family-huri"],
        input[name="myName_first-huri"],
        input[name="myPhonenum"],
        input[name="myEmail"] {
            width: 250px;
        }*/
        .form__address-box .form__desc:nth-child(2n) {
            margin-top: 10px;
        }
        .form__address-box .form__desc:nth-child(2n+1) {
            margin-left: 10px;
        }

        /* 追記分 */
        .form__list .form__desc:nth-child(8) .input,
        .form__list .req__postcode:nth-child(11) .input {
            width: clamp(14.5rem, -15.1196rem + 43.4783vw, 22rem);
        }

        /*送信完了画面*/
        .m__contact-bl {
            display: flex;
            flex-direction: row;
        }

        /* footer */
        .nav-list {
            display: flex;
            flex-wrap: wrap;
            gap: 25px 40px;
        }

        /* 本めくるアニメーションCSS */
        .cssbook-animation {
            position:relative;
            width:100%;
            height: 100%;
        }
        .cssbook-animation input {
            display:none;
        }
        .cssbook-animation input ~ .m__heading , .cssbook-animation input ~ .cssbook-dummy {
            transition:1.5s;
            -webkit-backface-visibility:hidden;
            backface-visibility:hidden;
            position:absolute;
            width:100%;
            height:100%;
        }
        .cssbook-animation input + .m__heading {
            left:0%;
            transform-origin:left;
            transform:perspective(1500px) rotateY(0deg);
        }
        .cssbook-animation input + .m__heading + .cssbook-dummy {
            right:100%;
            transform-origin:right;
            transform:perspective(1500px) rotateY(180deg);
        }
        .cssbook-animation input:checked + .m__heading {
            transform:perspective(1500px) rotateY(-180deg);
        }
        .cssbook-animation input:checked + .m__heading + .cssbook-dummy {
            width: 150%;
            transform:perspective(2500px) rotateY(0deg);
        }
        /* cssbook-animationの画像の制御 */
        .cssbook-dummy {
            cursor: pointer;
        }
        .cssbook-animation .cssbook__logo-img {
            position: absolute;
            height: 50px;
            top: 30px;
            left: 30px;
        }
        .cssbook__heading {
            position: absolute;
            bottom: 20px;
            left: 30px;
            font-family: var(--main-font);
            font-size: 1.5rem;
            color: var(--cl-wh);
        }
        /* 本めくり css 親 */
        /* m__company-infoが親 */
        .m__company-info {
            width: 100%;
            height: 390px;
        }
        .m__company-info .m__link {
            position: relative;
            overflow: hidden;
            font-family: var(--main-font);
            font-size: 1.25rem;
        }
        .m__company-info .m__link:before {
            position: absolute;
            display: block;
            width: 100%;
            height: 100%;
            top: 0;
            background-size: cover;
            transition: all .3s ease-out;
            filter: brightness(60%);
            content: "";
        }
        
        .m__company-info .m__link::after {
            position: absolute;
            display: block;
            width: 100%;
            height: 100%;
            top: 40%;
            text-align: center;
            transition: all .3s ease-out;
            opacity: 1;
            content: "CLICK";
        }
        .m__company-info .m__link:hover::after{
            opacity: 0;
        }
        .m__company-info .m__link:hover::before {
            transform: scale(1.05);
            filter: brightness(100%);
        }
        .m__company-info .m__link {
            align-items: center;
            justify-content: center;
            z-index: 1;
            height: 100%;
            text-decoration: none;
            color: #fff
        }
        /* m__company-infoの項目の背景設定部分 */
        /* section__tsukumo-dayの背景設定 */
        .section__tsukumo-day .m__heading , .section__tsukumo-day .cssbook-dummy{
            background: url(../images/pc-top-day.png) no-repeat;
            background-size: cover;
        }
        .section__tsukumo-day .m__link:before {
            background: url(../images/section__tsukumo-bg_inside.png) no-repeat center center;
            background-size: cover;
        }
        /* section__haku-serviceの背景設定 */
        .section__haku-service .m__heading , .section__haku-service .cssbook-dummy{
            background: url(../images/pc-top-elderly.png) no-repeat;
            background-size: cover;
        }
        .section__haku-service .m__link:before {
            /* 背景画像は今の所変更予定なので、section_tsukumo-bg_insideのままでOK */
            background: url(../images/section__tsukumo-bg_inside.png) no-repeat center center;
            background-size: cover;
        }
        /* section__tsukumo-personalcareの背景設定 */
        .section__tsukumo-personalcare .m__heading , .section__tsukumo-personalcare .cssbook-dummy{
            background: url(../images/pc-top-personal.png) no-repeat;
            background-size: cover;
        }
        .section__tsukumo-personalcare .m__link:before {
            /* 背景画像は今の所変更予定なので、section_tsukumo-bg_insideのままでOK */
            background: url(../images/section__tsukumo-bg_inside.png) no-repeat center center;
            background-size: cover;
        }

        /* section__tsukumo-careplanの背景設定 */
        .section__tsukumo-careplan .m__heading , .section__tsukumo-careplan .cssbook-dummy {
            background: url(../images/section__tsukumo-careplan-bg.png) no-repeat;
            background: url(../images/pc-top-careplan.png) no-repeat;
            background-size: cover;
        }

        .section__tsukumo-careplan .m__link:before {
            /* 背景画像は今の所変更予定なので、section_tsukumo-bg_insideのままでOK */
            background: url(../images/section__tsukumo-bg_inside.png) no-repeat center center;
            background-size: cover;
        }

    }

    /* ブログ一覧が横並びになった時、ボーダーボトムを追加する */
    @media screen and (min-width: 1260px ) {
        .m__blog-lists:nth-child(n+4) {
            border-bottom: var(--cl-best) 1px solid;
        }
    }
    /* ブログ一覧が横並びになった時、画像アスペクト比 */
    @media screen and ( min-width:1266px ) {
        .m__blog-box .m__info-img {
            height: clamp(4.25rem, -17.905rem + 28vw, 6rem);
        }
    }
    /* トップページブログが横並びになった時、ボーダーボトムを追加する */
    @media screen and ( min-width: 1305px) {
        .m__article-list-link:nth-child(n+3) {
            border-bottom: 1px solid var(--cl-wh);
        }
    }