/**********************************************
*　関数設定
***********************************************/
$p-maincolor: #8ec6e6;
$k-maincolor: #b6df92;
$business   : #1e73be;
$n-maincolor: #ddd68b;
$csr-color:   #f3a23b;
$gray-back: #f3f3f3;
$lightgray: #f1f1f1;
$lifesupport-color: #16521D;
$lifesupport-subcolor:#7AC174;
$boder-color: #1A578B;
$hoboblack: #222222;
$about-color: #181652;
$about-subcolor: #BDD3E6;
$lightwhite: #f7f8e6;
$brightgreen: #8dbf7f;
$darkgreen: #285024;
$thickbrown: #534d2e;
$faq-maincolor: #70B081;
$faq-subcolor: #A7C53C;
$business-color: #3280ad;
$back-shadow: 0 1px 3px 0 rgba(0, 0, 0, .33);
$h1-size: 2rem;
$h2-size: 1.5rem;
$h3-size: 1.2rem;
$index-w-pc: 20rem;
$content-margin: 2rem 0;
$letter-spacing: .15rem;
$procedure-main_color :#EA9FCF;
$font-family: 'Kosugi', 'Mada', sans-serif;
/**********************************************
*　メディアクエリ
***********************************************/
$pc-huge: 2300px;
$pc-huge-md: 2000px;
$pc-huge-sm: 1700px;
$pc-big: 1500px;
$pc-big-min: 1400px;
$pc-big-minimun: 1300px;
$pc-wide-min: 1201px;
$pc-lg: 1210px;
$pc-wide: 1200px;
$pc-md-wide: 999px;
$pc-md: 991px;
$pc: 960px;
$pc-min: 961px;
$tab-wide: 820px;
$tab: 768px;
$tab-min: 769px;
$sp-wide-min: 577px;
$sp-wide: 576px;
$sp-min: 426px;
$sp: 425px;
$sp-slim-min: 376px;
$sp-slim-max: 376px;
$sp-minimun: 320px;

@mixin pc-huge {
    @media (max-width: ($pc-huge)) {
        @content;
    }
}
@mixin pc-huge-md {
    @media (max-width: ($pc-huge-md)) {
        @content;
    }
}
@mixin pc-huge-sm {
    @media (max-width: ($pc-huge-sm)) {
        @content;
    }
}
@mixin pc-big {
    @media (max-width: ($pc-big)) {
        @content;
    }
}
@mixin pc-big-min {
    @media (max-width: ($pc-big-min)) {
        @content;
    }
}
@mixin pc-big-minimun {
    @media (max-width: ($pc-big-minimun)) {
        @content;
    }
}
@mixin pc-lg {
    @media (max-width: ($pc-lg)) {
        @content;
    }
}
@mixin pc-md {
    @media (max-width: ($pc-md)) {
        @content;
    }
}
@mixin pc-min {
    @media (max-width: ($pc-min)) {
      @content;
    }
}
@mixin pc-wide {
    @media (max-width: ($pc-wide)) {
      @content;
    }
}
@mixin pc-md-wide {
    @media (max-width: ($pc-wide)) {
      @content;
    }
}
@mixin pc-wide-min {
    @media (max-width: ($pc-wide-min)) {
      @content;
    }
}
@mixin pc {
    @media (max-width: ($pc)) {
      @content;
    }
}
@mixin tab-wide {
    @media (max-width: ($tab-wide)) {
      @content;
    }
  }
@mixin tab {
  @media (max-width: ($tab)) {
    @content;
  }
}
@mixin sp-wide {
  @media (max-width: ($sp-wide)) {
    @content;
  }
}
@mixin sp {
    @media (max-width: ($sp)) {
      @content;
    }
}
@mixin sp-minimun {
    @media (max-width: ($sp-minimun)) {
      @content;
    }
}
@mixin tab-min {
    @media (min-width: ($tab-min)) {
      @content;
    }
}
@mixin sp-wide-min {
    @media (min-width: ($sp-wide-min)) {
      @content;
    }
}
@mixin sp-min {
      @media (min-width: ($sp-min)) {
        @content;
      }
}
@mixin sp-slim-min {
    @media (min-width: ($sp-slim-min)) {
      @content;
    }
}
@mixin sp-slim-max {
    @media (max-width: ($sp-slim-max)) {
      @content;
    }
}
/**********************************************
*　基本設定
***********************************************/
html {
    font-family: $font-family;
    scroll-padding-top: 165px; // jsが読み込めなかった場合に適用
    @include sp {
        scroll-padding-top: 180px;
    }
}
body {
    font-family: $font-family;
    word-break: break-word;
}
.breadSection {
    position: absolute;
    border-bottom: none;
    z-index: 1;
    .breadcrumb {
        li {
            color: black;
        }
    }
}
.vk-mobile-nav-menu-btn{
    display: none !important;
}
.cdp-copy-alert-success{
    display: none !important;
}
.page-wrapper.pc{
    margin-top: 5rem;
    //min-width: 1140px;
    @include tab{
        //min-width: 755px;
    };
    @include sp-wide{
        min-width: 100%;
    };
    &.user_loggedin{
        margin-top: 7.5rem;
    }
}
.page-wrapper.sp{
    margin-top: 9rem;
}
.page-wrapper.sp.user_loggedin {
    margin-top: 12rem;
}
footer{
    border: none !important;
    background-color: $lightgray;
    clear: both;
}
.rino-div{
    position: fixed;
    right: -.3rem;
    bottom: 11%;
    width: 7rem;
}
a{
    p{
        color: black;
    }
    &:hover{
        text-decoration: none;
        p{
            text-decoration: none;
            color: black;
        }
    }
    &:focus{
        outline: none !important;
    }
}
img{
    &:focus{
        outline: none !important;
    }
}
#wpadminbar .screen-reader-shortcut:first-child {
    display: none;
    visibility: hidden;
    pointer-events: none;
}
// 共通設定
h2{
    font-size: x-large;
    margin: 0;
    padding: 0;
    border: none;
}
h3{
    font-size: 1.5rem;
    margin: 0;
    padding: 0;
    border: none;
    &:after{
        content: none;
    }
}
.text-vertical{
    writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode:vertical-rl;
}
.bold{
    font-weight: bold;
}
.font-large{
    font-size: large;
}
.font-larger{
    font-size: larger;
}
.font-smaller{
    font-size: smaller;
}
.bg-lightgray{
    background: $lightgray;
}
.bg-lightblue{
    background: #f0f8ff;
}
.bg-lightyellow{
    background: #f9f9f1;
}
.bg-lightred{
    background: #ffecec;
}
.border-m-gray{
    border: 3px solid #f1f1f1;
}
.opacity05{
    opacity: 0.5;
}
.rounded05{
    border-radius: 0.5rem;
}
.rounded07{
    border-radius: 0.7rem;
}
.cursor-pointer{
    cursor: pointer;
}
.w-keepall{
    word-break: keep-all;
}
.object-shadow{
    filter: drop-shadow(1px 2px 2px rgba(0,0,0,0.2));
}
.device-pc {
    .gMenu>li>a {
    display: flex;
    overflow: hidden;
    padding: 14px 1.8em;
    align-items: center!important;
    }
    .gMenu>li:before{
        border-bottom: none;
    }
}

.page-header {
    background-color: white;
}

.page-top {
    position: relative;
    @include tab {
        margin-bottom: 0;
    };
    @include sp-wide {
        margin-bottom: 2rem;
    };
    &__icon {
        position: absolute;
        display: -webkit-flex;
        display: -ms-flexbox;
        justify-content: center;
        -webkit-justify-content: center;
        -ms-flex-wrap : wrap;
        -webkit-flex-wrap : wrap;
        align-items: center;
        background: rgba(256,256,256,0.8);
        width: 75%;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        height: 29%;
        @include tab {
            width: 80%;
            height: 39%;
        };
        @include sp-wide {
            width: 95%;
            height: 34%;
        };
        .icon-image {
            width: 6%;
            padding-right: 0.8rem;
            @include tab {
                width: 7%;
            };
            @include sp-wide {
                width: 10%;
            };
        }
        h1 {
            color: black;
            font-size: 1.8rem;
            letter-spacing: .2rem;
            @include sp-wide {
                font-size: 1.25rem;
                line-height: 2rem;
            };
        }
    }
    &__back {
        .pc-bnr {
            @include sp-wide {
                display: none;
            };
        }
        .sp-bnr {
            display: none;
            @include sp-wide {
                display: block;
            };
        }
    }
}
.sp-page-top {
    margin-bottom: 0 !important;
}
.page-template-page-faq,
.tax-ufaq-category,
.post-type-archive-ufaq,
.page-template-page-faq__keyword,
.tax-ufaq-tag,
.ufaq-template-default {
    header.siteHeader .header-top .site-logo {
        @include sp-wide {
            width: 73%;
        }
    }
}
// ライノくんFAQリンク
.raino-faq {
    @include tab {
        position: unset;
        z-index: 2000;
    }
    .raino-faq-title {
        font-size: 1rem;
        color:#014E35;
        letter-spacing: .2rem;
        @include sp-wide {
            text-align: left;
            height: 100%;
            padding-top: .2rem;
        }
    }
    .raino-faq-subtitle {
        font-size: 1rem;
        margin: .5rem 0 .3rem;
        border-left: solid 5px #a7c53c;
        padding-left: 0.5rem;
    }
    &__content {
        background-color: #FFFDE7;
        margin-left: .5rem;
        border-radius: 5px;
        border: solid 2px #A7C53C;
        @include sp-wide {
            width: 7rem;
            height: 100%;
        }
        #js-raino-faq-open {
            @include sp-wide {
                width: 100%;
                position: relative;
                height: 100%;
            }
        }
        &__image {
            width: 80px;
            margin-left: auto;
            @include sp-wide {
                width: 40px;
                position: absolute;
                bottom: 0;
                right: 0;
            }
        }
        &__link {
            position: relative;
            &__image {
                position: absolute;
                @include pc {
                    height: 8rem;
                }
                @include sp-wide {
                    height: 6.5rem;
                    bottom: -7rem;
                    width: 35vh;
                    left: -2rem;
                    padding-left: 3.5rem;
                }
                @include sp-slim-max {
                    width: 40vh;
                }
                img {
                    position: relative;
                    bottom: .25rem;
                    width: 100%;
                    @include sp-wide {
                        bottom: 0rem;
                    }
                }
                &__raino-text {
                    img {
                        position: relative;
                        right: -3px;
                        top: 0;
                    }
                }
            }
        }
        &.closed {
            position: fixed;
            width: 100px;
            bottom: 5rem;
            right: 0;
            transform: translate(120px, -10px);
            transition: 1s;
            @include tab {
                width: 78px;
                transform: translate(0, 0);
                bottom: 5rem;
            }
            @include sp-minimun {
                width: 60px;
                bottom: 2rem;
            }
            &.active {
                transform: translate(0, 0);
            }
        }
    }
    &__search {
        right: -100%;
        z-index: 5;
        background-color: #fffde7;
        width: 440px;
        box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
        transition: .6s;
        top: 0 !important;
        @include sp-wide {
            width: 100%;
            right: 0;
            top: -350% !important;
            z-index: 1002;
            box-shadow: none;
        }
        &.active {
            right: 0;
            transition: .6s;
            @include sp-wide {
                top: 0% !important;
                z-index: 1002;
            }
        }
        #js-raino-faq-close {
            color: #009184;
            padding: .25rem 1rem;
            border: solid 1px #009184;
            border-radius: 50px;
            @include tab {
                font-size: 1.1rem;
                position: relative;
                top: .5rem;
            }
            i {
                font-size: 1.3rem;
                position: relative;
                top: .15rem;
                padding-left: .25rem;
                @include tab {
                    font-size: 1.5rem;
                }
            }
        }
        .search-submit {
            background-color: #a7c53c;
            color: #fff;
            position: absolute;
            top: 0;
            right: 0;
        }
        &__link {
            max-width: 230px;
        }
    }
}


/**********************************************
*　フォームリセット
***********************************************/
input.form-control{
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    &:focus{
        box-shadow: none !important;
    }
}

/**********************************************
*　アニメーション
***********************************************/
@keyframes fadeout {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}
@keyframes fadein {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}
@keyframes disactiveslide {
    0% {
        width: 100%;
    }

    100% {
        width: 80%;
    }
}
@keyframes activeslide {
    0% {
        width: 80%;
    }

    100% {
        width: 100%;
    }
}
@-webkit-keyframes CircRot {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(359deg);
    }
}
@keyframes CircRot {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(359deg);
    }
}
/**********************************************
*　アコーディオン
***********************************************/
.acor-menu-child{
    display: none;
}
/**********************************************
*　ポップアップ
***********************************************/
.pop-up-child{
    display: none;
    animation: fadeout .3s ease 0s 1 forwards;
    &.opened{
        animation: fadein .3s ease 0s 1 forwards;
        display: block;
        position: fixed;
        z-index: 9999;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        height: auto;
        width: auto;
        background: rgba(0, 0, 0, 0.6);
    }
    .modal-child {
        border-radius: 15px;
        position: relative;
        z-index: 999;
        .close-modal {
            margin-bottom: .5rem;
            font-size: .95rem;
        }
        .btn-box {
            margin-bottom: 0 !important;
        }
    }
}

/**********************************************
*　新ポップアップ
***********************************************/
.overflow-hidden {
    overflow: hidden;
}

.modal_trigger, .plusa_modal_trigger{
  cursor: pointer;
  @include sp {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: inherit;
  }
}

.modal_box, .plusa_modal_box {
  display: none;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10000;
}

.modal_bg {
  background-color: rgba(30, 30, 30, 0.65);
  height: 100%;
  width: 100%;
}

.modal_inner {
  background-color: #fff;
  padding: 3rem;
  position: absolute;
  width: 75%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  max-height: 75%;
  @include tab {
    width: 85%;
    max-height: 85%;
  }
  @include sp {
    width: 90%;
    padding: 25px;
  }
}

.modal_block {
    max-height: calc(100% - 1.5rem);
    overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
    padding-bottom: 3rem;
    @include sp-wide {
        max-height: calc(100% - 2.5rem);
    }
    &::-webkit-scrollbar {
        display: none;
    }
    &::after {
        display: block;
        position: absolute;
        bottom: 3.5rem;
        left: 0;
        content: "";
        width: 100%;
        height: 60px;
        background: 
            -webkit-linear-gradient(top,
            rgba(255, 255, 255, 0) 0%,
            rgba(255, 255, 255, 0.9) 50%,
            rgba(255, 255, 255, 0.9) 50%,
            #fff 100%);
    }
    .btn-box {
        padding: 15px;
        background-color: #f8fcff;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        text-align: center;
        z-index: 1;
        .link-btn {
            background-color: white;
            box-shadow: 0.5rem 1rem 1.5rem rgba(0, 0, 0, .15);
            @include sp-minimun {
                p {
                    padding-right: 1.5rem;
                }
            }
            .close-icon {
                display: block;
                position: absolute;
                width: 16px;
                height: 16px;
                right: 8px;
                top: 50%;
                transform: translateY(-50%);
                &::before, &::after {
                    content: "";
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    width: 2px;
                    height: 16px;
                    background-color: #8ec6e6;
                }
                &::before {
                    transform: translate(-50%, -50%) rotate(45deg);
                }
                &::after {
                    transform: translate(-50%, -50%) rotate(-45deg);
                }
            }
            &:hover {
                background-color: #92B0D0;
                .close-icon {
                    &::before, &::after {
                        background-color: white;
                    }
                }
            }
        }
        .modal_close {
            bottom: 0;
        }
        svg {
            width: 16% !important;
            right: 15px !important;
            max-width: 2rem;
        }
    }
}

.modal_close, .plusa-modal-close {
    cursor: pointer;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 1.5rem;
    text-align: center;
    width: 20%;
    @include sp-wide {
        width: 50%;
    }
    @include sp {
        bottom: 25px;
    }
    & > div {
        color: white;
        background-color: #3E6187;
    }
    span {
        font-size: 1.6rem;
        line-height: 1;
        margin-top: 2.5rem;
        position: relative;
        top: 0.1rem;
    }
}

.modal_close {
    &.close-bth {
        left: auto;
        right: 1rem;
        top: 1rem;
        width: auto;
        color: #3e6187;
        @include sp-wide {
            right: 0.2rem;
            top: 0.2rem;
        }
        span {
            font-weight: bold;
            font-size: 2rem;
        }
    }
}

// カスタマイズ
.modal_box_new {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 998;
    display: none;
    top: 0;
    @include tab {
        display: block;
        top: 100%;
        left: 0;
        transition: .5s;
        opacity: 1;
    }
    .modal_box_new_tit {
        width: 100%;
        padding: .25rem .5rem;
        margin-bottom: .5rem;
    }
    .modal_block_new {
        padding: 0 .5rem;
    }
    .modal_bg_new {
        background-color: rgba(30,30,30,.65);
        height: 100%;
        width: 100%;
        @include tab {
            background-color: transparent;
        }
    }
    .modal_close_new {
        width: 100px;
        cursor: pointer;
        color: #EA637B;
        font-weight: bold;
        text-align: center;
        font-size: .8rem;
        line-height: 1.9;
        border: 1px solid #EA637B;
        @include tab {
            position: static;
        }
    }
    &::after {
        content: "";
        width: 75%;
        height: 2rem;
        left: 50%;
        transform: translateX(-50%);
        bottom: 12.5%;
        border-radius: 0 0 6px 6px;
        display: block;
        position: absolute;
        background: -webkit-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,.9) 50%,rgba(255,255,255,.9) 50%,#fff 100%);
        @include tab {
            width: 100%;
            bottom: 0;
            left: 0;
        }
    }
}
.modal_inner_new {
    position: absolute;
    top: 100px;
    bottom: 0;
    left: 0;
    right: 0;
    overflow-y: scroll;
    width: 75%;
    height: calc(75% - 80px);
    background-color: white;
    border-radius: 6px;
    padding: 1rem 1rem 2rem 1rem;
    margin: auto;
    @include tab {
        top: auto;
        width: 100%;
        height: auto;
        max-height: 80%;
        border-radius: 6px 6px 0 0;
    }
}
.js-modal_box_new-active {
    top: 0;
    display: block;
    .modal_bg_new {
        @include tab {
            background-color: rgba(30,30,30,.65);
            transition-duration: .5s;
            transition-delay: .5s;
        }
    }
}

// PCのみ 画面端に表示
.modal_box_new_side {
    @include sp-wide-min {
        pointer-events: none;
        &::after {
            width: calc(450px - 4px);
            height: 2rem;
            left: auto;
            right: calc(5% + 2px);
            transform: none;
            bottom: calc(5% + 2px);
        }
        .modal_bg_new {
            display: none;
        }
        .modal_inner_new {
            border: 2px solid #ea637b;
            width: 450px;
            height: auto;
            max-height: 220px;
            top: auto;
            bottom: 5%;
            left: auto;
            right: 5%;
            pointer-events: auto;
            padding: 0.5rem 1rem;
        }
        .modal_box_new_tit {
            padding: 0;
            margin-bottom: 0;
        }
    }
}

// スマホ用ログインモーダル
#login_modal_sp {
    pointer-events: none;
    @include sp-wide-min {
        display: none;
    }
    &.modal_box_new:after {
        content: none;
    }
    .modal_inner_new {
        pointer-events: auto;
        background-color: #FDF5E3;
        box-shadow: -3px -4px 4px 0px rgba(0,0,0,.1);
        display: flex;
        justify-content: space-between;
        flex-flow: row-reverse;
        align-items: center;
        padding-top: 2rem;
    }
    .modal_close_new {
        color: #2a2a2a;
        border: 0;
        font-size: 4.5vw;
        border-bottom: solid 1px;
        width: auto;
    }
    .login-link {
        box-shadow: 0 3px 0 0 #674920;
    }
}

/**********************************************
*　メンテナンス中
***********************************************/
.now-editing{
    position: relative;
    img {
        filter: brightness(0.4);
        position: relative;
        z-index: 0;
    }
    p {
        position: absolute;
        z-index: 3;
        color: white;
        width: auto !important;
        padding: .5rem;
        bottom: 0;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
}

.now-maintenance {
    pointer-events: none;
    &:hover {
        opacity: 1;
        background-color: white !important;
        color: #000;
    }
    p::after {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        z-index: 3;
        position: absolute;
        top: 0;
        left: 0;
    }
}

.page-introduce {
    .now-maintenance {
        position: relative;
        &::after {
            content: "";
            display: block;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.5);
            z-index: 3;
            position: absolute;
            top: 0;
            left: 0;
            border-radius: 50px;
        }
        a {
            pointer-events: none;
        }
    }
}

.business-maintenance {
    width: 95%;
    font-size: .8rem;
    font-weight: bold;
    color: white;
    z-index: 4;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.login-maintenance {
    display: flex;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    z-index: 3;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    color: white !important;
    border-radius: 3px;
    text-align: center;
    margin: auto;
    align-items: center;
    justify-content: center;
    &:after {
        display: none !important;
    }
    &.front-page {
        border-radius: 50px;
    }
}

/**********************************************
*　全厚済モール、フレンドショップ、ライフセミナー、メンバーボード、販促品購入バナーの利用開始日制御
***********************************************/
// トップページ
.home-shopsite-div {
    .limit_startdate {
        position: relative;
        width: 100%;
        display: block;
        cursor: default;
        &:hover p {
            color: #fff;
        }
        a {
            cursor: default;
        }
        &__text {
            position: absolute;
            left: 0;
            bottom: 1rem;
            text-align: center;
            width: 100%;
            background-color: rgba(0, 0, 0, 0.6);
            color: #fff;
            padding: 0.5rem 0 0.2rem 0;
            font-weight: bold;
            cursor: default;
        }
    }
}

// ライフサポートサービス詳細
.limit_startdate {
    position: relative;
    width: 100%;
    display: inline-block;
    cursor: default;
    &:hover p {
        color: #fff;
    }
    a {
        cursor: default;
    }
    &__content {
        position: relative;
        &__text {
            position: absolute;
            top: 0;
            left: 0;
            text-align: center;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.6);
            color: #fff;
            font-weight: bold;
            cursor: default;
            span {
                width: 100%;
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
            }
        }
    }
}
/**********************************************
*　ローディングアニメーション
***********************************************/
.loading-parent{
    position: relative;
}
.loading {
    width: 25px;
    height: 25px;
    clear: both;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
}
.loading-circle {
    border: 4px rgba(0, 0, 0, 0.25) solid;
    border-top: 4px black solid;
    border-radius: 50%;
    -webkit-animation: CircRot .6s linear infinite backwards;
    animation: CircRot .6s linear infinite backwards;
    animation-delay: 0s;
}
.loading-style {
    background-color: #cadae8;
    opacity: 1;
}
/**********************************************
*　ボタン
***********************************************/
button{
    border: 0;
    background-color: transparent;
    &:hover{
        opacity: 0.7;
    }
    &:focus{
        outline: none !important;
        box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
    }
}
.index-btn{
    width: $index-w-pc;
    border-radius: 5rem;
    color: #fff;
    white-space: normal;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
    margin: 1rem auto;
    &:hover{
        color: white;
    }
}

.index-btn.to-report{
    background: white !important;
    border: 2px solid;
}

.showall-btn{
    width: $index-w-pc;
    border-radius: 5rem;
    border: 1px solid silver;
    white-space: normal;
    margin: 1rem auto;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
    background-color: white;
    @include sp-wide{
        width: 80%;
    }
    p{
        position: relative;
        &:after{
            content: "";
            width: 10px;
            height: 10px;
            position: absolute;
            top: 50%;
            transform: translate(0, -50%);
            right: 3px;
            margin: auto;
            box-sizing: border-box;
            border: 8px solid transparent;
            border-left: 13px solid ;
        }
    }
}
.arrow-btn{
    p{
        position: relative;
        span{
            position: absolute;
            right: 0;
            width: 20px;
            height: 20px;
            top: 50%;
            transform: translate(0, -50%);
            background-color: #FFF;
            border-radius: 50%;
            &:after{
                content: "";
                position: absolute;
                top: 6px;
                left: 4px;
                -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
                width: 8px;
                height: 8px;
                border-top: 1px solid #333;
                border-right: 1px solid #333;
                -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
            }
        }
    }
}
a.txt_banner{
    padding: .5rem 1rem;
    margin-top: 2%;
    border-radius: 2rem;
    border: 2px solid #2b7726;
    -webkit-box-shadow: 0 0.125rem 0rem rgba(0 ,0 ,0,50%);
    box-shadow: 0 0.125rem 0 rgba(0 ,0 ,0,50%);
    justify-content: space-between;
    -webkit-justify-content: space-between;
    display: -webkit-flex;
    display: -ms-flexbox;
    align-items: center;
    @include sp-wide{
        width: 100% !important;
    }
    i{
        &:before{
            font-size: 2rem;
            padding-left: .5rem;
        }
    }
}
// 画像と文字が一緒になったボタン
.cat-btn-div{
    .cat-fr{
        margin: .5rem .25rem;
        padding: 0;
        position: relative;
        &:before{
            display: block;
            content: '';
            padding-top: 100%;
        }
        &:hover{
            opacity: 0.6;
        }
        .cat-inner-fr{
            position: absolute;
            top: 0;
            width: 100%;
            height: 100%;
            box-sizing: border-box;
            border: 0.5rem solid white;
            box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
            .cat-img-div{
                width: 100%;
                height: 55%;
                img{
                    max-width: 58%;
                    max-height: 100%;
                    width: 100%;
                    height: 100%;
                }
            }
            .cat-txt-div{
                color: black;
                height: 45%;
                p{
                    line-height: 1.5rem;
                }
            }
        }
    }
}

.link-btn {
    padding: 0 .25rem;
    position: relative;
    button {
        width: 100%;
        border-radius: 1rem;
        border-color: gainsboro;
        line-height: 1.7rem;
        margin-bottom: 0;
        letter-spacing: .1rem;
        display: -webkit-flex;
        display: -ms-flexbox;
        justify-content: space-between;
        -webkit-justify-content: space-between;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        align-items: center;
        padding: .2rem .2rem .2rem .5rem;
        height: calc(100% - (0.5em * 2));
        &:before {
            width: 25px;
            height: 25px;
            -webkit-border-radius: 50%;
            border-radius: 50%;
            background: black;
            content: "";
            position: absolute;
            right: 10px;
            top: 50%;
            margin-top: -12px;
        }
        &:after {
            content: "";
            width: 10px;
            height: 10px;
            position: absolute;
            top: 50%;
            margin-top: 2px;
            right: 19px;
            border: 0px solid transparent;
            border-top: 2px solid #fff;
            border-right: 2px solid #fff;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
            border-radius: 2px;
        }
        p {
            position: relative;
            text-align: left;
            padding: .2rem 0 .2rem .5rem;
            font-size: 1rem;
            width: 100%;
            margin: 0;
            &::before {
                display: none;
            }
            &::after {
                display: none;
            }
        }
    }
}

/**********************************************
*　ページネーション
***********************************************/
.pnavi {
    display: flex;
    justify-content: center;

    ul.page-numbers {
        li {
            margin: 0 0.2rem;
            border: 1px solid $csr-color;

            a,
            span {
                border: none;
            }

            a {
                color: $csr-color;

                &:hover {
                    color: white !important;
                    background-color: $csr-color;
                    opacity: .5;
                }
            }

            &:hover {
                opacity: .5;
            }

            span.page-numbers.current {
                background-color: $csr-color;
            }

            &:first-child>.page-numbers {
                border-top-left-radius: 0;
                border-bottom-left-radius: 0;
            }

            &:last-child>.page-numbers {
                border-top-right-radius: 0;
                border-bottom-right-radius: 0;
            }

            span.page-numbers.dots {
                color: $csr-color !important;
            }
        }
    }
}

/**********************************************
*　ページネーション
***********************************************/
.pnavi{
    display: flex;
    justify-content: center;
    ul.page-numbers{
        li{
            margin: 0 0.2rem;
            border: 1px solid $csr-color;
            a,span{
                border: none;
            }
            a{
                color: $csr-color;
                &:hover {
                    color: white !important;
                    background-color: $csr-color;
                    opacity: .5;
                }
            }
            &:hover {
                opacity: .5;
            }
            span.page-numbers.current{
                background-color: $csr-color;
            }
            &:first-child>.page-numbers{
                border-top-left-radius: 0;
                border-bottom-left-radius: 0;
            }
            &:last-child>.page-numbers{
                border-top-right-radius: 0;
                border-bottom-right-radius: 0;
            }
            span.page-numbers.dots {
                color: $csr-color !important;
            }
        }
    }
}

/**********************************************
*　ページタイトル部分
***********************************************/
section.page-title{
    .page-top{
        font-size: large;
        background-color: rgba(255, 255, 255, 0.70);
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: auto;
    }
}

/**********************************************
*　ページトップスクロール
***********************************************/
#wpfront-scroll-top-container {
    @include sp-wide {
        right: 15px !important;
        bottom: 80px !important;
    };
    @include sp-minimun {
        right: 30px !important;
        // width: 45px !important;
    };
}
/**********************************************
*　ページ内メニュー
***********************************************/
.columns {
    padding: $content-margin;
    .container {
        // display: -webkit-flex;
        // display: -ms-flexbox;
        // justify-content: space-between;
        // -webkit-justify-content: space-between;
        // -ms-flex-wrap: wrap;
        // -webkit-flex-wrap: wrap;
        // @include sp {
        //     display: block;
        // };
        .flame-side {
            width: 20%;
            margin-top: .5rem;
            @include pc-md {
                width: 100%;
            };
            .page-content-innerwrap {
                max-height: calc(100vh - 200px);
                overflow-y: auto;
                @include pc-md {
                    max-height: none;
                }
                @include sp-wide {
                    overflow-y: visible;
                    padding: 0;
                };
                @include sp {
                    display: -webkit-flex;
                    display: -ms-flexbox;
                    justify-content: space-between;
                    -webkit-justify-content: space-between;
                    -ms-flex-wrap: wrap;
                    -webkit-flex-wrap: wrap;
                    margin-bottom: 2rem;
                };
                @include pc-md {
                    overflow-y: visible;
                    padding: 0;
                    display: -webkit-flex;
                    display: -ms-flexbox;
                    justify-content: space-between;
                    -webkit-justify-content: space-between;
                    -ms-flex-wrap: wrap;
                    -webkit-flex-wrap: wrap;
                    margin-bottom: 2rem;
                };
                .link-btn {
                    width: 100%;
                    @include sp {
                        width: 49.5%;
                    };
                    button {
                        width: 100%;
                        border-radius: 1rem;
                        border-color: gainsboro;
                        line-height: 1.7rem;
                        margin: .5rem 0 0;
                        letter-spacing: .1rem;
                        height: auto;
                        @include pc-md {
                            min-height: 3rem;
                        }
                        @include sp-wide {
                            min-height: 2rem;
                        }
                        @include sp {
                            margin: 0 0 .5rem;
                        };
                        &::before {
                            display: none;
                        }
                        &::after {
                            display: none;
                        }
                        p {
                            text-align: left;
                            font-size: .9rem;
                            &:before {
                                display: block;
                            }
                            &:after {
                                content: "";
                                display: block;
                                width: 15px;
                                height: 15px;
                                position: absolute;
                                top: 60%;
                                transform: translate(0, -50%);
                                right: 10px;
                                margin: auto;
                                box-sizing: border-box;
                                border: 8px solid transparent;
                                border-top: 13px solid;
                                @include tab {
                                    top: 64%;
                                };
                            }
                        }
                        @include tab {
                            padding: .05rem .05rem .05rem .4rem !important;
                            border-radius: .8rem;
                        };
                    }
                    .pet-list-item {
                        background: #dbf1f8;
                        border: none;
                        border-radius: 50px;
                        p::after {
                            right: 16px;
                            border-top: 13px solid #5785b2;
                        }
                    }
                }
            }
            .side-top {
                position: absolute;
                top: 0 !important;
                bottom: auto !important;
            }
            .side-fixed {
                position: fixed;
                bottom: auto !important;
            }
            .side-bottom {
                top: auto !important;
                position: absolute;
                bottom: 80px !important;
            }
        }
        .flame-body {
            width: 75%;
            margin-top: .5rem;
            @include pc-md {
                width: 100%;
            };
        }
    }
}

// SPナビ ページトップ
.flame-side.sp-page-top {
    .sp-nav-btn {
        display: none;
    }
    .sp-nav-close-btn {
        display: none;
    }
    .page-content-innerwrap {
        .link-btn {
            .showall-btn {
                display: table-cell;
                vertical-align: middle;
                margin-bottom: .5rem;
            }
        }
    }
}

// SPナビ 画面下部
.flame-side.for-sp-nav{
    @include pc-md{
        .page-content-innerwrap{
            display: none !important;
        }
    }
    .sp-nav-btn{
        width: 70%;
        margin: 0 auto;
        background: rgba(0, 0, 0, 0.6);
        padding: 2%;
        border-radius: 10px 10px 0 0;
        position: fixed;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        z-index: 100;
        color: white;
        display: none;
        @include pc-md {
            display: block;
        }
        span{
            position: relative;
            &:after{
                content: '';
                position: absolute;
                left: 1rem;
                top: 35%;
                width: 7px;
                height: 7px;
                border-top: 2px solid white;
                border-right: 2px solid white;
                -webkit-transform: rotate(45deg);
                transform: rotate(-45deg);
            }
        }
    }
    .sp-nav-close-btn {
        position: absolute;
        top: 1rem;
        right: 1rem;
        font-weight: 300;
        color: white;
        font-size: 1.5rem;
        display: none;
    }
    &.opened{
        position: fixed !important;
        bottom: 0;
        left: 0;
        width: 100% !important;
        background: rgba(0, 0, 0, 0.6);
        margin: 0 !important;
        padding: 4rem 2rem 5rem !important;
        overflow: scroll;
        z-index: 10001;
        height: 100vh;
        .sp-nav-close-btn {
            display: block;
        }
        .page-content-innerwrap{
            display: block !important;
            @include pc-md {
                display: flex !important;
            }
            .link-btn{
                width: 100% !important;
                @include pc-md {
                    width: 50% !important;
                }
                @include sp-wide {
                    width: 100% !important;
                }
                &.pet-list {
                    width: 100% !important;
                    &>a button{
                        @include pc-md {
                            border-radius: .8rem !important;
                            padding: 1rem .05rem 1rem .4rem !important;
                            margin-bottom: 1rem;
                        }
                        p {
                            @include pc-md {
                                font-size: 1.1rem;
                            }
                        }
                    }
                    .link-btn {
                        @include pc-md {
                            width: 48% !important;
                            margin-left: 1%;
                            margin-right: 1%;
                        }
                    }
                }
            }
        }
        @include sp{
            padding: 4rem 1rem 3rem;
        }
        .sp-nav-btn{
            display: none;
            span{
                top: 15%;
                transform: rotate(135deg);
            }
        }
    }
}


/**********************************************
*　slick基本設定
***********************************************/
.slick-slider {
    position: relative;

    .slide-arrow.slick-arrow {
        position: absolute;
        top: 45%;

        &.prev-arrow {
            left: -3%;
            z-index: 1;
            transform: rotate(180deg);
            width: 7%;

            @include sp-wide {
                width: 10%;
                left: -6%;
            }

            ;
        }

        &.next-arrow {
            right: -3%;
            transform: rotate(360deg);
            width: 7%;

            @include sp-wide {
                width: 10%;
                right: -6%;
            }

            ;
        }
    }

    ul.slick-dots {
        padding: 0;

        li {
            &:only-child {
                display: none;
            }

            list-style: none;
            margin: auto 1%;

            button {
                font-size: 0;
                border: none;
                position: relative;
                background-color: transparent;

                &:before {
                    content: '●';
                    font-family: 'slick';
                    font-size: 6px;
                    line-height: 20px;
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    transform: translate(-50%, -50%);
                    width: 20px;
                    height: 20px;
                    text-align: center;
                    color: gray;
                }
            }

            &:hover {
                button {
                    &:before {
                        opacity: 0.6;
                    }
                }
            }

            &.slick-active {
                button {
                    &:before {
                        color: black;
                    }
                }
            }
        }
    }
}

/**********************************************
*　ヘッダー
***********************************************/
.display_pc {
    header.n_member {
        .login-forget-guide {
            position: absolute;
            width: 30%;
            right: 0;
            top: 4.9rem;
            font-size: .9rem;
            z-index: -1;
            height: auto;
            transition: height .5s ease-out;
            transition: all .5s;

            a {
                color: #b5a616;
            }
        }
    }
}

.display_sp {
    header.n_member {
        .login-forget-guide {
            display: none;
        }
    }
}

header.siteHeader{
    z-index: 999;
    min-height: auto;
    position: fixed;
    top: 0;
    &.user_loggedin {
        .header-top {
            .site-logo{
                width: 22%;
                @include tab {
                    width: 41%;
                }
                @include sp-wide {
                    width: 92%;
                }
            }
        }
    }
    .header-top{
        padding: 0 8% 0 5%;
        height: 5rem;
        transition: height .5s ease-out;
        align-items: center;
        @include pc {
            padding: 0 2%;
        }
        @include sp-wide{
            padding: 0 .2rem 0 .8rem;
            height: 4rem;
        }
        .site-logo{
            width: 22%;
            @include tab {
                width: 30%;
            }
            @include sp-wide {
                width: 53%;
            }
        }
        .sc-imgbox{
            width: 35px;
            padding: 0 2%;
            margin: 0 auto;
            height: 31px;
            @include sp-wide {
                width:  38%;
                height: 20px;
            }
        }
        .logout {
            @include pc {
                font-size: smaller;
            }
        }
        .logout-icon {
            height: 100%;
            max-width: 20px;
        }
        .header-shortcut.pc{
            max-width: 76%;
            &.deficient{
                ul{
                    li{
                        border-left: none;
                        &:last-child{
                            border-right: none;
                        }
                    }
                }
            }
            .pc-menu {
                list-style: none;
                @include pc {
                    padding-left: 1rem;
                }
                li{
                    width: 6.8rem;
                    margin-bottom: 0;
                    padding: 0 0.2rem;
                    border-left: 2px solid;
                    display: block;
                    position: relative;
                    @include tab {
                        width: 4.8rem;
                    }
                    &:last-child{
                        border-right: 2px solid;
                    }
                    a{
                        text-align: center;
                        p{
                            font-size: 80%;
                            color: black;
                            line-height: 1rem;
                            padding-top:  0.6rem;
                            animation: fadein .3s ease 0s 1 forwards;
                            height: 30px;
                            @include tab{
                                font-size: 70%;
                                height: 20px;
                            }
                        }
                        &.lifesupport{
                            .sc-imgbox{
                                width: 35px;
                                @include tab{
                                    width:  35%;
                                }
                            }
                            p{
                                word-break: keep-all;
                                animation: fadein .3s ease 0s 1 forwards;
                            }
                        }
                    }
                    button{
                        text-align: center;
                        box-shadow: none;
                        .sc-imgbox{
                            position: relative;
                            width: 35%;
                            padding: 0 2%;
                            margin: 0 auto;
                            @include tab{
                                width:  38%;
                            }
                        }
                        p{
                            color: black;
                            line-height: initial;
                            padding-top:  0.5rem;
                            animation: fadein .3s ease 0s 1 forwards;
                        }
                    }
                    a.llservice{
                        p{
                            font-size: 75%;
                        }
                    }
                    &:hover{
                        a{
                            text-decoration: none;
                        }
                        img{
                            opacity: 0.7;
                        }
                        ul{
                            display: -webkit-flex;
                            display: -ms-flexbox;
                            flex-flow: column;
                            position: absolute;
                            list-style: none;
                            top: 4.2rem;
                            left: 8.9rem;
                            transform: translateX(-50%);
                            -webkit-transform: translateX(-50%);
                            -ms-transform: translateX(-50%);
                            width: 270%;
                            background: white;
                            @include tab {
                                left: 5.9rem;
                            }
                            a{
                                opacity: 1;
                                color: white;
                            }
                            li{
                                border: none;
                                position: relative;
                                padding-right: 1.5rem;
                                width: 100%;
                                &:last-child {
                                    margin-bottom: 0;
                                    border: none;
                                }
                            }
                        }
                    }
                }
            }
            .pc-sub-menu {
                position: absolute;
                display: none;
                list-style: none;
                top: 0;
                left: 0;
                z-index: 1;
                background-color: transparent;
                padding-top: .2rem;
                li{
                    width: auto;
                    padding: .3rem 1rem;
                    &:last-child{
                        border-right: none;
                    }
                    a {
                        width: 100%;
                    }
                }
            }
        }
        .header-member-card {
            min-width: 180px;
            border: 1px solid #FFB934;
            border-left-width: 12px;
            cursor: pointer;
            display: flex;
            flex-flow: column;
            justify-content: center;
            @include pc {
                min-width: 90px;
                border-left-width: 7px;
            }
            @include sp-wide {
                min-width: 130px;
                padding: .25rem 0;
            }
            &:hover {
                opacity: .8;
            }
            p {
                
            }
        }
        .header-login-button {
            min-width: 9.5em;
            border: 1px solid;
            min-height: 3rem;
            @include sp-wide{
                min-height: auto;
            }
            a {
                color: black;
            }
        }
    }
    .header-top.sp{
        padding-top: 1%;
        padding-right: .25rem;
        // height: 63px;
        // .site-logo{
        //     width: 90%;
        //     max-width: 300px;
        // }
    }
    .header-bottom ,
    .header-top {
        @include tab {
            position: relative;
            background-color: white;
        }
    }
    .header-top {
        @include tab {
            z-index: 1001;
        }
    }
    .header-bottom {
        @include tab {
            z-index: 1000;
        }
    }
    .header-middle{
        height: 63px;
        transition: height .5s ease-out;
        padding-bottom: 2%;
        @include tab {
            height: auto;
            padding-bottom: 0;
            transition: .6s;
            top: 100%;
            position: absolute;
            z-index: 999;
            background-color: white;
        }
        &.sp {
            height: auto;
            padding-bottom: 0;
        }
        .header-shortcut.sp{
            padding: .2rem 2%;
            display: flex;
            @include sp-wide {
                display: table;
                margin: 0 auto;
                width: 97%;
                padding: .2rem 0 0 0;
            };
            a{
                width: 25%;
                padding: 0 3%;
                text-align: center;
                border-left: 1px solid;
                @include sp-wide {
                    display: table-cell;
                    vertical-align: middle;
                    padding: 0 2%;
                };
                .icon-image {
                    @include tab {
                        margin: 0 auto;
                        width: 52%;
                    }
                    @include sp-wide {
                        height: 30px;
                    };
                    img{
                        width: 45%;
                        max-width: 3rem;
                        @include sp-wide {
                            max-width: 100%;
                            height: 100%;
                            width: auto;
                        };
                    }
                    .intromember-icon {
                        @include sp-wide {
                            margin-top: 2px;
                        }
                    }
                }
                p{
                    font-weight: 500;
                    line-height: inherit;
                    color: $hoboblack;
                    word-break: keep-all;
                    @include sp-wide {
                        min-height: 18px;
                    }
                    svg {
                        @include tab {
                            width: 75%;
                        }
                        @include sp-wide {
                            width: 100%;
                        }
                    }
                }
                .unread-bell {
                    left: 25%;
                    width: 13%;
                }
                &:first-child{
                    border: none;
                }
            }
        }
    }
    &.scrolled {
        .header-middle {
            top: -100%;
            transition: .6s;
            position: absolute;
            z-index: 999;
        }
    }
    .header-bottom {
        display: none;
        background-color: #f8f9fa;
        @include tab {
            display: flex;
            background-color: white;
        }
        .b-tab-wrap {
            // display: none;
            @include tab {
                // display: block;
                padding: .1rem .1rem;
                width: 72%;
            }
        }
        .b-tab {
            line-height: 1.5;
            align-items: center;
            width: calc(100% / 2);
            display: none;
            @include tab {
                display: flex;
                min-height: 40px;
                font-size: 2vw;
                padding: .5rem 0;
                word-break: keep-all;
            }
            @include sp-wide {
                font-size: 3vw;
            }
            p {
                color: $hoboblack;
            }
            &.open {
                background-color: #5C7D90;
                .business-icon, .home-icon, .mypage-icon {
                    svg, path {
                        fill: white !important;
                    }
                }
                p {
                    color: white;
                }
            }
            &:hover {
                opacity: .6;
                cursor: pointer;
            }
        }
        .tab-imgbox {
            width: 25px;
            @include sp-wide {
                width: 5vw;
            }
        }
        .menu-logo {
            width: 22%;
            display: none;
            @include tab {
                display: flex;
                border: 1px solid;
                min-height: 40px;
                width: 26.5%;
            }
        }
    }
    &.user_loggedin {
        .header-top .header-login-button {
            min-width: 110px;
            justify-content: center;
            @include pc {
                min-width: 80px;
            }
            @include tab {
                min-width: 75px;
            }
            @include sp-wide {
                min-width: 180px;
            }
        }
        .header-bottom {
            display: block;
            @include tab {
                display: flex;
                background-color: white;
                z-index: 1000;
            }
            .b-tab-wrap {
                display: block;
                border: 1px solid lightgray;
            }
        }
    }
    &.not-ontop{
        .inner-header{
            position: fixed !important;
            top: 0;
        }
    }
}

.siteHeader {
    @include tab {
        margin-bottom: 0;
    }

    ;
}

.menu-hamburger {
    display: none;
    animation: fadeout .3s ease 0s 1 forwards;
}

.menu-hamburger.open {
    animation: fadein .3s ease 0s 1 forwards;
    display: block !important;
    position: fixed;
    top: 0;
    left: 0%;
    width: 100vw;
    height: 100vh;
    z-index: 9999;
    overflow: auto;

    .menu-hamburger-inner {
        position: relative;
        margin: 3.5rem 0 10rem;

        .close {
            font-weight: 300;
            right: 1rem;
            top: -3.2rem;
            opacity: 1;

            p {
                font-size: 1rem;
                line-height: 3rem;
                text-align: left;
                margin-bottom: 0;
                color: black;
                padding-right: .2rem;
            }

            span {
                font-size: 3rem;
            }
        }

        .menu-hamburger-guide {
            .guide-btn {
                // TODO:会員カラーに合わせる
                background-color: beige;
                color: #4e4220;
                background-image: url(/cms/wp-content/themes/zenkosai/assets/images/icons/home/home_contact_ryno.png);
                background-repeat: no-repeat;
                background-size: contain;
                background-position: right;
            }

            p {
                a {
                    color: #b4943a;
                    text-decoration: underline;
                }
            }
        }
    }

    ul {
        list-style: none;
        margin: 0;

        li {
            border-top: 1px solid #ececec;
            margin: 0;

            a,
            button {
                color: $hoboblack;
                padding-left: 5%;
                line-height: 1.2rem;
                display: block;
                padding: .25rem 1rem;
                width: 100%;
                text-align: left;

                img {
                    width: 2rem;
                    height: 2rem;
                    margin-right: 1rem;
                }

                svg {
                    width: 2.4rem;
                    height: 2.4rem;
                    margin-right: .75rem;
                }

                .procedure-icon {
                    margin-right: 0;
                }

                p {
                    color: inherit;
                }
            }

            button {
                height: 6vh;
            }

            &.has-children {
                >a {
                    position: relative;

                    &:before {
                        position: absolute;
                        content: '';
                        right: 1.5rem;
                        top: 50%;
                        margin-top: -11px;
                        width: 1rem;
                        height: 1rem;
                        border-top: 3px solid;
                        border-right: 3px solid;
                        -webkit-transform: rotate(135deg);
                        transform: rotate(135deg);
                    }

                    &.opened {
                        &:before {
                            top: 50%;
                            margin-top: -3px;
                            -webkit-transform: rotate(315deg);
                            transform: rotate(315deg);
                        }

                        +ul {
                            list-style: none;
                            margin: 0;
                            display: flex !important;
                            flex-wrap: wrap;
                            padding: .2rem 0 .2rem 0.1rem;
                            animation: fadein 1s ease 0s 1 forwards;
                            height: 100%;
                            transition: height .5s ease-out;

                            li {
                                border: none;
                                height: 6vh;
                                margin: 1%;
                                background: white;
                                border-radius: .5rem;
                                width: 48%;
                                font-size: .9rem;
                                padding-left: 0;
                                display: -webkit-flex;
                                display: -ms-flexbox;
                                align-items: center;

                                a {
                                    color: $hoboblack;

                                    span.txt-box {
                                        line-height: 1rem;
                                        align-self: center;
                                        word-break: keep-all;

                                        br {
                                            @include sp {
                                                display: block;
                                            }
                                        }
                                    }
                                }
                            }

                            &.lsservice {
                                li {
                                    a {
                                        display: inline-flex;
                                    }
                                }

                                .lsservice-special {
                                    display: none;
                                }
                            }
                        }
                    }
                }
            }

            ul {
                display: none;
                height: 0;
                animation: fadeout 1s ease 0s 1 forwards;
                transition: height .5s ease-out;
            }

            &:last-child {
                border-bottom: 1px solid #ececec;
            }
        }

        .sp-business_menu {
            display: none;
        }
    }
}

.user_loggedin {
    .menu-hamburger.open {
        ul {
            li {
                &.has-children {
                    >a {
                        &.opened {
                            +ul {
                                &.lsservice {
                                    .lsservice-special {
                                        display: block;
                                        padding-top: 0.25rem;
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}

.p_member {
    .menu-hamburger.open {
        ul {
            .sp-business_menu {
                display: block;
            }
        }
    }

    li {
        &.has-children {
            >a {
                &.opened {
                    +ul {
                        &.lsservice {
                            .lsservice-special {
                                border: solid 1px #014f9c;
                            }
                        }
                    }
                }
            }
        }
    }
}

.k_member,
.ks_member,
.ps_member {
    li {
        &.has-children {
            >a {
                &.opened {
                    +ul {
                        &.lsservice {
                            .lsservice-special {
                                border: solid 1px #8bb529;
                            }
                        }
                    }
                }
            }
        }
    }
}

/**********************************************
*　フッター
***********************************************/
footer {
    .footer {
        display: -webkit-flex;
        display: -ms-flexbox;
        grid-template-columns: repeat(4, 1fr);
        grid-gap: 1%;

        .pc-footer-column {
            border-right: solid 1px #eceaa3;
            padding: 0 0.25rem;

            &:last-child {
                border-right: 0;
            }

            ul {
                li {
                    a {
                        i {
                            color: #baab72;
                        }
                    }
                }
            }
        }

        div {
            margin: 0 auto;
            width: 35%;
            padding-right: 1rem;

            &:last-child {
                padding-right: 0;
            }
        }

        .footer-tit {
            margin-bottom: .25rem !important;

            p {
                font-size: .9rem;
                line-height: 1.2rem;
            }

            &__icon {
                width: 40px;
                height: 40px;
            }
        }

        .pc-footer-column {
            a {
                color: black;
            }

            ul {
                list-style: none;
                border-radius: 0.5rem;

                li {
                    padding: 0 0.5rem;
                    margin-bottom: 0.25rem;
                    font-size: small;

                    a {
                        color: black;
                        display: block;
                    }

                    &:hover {
                        a {
                            opacity: 0.7;
                            text-decoration: none;
                        }
                    }

                    &:last-child {
                        margin-bottom: 0;
                    }
                }
            }
        }
    }

    .footer-others {
        font-size: small;
        display: -webkit-flex;
        display: -ms-flexbox;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        -webkit-justify-content: start !important;
        justify-content: start !important;

        ul {
            li {
                margin-bottom: .25rem;
            }
        }

        .copyright {
            color: white;
        }

        a {
            text-decoration: none;
            color: white;

            &:hover {
                opacity: 0.6;
                text-decoration: none;
            }
        }
        &__container {
            width: 87%;
        }
    }

    // フッターログイン後
    &.user_loggedin {
        .footer {
            div {
                width: 25%;
                margin: 0 auto;
            }
        }

        .pc-footer-column.last {
            display: -webkit-flex;
            display: -ms-flexbox;
            flex-direction: column;
            width: 25%;

            .menu-plusa,
            .menu-insuranse,
            .menu-experience {
                width: 100%;
                padding-right: 0;
            }
        }
    }
}

.siteFooter {
    .footer-others {
        background-color: #BBAB72;
    }

    .text-center.font-smaller {
        padding-bottom: 1.5rem !important;

        @include tab {
            padding-bottom: 5.5rem !important;
        }
    }

    &.k_member,
    &.ks_member,
    &.ps_member {
        .footer-others {
            background-color: #479159;
        }

        .footer {
            .pc-footer-column {
                border-right: solid 1px #cbeece;

                ul {
                    li {
                        a {
                            i {
                                color: #479159;
                            }
                        }
                    }
                }
            }
        }
    }

    &.p_member {
        .footer-others {
            background-color: #537496;
        }

        .footer {
            .pc-footer-column {
                border-right: solid 1px #A9BCD7;

                ul {
                    li {
                        a {
                            i {
                                color: #154560;
                            }
                        }
                    }
                }
            }
        }

        .footer-tit__icon {
            fill: #154560;
        }
    }
}

// 会員カード ポップアップ
.card-modal {
    display: none;
    position: relative;
    z-index: 1000;

    &__content {
        background: rgba(0, 0, 0, 0.5);
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;

        @include sp {
            overflow: auto;
        }
    }

    .mamber-card-detail {
        position: fixed;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);

        @include sp-wide {
            width: 100%;
        }

        &__content {
            width: 500px;
            height: auto;
            // height: 80vh;
            // max-height: 86%;
            max-height: 80vh;
            margin: auto;
            // position: fixed;
            // left: 50%;
            // top: 47%;
            // transform: translate(-50%, -50%);
            background-color: white;
            background-image: url(/cms/wp-content/themes/zenkosai/assets/images/common/card_bg.png);
            background-repeat: no-repeat;
            background-size: 62%;
            background-position: bottom right;
            border: solid 2px #0D0D0D;
            // overflow: auto; コンベンションが終了したらコメントアウト解除
            overflow: scroll; // コンベンションが終了したらコメントアウト

            @include sp-wide {
                width: 98%;
            }

            &__detail {
                .card-header {
                    display: -webkit-flex;
                    display: -ms-flexbox;
                    align-items: center;
                    justify-content: space-between;
                    -webkit-justify-content: space-between;
                    padding: 1rem 1.2rem !important;
                    background-color: #fff4e6;
                    border-bottom: 0;
                    position: fixed;
                    left: 0;
                    right: 0;
                    margin: auto;
                    width: 99%;
                    z-index: 1;

                    @include sp-wide {
                        width: 97%;
                    }

                    img {
                        width: 40%;
                    }

                    p {
                        color: #fa9834;
                        font-weight: bold;
                        font-size: 1.2rem;
                        letter-spacing: .1rem;

                        @include sp-wide {
                            font-size: 1.5rem;
                        }
                    }
                }

                .card-body {
                    display: -webkit-flex;
                    display: -ms-flexbox;
                    align-items: center;
                    justify-content: space-between;
                    -webkit-justify-content: space-between;
                    padding: 5rem 2rem 1rem !important;

                    .member-info {
                        width: 100%;
                        position: relative;

                        .member-id {
                            color: gray;
                            font-size: 1.5rem;
                            margin-bottom: 1.5rem;
                        }

                        .member-name {
                            font-size: 1.3rem;
                            font-weight: bold;
                            letter-spacing: .2rem;
                        }

                        .member-start {
                            font-size: .9rem;
                            margin-top: 1rem;
                        }
                    }

                    .member-qr {
                        height: auto;
                        width: 123px;
                        border: solid 1px #cccccc;

                        canvas {
                            max-width: 100%;
                            padding: .5rem;
                        }

                        p {
                            font-size: .8rem;
                            line-height: 1.2rem;
                            padding: 0 0.5rem 0.5rem;
                            text-align: justify;
                            letter-spacing: -.05rem;
                        }
                    }
                }
            }
        }
    }

    .modal-card-close {
        cursor: pointer;
        text-align: center;
        border: solid 1px #aaaaaa;
        margin: 1rem auto 0;
        width: 15vw;
        font-size: 1rem;
        color: black;
        background-color: white;
        border-radius: 50px;
        line-height: 1.5;
        padding-top: 0.25rem;
        padding-bottom: 0.25rem;
        z-index: 1000;
        position: fixed;
        left: calc(50% - 7.5vw);
        bottom: calc(50% - 180px);

        @include tab {
            width: 30vw;
            left: calc(50% - 15vw);
            bottom: calc(50% - 160px);
        }

        @include sp-wide {
            width: 40vw;
            left: calc(50% - 20vw);
            bottom: calc(50% - 160px);
        }

        &:hover {
            opacity: .8;
        }

        span {
            padding-left: .5rem;
        }
    }
}

// コンベンションが終了したらコメントアウト
.ticket {
    margin: 0 2rem 1rem;
    border-radius: 10px;
    &__header {
        margin-bottom: .25rem;
        text-align: center;
        border-top: dashed #c9c9c9 1px;
        padding-top: .5rem;
        @include sp-wide {
            font-size: 1.2rem;
        }
    }
    &__body {
        font-size: .9rem;
        @include sp-wide {
            font-size: 1.4rem;
        }
        table {
            tr {
                td {
                    border: solid 1px white;
                    padding: 0.25rem 0.5rem;
                    font-family: -apple-system,BlinkMacSystemFont,"Hiragino Sans",Meiryo,"Helvetica Neue",sans-serif;
                    &:first-child {
                        background-color: #eae8e8;
                        border-right: 0;
                    }
                    &:last-child {
                        background-color: #fffeee;
                    }
                    span.a {
                        color: #ff0303;
                        font-weight: bold;
                    }
                    span.b {
                        color: #2003ff;
                        font-weight: bold;
                    }
                }
            }
            @include sp-wide {
                width: 100%;
            }
        }
        &__link {
            margin-top: 1.5rem;
            h3 {
                font-size: 1rem;
                border-left: solid 4px #fecc6d;
                padding-left: 0.5rem;
                @include tab {
                    font-size: 1.2rem;
                }
            }
            &__content {
                display: -webkit-flex;
                display: -ms-flexbox;
                justify-content: space-between;    
                -webkit-justify-content: space-between;
                flex-wrap: wrap;
                margin-top: .25rem;
                .pdf-link {
                    width: calc(99% / 2);
                    background-color: #d7d2aa;
                    border-radius: 5px;
                    padding: .25rem .5rem;
                    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
                    position: relative;
                    margin-bottom: .25rem;
                    &:hover {
                        box-shadow: none;
                        opacity: .7;
                    }
                    a {
                        color: black;
                        font-size: 1rem;
                        .dl-icon {
                            width: 14%;
                            fill: #c2ae33;
                            position: absolute;
                            margin: auto;
                            top: 0;
                            bottom: 0;
                            right: 0;
                            @include sp-wide {
                                width: 7%;
                            }
                        }
                    }
                    @include sp-wide {
                        margin-bottom: .5rem;
                    }
                }
            }
        }
    }
}

/**********************************************
*　固定ページテンプレート
***********************************************/
.page-base {
    @include pc-md {
        min-width: 100% !important;
    }
    .page-header {
        .page-top {
            margin-bottom: -7%;
            &__icon {
                @include sp-wide {
                    top: 4rem;
                };
            }
        }
    }
    .columns {
        position: relative;
        .page-content-innerwrap {
            margin: 0 auto;
            @include sp-wide {
                padding-top: 3rem;
            };
            .row {
                .sp-page-top {
                    .page-content-innerwrap {
                        .link-btn {
                            .showall-btn {
                                min-height: 4rem;
                            }
                        }
                    }
                }
            }
            h2 {
                text-align: left;
                border: none;
                width: 100% !important;
                padding: .5em 1rem .5rem 2.5rem!important;
                line-height: 1.1;
                background: #dbf1f8;
                border-radius: 25px;
                color: black;
                margin: 0 auto .5rem !important;
                border-bottom: none !important;
                font-size: 1.2rem;
                text-indent: -1.7rem;
                line-height: 1.7rem;
                &::before {
                    content: '\025cf';
                    color: white;
                    margin-right: 8px;
                }
            }
            h3 {
                font-size: 1.2rem;
                border-bottom: solid 2px #D9D9D9;
                padding-bottom: .5rem;
                &::before {
                    content: '\025cf';
                    color: $about-color;
                    margin-right: 8px;
                }
            }
            p,table {
                width: 93%;
                margin: 0 auto;
                @include sp-wide {
                    width: 80%;
                };
            }
            table {
                border: 1px solid rgba(0,0,0,.05);
                tr {
                    &:first-child {
                        background-color: #e6f5db;
                    }
                    td {
                        &:first-child {
                            text-align: left;
                        }
                    }
                }
            }
            ol {
                width: 95%;
                margin: 0 auto;
                padding-left: 0;
                @include sp-wide {
                    padding-left: 2rem;
                };
                li {
                    ol {
                        padding-right: 0;
                    }
                    ul {
                        padding-left: 1.5rem !important;
                    }
                }
            }
            .page-content-div {
                margin-bottom: 1rem;
                p {
                    width: 100%;
                }
            }
        }
    }
}

.top_slide_wrapper {
    @include sp-wide {
        padding-top: 1.5rem !important;
    }
    .top_slide_innerwrapper{
        .top-slide-div,.csr-pickup-list{
            display: none;
            position: relative;
            &.slick-initialized {
                display: block;
            }
            .slick-list{
                .slick-track{
                    display: flex;
                    -webkit-box-align: end;
                    -ms-flex-align: end;
                    align-items: flex-end;
                    .top-slide {
                        padding: 0 .5rem;
                    }
                    .top-slide.slick-slide{
                        h2{
                            display: none;
                        }
                        &.slick-current.slick-active{
                            z-index: 100;
                            opacity: 1;
                            @include sp-wide{
                                position: relative;
                            };
                            h2{
                                background-color: white;
                                border-top: 1px solid;
                                border-bottom: 1px solid;
                                @include sp-wide{
                                    border-radius: 0;
                                    width: 95% !important;
                                    white-space: break-spaces !important;
                                    margin: 0 auto !important;
                                    text-align: center;
                                    color: white;
                                    &:after{
                                        content: "";
                                        position: absolute;
                                        top: 0;
                                        right: -3rem;
                                        width: 0;
                                        height: 0;
                                        border-style: solid;
                                        border-color: #6ba0d1 transparent transparent transparent;
                                        border-width: 3rem 3rem 0rem 0;
                                    }
                                }
                                width: 80%;
                                display: block;
                                text-align: center;
                                br{
                                    display: none;
                                }
                            }
                        }
                        .limit_startdate {
                            &__text {
                                opacity: 0;
                                transition: .4s;
                                @include sp-wide {
                                    opacity: 1;
                                }
                            }
                        }
                    }
                    .top-slide.slick-slide.slick-center{
                        .limit_startdate {
                            &__text {
                                opacity: 1;
                            }
                        }
                    }
                }
            }
            ul.top-slide-dots{
                justify-content: center;
                margin-top: 1rem;
                @include tab{
                    right: 75%;
                }
                @include sp-wide{
                    flex-direction: row;
                    position: unset;
                    margin-bottom: 0;
                    -webkit-box-align: end;
                    -ms-flex-align: end;
                    align-items: flex-end;
                    justify-content: center;
                    -webkit-justify-content: center;
                    margin-top: 0;
                }
                li:only-child{
                    display: none;
                }
                >li{
                    margin: 0 0.25rem;
                    list-style: none;
                    button{
                        padding: 0.25rem;
                        width: 10px;
                        height: 10px;
                        background-color: #D9D9D9;
                        font-size: 0;
                        border-radius: 50%;
                        @include sp-wide{
                            box-shadow: 1px 3px 1px rgba(112, 112, 112, 0.8);
                        }
                        &:focus {
                            box-shadow: 1px 3px 1px rgba(112, 112, 112, 0.8) !important;
                        }
                        &:before{
                            content: "";
                            font-size: 1rem;
                            position: absolute;
                            top: 50%;
                            right: 2%;
                            transform: translate(0, -50%);
                            color: black;
                            @include tab{
                                white-space: pre-wrap;
                                line-height: 1.5rem;
                                font-size: 1.2rem;
                            }
                            @include sp-wide{
                                right: 0;
                                width: 100%;
                                font-size: .9rem;
                                line-height: 1.3rem;
                            }
                        }
                    }
                    &.slick-active{
                        button{
                            padding: 0.25rem;
                            width: 10px;
                            height: 10px;
                            background-color: #B2B2B2;
                            font-size: 0;
                            border-radius: 50%;
                            &:before{
                                content: "";
                                font-size: 1.1rem;
                                position: absolute;
                                top: 50%;
                                right: 2%;
                                transform: translate(0, -50%);
                                color: white;
                                @include tab{
                                    white-space: pre-wrap;
                                    line-height: 1.5rem;
                                    font-size: 1.2rem;
                                }
                                @include sp-wide{
                                    right: 0;
                                    width: 100%;
                                    font-size: 1rem;
                                    line-height: 1.3rem;
                                    font-size: .9rem;
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}

/**********************************************
*　ホーム
***********************************************/
#home {
    .home-main_tit {
        padding: 0 0.5rem;
        border-bottom: solid 1px;
        margin-bottom: 0.5rem;
        h2 {
            font-size: 1.2rem;
        }
        .tit-icon {
            width: 2.5rem;
            padding-right: .25rem;
        }
        .list-link {
            span {
                padding-right: 0.5rem;
                font-size: .9rem;
            }
        }
    }
    .home-sub_tit {
        font-size: 1.1rem;
        margin: 1rem 0;
        border-left: solid 5px;
        padding-left: 0.5rem;
    }
    .home-members {
        margin-bottom: 4rem;
    }
    .home-link_list {
        margin: 0 auto;
        width: 70%;
        @include tab {
            width: 100%;
        }
        .link-item {
            width: calc(100% / 2 - .5rem);
            margin: .25rem;
            @include pc-md-wide {
                margin-bottom: 1rem;
            }
            @include tab {
                padding: 0;
            }
            @include sp-wide {
                width: 100%;
                margin: .25rem;
            }
            &:last-child {
                @include pc-md-wide {
                    margin-bottom: 0;
                }
            }
            a {
                &:hover {
                    transition-duration: .2s;
                    opacity: .5;
                }
            }
        }
    }
    .header-announce {
        background-color: #ffe8e8;
        margin-top: 9rem;
        display: flex;
        justify-content: center;
        padding: .25rem;
        @include tab {
            margin-top: 15rem;
            justify-content: space-between;
            align-items: end;
            padding: .25rem 1rem;
        }
        @include sp-wide {
            margin: 14rem auto 0;
            width: 90%;
            display: block;
        }
        p {
            font-size: 1rem;
            line-height: 1.5rem;
            .px-txt {
                @include tab {
                    display: none;
                }
            }
            .sp-txt {
                display: none;
                @include tab {
                    display: inline-block;
                    font-size: .9rem;
                    color: gray;
                }
            }
        }
        .info-important{
            border-radius: 1.7rem;
        }
        .unread-link {
            @include sp-wide {
                text-align: right;
            }
        }
        .check-info-button {
            background-color: white;
            &:hover {
                color: white;
                background-color: #dc3545;
                border-color: #dc3545;
            }
        }
    }
    .bg-top-wave, .bg-bottom-wave {
        z-index: -1;
        right: 0;
        left: 0;
        height: 75%;
    }
    .bg-top-wave {
        top: 18%;
    }
    .bg-bottom-wave {
        bottom: 0;
        transform: scale(-1, -1);
        display: none;
        @include sp-wide {
            display: block;
        }
    }
    .home-link-div {
        margin-bottom: 3rem;
        .home-link_list {
            &__item {
                padding: 0.25rem;
                &__content {
                    padding: 0.5rem 1rem;
                    color: #000;
                }
                &> a {
                    .home-link_list__item__content:hover {
                        box-shadow: none;
                        transition: .2s;
                        color: #c1e29a;
                    }
                }
                .note {
                    margin-top: 0.5rem;
                    p {
                        font-size: .85rem;
                        line-height: 1.3rem;
                    }
                }
            }
        }
        &.business-content {
            .home-main_tit {
                border-color: #22445D;
                h2 {
                    color: #22445D;
                }
                .list-link {
                    a {
                        color: #22445D;
                    }
                }
            }
            .home-link_list {
                &__item {
                    &__content {
                        background-color: #F5FAFE;
                        box-shadow: 0 3px 0 0 #9AC5E2;
                        align-items: center;
                        color: #000;
                    }
                    &> a {
                        .home-link_list__item__content:hover {
                            box-shadow: none;
                            transition: .2s;
                            color: #9AC5E2;
                        }
                    }
                }
            }
        }
        &.llservice-content {
            .home-main_tit {
                border-color: #2E653C;
                h2 {
                    color: #2E653C;
                }
                .list-link {
                    a {
                        color: #2E653C;
                    }
                }
            }
            .home-link_list {
                &__item {
                    &__content {
                        background-color: #F7FCF1;
                        box-shadow: 0 3px 0 0 #C1E29A;
                        align-items: center;
                        color: #000;
                        &:hover {
                            @include tab-min {
                                box-shadow: none;
                                transition: .2s;
                                color: #C1E29A;
                            }
                        }
                        &:active {
                            box-shadow: none;
                            transition: .2s;
                            color: #C1E29A;
                        }
                    }
                }
            }
        }
    }
    // .top_slide_wrapper,
    // .home-link-div,
    // .home-insurance-div,
    // .about-content,
    // .csr-div,
    // .home-service-div-content,
    // .contact-ryno-div {
    //     margin: 0 auto;
    //     width: 85%;
    //     @include sp-wide {
    //         width: 90%;
    //     }
    // }
    .home-about-div {
        .about-content {
            .home-main_tit,
            .about-div,
            button {
                position: relative;
                z-index: 2;
            }
        }
    }
    .home{
        .index-btn {
            @include sp-wide {
                width: 100%;
            };
        }
        .title{
            text-align: center;
            padding-top: 1rem;
            padding-bottom: .5rem;
            margin-bottom: 1rem;
            margin-top: 2.5rem;
            @include sp-wide {
                margin-top: 1rem;
            };
        }
        .title-bar{
            position: relative;
            &:after{
                content: '';
                position: absolute;
                width: 100vw;
                height: 2.7px;
                bottom: 0;
            }
        }
        .title-bar.right{
            &:after{
                right: -20%;
            }
        }
        .title-bar.left{
            &:after{
                left: -20%;
            }
        }
        .container {
            .isurance-div {
                align-items: center;
                .g-insurance-div {
                    width: 45%;
                    @include sp-wide {
                        width: 100%;
                    };
                }
            }
        }
        .home-page-top_before-bnr {
            width: 25%;
            @include tab {
                width: 40%;
                margin-bottom: 1rem;
            }
            @include sp-wide {
                width: 80%;
            }
        }
        .home-info-div{
            .home-info-content {
                .info-bg {
                    z-index: 1 !important;
                    right: 0;
                    left: unset !important;
                }
            }
            &__list {
                .info-button {
                    .active {
                        color: white;
                    }
                }
            }
            .info-tab-list {
                display: -webkit-flex;
                display: -ms-flexbox;
                justify-content: space-between;    
                -webkit-justify-content: space-between;
                height: 2rem;
                border-bottom: solid 1px;
                @include tab {
                    display: block;
                };
                .info-listlink-pc {
                    position: relative;
                    bottom: 1rem;
                    @include tab {
                        display: none;
                    };
                    p {
                        margin-top: 0;
                        padding: 0.25rem 0;
                        font-size: .9rem;
                        width: 11rem;
                        position: relative;
                    }
                }
            }
            &__list {
                .info-content {
                    width: 100%;
                    background-color: white;
                    @include tab {
                        position: relative;
                    };
                    .tab-close {
                        padding: .5rem;
                        width: 20%;
                        min-width: 6rem;
                        text-align: center;
                        display: -webkit-flex;
                        display: -ms-flexbox;
                        justify-content: center;
                        -webkit-justify-content: center;
                        align-items: center;
                        font-size: .9rem;
                        @include tab {
                            position: absolute;
                            right: 0;
                            top: 0;
                            margin-top: -2.1rem;
                            color: white;
                        }
                    }
                }
                .info-content-tit {
                    width: 20%;
                    text-align: center;
                    color: white;
                    @include tab {
                        width: 25%;
                    }
                    @include sp-wide {
                        width: 95%;
                        text-align: left;
                        position: relative;
                        top: .25rem;
                    }
                }
            }
            .news-loop-div{
                padding: 0 1rem;
            }
            .info-tab-div {
                border-bottom: 1px solid;
                padding: 0 !important;
                background-color: white;
                margin-left: 0.05rem;
                width: calc(100% / 3);
                height: 2rem;
                @include pc-min {
                    width: 100%;
                }
                @include sp-wide {
                    width: 100%;
                    margin: 0 auto;
                };
            }
            .info-tab{
                border-top-left-radius: .25rem;
                border-top-right-radius: .25rem;
                color: #8d8d8d;
                height: 2rem;
                &:hover{
                    opacity: 0.6;
                }
                .important_unreads{
                    width: 20px;
                    height: 20px;
                    left: 5%;
                    bottom: 1rem;
                    font-size: .9rem;
                }
            }
            .tab-center{
                border-right: 2px solid;
            }
            .info-tab.selected{
                border-top-left-radius: .25rem;
                border-top-right-radius: .25rem;
                border-right: 0;
                strong{
                    position: relative;
                    color: white;
                }
                &:hover{
                    opacity: 1;
                }
            }
            .info-news {
                position: relative;
                &:hover{
                    opacity: 0.7;
                    text-decoration: none !important;
                }
                .info-news-bar {
                    .new {
                        padding-right: 0.5rem;
                    }
                    .new-and-date {
                        width: 100px;
                    }
                    .news-date {
                        color: #676767;
                        span {
                            padding-left: .5rem;
                        }
                    }
                    .news-cat {
                        padding: .15rem 1rem .15rem .15rem;
                        @include sp-wide {
                            min-width: 65%;
                        }
                        .cat-img-div {
                            width: 1rem;
                            display: inline-flex;
                        }
                        p {
                            // font-size: .9rem;
                            padding-left: .35rem;
                            line-height: 1em;
                        }
                    }
                    &.unread-news{
                        position: relative;
                        &:before{
                            content: '●';
                            position: absolute;
                            color: #D80607;
                            top: 0;
                            left: 0;
                            font-size: .75rem;
                            @include sp {
                                left: -.8rem;
                            }
                        }
                    }
                }
                .news-title {
                    font-size: 1rem;
                    line-height: 1.9;
                }
                .important {
                    font-size: .9rem;
                    padding-top: 0.1rem;
                    padding-bottom: 0.1rem;
                }
            }
            .info-news-div {
                width: 100%;
                height: 100%;
                display: -webkit-flex;
                display: -ms-flexbox;
                justify-content: space-between;
                -webkit-justify-content: space-between;
                flex-direction: column;
                position: relative;
                border-right: solid 1px #cdcdcd;
                .news-loop-div {
                    @include sp-wide {
                        width: 100%;
                        margin: 0 auto;
                    };
                }
                .index-btn {
                    font-size: .9rem;
                    width: 20%;
                    padding: 0;
                    p {
                        i {
                            padding-left: .5rem;
                        }
                    }
                }
                .loop-news-div.over-shadow {
                    padding: 1.1rem;
                    position: absolute;
                    bottom: 0;
                    z-index: 1;
                    width: 100%;
                    @include tab {
                        bottom: 31%;
                    };
                }
                .info-listlink-sp {
                    display: none !important;
                    @include tab {
                        display: block !important;
                    };
                }
            }
        }
        .home-aul-div {
            &__about {
                padding: 0 0 0 .25rem;
                @include sp-wide {
                    padding: 0 .25rem;
                }
                &__img {
                    @include tab {
                        width: calc(100% / 2);
                    }
                    @include sp-wide {
                        width: 100%;
                    }
                }
            }
        }
        .home-shopsite-div {
            background-color: #FFFBED;
            padding: 1.5rem 0;
            background-image: url(/cms/wp-content/themes/zenkosai/assets/images/home/site-link_bg.png);
            background-repeat: repeat-x;
            background-position-y: 86%;
            background-size: 40%;
            @include pc-min {
                background-size: 60%;
                background-position-y: 90%;
            }
            @include sp-wide {
                background-size: 90%;
            }
            h3 {
                &:after {
                    display: none;
                }
            }
            .shop-link-list {
                display: -webkit-flex;
                display: -ms-flexbox;
                -ms-flex-wrap: wrap;
                -webkit-flex-wrap: wrap;
                justify-content: center;
                -webkit-justify-content: center;
                align-items: center;
                margin: 0 auto;
                width: 85%;
                padding: 0.5rem 0 1rem;
                @include sp-wide {
                    width: 95%;
                }
                &__item {
                    width: calc(100% / 3 - 1rem);
                    margin: .5rem;
                    @include pc-min {
                        width: calc(100% / 2 - .5rem);
                        margin: .5rem .25rem;
                    }
                    &__content {
                        display: -webkit-flex;
                        display: -ms-flexbox;
                        background-color: white;
                        box-shadow: 0 3px 0 0 #8b7d66;
                        align-items: center;
                        padding: 0.25rem 1rem;
                        justify-content: center;
                        -webkit-justify-content: center;
                        color: black;
                        @include sp {
                            padding: .8rem .5rem;
                        }
                        &:not(.limit_startdate):hover {
                            box-shadow: none;
                            transition: .2s;
                            color: #8B7D66;
                            @include sp {
                                box-shadow: 0 3px 0 0 #8b7d66;
                                color: black;
                            }
                        }
                        &::after {
                            content: "\03e";
                            font-size: 1.6rem;
                            margin-left: auto;
                            color: #8b7d66;
                            @include sp {
                                font-size: 1.2rem;
                            }
                        }
                        &__icon {
                            width: 15%;
                            padding-right: .5rem;
                            @include pc-min {
                                width: 10%;
                            }
                            @include sp-wide {
                                width: 15%;
                            }
                            @include sp {
                                padding-right: .3rem;
                                width: 17%;
                            }
                            @include sp-minimun {
                                padding-right: .5rem;
                                width: 20%;
                            }
                        }
                        &__name {
                            @include sp-minimun {
                                font-size: .8rem;
                            }
                        }
                        .limit_startdate__text {
                            bottom: -3px;
                            margin-bottom: 0;
                            font-size: .7rem;
                            border-radius: .25rem;
                            line-height: 1.5;
                            padding: 0.25rem 1rem;
                            height: calc(100% + 3px);
                            display: flex;
                            flex-direction: column;
                            justify-content: center;
                            align-items: center;
                        }
                    }
                }
            }
        }
        .aul-pc{
            &:hover{
                opacity: 0.7;
            }
        }
        .home-caution-div{
            height: 100%;
            display: -webkit-flex;
            display: -ms-flexbox;
            justify-content: space-between;
            -webkit-justify-content: space-between;
            flex-direction: column;
            div{
                border: 2px solid red;
            }
            .tokutei-div {
                text-align: center;
                .tokutei-txt{
                    line-height: 1.4rem;
                    font-size: 88%;
                    letter-spacing: .05rem;
                    text-align: justify;
                }
            }
            .questionner-div{
                .questionner-pen,
                .questionner-btn {
                    width: 7%;
                    @include sp-wide{
                        width: 10%;
                    };
                }
            }
        }
        .home-service-div{
            .service-cat-div {
                &__link {
                    border-radius: 0.25rem;
                    box-shadow: 0 3px 0 0 #bbab72;
                    @include sp-wide {
                        border-radius: 2rem;
                    }
                    &:hover{
                        opacity: 0.7;
                    }
                }
                .cat-img-div{
                    @include sp-wide {
                        width: 20%;
                    }
                    .cat-img {
                        max-width: 80px;
                        width: 100%;
                        height: auto;
                        @include sp-wide {
                            width: 80%;
                            text-align: center;
                        }
                    }
                }
                .cat-txt-div {
                    font-size: initial;
                    @include sp-wide {
                        width: 80%;
                        font-size: .85rem;
                    };
                    p{
                        line-height: 19px;
                        @include sp-wide {
                            line-height: 1.3rem;
                        };
                    }
                }
            }
            button {
                @include sp-wide {
                    width: 85%;
                };
            }
        }
        .home-insurance-div{
            @include sp-wide {
                margin-top: 1rem !important;
            };
            .comeback {
                padding: 0 0 0 .25rem;
                @include tab {
                    width: calc(100% / 2);
                }
                @include sp-wide {
                    width: 100%;
                    padding: 0 .25rem;
                }
                &.disabled {
                    img {
                        filter: grayscale(100%) brightness(0.9) contrast(0.95);
                    }
                    a {
                        &:hover {
                            cursor: auto;
                        }
                    }
                }
            }
            .comeback-note {
                @include tab {
                    padding: .25rem 0;
                }
                @include sp-wide {
                    padding: 1rem .25rem 0;
                }
            }
            .insurance_bnr-list {
                width: 60%;
                margin: 0;
                @include pc {
                    width: 70%;
                }
                @include tab {
                    width: 100%;
                }
                .insurance_bnr {
                    width: calc(100% / 4);
                    @include tab {
                        width: calc(100% / 3);
                    }
                    @include sp-wide {
                        width: calc(100% / 2);
                    }
                }
            }
            .insurances_recomend_nini {
                flex-wrap: nowrap;
                margin: 0;
                width: 60%;
                @include tab-wide {
                    width: 70%;
                }
                @include tab {
                    display: block !important;
                    width: 100%;
                }
                .recomend_nini_bnr {
                    a {
                        width: 78%;
                        @include tab {
                            width: 40%;
                        }
                        @include sp-wide {
                            width: 80%;
                        }
                    }
                    p {
                        width: 73%;
                    }
                }
            }
            .new_wrap {
                top: -0.8em;
                left: 5px;
                @include sp-wide {
                    top: -0.3em;
                }
                .new {
                    font-size: .8rem;
                    font-weight: bold;
                    color: #fff;
                    display: inline-block;
                    border-radius: 3px;
                    padding: 0.1rem 1rem;
                    margin-right: 0.3rem;
                    background-color: #ff0047;
                    letter-spacing: .1em;
                }
            }
            div {
                @include sp {
                    margin: 0 auto;
                }
            }
            .title-bar {
                @include sp-wide {
                    text-align: center;
                    width: 90%;
                    margin: 0 auto;
                };
                @include sp {
                    line-height: 2.5rem;
                    text-align: left;
                };
            }
            .title-bar.left {
                &::after {
                    @include sp-wide {
                        left: -11%;
                    };
                }
            }
            .container {
                @include pc-md {
                    max-width: 100%;
                };
                .isurance-div {
                    @include sp-wide {
                        width: 75%;
                    }
                }
            }
            .g-insurance-div {
                @include sp-wide {
                    padding: 0 !important;
                };
                .g-insurance{
                    position: relative;
                    padding-top: 0 !important;
                    padding-bottom: 1rem !important;
                    width: 76%;
                    margin: 0 0 0 auto;
                    padding-right: 0 !important;
                    @include sp-wide {
                        width: 100%;
                    };
                    img{
                        &:hover{
                            opacity: 0.9;
                        }
                    }
                    .insurance-bg{
                        position: absolute;
                        width: 200%;
                        height: 66%;
                        top: 17%;
                        left: -115%;
                        z-index: -1;
                    }
                }
            }
            .i-insurance-div{
                margin-top: 0 !important;
                width: 45%;
                margin-left: 5%;
                @include tab {
                    width: 25%;
                    margin-left: 10%;
                }
                @include sp-wide {
                    width: 100%;
                    margin-left: 0;
                };
                h3 {
                    padding-top: 0 !important;
                }
                img{
                    &:hover{
                        opacity: 0.6;
                    }
                }
            }
        }
        .home-csr-div{
            .csr-bg{
                right: -5%;
                height: 75%;
                top: 10%;
                z-index: -1;
                @include tab {
                    flex: 0 0 32%;
                    max-width: 32%;
                    right: -4%;
                    top: 30%;
                    height: auto;
                };
                @include sp-wide {
                    flex: 0 0 17%;
                    max-width: 17%;
                    right: -4%;
                    top: -9%;
                    height: auto;
                };
                @include sp {
                    top: -3%;
                };
            }
            h3{
                img{
                    width: 7.5%;
                    @include sp {
                        width: 17.5%;
                    }
                    @include tab {
                        width: 12.5%;
                    }
                }
            }
            .csr-div{
                .charity-title {
                    font-size: 1rem;
                }
                .charity-amount-txt {
                    font-size: 1.2rem;
                    &::after {
                        content: "";
                        height: 0.6rem;
                        width: 10em;
                        background-color: #FDCF01;
                        position: absolute;
                        bottom: 0.2rem;
                        left: 50%;
                        transform: translateX(-50%);
                        z-index: -1;
                    }
                }
                .charity-amount-number {
                    line-height: 1.2;
                }
                .charity-content-wrap {
                    background-color: #fffef5;
                    padding: 1rem;
                }
                .donation-amount{
                    color: darken($n-maincolor, 30%);
                    font-size: 2rem;
                    letter-spacing: .05em;
                }
                .charity-update {
                    font-size: .9rem;
                    letter-spacing: .05em;
                }
            }
        }
        .home-about-div{
            .about-bg{
                opacity: .2;
                z-index: 1;
                right: 0;
                height: 75%;
                top: 18%;
                @include tab {
                    right: -3%;
                    width: 27%;
                    height: auto;
                    top: 25%;
                }
                @include sp-wide {
                    width: 30%;
                    height: auto;
                    top: 35%;
                    right: -5%;
                }
            }
            .about-div {
                @include sp-wide {
                    flex: 0 0 90%;
                    max-width: 90%;
                    margin: 0 auto !important;
                };
            }
        }
        .home-aul-pc-div {
            background-color: #f4f3f0;
            .aul-pc {
                text-align: center;
                display: block !important;
                flex: 0 0 30%;
                max-width: 30%;
                @include tab {
                    flex: 0 0 70%;
                    max-width: 70%;
                };
                @include sp-wide {
                    display: none !important;
                    flex: 0 0 70%;
                    max-width: 70%;
                };
            }
        }
        .home-aul-sp-div{
            img{
                &:hover{
                    opacity: 0.7;
                }
            }
        }
        .contact-ryno-div{
            .contact-ryno-title {
                @include sp-wide {
                    margin-top: .2rem;
                };
            }
            .conract-ryno-img{
                width: 99px;
                height: 93px;
                bottom: 0;
                right: -9px;
                background-image: url(/cms/wp-content/themes/zenkosai/assets/images/icons/home/home_contact_ryno.png);
                background-repeat:  no-repeat;
                background-size: contain;
            }
            .bold {
                font-size: large;
                letter-spacing: .05em;
            }
            .tel-imgbox{
                border-radius: 50%;
                width: 30px;
                height: 30px;
            }
            .list-link {
                &__url {
                    padding: 0 1rem .2rem 5.5rem;
                }
                &__img {
                    left: 1rem;
                    bottom: 0;
                }
            }
        }
    }
    .home-page-top-movie {
        position: relative;
        .modal_trigger--video {
            position: absolute;
            width: 100%;
            text-align: center;
            bottom: 5rem;
            @include pc-md {
                bottom: 4rem;
            }
            @include sp-wide {
                bottom: 4rem;
            }
            .link-btn {
                background-color: white;
                color: #416de4;
                border: solid #416de4 2px;
                padding: .5rem 1.25rem;
                box-shadow: 0 .35rem 0 #416de4;
                border-radius: 50px;
                font-size: 1.2rem;
                @include sp-wide {
                    padding: .5rem 1rem;
                }
                &:hover {
                    box-shadow: none;
                    transition-duration: .3s;
                    background-color: #416de4;
                    color: #fff;
                    cursor: pointer;
                    opacity: 1;
                }
            }
        }
        .modal_box--video {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            z-index: 1050;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.6);
            @include sp-wide {
              padding: 1rem;
            }
            .modal_bg {
              position: absolute;
              top: 0;
              left: 0;
              width: 100%;
              height: 100%;
              cursor: pointer;
            }
            .modal_inner {
                position: relative;
                z-index: 10;
                margin: 3% auto;
                background: none;
                overflow: hidden;
                padding: 0;
                max-height: 100%;
                width: 83%;
                @include pc-md {
                    top: 48%;
                    left: 50%;
                    transform: translate(-50%, -52%);
                    width: 100%;
                }
                @include sp-wide {
                    margin: 2rem auto;
                }
                .modal_block {
                    padding: 1rem;
                    cursor: pointer;
                    &:after {
                        display: none;
                    }
                    .movie-item {
                        width: 80%;
                        margin: 0 auto;
                        text-align: center;
                        position: relative;
                        @include pc-md {
                            width: 100%;
                        }
                        video {
                            width: 100%;
                            cursor: default;
                        }
                    }
                    .link-btn {
                        &.modal_close {
                            margin: 2.5rem auto 0;
                            background-color: white;
                            border-radius: 50px;
                            padding: .25rem;
                            border: solid 1px #416de4;
                            color: #416de4;
                            &:hover {
                                box-shadow: none;
                                transition-duration: .3s;
                                background-color: #416de4;
                                color: #fff;
                                cursor: pointer;
                                opacity: 1;
                            }
                        }
                    }
                }
            }
        }
    }
}

/* ホーム非会員 */
#home.n_member {
    .home-page-top-wrapper {
        .home-page-top-innerwrapper {
            img {
                width: 100%;
            }
        }
    }

    #top_movie {
        position: relative;
        height: 80vh;
        overflow: hidden;

        @include pc-wide {
            height: auto;
            overflow: visible;
        }

        video {
            max-width: 100%;
            width: 100%;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);

            @include pc-wide {
                position: static;
                top: 0;
                left: 0;
                transform: none;
            }
        }
    }

    .home {
        .bg-lightgray {
            position: relative;

            &:before {
                position: absolute;
                left: 0;
                bottom: 0;
                content: '';
                width: 100vw;
                height: 8%;
                background-image: url(/cms/wp-content/themes/zenkosai/assets/images/icons/home/home_house_bg.png);
                background-repeat: no-repeat;
                background-size: contain;
                background-position: bottom;
            }
        }
    }

    .footer_slide_wrapper {
        margin-top: 4rem;
    }
}

.home.p_member {
    .home-main_tit {
        border-color: #22445D;

        .tit-icon {
            .icon-color {
                fill: #154560;
            }
        }
    }
}

/**********************************************
*　ログイン
***********************************************/
#page-login {
    margin-bottom: 6rem;
    form {
        @include tab {
            margin-top: 8rem;
        }
        @include sp-wide {
            margin-top: 0;
        }
        div {
            margin-bottom: 2rem;
            @include sp-wide {
                padding: 0;
            }
            div {
                display: -webkit-flex;
                display: -ms-flexbox;
                align-items: center;
                position: relative;
                @include sp-wide {
                    display: block;
                    margin-bottom: 1.25rem !important;
                }
                label {
                    width: 100px;
                    @include tab {
                        padding-left: 0;
                    }
                }
                input {
                    width: inherit !important;
                    @include sp-wide {
                        &#login_user_name {
                            width: 100% !important;
                        }
                    }
                    &.input-invalid{
                        border: 1px solid red;
                        border-radius: 2px;
                    }
                    &#login_password {
                        width: inherit !important;
                        @include sp-wide {
                            width: 100% !important;
                        }
                    }
                }
            }
            .my_submit_btn {
                background-color: #bdaf41;
                color: white;
                border: none !important;
                width: 20%;
                margin-bottom: 0 !important;
                @include sp-wide {
                    width: 55%;
                };
            }
            .my_signup {
                border: solid 1px #8e8330;
                border-radius: 7px;
                padding: .25rem .5rem;
                width: 20%;
                margin: 0 auto;
                @include sp-wide {
                    width: 55%;
                };
                a {
                    color: #8e8330;
                }
            }
            .my_forgot_pass {
                @include sp-wide {
                    margin-top: 0 !important;
                }
            }
            .pass-visible{
                font-size: small;
                width: fit-content;
                min-width: 4rem;
                position: absolute;
                right: 0;
                border-radius: 4px;
                margin-right: .2rem;
                box-shadow: none !important;
                border: 0 !important;
                background-color: #305980;
                color: white;
                margin-top: .05rem;
            }
        }
    }
    .caution-text {
        width: fit-content;
    }
}

/**********************************************
*　全厚済について（ページリンクリスト）
***********************************************/
.about-nav {
    background-image: url(/cms/wp-content/themes/zenkosai/assets/images/icons/csr/paper-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 1rem 0;

    @include sp-wide {
        padding: 1rem 1.5rem;
    }

    ;

    h3 {
        span {
            font-weight: bold;
            letter-spacing: 0.2rem;
            padding-bottom: 0.5rem;
            line-height: 2;
            background: linear-gradient(transparent 95%, $about-color 70%);

            @include pc {
                max-width: 85%;
            }

            ;

            @include tab {
                font-size: 1.3rem;
                max-width: 85%;
            }

            ;
        }
    }

    .container {
        padding: 0 !important;

        @include pc {
            max-width: 85%;
        }

        ;

        ul {
            list-style: none;
            display: -webkit-flex;
            display: -ms-flexbox;
            -ms-flex-wrap: wrap;
            -webkit-flex-wrap: wrap;
            padding-left: 0;
            height: 100%;
            margin-bottom: 0;
            width: 100%;

            li {
                position: relative;
                font-size: 1.1rem;
                border: solid 1px silver;
                border-radius: 15px;
                padding: .5rem 2.4rem .5rem 1rem;
                width: calc(92% / 4);
                margin: 0 .5rem 1rem;
                background-color: white;
                display: -webkit-flex;
                display: -ms-flexbox;
                align-items: center;
                border-radius: 12px;

                a {
                    &::after {
                        content: "";
                        width: 15px;
                        height: 15px;
                        position: absolute;
                        top: 50%;
                        transform: translate(0, -50%);
                        right: 1%;
                        margin: auto;
                        box-sizing: border-box;
                        border: 8px solid transparent;
                        border-left: 13px solid $about-color;
                    }
                }

                @include tab {
                    width: calc(94% / 2);
                }

                ;

                @include sp-wide {
                    width: 100%;
                }

                ;

                &:hover {
                    opacity: .5;
                }

                a {
                    color: black;
                }
            }
        }
    }
}

/**********************************************
*　全厚済について
***********************************************/
.page-about {
    .columns {
        @include sp {
            padding: 0;
        };
        .container {
            @include pc-md {
                max-width: 90%;
                padding: 0;
            };
            .page-content-innerwrap {
                width: 95% !important;
                margin: 0 auto;
                @include pc-md {
                    width: 100% !important;
                };
                .about-nav {
                    background: none;
                    @include sp-wide {
                        padding: 1rem 0;
                    };
                    h3 {
                        display: none;
                    }
                    .container {
                        @include pc-md {
                            max-width: 100% !important;
                        };
                        ul {
                            @include tab {
                                margin-top: 4rem;
                            };
                            @include sp-wide {
                                margin-top: 0;
                            };
                            li {
                                text-align: left;
                                background: none;
                                @include pc-md {
                                    width: calc(93% / 3);
                                }
                                @include tab {
                                    width: calc(93% / 2);
                                }
                                @include sp-wide {
                                    width: 100%;
                                }
                            }
                            .about-link {
                                display: none;
                            }
                        }
                    }
                }
            }
        }
    }
}

/**********************************************
*　会概要・基本理念
***********************************************/
.page-company {
    .columns {
        @include sp-wide {
            padding-top: 0;
        };
        .page-content-innerwrap {
            width: 100% !important;
            margin-top: 2%;
            @include tab {
                margin-top: 8%;
            };
            @include sp-wide {
                margin-top: 0;
            };
            h3 {
                font-size: 1.2rem;
                border-bottom: solid 2px #D9D9D9;
                padding-bottom: .5rem;
                margin-bottom: .8rem;
                &::before {
                    content: '\025cf';
                    color: $about-color;
                    margin-right: 8px;
                }
            }
            .page-content-div {
                width: 94%;
                margin: 0 auto 1.5rem;
                h4 {
                    font-size: 1.1rem;
                    border-left: solid 5px $about-subcolor;
                    padding-left: .8rem;
                    margin-bottom: .5rem;
                }
                .page-content-innerdiv {
                    padding-left: 1.3rem;
                    p {
                        width: 100%;
                    }
                }
            }
            .about-nav {
                h3 {
                    display: block !important;
                }
            }
        }
        .philosophy {
            margin-top: 2rem;
            .page-content-div {
                .page-content-innerdiv {
                    padding-left: 0;
                    display: -webkit-flex;
                    display: -ms-flexbox;
                    -ms-flex-wrap : wrap;
                    -webkit-flex-wrap : wrap;
                    justify-content: space-between;
                    -webkit-justify-content: space-between;
                    align-items: center;
                    @include sp-wide {
                        display: block;
                    };
                    p {
                        width: 66%;
                        @include sp-wide {
                            width: 100%;
                        };
                    }
                    div {
                        width: 30%;
                        @include sp-wide {
                            width: 90%;
                            margin: 0 auto;
                        };
                    }
                }
            }
        }
    }
    .tokutei-div {
        border: 2px solid red;
    }
    .footer_slide_wrapper {
        margin-top: 0;
    }
}

/**********************************************
*　全厚済のあゆみ
***********************************************/
.page-history {
    .columns {
        .page-content-innerwrap {
            ul {
                li {
                    font-size: 1.1rem;
                    letter-spacing: .05rem;
                    border-bottom: 1px solid #dee2e6;
                    .nav-item {
                        width: 50%;
                    }
                    .nav-link {
                        @include sp-wide {
                            padding: .2rem .5rem;
                        };
                        div {
                            p {
                                color: #8e969d;
                                &::before {
                                    opacity: .65;
                                }
                            }
                        }
                        &:hover {
                            border: none;
                        }
                        .history-content,.initiatives-content {
                            p {
                                @include sp-wide {
                                    font-size: 1rem;
                                };
                                &::before {
                                    content: '';
                                    display: inline-block;
                                    width: 30px;
                                    height: 30px;
                                    background-size: contain;
                                    background-repeat: no-repeat;
                                    vertical-align: middle;
                                    margin-right: .4rem;
                                    @include sp-wide {
                                        width: 20px;
                                        height: 20px;
                                    };
                                }
                            }
                        }
                        .history-content {
                            p {
                                &::before {
                                    background-image: url(/cms/wp-content/themes/zenkosai/assets/images/icons/menu/menu_icon_about.png);
                                }
                            }
                        }
                        .initiatives-content {
                            p {
                                &::before {
                                    background-image: url(/cms/wp-content/themes/zenkosai/assets/images/icons/menu/menu_icon_csr.png);
                                }
                            }
                        }
                    }
                    .nav-link.active {
                        border-color: #1a578b #1a578b #fff;
                        div {
                            p {
                                color: #1a578b;
                                &::before {
                                    opacity: 1;
                                }
                            }
                            &:hover {
                                border-bottom: none;
                            }
                        }
                        &:hover {
                            border-top: solid 1px #1a578b;
                            border-bottom: solid 1px #fff;
                            border-left: solid 1px #1a578b;
                            border-right: solid 1px #1a578b;
                        }
                    }
                }
            }
            .page-content-div {
                width: 96%;
                margin: 1.5rem auto 0;
                .tab-content {
                    div {
                        .history {
                            display: -webkit-flex;
                            display: -ms-flexbox;
                            margin-bottom: 2rem;
                            @include tab {
                                width: 100%;
                            };
                            @include sp-wide {
                                display: block;
                            };
                            &__year {
                                position: relative;
                                color: white;
                                background-color: #2267A2;
                                padding: .2rem .5rem;
                                width: 77px;
                                text-align: center;
                                margin-right: 1rem;
                                @include tab {
                                    width: 79px;
                                };
                                @include sp-wide {
                                    width: 100%;
                                    text-align: left;
                                    margin-bottom: .5rem;
                                };
                                &::after {
                                    content: "";
                                    width: 100%;
                                    height: 0;
                                    position: absolute;
                                    left: 0;
                                    border: solid 38px transparent;
                                    border-top: solid 20px #2267A2;
                                    bottom: -58px;
                                    @include sp-wide {
                                        display: none;
                                    };
                                }
                            }
                            &__month__list {
                                width: 89%;
                                .detail {
                                    padding-left: .5rem;
                                    margin-bottom: .8rem;
                                    div {
                                        p {
                                            padding-left: .6rem;
                                        }
                                    }
                                    &__month {
                                        border-bottom: solid 1px #2267A2;
                                        position: relative;
                                        &::before {
                                            content: '\025cf';
                                            color: #2267A2;
                                            position: absolute;
                                            top: 1.3rem;
                                            left: -.5rem;
                                            font-size: .9rem;
                                            @include sp-wide {
                                                top: 1rem;
                                            };
                                        }
                                    }
                                    &__text {
                                        ul {
                                            margin: 0;
                                            li {
                                                font-size: 1rem;
                                                margin: 0;
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                    #initiatives {
                        .history {
                            &__year {
                                background-color: #4798d8;
                                &::after {
                                    border-top: solid 20px #4798d8;
                                }
                            }
                            &__month__list {
                                .detail {
                                    &__month {
                                        border-bottom: solid 1px #4798d8;
                                        &::before {
                                            color: #4798d8;
                                        }
                                    }
                                    &__text {
                                        ul {
                                            margin: 0;
                                            li {
                                                font-size: 1rem;
                                                margin: 0;
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}

/**********************************************
*　代表理事あいさつ
***********************************************/
.page-message {
    .columns {
        .container {
            .page-content-innerwrap {
                .page-content-div {
                    width: 97%;

                    .biography {
                        table {
                            border: none;

                            tr {
                                vertical-align: top;

                                td {
                                    border: none;
                                    padding: 0 .5rem;

                                    @include sp-wide {
                                        display: block;
                                    }

                                    ;

                                    p {
                                        font-size: 1rem;
                                    }
                                }

                                .yaer {
                                    width: 12%;

                                    @include tab {
                                        width: 14%;
                                    }

                                    ;

                                    @include sp-wide {
                                        width: 100%;
                                    }

                                    ;

                                    p {
                                        @include sp-wide {
                                            border-bottom: solid 2px $about-subcolor;
                                            width: 34%;
                                            text-indent: .4rem;
                                            margin-bottom: .1rem !important;
                                        }

                                        ;
                                    }
                                }

                                .detail {
                                    @include sp-wide {
                                        padding-left: 1rem;
                                        margin-bottom: .8rem;
                                    }

                                    ;
                                }
                            }
                        }

                        &__note {
                            width: 97%;
                            margin: .5rem auto 1rem;

                            @include sp-wide {
                                float: right;
                                width: 94%;
                                padding-right: 1rem;
                                margin-bottom: 2rem;
                            }

                            ;
                        }
                    }
                }

                .message {
                    @include sp-wide {
                        margin: 0;
                    }

                    ;
                    margin: 2rem 0 3rem;

                    &__image {
                        width: 28%;
                        float: right;
                        margin: 0 0 1rem 2rem;
                        font-size: .9rem;

                        @include tab {
                            width: 34%;
                        }

                        ;

                        @include sp-wide {
                            float: none;
                            width: 100%;
                        }

                        ;

                        .director {
                            img {
                                @include sp-wide {
                                    float: left;
                                    width: 60%;
                                }

                                ;
                            }
                        }

                        p {
                            @include sp-wide {
                                float: right;
                                position: relative;
                                bottom: 4rem;
                                font-size: .9rem;
                                text-shadow: 2px 2px 2px #ffffff,
                                    -2px 2px 2px #ffffff,
                                    2px -2px 2px #ffffff,
                                    -2px -2px 2px #ffffff,
                                    2px 0px 2px #ffffff,
                                    0px 2px 2px #ffffff,
                                    -2px 0px 2px #ffffff,
                                    0px -2px 2px #ffffff;
                            }

                            ;
                        }

                        .director-detail {
                            display: -webkit-flex;
                            display: -ms-flexbox;
                            justify-content: space-between;
                            -webkit-justify-content: space-between;
                            -ms-flex-wrap: wrap;
                            -webkit-flex-wrap: wrap;
                            align-items: flex-end;
                            margin-top: .5rem;

                            @include sp-wide {
                                justify-content: flex-end;
                                -webkit-justify-content: flex-end;
                                position: relative;
                                bottom: 4rem;
                                width: 61%;
                            }

                            ;

                            p {
                                @include sp-wide {
                                    float: right;
                                    position: relative;
                                    bottom: 0;
                                    padding-right: .5rem;
                                }

                                ;
                            }

                            @include sp-wide {
                                float: right;
                            }

                            ;

                            .director-name {
                                width: 62%;
                            }
                        }
                    }

                    &__detail {
                        text-indent: 1rem;

                        @include sp-wide {
                            float: left;
                            position: relative;
                            bottom: 2.5rem;
                        }

                        ;
                    }
                }
            }
        }
    }
}

/**********************************************
*　サービス利用件数
***********************************************/
.service-use {
    .columns {
        .page-content-innerwrap {
            .use-list {
                display: -webkit-flex;
                display: -ms-flexbox;
                -ms-flex-wrap : wrap;
                -webkit-flex-wrap : wrap;
                justify-content: flex-start;
                -webkit-justify-content: flex-start;
                align-items: center;
                width: 96%;
                margin: 0 auto;
                @include sp-wide {
                    display: block;
                };
                .performance {
                    display: table;
                    position: relative;
                    border: solid 1px $about-subcolor;
                    padding: .5rem 2.8rem .5rem 1rem;
                    border-radius: 10px;
                    width: 31%;
                    margin: 0 1%;
                    @include sp-wide {
                        width: 100%;
                        margin-bottom: 4%;
                    };
                    &:last-child {
                        @include sp-wide {
                            margin-bottom: 0;
                        };
                    }
                    &::after {
                        content: '';
                        display: inline-block;
                        width: 20px;
                        height: 20px;
                        background-image: url(/cms/wp-content/themes/zenkosai/assets/images/business/icons/target-link_icon.png);
                        background-size: contain;
                        background-repeat: no-repeat;
                        vertical-align: middle;
                        position: absolute;
                        right: 0;
                        margin-right: .8rem;
                        top: 35%;
                    }
                    &:hover {
                        opacity: .5;
                    }
                    a {
                        color: black;
                        display: table-cell;
                        vertical-align: middle;
                    }
                }
            }
        }
    }
}

/**********************************************
*　決算報告書
***********************************************/
.settlement-report {
    .columns {
        .container {
            .page-content-innerwrap {
                .page-content-div {
                    width: 94%;
                    margin: 0 auto;
                    h4 {
                        font-size: 1.1rem;
                        background-color: #1A578B;
                        padding: .5rem 1rem;
                        color: white;
                        letter-spacing: .05rem;
                        margin-bottom: 1rem;
                        border-left: 0;
                        @include sp-wide {
                            line-height: 1.5rem;
                        };
                    }
                    .report-list {
                        margin-bottom: .5rem;
                        button {
                            position: relative;
                            border: none;
                            color: black;
                            background-color: #dcedfc;
                            width: 100%;
                            text-align: left;
                            border-radius: 0;
                            @include sp-wide {
                                padding-left: .5rem;
                            };
                        }
                        p {
                            @include sp-wide {
                                padding-right: 1.5rem
                            };
                        }
                        .acor-about-menu {
                            &::before {
                                width: 25px;
                                height: 25px;
                                -webkit-border-radius: 50%;
                                border-radius: 50%;
                                background: white;
                                content: "";
                                position: absolute;
                                right: 2%;
                                top: 50%;
                                margin-top: -12px;
                            }
                            &::after {
                                content: "";
                                width: 10px;
                                height: 10px;
                                position: absolute;
                                top: 50%;
                                margin-top: -6px;
                                right: 2.8%;
                                border: 0px solid transparent;
                                border-bottom: 2px solid #707070;
                                border-right: 2px solid #707070;
                                -webkit-transform: rotate(45deg);
                                transform: rotate(45deg);
                                border-radius: 2px;
                                @include sp-wide {
                                    right: 4.2%;
                                };
                                @include sp-minimun {
                                    right: 5.2%;
                                };
                            }
                        }
                        .acor-about-menu.opened {
                            &::after {
                                margin-top: -3px;
                                -webkit-transform: rotate(-135deg);
                                transform: rotate(-135deg);
                            }
                        }
                        &__detail {
                            width: 95%;
                            margin: 0 auto;
                            div {
                                width: 49%;
                                padding-bottom: 1.5rem;
                                @include sp-wide {
                                    width: 100%;
                                };
                                h5 {
                                    font-size: 1.1rem;
                                    margin: .8rem 0;
                                    border-left: solid 5px #337ab7;
                                    padding: .2rem 0 .2rem .8rem;
                                }
                                div {
                                    border: none;
                                    padding: 0;
                                    width: 96%;
                                    margin: 0 auto;
                                    table {
                                        border-top: none;
                                        td,th {
                                            padding: .5rem 1em;
                                            font-size: .9rem;
                                            width: 50%;
                                        }
                                        thead {
                                            tr {
                                                th {
                                                    border: solid 1px white;
                                                }
                                                .subject {
                                                    background-color: #C8D2F2;
                                                }
                                                .money {
                                                    background-color: #E7ECFC;
                                                }
                                            }
                                        }
                                        tbody {
                                            border: solid 1px white;
                                            tr {
                                                td {
                                                    border: none;
                                                }
                                                .subject_about {
                                                    background-color: #edeff5;
                                                    border-right: solid 1px white;
                                                }
                                                .money_about {
                                                    background-color: #F4F4F4;
                                                    text-align: right;
                                                }
                                            }
                                            .line {
                                                td {
                                                    border-top: solid 1px white;
                                                }
                                                .subject_about.subject_totall {
                                                    background-color: #cacfe1;
                                                }
                                                .money_about.money_totall {
                                                    background-color: #d9dadd;
                                                }
                                            }
                                        }
                                    }
                                    p {
                                        text-align: right;
                                        font-size: .8rem;
                                    }
                                }
                            }
                        }
                        &__detail.opened {
                            display: -webkit-flex !important;
                            display: -ms-flexbox !important;
                            @include sp-wide {
                                display: block !important;
                            }
                        }
                    }
                }
            }
        }
    }
}

/**********************************************
*　対談
***********************************************/
.page-company-talk {
    .page-content-wrapper {
        margin-bottom: 6rem;
        @include sp-wide {
            margin-bottom: 0;
        }
        .page-about {
            @include sp-wide {
                margin-bottom: 3rem;
            }
        }
        .main-talk {
            background-color: white;
            &__content {
                &__item {
                    background-color: #d1c3a2;
                    padding: .25rem 1rem;
                    margin-bottom: .5rem;
                }
                &__header {
                    border-left: solid 5px #466c92;
                    padding-left: .5rem;
                    margin-bottom: .5rem;
                }
                &__body {
                    ul {
                        margin: 0;
                        padding: 0 2rem;
                        list-style: none;
                        li {
                            margin-bottom: 0;
                            ul {
                                padding: 0 0 0 1.3rem;
                                list-style: none;
                            }
                        }
                    }
                }
                &__link-title {
                    padding: 2rem 0 .5rem;
                    text-align: center;
                    color: black;
                }
                &__link-name {
                    text-align: center;
                    border: solid 1px #c2a154;
                    padding: .5rem;
                    box-shadow: 1rem 1.5rem 1.5rem rgba(0, 0, 0, 0.15);
                    background-color: white;
                    &:hover {
                        color: white;
                        background-color: #c2a154;
                        transition-duration: .3s;
                        box-shadow: none;
                    }
                }
                a {
                    color: #c2a154;
                    &:hover {
                        color: white;
                    }
                }
            }
        }
        .page-link {
            margin: 0 auto;
            @include sp-wide {
                padding-top: .5rem;
            }
        }
        .sub-talk {
            &__content {
                padding: 2rem 0;
                @include sp-wide {
                    padding: 3rem 0;
                }
                .talk-item {
                    @include sp-wide {
                        padding: 0 2.5rem;
                    }
                }
                &__detail {
                    @include tab {
                        margin-bottom: .5rem;
                    }
                    &__item {
                        margin-bottom: .75rem;
                        border-bottom: solid 1px #466c92;
                        color: white;
                    }
                    &__header,
                    &__body {
                        padding: 0 1rem 0;
                    }
                    &__body {
                        ul {
                            margin: 0;
                            padding: 0 0 0 1.3rem;
                            list-style: none;
                            li {
                                margin-bottom: 0;
                            }
                        }
                    }
                    &__header {
                        padding-left: .5rem;
                    }
                }
            }
            .bg-content {
                background-size: cover;
                background-position: center;
                background-repeat: no-repeat;
                background-color: rgba(255, 255, 255, 0.7);
                background-blend-mode: lighten;
            }
        }
    }
}

/**********************************************
*　沿革
***********************************************/
.history-timeline {
    position: relative;
    margin: 2.5rem auto 4rem;
    .history-block {
        position: relative;
        margin-bottom: 2rem;
        &::before {
            content: "";
            position: absolute;
            left: 4.5%;
            width: .2rem;
            height: 45%;
            background-color: #0071ce;
            bottom: -45%;
            @include pc-md-wide {
                left: 6.25%;
            }
            @include tab {
                left: 7.5%;
            }
            @include sp-wide {
                left: 8.5%;
            }
            @include sp {
                left: 11.5%;
            }
        }
        &:last-child {
            margin-bottom: 0;
            &:before {
                display: none;
            }
        }
        .history-year {
            font-size: 2.25rem;
            position: absolute;
            top: .5rem;
            font-weight: 700;
            color: #0071ce;
            padding-left: 1rem;
            letter-spacing: .05rem;
            @include tab {
                font-size: 2rem;
            }
            span {
                font-size: 1.5rem;
                padding-left: .25rem;
            }
        }
        .events_name {
            position: absolute;
            top: .5rem;
            left: 8.5rem;
            @include sp-wide  {
                top: 1rem;
            }
            p {
                font-size: 1.5rem;
                @include sp-wide  {
                    font-size: 1rem;
                }
            }
        }
        .history-item {
            background-color: white;
            padding-top: 2rem;
            @include sp-wide {
                padding-top: 1.75rem;
            }
            .history-events {
                background-color: #eaf6fe;
                padding: 2.5rem 1.5rem 1rem;
                border-radius: 0.5rem;
                margin: 0 auto;
                @include sp-wide {
                    padding: 2rem 1.5rem 1rem;
                }
                .history-event {
                    display: flex;
                    align-items: center;
                    padding-left: .25rem;
                    .history-month {
                        display: inline-block;
                        min-width: 3rem;
                        height: 3rem;
                        font-size: 1.2rem;
                        font-weight: bold;
                        color: #fff;
                        background-color: #6298D1;
                        border-radius: 50%;
                        text-align: center;
                        line-height: 3rem;
                        margin-right: 1rem;
                        position: relative;
                        &:before {
                            content: "";
                            position: absolute;
                            right: 0;
                            left: 0;
                            margin: auto;
                            width: .2rem;
                            height: 35%;
                            background-color: #6298D1;
                            bottom: -35%;
                            @include sp {
                                height: 74%;
                                bottom: -74%;
                            }
                        }
                        &.last-month,
                        &.only-month {
                            &:before {
                                display: none;
                            }
                        }
                        @include tab {
                            min-width: 2.5rem;
                            height: 2.5rem;
                            font-size: 1rem;
                            line-height: 2.5rem;
                        }
                        span {
                            font-size: 1rem;
                            padding-left: .2rem;
                            @include tab {
                                font-size: .8rem;
                            }
                        }
                    }
                    .history-content {
                        font-size: 1.1rem;
                        color: #333;
                        line-height: 1.6;
                        ul {
                            padding-left: 1rem;
                            li {
                                margin-bottom: 0;
                            }
                        }
                        p {
                            margin-bottom: 0;
                        }
                        @include tab {
                            font-size: 1rem;
                        }
                    }
                }
            }
        }
    }
}

/**********************************************
*　ライフサポートサービス（一覧）
***********************************************/
.page-lifesupport {
    background-color: #FBFDF0;
    .side-top {
        @include tab {
            width: 100% !important;
        }
    }
    .page-header {
        background-color: #FBFDF0;
        .page-top {
            @include sp-wide {
                margin-bottom: 0;
            };
            position: relative;
            &__back {
                background-color: #FBFDF0;
            }
            &__icon {
                top: -14%;
                @include tab {
                    top: -6%;
                };
            }
        }
    }
    .columns {
        background-color: #FBFDF0;
        @include tab {
            padding-top: 0;
        };
        .flame-side {
            @include sp-wide {
                padding: 0;
            };
            .page-content-innerwrap {
                padding: 0 !important;
                @include sp-wide {
                    overflow-y: visible;
                    margin-bottom: 2.5rem !important;
                };
                .link-btn {
                    @include sp-wide {
                        margin-bottom: .5rem;
                    };
                    button {
                        display: -webkit-flex;
                        display: -ms-flexbox;
                        justify-content: space-between;
                        -webkit-justify-content: space-between;
                        -ms-flex-wrap: wrap;
                        -webkit-flex-wrap: wrap;
                        align-items: center;
                        @include sp-wide {
                            height: 100%;
                            justify-content: flex-start;
                            -webkit-justify-content: flex-start;
                        };
                        .btn-icon {
                            width: 11%;
                            @include sp-wide {
                                width: 26%;
                            };
                        }
                        &::before {
                            display: none;
                        }
                        &::after {
                            content: "";
                            width: 15px;
                            height: 15px;
                            position: absolute;
                            top: 50%;
                            transform: translate(0, -50%);
                            margin-top: 10px !important;
                            margin: auto;
                            box-sizing: border-box;
                            border: 8px solid transparent;
                            border-top: 13px solid;
                            @include sp-wide {
                                margin-top: 5px !important;
                            };
                        }
                        p {
                            width: 86% !important;
                            line-height: 1.5rem;
                            @include sp-wide {
                                width: 70% !important;
                                padding-right: 20px;
                                &:after {
                                    right: 4px;
                                }
                            }
                            &:after {
                                border-top: 13px solidl $lifesupport-color;
                            }
                        }
                    }
                }
            }
            .side-fixed {
                @include tab {
                    width: 22vw !important;
                };
            }
        }
        .sp-page-top {
            margin-bottom: 3rem;
        }
        .for-sp-nav.opened {
            .page-content-innerwrap {
                .link-btn {
                    button {
                        .btn-icon {
                            width: 11%;
                        }
                        p {
                            @include sp-wide {
                                width: 86% !important;
                            };
                        }
                    }
                }
            }
        }
        .flame-body {
            .page-content-innerwrap {
                .page-content-div {
                    h2 {
                        text-align: center;
                        font-size: 1.3rem;
                        letter-spacing: .1rem;
                        border-bottom: solid 2px #7AC174;
                        width: 50%;
                        margin: 0 auto !important;
                        padding-bottom: .5rem;
                        @include sp {
                            font-size: 1.1rem;
                            width: 80%;
                        };
                        img {
                            width: 10%;
                            @include sp {
                                width: 15%;
                            };
                        }
                    }
                    .page-content-innerdiv {
                        display: -webkit-flex;
                        display: -ms-flexbox;
                        -ms-flex-wrap: wrap;
                        -webkit-flex-wrap: wrap;
                        justify-content: flex-start;
                        -webkit-justify-content: flex-start;
                        margin-bottom: 3.5rem;
                        @include sp {
                            display: block;
                        };
                        .link-btn {
                            margin: .2rem 0;
                            width: calc(100% / 3);
                            position: relative;
                            height: 5rem;
                            @include tab {
                                width: calc(100% / 2);
                                border-radius: .7rem;
                            };
                            @include sp {
                                width: 100%;
                                height: auto;
                            };
                            .new {
                                background-color: #EB3E3E;
                                color: white;
                                padding: .1rem .5rem;
                                border-radius: 50px;
                                position: absolute;
                                bottom: 3.5rem;
                                left: .7rem;
                                font-size: .75rem;
                                text-align: center;
                                z-index: 1;
                                @include sp {
                                    bottom: 80%;
                                };
                            }
                            button {
                                width: 100%;
                                border-radius: 1rem;
                                border-color: gainsboro;
                                line-height: 1.7rem;
                                margin-bottom: 0;
                                letter-spacing: .1rem;
                                display: -webkit-flex;
                                display: -ms-flexbox;
                                justify-content: space-between;
                                -webkit-justify-content: space-between;
                                -ms-flex-wrap: wrap;
                                -webkit-flex-wrap: wrap;
                                align-items: center;
                                &::before {
                                    margin-top: -5px;
                                    background: #95CC84;
                                    @include sp-wide {
                                        margin-top: -12px;
                                    };
                                }
                                &::after {
                                    @include sp-wide {
                                        margin-top: -5px;
                                    };
                                }
                                .btn-icon {
                                    width: 18%;
                                    @include sp {
                                        width: 13%;
                                    };
                                }
                                p {
                                    position: relative;
                                    text-align: left;
                                    font-size: 1rem;
                                    width: 82% !important;
                                    line-height: 1.5rem;
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}

/**********************************************
*　サービス提供会社からのお知らせ一覧
***********************************************/
// ライフサポートサービスページと共通
.activities-link {
    min-width: 25%;
    max-width: 360px;
    text-align: center;
    background-color: #05914d;
    padding: .25rem 1rem;
    border-radius: 50px;
    box-shadow: .5rem 1rem 1.5rem rgba(0, 0, 0, 0.15);

    a {
        font-size: 1.2rem;
        text-align: center;
        margin-bottom: 2rem;
        border-bottom: solid 1px #3A952A;
        color: white;

        &:hover {
            color: #64965C;
            transform: .3s;
        }
    }

    &:hover {
        background-color: white;
        border: solid 1px #64965C;
        box-shadow: none;
        transform: .5s;
        color: #64965C;
    }

    @include tab {
        margin-bottom: 2rem;
    }
}

// 一覧・詳細共通
.page-provider-information {
    .info-archive-list {
        @include sp-wide {
            margin-top: 2.5rem;
        }

        ;

        h2 {
            border-bottom: solid 1px;
            padding: 0 .5rem .25rem .5rem;
            margin-bottom: 1rem;

            @include sp-wide {
                font-size: 1.4rem;
            }

            ;
        }

        .csr-posts-index {
            h3 {
                font-size: 1.2rem;
                color: white;
                padding: .5rem;
                width: 94%;
                margin: 0 auto .5rem;
                background-color: #64965c;

                @include sp-wide {
                    font-size: 1.1rem;
                }

                ;
            }

            .csr-posts-wrapper {
                width: 94%;
                margin: .3rem auto 0;

                .month-link {
                    &:hover {
                        opacity: .5;
                    }

                    .arrow-btn {
                        padding-left: 2.2rem !important;

                        p {
                            text-indent: -13px;
                            line-height: 1.7rem;
                            margin-bottom: .1rem !important;

                            @include tab {
                                text-indent: -11px;
                            }

                            @include sp {
                                text-indent: -8px;
                            }

                            i {
                                padding-right: .5rem;
                                color: #64965c;
                            }
                        }
                    }
                }

                .year-link {
                    border-bottom: solid 1px;
                    margin: 0 auto;
                    width: 94%;
                    border-color: #64965c;

                    &:first-child {
                        margin-top: .5rem;
                    }

                    &:hover {
                        opacity: .5;
                    }

                    .month-link {
                        &:last-child {
                            margin-bottom: .8rem;
                        }
                    }
                }
            }

            .csr-posts-index-btn {
                .showall-btn {
                    width: 100%;
                    p {
                        color: black;
                        &:after {
                            color: black;
                        }
                    }
                }
            }
        }

        // アコーディオン
        .archive-item {
            position: relative;
        }

        .archive-item.acor-menu {
            &::after {
                content: "";
                width: 10px;
                height: 10px;
                position: absolute;
                top: 50%;
                margin-top: -7px;
                right: 19px;
                border: 0px solid transparent;
                border-top: 2px solid #fff;
                border-right: 2px solid #fff;
                -webkit-transform: rotate(135deg);
                transform: rotate(135deg);
                border-radius: 2px;
            }
        }

        .archive-item.acor-menu.opened {
            &::after {
                margin-top: -3px;
                -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg);
            }
        }
    }

    .pnavi ul.page-numbers li {
        border-color: #05914d;

        span.page-numbers {
            &.current {
                background-color: #05914d;
            }

            &.dots {
                color: #05914d !important;
            }
        }

        a {
            color: #05914d;

            &:hover {
                background-color: #05914d;
            }
        }
    }
}

// サービス提供会社からのお知らせ一覧ページ
#archive-provider {
    .info-content {
        margin-top: 1rem;
        padding: 1rem 0 3.5rem;
        background-image: url(/cms/wp-content/themes/zenkosai/assets/images/lifesupport/news-bg.png);
        background-repeat: no-repeat;
        background-position: right bottom;
        background-size: 20%;

        @include sp-wide {
            margin-top: 0;
            padding-bottom: 1rem;
            background-size: 35%;
        }

        .lifesupport-info {
            width: 100%;

            h1 {
                text-align: center;
                font-size: 1.8rem;

                span {
                    padding-right: .5rem;

                    img {
                        width: 4%;

                        @include sp-wide {
                            width: 6%;
                        }
                    }
                }
            }

            &__list {
                margin: 2rem auto 1.5rem;

                a {
                    color: black;

                    &:hover {
                        opacity: .75;
                    }
                }

                &__item {
                    border-bottom: solid 1px silver !important;
                    padding-top: .5rem;

                    @include sp-wide {
                        padding: .5rem 0;
                    }

                    &:first-child {
                        border-top: solid 1px silver;
                    }

                    .info-news-bar {
                        padding: 0 2rem;

                        .new-and-date {
                            @include sp-wide {
                                width: 100%;
                            }
                        }

                        .new {
                            padding-right: 0.5rem;
                        }

                        .news-date {
                            color: #676767;
                            font-size: .95rem;

                            span {
                                padding-left: .5rem;
                            }
                        }

                        .news-cat {
                            border-left: solid 4px #64965C;
                            background-image: url(/cms/wp-content/themes/zenkosai/assets/images/lifesupport/single-life_bg.jpg);
                            background-repeat: no-repeat;
                            background-size: cover;
                            padding: .15rem 1rem .15rem .15rem;

                            @include sp-wide {
                                min-width: 65%;
                            }

                            .cat-img-div {
                                width: 25px;

                                @include sp-wide {
                                    width: 20px;
                                }
                            }

                            p {
                                color: #64965C;
                                font-size: .95rem;
                                padding-left: .35rem;
                            }
                        }
                    }

                    .news-title {
                        padding: 0 1rem;
                        margin-top: .5rem;
                    }
                }
            }
        }
    }
}

// サービス提供会社からのお知らせ詳細ページ
#single-provider-information {
    h1 {
        border-color: #64965C;
    }
    .back-button button {
        border-bottom: solid 3px #64965C;
    }
    .news-cat {
        border-left: solid 4px #64965C;
        background-image: url(/cms/wp-content/themes/zenkosai/assets/images/lifesupport/single-life_bg.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        padding: .15rem 1rem .15rem .15rem;
        border-radius: 0;
        @include sp-wide {
            min-width: 65%;
        }
        .cat-img-div {
            width: 25px;
            @include sp-wide {
                width: 20px;
            }
        }
        p {
            color: #64965C;
            font-size: .95rem;
            padding-left: .35rem;
        }
    }
}

/**********************************************
*　新 ライフサポートサービス一覧
***********************************************/
#archive-lifesupport {
    margin-bottom: 0;

    .page-top {
        background-image: url(/cms/wp-content/themes/zenkosai/assets/images/lifesupport/single-life_bg.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        padding: 4.5rem 0 3rem;

        &__title {
            background: linear-gradient(90deg, rgba(255, 255, 255, 0.75) 20%, rgba(255, 255, 255, 0.75) 70%, rgba(255, 173, 0, 0) 100%);

            &__icon {
                border: none;
                padding: 1rem 0;

                .icon-image {
                    width: 4.5%;

                    @include tab {
                        width: 9.5%;
                    }
                }
            }

            h1 {
                font-size: 1.8rem;
                color: #05914d;
                text-shadow: 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff;
            }
        }
    }

    .info-content-wrap {
        background: linear-gradient(90deg, #fff, #fff 30%, transparent 50%);
    }

    .info-content {
        border-radius: 0 50rem 50rem 0;
        width: 70%;

        @include sp-wide {
            width: 100%;
            border-radius: 0 1.5rem 1.5rem 0;
        }

        .lifesupport-info {
            h2 {
                font-size: 1.1rem;
                border-bottom: 1px solid #05914d;

                span {
                    padding-right: .5rem;
                }

                img {
                    width: 4%;
                    margin-bottom: 0.2rem;

                    @include sp-wide {
                        width: 6%;
                    }
                }
            }

            &__list {
                font-size: .9rem;

                @include sp-wide {
                    font-size: 1rem;
                }

                a {
                    color: black;

                    &:hover {
                        opacity: .75;
                    }
                }

                &__item {
                    border-bottom: solid 1px silver;
                    padding-top: .5rem;

                    &:last-child {
                        border-bottom: none;
                    }

                    .info-news-bar {
                        padding: 0 2rem;

                        .new-and-date {
                            width: 140px;

                            @include sp-wide {
                                width: auto;
                            }
                        }

                        .new {
                            padding-right: 0.5rem;

                            @include sp-wide {
                                width: auto;
                            }
                        }

                        .news-date {
                            color: #676767;

                            span {
                                padding-left: .5rem;
                            }
                        }

                        .news-cat {
                            border-left: solid 4px #64965C;
                            background-image: url(/cms/wp-content/themes/zenkosai/assets/images/lifesupport/single-life_bg.jpg);
                            background-repeat: no-repeat;
                            background-size: cover;
                            padding: .15rem 1rem .15rem .15rem;

                            @include sp-wide {
                                min-width: 65%;
                            }

                            .cat-img-div {
                                width: 20px;
                            }

                            p {
                                color: #64965C;
                                font-size: .85rem;
                                padding-left: .35rem;

                                @include sp-wide {
                                    font-size: .95rem;
                                }
                            }
                        }
                    }

                    .news-title {
                        padding: 0 1rem;
                    }
                }
            }
        }

        .activities-link {
            right: 3rem;

            @include sp-wide {
                right: -1%;
            }

            a {
                font-size: 1rem;
            }
        }
    }

    .page-content-div {
        .ll-special-link {
            margin: 0 auto;
            width: 75%;
            display: flex;
            @include pc-wide-min {
                width: 95%;
            }
            @include pc-md-wide {
                width: 100%;
            }
            @include sp-wide {
                display: block;
                margin-bottom: 1.5rem;
            }
            &__item {
                width: calc(100% / 2 - 1rem);
                margin: 0 .5rem;
                padding: 1rem;
                border-radius: 5px;
                @include tab {
                    width: 100%;
                }
                @include sp-wide {
                    display: block;
                    margin: 0 auto;
                    padding: .5rem;
                }
                &__tit {
                    justify-content: center;
                    @include sp-wide {
                        justify-content: start;
                    }
                    img {
                        width: 8%;
                        @include pc-md {
                            width: 17%;
                        }
                        @include sp-wide {
                            width: 13%;
                        }
                    }
                    p {
                        font-size: 1.3rem;
                        padding-left: 0.5rem;
                    }
                }
                &__about {
                    @include sp-wide {
                        margin: 0 auto;
                        width: 95%;
                    }
                    &__bnr {
                        img {
                            box-shadow: $back-shadow;
                            border-radius: 10px;
                            &:hover {
                                box-shadow: none;
                                transition-duration: .2s;
                            }
                        }
                    }
                }

                &.plusa {
                    background-color: #fef4f7;
                    .ll-special-link__item__tit {
                        color: #EA637B;
                    }
                    @include sp-wide {
                        margin-bottom: 1rem;
                    }
                }
                &.experiences {
                    background-color: #fef8f5;
                    .ll-special-link__item__tit {
                        color: #EAA163;
                    }
                }
            }

            .service_link_list {
                @include sp-wide {
                    margin: auto;
                    width: 95%;
                }

                &__item {
                    &:first-child {
                        padding-left: 0;
                        padding-right: .5rem;
                    }

                    &:nth-child(2) {
                        padding-right: 0;
                        padding-left: .5rem;
                    }

                    &__img {
                        img {
                            box-shadow: $back-shadow;
                            border-radius: 10px;

                            &:hover {
                                box-shadow: none;
                                transition-duration: .2s;
                            }
                        }
                    }
                }
            }
        }
        .cat-list {
            padding: 3rem 0 3.5rem;
            @include sp-wide {
                width: 100%;
                padding-top: 0;
            }
            &.no_login_service-list {
                .llservice-nav {
                    &__item {
                        width: calc(100% / 4 - .5rem);
                        margin: .35rem .25rem;
                        border: solid 1px #CECECE;
                        box-shadow: 0 3px 0 0 #6B7B6F;
                        &:hover {
                            box-shadow: none;
                            transition-duration: .2s;
                            cursor: pointer;
                        }
                        @include pc-md {
                            width: calc(100% / 3 - .5rem);
                        }
                        @include sp-wide {
                            width: calc(100% / 2 - .5rem);
                        }
                        a {
                            color: black;
                            display: inline-block;
                            padding: .5rem;
                        }
                        .llservice-icon {
                            width: 10%;
                        }
                    }
                }
                .cat-list__content {
                    &__header {
                        border-bottom: solid 1px #408F54;
                        @include sp-wide {
                            justify-content: space-between;
                        }
                        &__icon {
                            background-color: #f6fbf6;
                            width: 3rem;
                            img {
                                padding: .5rem;
                            }
                        }
                        h2 {
                            background: none;
                            color: #408F54;
                            @include sp-wide {
                                padding-left: 0;
                            }
                        }
                        .llservice-detail_link {
                            border: solid 1px #408F54;
                            &:hover {
                                cursor: pointer;
                                opacity: .6;
                                transition-duration: .2s;
                            }
                            a {
                                color: #408F54;
                            }
                        }
                    }
                    &__body {
                        background-color: #F6FBF6;
                        @include sp-wide {
                            padding: 0 .25rem;
                            margin: 0 .5rem 2.5rem;
                        }
                        &__item {
                            background: none !important;
                            @include pc-md {
                                margin: .25rem;
                            }
                            &__name {
                                border: 0;
                                padding: 0;
                                &__icon {
                                    background-color: white;
                                    border-radius: 50%;
                                }
                            }
                        }
                    }
                }
            }
            .content-tit {
                p {
                    font-size: 1.3rem;
                    color: #05914d;
                }

                svg {
                    fill: #05914d;
                }
            }

            &__content {
                margin-bottom: 3.5rem;

                @include sp-wide {
                    margin-bottom: .5rem;
                }

                &__header {
                    margin-bottom: .5rem;

                    @include sp-wide {
                        margin-bottom: 1rem;
                    }

                    h2 {
                        font-size: 1.1rem;
                        background-color: #f0fbf6;
                        padding: .5rem 1rem;
                        line-height: 1.8;
                    }

                    &__icon {
                        width: 2rem;
                        display: inline-block;
                        position: relative;
                        top: -3px;
                        left: 0;

                        img {
                            max-width: 100%;
                            height: auto;
                        }
                    }
                }

                .acor-menu {
                    position: relative;
                    cursor: pointer;

                    &:focus {
                        box-shadow: none !important;
                    }

                    &:before,
                    &:after {
                        position: absolute;
                        top: 50%;
                        transform: translateY(-50%);
                    }

                    &:before {
                        content: "\958b\304f";
                        right: 3rem;
                        color: #05914d;
                    }

                    &:after {
                        display: block;
                        content: "";
                        width: 20px;
                        height: 20px;
                        background-image: url(/cms/wp-content/themes/zenkosai/assets/images/lifesupport/circle-plus-solid.png);
                        background-size: contain;
                        background-repeat: no-repeat;
                        right: 1rem;
                        margin: auto;
                        transition-duration: 0.3s;
                    }
                }

                .acor-menu.opened {
                    background-color: #F1F9F6;

                    &::before {
                        content: "\9589\3058\308B";
                    }

                    &:after {
                        background-image: url(/cms/wp-content/themes/zenkosai/assets/images/lifesupport/circle-minus-solid.png);
                        transition-duration: .3s;
                    }
                }

                &__body {
                    margin: 0 auto;

                    @include sp-wide {
                        margin-bottom: 2.5rem;
                        padding: 0 1rem;
                    }

                    &__item {
                        position: relative;
                        width: calc(100% / 3 - 1rem);
                        margin: .5rem .5rem .7rem .5rem;

                        @include tab {
                            width: calc(100% / 2 - 1rem);
                        }

                        @include sp-wide {
                            display: block;
                            width: 100%;
                            margin: 0 auto 1.3rem;
                        }

                        a {
                            color: black;
                        }

                        .new_wrap {
                            position: absolute;
                            top: -.8em;
                            left: -6px;
                        }

                        .new {
                            font-size: .8rem;
                            color: white;
                            display: inline-block;
                            border-radius: 3px;
                            padding: 0.1rem 0.5rem;
                            margin-right: .3rem;
                            background-color: #ff0047;
                        }

                        &__name {
                            padding: .5rem 1rem .25rem .15rem;
                            display: inline-flex;
                            flex-wrap: wrap;
                            align-items: center;
                            margin-bottom: .25rem;
                            width: 100%;
                            border-left: solid 6px #05914d;
                            border-bottom: solid 1px #05914d;

                            &__icon {
                                width: 35px;
                                padding: .25rem;
                            }

                            h3 {
                                font-size: 1rem;
                                color: #000;
                                line-height: 1.4rem;
                                padding-left: 0.25rem;
                                width: calc(100% - 35px);
                            }
                        }

                        &__link {
                            .link-content {
                                margin: 0;

                                .btn-item {
                                    border: solid 1px #05914d;
                                    font-size: .9rem;
                                    background-color: white;
                                    box-shadow: 0 3px 0 0 #05914d;

                                    &:hover {
                                        transition-duration: .2s;
                                        box-shadow: none;
                                    }

                                    button {
                                        color: #05914d;
                                    }
                                }

                                .comment-item {
                                    p {
                                        font-size: .85rem;
                                        line-height: 1.3rem;
                                        margin-bottom: 0;
                                    }
                                }
                            }
                        }

                        &__experiences {
                            font-size: .85rem;
                            padding: .15rem 2rem .15rem .15rem;
                            text-align: right;
                            color: #343A4D;

                            @include sp-wide {
                                padding-right: 2.5rem;
                            }

                            span {
                                color: #05914d;
                                padding: 0 .25rem;
                                font-size: 1rem;
                            }
                        }

                        .service-next_link {
                            svg {
                                width: 10%;
                                position: absolute;
                                right: 0;
                                bottom: 0;
                                fill: #05914d;

                                @include sp-wide {
                                    width: 7%;
                                }
                            }
                        }
                    }
                }
            }
        }
    }

    &:not(.user_loggedin) {
        .page-content-div div .cat-list__content__body__item__name {
            margin-bottom: 0;

            @include sp-wide {
                height: auto;
            }
        }
    }
}

/**********************************************
*　ライフサポートサービス（詳細）
***********************************************/
.single-lifesupport {
    background: none;

    .page-header {
        background: none;
        margin-bottom: 3rem;

        @include sp-wide {
            margin-bottom: 0;
        }

        ;

        .container {
            .breadSection {
                padding-top: .7rem;

                @include sp-wide {
                    padding-top: 0;
                }

                ;
            }
        }

        .page-top {
            &__title {
                background-image: url(/cms/wp-content/themes/zenkosai/assets/images/lifesupport/single-bg.png);
                background-repeat: no-repeat;
                background-size: 110%;
                background-position: right;

                @include tab {
                    margin-bottom: 0;
                    background-size: 130%;
                }

                @include sp-wide {
                    background-size: 140%;
                }

                @include sp {
                    background-size: 200%;
                }

                @include sp-minimun {
                    background-size: 265%;
                }

                &__icon {
                    border-bottom: solid 2px #7AC174;
                    padding-bottom: .5rem;
                    display: -webkit-flex;
                    display: -ms-flexbox;
                    justify-content: center;
                    -webkit-justify-content: center;
                    -ms-flex-wrap: wrap;
                    -webkit-flex-wrap: wrap;
                    align-items: center;
                    width: 75%;
                    margin: 0 auto;
                    padding-top: 5rem;

                    @include tab {
                        width: 80%;
                    }

                    @include sp-wide {
                        width: 95%;
                        padding-top: 3rem;
                    }

                    @include sp {
                        width: 90%;
                    }

                    @include sp-minimun {
                        padding-top: 4.5rem;
                    }

                    .icon-image {
                        width: 6%;
                        padding-right: 0.8rem;

                        @include tab {
                            width: 7%;
                        }

                        @include sp-wide {
                            width: 14%;
                        }
                    }

                    h1 {
                        color: black;
                        font-size: 1.8rem;
                        letter-spacing: .2rem;

                        @include sp-wide {
                            font-size: 1.25rem;
                            line-height: 2rem;
                        }
                    }
                }

                &__provider {
                    color: black;

                    @include tab {
                        margin-bottom: 0;
                    }

                    .provider {
                        font-size: .9rem;
                        margin: 0 auto;
                    }
                }
            }

            &__back {
                background: none;
            }
        }

        .document-llservice {
            max-width: 78%;

            @include sp-wide {
                max-width: 100%;
            }
        }
    }

    .columns {
        background: none;
        padding-top: 0;

        .container {
            .sp-page-top {
                margin-bottom: 0;

                .page-content-innerwrap {
                    .link-btn {
                        a {
                            .showall-btn {
                                p {
                                    @include sp-wide {
                                        width: 97% !important;
                                    }
                                }
                            }
                        }
                    }
                }
            }

            .for-sp-nav.opend {
                .page-content-innerwrap.sp-bottom-menu {
                    .link-btn {
                        a {
                            .showall-btn {
                                p {
                                    @include sp-wide {
                                        width: 97% !important;
                                    }
                                }
                            }
                        }
                    }
                }
            }

            .row {
                .for-sp-nav {
                    .sp-bottom-menu {
                        .link-btn {
                            a {
                                .showall-btn {
                                    p {
                                        @include tab {
                                            width: 97% !important;
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }

            .flame-side {
                @include tab {
                    width: 90%;
                    margin: -.5rem auto;
                }

                ;

                .page-content-innerwrap {
                    @include sp-wide {
                        margin-bottom: 1.5rem !important;
                    }

                    .link-btn {
                        a {
                            button {
                                &::before {
                                    display: none;
                                }

                                &::after {
                                    content: "";
                                    width: 15px;
                                    height: 15px;
                                    position: absolute;
                                    top: 50%;
                                    transform: translate(0, -50%);
                                    margin-top: 5px !important;
                                    margin: auto;
                                    box-sizing: border-box;
                                    border: 8px solid transparent;
                                    border-top: 13px solid;
                                }

                                p {
                                    width: calc(100% - 30px) !important;
                                    &:after {
                                        right: -20px;
                                        @include sp {
                                            right: 6px;
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }

            .flame-body {
                .page-content-innerwrap {
                    .explain {
                        margin-bottom: .5rem !important;
                    }

                    .js_form_btn {
                        cursor: pointer;
                        display: inline-block;
                        width: auto !important;
                    }

                    .row {
                        .col-md-6 {
                            .link-btn {
                                button.showall-btn {
                                    width: 100% !important;
                                }
                            }
                        }
                    }

                    h2 {
                        text-align: left;
                        border: none;
                        width: 100%;
                        padding: .5em;
                        display: inline-block;
                        line-height: 1.3;
                        background: #dbf8df;
                        vertical-align: middle;
                        border-radius: 25px;
                        margin-bottom: 1rem;

                        @include sp-wide {
                            font-size: 1.3rem;
                            line-height: 2rem;
                            text-indent: -26px;
                            padding-left: 2.5rem;
                        }

                        &:before {
                            content: '\025cf';
                            color: white;
                            margin-right: 8px;
                        }
                    }

                    .page-content-div {
                        margin-bottom: 2.5rem;

                        h3 {
                            font-size: 1.2rem;
                            border-bottom: solid 2px #D9D9D9;
                            padding-bottom: .5rem;
                            padding-top: 1rem;
                            margin-bottom: 1rem;

                            &:before {
                                content: '\025cf';
                                color: $lifesupport-color;
                                margin-right: 8px;
                            }
                        }

                        h4 {
                            padding: .25em .5rem;
                            border-radius: 25px;
                            text-align: center;
                            margin: 1.5rem auto 0;
                            font-size: 1.15rem;
                            width: 20%;
                            color: white;
                            background-color: $lifesupport-subcolor;

                            @include tab {
                                width: 30%;
                            }

                            ;

                            @include sp {
                                width: 53%;
                            }

                            ;
                        }

                        h5 {
                            text-align: left;
                            border: none;
                            width: 100%;
                            padding: .3em;
                            display: inline-block;
                            line-height: 1.1;
                            background: #dbf1f8;
                            vertical-align: middle;
                            border-radius: 25px;
                            margin-bottom: .5rem;
                            margin-top: 1.5rem;
                            line-height: 2rem;
                            text-indent: -2rem;
                            padding-left: 3rem;

                            &:before {
                                content: '\025cf';
                                color: white;
                                margin-right: 8px;
                            }

                            @include sp-wide {
                                margin-left: 0;
                                line-height: 1.7rem;
                                text-indent: -2.1rem;
                                padding-left: 3rem;
                            }

                            ;
                        }

                        h6 {
                            margin: 1rem auto 0;
                            text-decoration: underline;
                            text-decoration-color: $lifesupport-subcolor;
                            padding-bottom: .5rem;
                            line-height: 1.5rem;
                        }

                        .page-content-innerdiv {
                            width: 94%;
                            margin: auto;
                            margin-bottom: 0 !important;

                            &.for-steps {
                                width: 100%;
                            }

                            .point {
                                background-color: $gray-back;
                                position: relative;
                                margin-top: 1.7rem;
                                padding: .5rem;

                                @include sp-wide {
                                    padding-top: 5%;
                                }

                                ;

                                p {
                                    background-color: #d7bf21;
                                    position: absolute;
                                    top: 4.3rem;
                                    margin-top: -89px;
                                    color: white;
                                    border-radius: 50px;
                                    padding: .05rem 1rem;
                                    width: auto;
                                    text-align: center;

                                    @include pc-md {
                                        margin-top: -73px;
                                    }

                                    ;

                                    @include sp-wide {
                                        top: 4.6rem;
                                    }

                                    ;
                                }

                                &__detail {
                                    padding: 0 1rem 1rem;

                                    p {
                                        position: relative;
                                        background: none;
                                        width: 100%;
                                        padding: 1.1rem 1rem .5rem;
                                        color: black;
                                        text-align: left;
                                    }
                                }
                            }

                            .page-content {
                                margin: .5rem auto 1rem;
                                background-color: $gray-back;
                                padding: .5rem;

                                table {
                                    border: none;

                                    tr {
                                        td {
                                            border: none;
                                            padding: 0;
                                            font-size: 1rem;
                                        }

                                        .detail-icon {
                                            width: 9.5%;
                                            background: none;

                                            @include sp {
                                                width: 19.5%;
                                            }

                                            ;

                                            div {
                                                img {
                                                    margin: 0;
                                                }
                                            }
                                        }
                                    }
                                }
                            }

                            .use {
                                background: none;
                                display: -webkit-flex;
                                display: -ms-flexbox;
                                justify-content: space-between;
                                -webkit-justify-content: space-between;
                                -ms-flex-wrap: wrap;
                                -webkit-flex-wrap: wrap;
                                position: relative;

                                @include sp {
                                    width: 100%;
                                }

                                ;

                                &:before {
                                    position: absolute;
                                    content: "";
                                    top: 1rem;
                                    left: 5%;
                                    width: 2px;
                                    height: 100%;
                                    background-color: $lifesupport-subcolor;
                                    z-index: -1;

                                    @include pc-wide {
                                        left: 6%
                                    }

                                    ;

                                    @include tab {
                                        left: 6.6%
                                    }

                                    ;

                                    @include sp-wide {
                                        height: 100%;
                                        left: 2.5rem;
                                    }

                                    ;

                                    @include sp {
                                        left: 2rem;
                                    }

                                    ;
                                }

                                div {
                                    p {
                                        width: 100%;
                                    }
                                }

                                .point {
                                    p {
                                        width: auto;
                                    }
                                }

                                &__step {
                                    flex: 0 0 12%;
                                    max-width: 12%;

                                    @include sp-wide {
                                        flex: 0 0 17%;
                                        max-width: 17%;
                                    }

                                    p {
                                        text-align: center;
                                        font-size: 1.2rem;
                                        line-height: 1.3rem;
                                        border: solid 4px $lifesupport-subcolor;
                                        width: 65px !important;
                                        height: 65px;
                                        border-radius: 50%;
                                        padding: .5rem;

                                        @include pc-md {
                                            line-height: 1.4rem;
                                        }

                                        ;

                                        @include tab {
                                            width: 55px !important;
                                            height: 55px;
                                            font-size: 1rem;
                                            line-height: 1.3rem;
                                        }

                                        ;

                                        @include sp-wide {
                                            font-size: .9rem;
                                            line-height: 1.3rem;
                                            width: 56px !important;
                                            height: 56px;
                                        }

                                        ;

                                        @include sp {
                                            width: 46px !important;
                                            height: 46px;
                                            line-height: 1rem;
                                        }

                                        ;

                                        span {
                                            font-size: .95rem;

                                            @include sp {
                                                font-size: .7rem;
                                            }

                                            ;
                                        }
                                    }
                                }

                                &__detail {
                                    flex: 0 0 88%;
                                    max-width: 88%;

                                    @include tab {
                                        flex: 0 0 86%;
                                        max-width: 86%;
                                    }

                                    ;

                                    @include sp-wide {
                                        flex: 0 0 80%;
                                        max-width: 80%;
                                    }

                                    ;

                                    h4 {
                                        margin: 1rem 0 .5rem;
                                        width: 100%;
                                        text-align: left;
                                        padding-left: 1rem;
                                        line-height: 1.6rem;

                                        @include sp-wide {
                                            margin-top: 0;
                                        }

                                        ;
                                    }

                                    .detail-contents {
                                        width: 94%;
                                        margin: 0 auto;

                                        img {
                                            width: auto;
                                            margin: 0 0 .5rem;
                                        }

                                        .dl-btn {
                                            button {
                                                border-color: gainsboro;
                                                border-radius: 1rem;
                                                margin: 0 0 .5rem;
                                                width: 44%;
                                                position: relative;
                                                padding: .5rem;

                                                @include sp-wide {
                                                    text-align: left;
                                                    width: 100%;
                                                }

                                                ;

                                                p {
                                                    width: 88%;
                                                    margin: 0;
                                                    text-align: left;
                                                    padding-left: .5rem;

                                                    &::after {
                                                        display: inline-block;
                                                        width: 25px;
                                                        height: 25px;
                                                        background-image: url(/cms/wp-content/themes/zenkosai/assets/images/lifesupport/dl-icon.png);
                                                        background-size: contain;
                                                        background-repeat: no-repeat;
                                                        vertical-align: middle;
                                                        border: none;
                                                        position: absolute;
                                                        right: -1.7rem;
                                                    }
                                                }
                                            }
                                        }

                                        .link-btn {
                                            width: 50%;
                                            margin-top: .5rem;
                                            width: auto;
                                            padding-left: 0;

                                            button {
                                                width: 44%;
                                                margin: 0;
                                                position: relative;

                                                @include sp-wide {
                                                    width: 100%;
                                                }

                                                ;

                                                &::before {
                                                    background: #7bc174;
                                                    margin-top: -12px;

                                                    @include sp-wide {
                                                        right: 10px;
                                                    }

                                                    ;
                                                }

                                                &::after {
                                                    margin-top: -5px;

                                                    @include sp-wide {
                                                        right: 19px;
                                                    }

                                                    ;
                                                }

                                                p {
                                                    width: 83% !important;
                                                    margin: 0 !important;
                                                }
                                            }
                                        }
                                    }
                                }
                            }
                        }

                        a {
                            margin: 0 auto;
                            margin-bottom: 1rem;
                        }

                        p {
                            margin-bottom: 0;
                        }

                        img {
                            display: inline-block;
                        }

                        ul {
                            padding-left: 1rem;
                            margin: 0;

                            li {
                                margin-bottom: .5em;
                            }
                        }

                        a {
                            color: $lifesupport-subcolor;
                            margin: 0;

                            &:hover {
                                color: #bae3b7;
                                text-decoration: none;
                            }
                        }

                        .d-inline {
                            a {
                                display: inline-block;
                            }
                        }

                        table {
                            border: none;
                            margin: .5rem auto;

                            tr {
                                &:first-child {
                                    background-color: #BEE6BA;
                                }

                                td {
                                    border: solid 2px white;
                                    padding: .25rem .5rem;
                                    font-size: 1rem;
                                    background-color: $gray-back;

                                    &:first-child {
                                        background-color: #D6F5CC;
                                    }

                                    p {
                                        line-height: 1.5rem;
                                    }
                                }

                                &:first-child {
                                    background-color: #e5f3e1;
                                }
                            }
                        }

                        .service-report-list {
                            margin: 0 auto;

                            @include sp-wide {
                                width: 100%;
                            }

                            ;

                            .service-report {
                                @include sp-wide {
                                    width: 94%;
                                }

                                a {
                                    .report-content {
                                        height: auto;

                                        &-txt {
                                            @include sp-wide {
                                                padding-bottom: 4rem;
                                            }

                                            @include sp-slim-max {
                                                padding-bottom: 5.5rem;
                                            }
                                        }
                                    }

                                    .report-txtbox {
                                        @include sp-minimun {
                                            padding: 0 1rem !important;
                                        }
                                    }

                                    .post-date-txt {
                                        position: static;
                                        margin-top: .5rem;
                                    }
                                }
                            }

                            .container {
                                .page-link {
                                    margin: 0 auto;

                                    a {
                                        margin: auto;
                                    }

                                    button {
                                        border: none;
                                        border-radius: 25px;
                                        background-color: $lifesupport-subcolor;

                                        @include sp-wide {
                                            width: 100%;
                                        }

                                        ;

                                        p {
                                            text-align: center;
                                            color: white;

                                            &:after {
                                                display: none;
                                            }

                                            @include sp-wide {
                                                padding: .2rem 4rem;
                                            }

                                            ;
                                        }
                                    }
                                }
                            }
                        }
                    }

                    .member-rank {
                        margin: .5rem auto 5rem !important;

                        @include sp-wide {
                            margin-bottom: 8rem;
                        }

                        ;

                        p {
                            background-color: #AAA9A9;
                            font-weight: bolder;
                            color: white;
                            padding: .25em .5rem;
                            border-radius: 25px;
                            text-align: center;
                            margin: 0 .15rem;
                            float: left;

                            @include sp-wide {
                                margin: .5rem .15rem;
                            }
                        }

                        &__other {
                            margin-left: 0 !important;

                            @include sp {
                                margin-bottom: .5rem !important;
                            }

                            ;
                        }

                        &__k,
                        &__p,
                        &__ks,
                        &__ps {
                            width: 40px !important;
                            height: 40px;
                            line-height: 2rem;
                            background-color: #d6d6d6 !important;
                            color: #636363;

                            @include tab {
                                width: 35px !important;
                                height: 35px;
                            }

                            ;
                        }

                        &.selected {
                            color: white !important;
                        }

                        &__k.selected {
                            background-color: #5FA541 !important;
                        }

                        &__p.selected {
                            background-color: #2F4ED1 !important;
                        }

                        &__ks.selected {
                            background-color: #AAD86C !important;
                        }

                        &__ps.selected {
                            background-color: #78C3D9 !important;
                        }
                    }

                    .service-note {
                        width: 90%;
                        margin: 1rem auto 0;
                        position: relative;

                        button {
                            width: 100%;
                            margin-top: .5rem;
                            border: none;
                            background-color: $lifesupport-subcolor;
                            text-align: left;
                            display: -webkit-flex;
                            display: -ms-flexbox;
                            -ms-flex-wrap: wrap;
                            -webkit-flex-wrap: wrap;
                            align-items: center;

                            img {
                                width: 35px;
                                height: 35px;

                                @include tab {
                                    width: 30px;
                                    height: 30px;
                                }

                                ;

                                @include sp-wide {
                                    width: 25px;
                                    height: 25px;
                                }

                                ;
                            }
                        }

                        p {
                            text-indent: -1.2rem;
                            padding-left: .8rem;

                            @include tab {
                                text-indent: -.2rem;
                            }

                            ;

                            @include sp-wide {
                                text-indent: -1.3rem;
                                padding-left: 1.5rem;
                                padding-right: .5rem !important;
                            }

                            ;

                            @include sp {
                                padding-left: 2.5rem;
                                text-indent: -2.3rem;
                            }

                            ;
                        }

                        .btn-primary {
                            @include tab {
                                padding: .2rem .5rem;
                            }

                            ;

                            p {
                                width: 100%;
                                position: relative;

                                @include tab {
                                    width: 89%;
                                }

                                ;

                                @include sp {
                                    width: 90%;
                                    padding-right: 2rem;
                                }

                                ;
                            }
                        }

                        .acor-menu {
                            position: relative;

                            &:before {
                                width: 25px;
                                height: 25px;
                                -webkit-border-radius: 50%;
                                border-radius: 50%;
                                background: white;
                                content: "";
                                position: absolute;
                                right: 1%;
                                top: 50%;
                                margin-top: -12px;

                                @include sp {
                                    width: 20px;
                                    height: 20px;
                                }

                                ;
                            }

                            &:after {
                                content: "";
                                width: 10px;
                                height: 10px;
                                position: absolute;
                                top: 38%;
                                right: .95rem;
                                border: 0px solid transparent;
                                border-top: 2px solid #707070;
                                border-left: 2px solid #707070;
                                -webkit-transform: rotate(-135deg);
                                transform: rotate(-135deg);
                                border-radius: 2px;

                                @include pc-wide {
                                    right: .85rem;
                                }

                                @include pc-md {
                                    right: .95rem;
                                }

                                @include tab {
                                    top: 34%;
                                    right: .85rem;
                                }

                                ;

                                @include sp {
                                    top: .5rem;
                                    right: .55rem;
                                    width: 10px;
                                    height: 10px;
                                }

                                ;

                                @include sp-minimun {
                                    top: 1.4rem;
                                }
                            }
                        }

                        .acor-menu.opened {
                            position: relative;

                            &:before {
                                margin-top: -12px;

                                @include sp {
                                    width: 20px;
                                    height: 20px;
                                }

                                ;
                            }

                            &:after {
                                -webkit-transform: rotate(45deg);
                                transform: rotate(45deg);
                                margin-top: 3px;
                            }
                        }

                        .collapsed {
                            p {
                                width: 94%;
                                padding-left: .5rem;
                                position: relative;
                            }
                        }

                        .collapse {
                            .card {
                                font-size: .9rem;

                                ul {
                                    width: 100%;
                                    margin-left: 0;
                                }

                                p {
                                    width: 100%;
                                }
                            }
                        }
                    }

                    .faq {
                        button {
                            padding: .3rem .5rem;

                            &:before,
                            &:after {
                                display: none;
                            }

                            p {
                                width: 100% !important;

                                &:before,
                                &:after {
                                    display: none;
                                }
                            }

                            .question {
                                display: -webkit-flex;
                                display: -ms-flexbox;
                                -ms-flex-wrap: wrap;
                                -webkit-flex-wrap: wrap;
                                align-items: center;
                                position: relative;
                                width: 100%;
                                padding: .3rem 0;

                                &__mark {
                                    color: black;
                                    font-weight: bolder;
                                    font-size: 1.2rem;
                                    background-color: white;
                                    border-radius: 50%;
                                    width: 35px;
                                    height: 35px;
                                    line-height: 2.1rem;
                                    padding-left: .6rem;

                                    @include pc-md {
                                        line-height: 2.4rem;
                                        padding-left: .7rem;
                                    }

                                    ;

                                    @include tab {
                                        width: 32px;
                                        height: 32px;
                                        line-height: 2.3rem;
                                        padding-left: .6rem;
                                    }

                                    ;

                                    @include sp-wide {
                                        padding-left: .7rem;
                                    }

                                    ;
                                }

                                &__detail {
                                    width: 80%;
                                    padding-left: .5rem;

                                    p {
                                        line-height: 1.65rem;
                                        text-indent: 0;

                                        @include sp {
                                            padding-right: 0;
                                        }

                                        ;
                                    }

                                    @include sp-wide {
                                        width: 72%;
                                    }

                                    ;

                                    @include sp-slim-max {
                                        width: 69%;
                                    }

                                    @include sp-minimun {
                                        width: 59%;
                                    }

                                    ;
                                }

                                &__answer {
                                    background-color: white;
                                    border-radius: 10px;
                                    margin: 0 auto;
                                    width: 12%;

                                    @include sp-wide {
                                        width: 15%;
                                    }

                                    @include sp-slim-max {
                                        width: 17%;
                                    }

                                    @include sp-minimun {
                                        width: 25%;
                                    }

                                    p {
                                        line-height: 1.3rem;
                                        text-align: center;
                                        color: black;
                                        padding: .1rem .2rem;
                                        font-size: .9rem;
                                        text-indent: 0;

                                        br {
                                            display: none;
                                        }

                                        span {
                                            display: block;
                                        }
                                    }
                                }
                            }
                        }

                        .card {
                            padding: .5rem;
                            border: none;
                            background-color: #F4F4F4;
                            margin-top: .3rem;

                            .answer {
                                display: -webkit-flex;
                                display: -ms-flexbox;
                                -ms-flex-wrap: wrap;
                                -webkit-flex-wrap: wrap;
                                justify-content: flex-start;
                                -webkit-justify-content: flex-start;

                                ul {
                                    list-style: none;
                                    text-indent: -15px;

                                    @include pc-md {
                                        padding-left: 2rem;
                                    }

                                    ;
                                }

                                &__mark {
                                    font-weight: bolder;
                                    font-size: 1.2rem;
                                    border-radius: 50%;
                                    width: 35px;
                                    height: 35px;
                                    line-height: 1.8rem;
                                    padding-left: .48rem;
                                    border: solid 3px #dc3545;
                                    background-color: white;

                                    @include pc-md {
                                        line-height: 2rem;
                                        padding-left: .65rem;
                                    }

                                    ;

                                    @include tab {
                                        padding-left: .6rem;
                                    }

                                    ;

                                    @include sp-wide {
                                        padding-left: .7rem;
                                    }

                                    ;
                                }

                                &__detail {
                                    width: 94%;

                                    @include pc-md {
                                        width: 93%;
                                    }

                                    ;

                                    @include tab {
                                        width: 90%;
                                    }

                                    ;

                                    @include sp-wide {
                                        width: 89%;
                                    }

                                    ;

                                    @include sp-slim-max {
                                        width: 85%;
                                    }

                                    ;

                                    @include sp-minimun {
                                        width: 84%;
                                    }

                                    ;

                                    p {
                                        text-indent: 0;

                                        @include sp-wide {
                                            padding-left: .5rem;
                                        }

                                        ;
                                    }

                                    table {
                                        border: none;
                                        margin: .5rem auto;

                                        tr {
                                            &:first-child {
                                                background-color: #BEE6BA;
                                            }

                                            td {
                                                border: solid 2px #f4f4f4;
                                                padding: .25rem .5rem;
                                                font-size: 1rem;
                                                background-color: white;

                                                &:first-child {
                                                    background-color: #D6F5CC;
                                                }

                                                p {
                                                    line-height: 1.5rem;
                                                }
                                            }

                                            &:first-child {
                                                background-color: #e5f3e1;
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }

    &#page-lifesupport {
        .lifesupport-category {
            .container {
                @include tab {
                    max-width: 85%;
                }
            }
        }
    }

    .lifesupport-category {
        background-image: url(/cms/wp-content/themes/zenkosai/assets/images/lifesupport/category_bg.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        padding-top: 1rem;

        .container {
            .category-list {
                width: 95%;
                margin: 0 auto;

                @include tab {
                    width: 100%;
                }

                ;

                .page-content-innerwrap {
                    .page-content-div {
                        h3 {
                            margin-bottom: 0;

                            @include sp-wide {
                                margin-bottom: 1rem;
                            }

                            ;
                        }

                        .page-content-innerdiv {
                            .link-btn {
                                width: calc(100% / 3);

                                @include sp-wide {
                                    margin-bottom: .5rem;
                                    width: 100%;
                                }

                                ;

                                .new {
                                    background-color: #EB3E3E;
                                    color: white;
                                    padding: .1rem .5rem;
                                    border-radius: 50px;
                                    position: absolute;
                                    top: .2rem;
                                    left: .7rem;
                                    font-size: .75rem;
                                    text-align: center;
                                    z-index: 1;

                                    @include sp-wide {
                                        top: -.4rem;
                                    }

                                    ;
                                }

                                button {
                                    &::before {
                                        background: #7bc174;
                                        margin-top: -5px;

                                        @include sp-wide {
                                            margin-top: -9px;
                                        }

                                        ;
                                    }

                                    &::after {
                                        margin-top: 2px;

                                        @include sp-wide {
                                            margin-top: -2px;
                                        }

                                        ;
                                    }

                                    p {
                                        width: 88% !important;
                                        margin: 0 !important;
                                    }

                                    @include sp-wide {
                                        margin-top: .5rem;
                                        height: auto;
                                    }

                                    ;
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}

.single-lifesupport {
    .page-header {
        .page-top {
            &__provider.n_member {
                display: none;
            }
        }
    }
}

/**********************************************
*　新ライフサポートサービス（詳細）
***********************************************/
.lifesupport-color {
    color: #05914d;
}

#single-lifesupport {
    .page-header {
        margin-bottom: 0;

        .page-top {
            &__title {
                background-image: url(/cms/wp-content/themes/zenkosai/assets/images/lifesupport/single-life_bg.jpg);
                background-size: cover;
                background-repeat: no-repeat;
                padding: 4.5rem 0 3rem;

                &__icon {
                    display: block;
                    border-bottom: none;
                    width: auto;
                    padding: 0;
                    margin: 0;

                    h1 {
                        letter-spacing: .2rem;
                        font-size: 1.5rem;
                        color: #05914d;
                        text-shadow: 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff;
                    }

                    .icon-image {
                        width: 4.5%;
                        padding-right: 0.8rem;

                        @include tab {
                            width: 9.5%;
                        }
                    }
                }
            }

            &__title_wrap {
                border: none;
                padding: .5rem 0;
                background: linear-gradient(90deg, rgba(255, 255, 255, 0.75) 20%, rgba(255, 255, 255, 0.75) 70%, rgba(255, 173, 0, 0) 100%);
            }

            &__provider {
                padding: .25rem 0;

                @include sp {
                    padding-right: 1rem;
                }

                .provider {
                    p {
                        color: black;
                        font-size: .9rem;
                    }
                }
            }

            &__experience {
                &__btn {
                    border: 1px solid #05914d;
                    box-shadow: 3px 3px 0 #05914d;

                    @include sp {
                        border-right: none;
                    }

                    &:hover {
                        transition: .2s;
                        box-shadow: none;
                    }
                }
            }
        }
    }

    .page-content-wrapper {
        .provider-content {
            background-color: #FBFAF9;
            padding: 1.5rem 0;

            div {
                .provider-note {

                    // margin: 0 auto;
                    // width: 85%;
                    // @include tab {
                    //     width: 95%;
                    // }
                    p {
                        font-size: .9rem;
                    }
                }
            }
        }

        .provider-modal-btn {
            box-shadow: 0.2rem 0.2rem 0.5rem rgba(0, 0, 0, .15);

            p {
                width: calc(100% - 2rem);
                color: #05914d;
                min-height: 2rem;
                font-size: 1.1rem;
            }

            svg {
                right: 0;
                bottom: 0;
                max-width: 2rem;
            }
        }

        .provider-modal-content {
            .article-title {
                font-size: 1.2rem;
                border-left: solid 5px #9fc24c;
            }
        }

        .lifesupport-container {
            margin-top: 1.5rem;

            // @include tab {
            //     padding: 0;
            // }
            .flame-body {

                // margin: 0 auto;
                // flex: 0 0 85%;
                // max-width: 85%;
                // @include tab {
                //     flex: 0 0 95%;
                //     max-width: 95%;
                //     padding: 0;
                // }
                .page-content-innerwrap {
                    .page-content-div {
                        margin-bottom: .5rem;

                        h3 {
                            padding: 0;
                            border-bottom: solid 2px #05914d;
                            border-left: 10px solid #05914d;
                            font-size: .95rem;
                            letter-spacing: .05rem;
                            margin-bottom: .5rem;

                            @include sp-wide {
                                line-height: 1.5rem;
                                overflow: hidden;
                                font-size: 1rem;
                            }

                            span {
                                display: inline-block;
                                width: calc(100% - 7rem);
                                // width: 80%;
                                // background-color: #64965C;
                                // color: white;
                                padding: .5rem 1rem .5rem 1rem;

                                // position: relative;
                                @include sp {
                                    display: block;
                                    padding-right: 0;
                                }

                                // &:after {
                                //     position: absolute;
                                //     content: '';
                                //     bottom: 0;
                                //     right: -35px;
                                //     width: 0;
                                //     height: 0;
                                //     border: none;
                                //     border-right: solid 35px transparent;
                                //     border-bottom: solid 35px #64965C;
                                //     @include pc-md {
                                //         border-right: solid 31px transparent;
                                //         border-bottom: solid 31px #64965C;
                                //         right: -31px;
                                //     }
                                //     @include sp {
                                //         border-right: solid 36px transparent;
                                //         border-bottom: solid 42px #64965C;
                                //         right: -30px;
                                //     }
                                // @include sp {
                                //     right: 0;
                                //     width: 3rem;
                                //     height: 10rem;
                                //     border: none;
                                //     background-color: #64965C;
                                //     transform: skewX(30deg);
                                //     border: none;
                                // }
                                // }
                            }

                            // &.acor-menu {
                            //     span {
                            //         @include sp {
                            //             max-width: 90%;
                            //         }
                            //     }
                            // }
                            &:before {
                                content: none;
                            }

                            &.acor-menu {
                                position: relative;
                                cursor: pointer;

                                &:focus {
                                    box-shadow: none !important;
                                }

                                &:before,
                                &:after {
                                    position: absolute;
                                    top: 50%;
                                    transform: translateY(-50%);
                                    border-bottom: none;
                                }

                                &:before {
                                    content: "\958b\304f";
                                    right: 3rem;
                                    color: #05914d;
                                }

                                &:after {
                                    display: block;
                                    content: "";
                                    width: 20px;
                                    height: 20px;
                                    background-image: url(/cms/wp-content/themes/zenkosai/assets/images/lifesupport/circle-plus-solid.png);
                                    background-size: contain;
                                    background-repeat: no-repeat;
                                    right: 1rem;
                                    margin: auto;
                                    transition-duration: 0.3s;
                                }
                            }

                            &.acor-menu.opened {
                                background-color: #F1F9F6;

                                &::before {
                                    content: "\9589\3058\308B";
                                }

                                &:after {
                                    background-image: url(/cms/wp-content/themes/zenkosai/assets/images/lifesupport/circle-minus-solid.png);
                                    transition-duration: .3s;
                                }
                            }

                            &+.acor-menu-child {
                                // background-color: #F9FBFA;
                                margin-bottom: 2rem;
                                // padding: 1rem;
                            }
                        }

                        // .acor-menu {
                        //     box-shadow: $back-shadow;
                        //     position: relative;
                        //     margin-bottom: 0;
                        //     &:hover {
                        //         cursor: pointer;
                        //     }
                        //     &:after {
                        //         display: block;
                        //         content: "";
                        //         width: 10px;
                        //         height: 10px;
                        //         position: absolute;
                        //         top: 0;
                        //         right: 12px;
                        //         border: 0px solid transparent;
                        //         border-top: 4px solid #64965C;
                        //         border-left: 4px solid #64965C;
                        //         -webkit-transform: rotate(-135deg);
                        //         transform: rotate(-135deg);
                        //         border-radius: 2px;
                        //         margin: auto;
                        //         transition-duration: 0.3s;
                        //     }
                        // }
                        // .acor-menu.opened {
                        //     box-shadow: none;
                        //     background-color: #F9FBFA;
                        //     &:after {
                        //         -webkit-transform: rotate(45deg);
                        //         transform: rotate();
                        //     }
                        // }
                        &.lightgreen {
                            h3 {
                                border-bottom-color: #9fc24c;
                                border-left-color: #9fc24c;

                                span {

                                    // background-color: #9fc24c;
                                    &:after {
                                        border-bottom-color: #9fc24c;
                                        // @include sp {
                                        //     background-color: #9fc24c;
                                        // }
                                    }
                                }
                            }

                            // .acor-menu {
                            //     &:after {
                            //         border-top-color: #9fc24c;
                            //         border-left-color: #9fc24c;
                            //     }
                            // }
                        }

                        .link-btn {
                            margin-top: 0.5rem;
                            width: auto;
                            padding-left: 0;

                            button {
                                width: 44%;
                                margin-top: 0;
                                position: relative;

                                @include sp {
                                    width: 100%;
                                }

                                &::before {
                                    background: #7bc174;
                                    margin-top: 0;
                                    transform: translateY(-50%);
                                }

                                &::after {
                                    margin-top: 0;
                                    right: 22px;
                                    -webkit-transform: rotate(45deg) translateY(-50%);
                                    transform: rotate(45deg) translateY(-50%);
                                }

                                p {
                                    width: calc(100% - 30px);
                                }
                            }
                        }

                        .dl-btn {
                            button {
                                border-color: gainsboro;
                                border-radius: 1rem;
                                margin: 0 0 0.5rem;
                                width: 44%;
                                position: relative;
                                padding: 0.5rem;

                                @include sp {
                                    width: 100%;
                                }

                                p {
                                    width: calc(100% - 30px);
                                    margin-right: 0;
                                    text-align: left;
                                    padding-left: 0.5rem;

                                    &::after {
                                        right: -30px;
                                        border: none;
                                        background-image: url(/cms/wp-content/themes/zenkosai/assets/images/lifesupport/lifesupport-icon.png);
                                        width: 30px;
                                        height: 30px;
                                        background-size: contain;
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }

    .free-area {
        padding: 0 1rem;

        table {
            tr {
                td {
                    font-size: .9rem;
                }
            }
        }

        ul {
            padding-left: 1rem;
        }

        p {
            font-size: .9rem;
        }

        &__content {
            margin-bottom: 1.5rem;

            &:last-child {
                margin-bottom: 0;
            }

            h4 {
                margin: 0 0 .6rem;
                font-size: .9rem;
                color: black;
                background: none;
                border-radius: 0;
                padding: .2rem 0 0 .5rem;
                border-left: solid 4px #05914d;
                text-align: left;
                width: 100%;
                line-height: 1.5rem;
            }

            &__detail {
                font-size: .9rem;
                background-color: white;
                padding: 0.5rem 1rem;
                border-radius: 3px;

                h5 {
                    font-size: .9rem;
                    background: white;
                    border-radius: 0;
                    box-shadow: none;
                    margin-top: 0;
                    padding: .7rem 1rem;
                    border-bottom: solid 1px #00583D;
                    // color: #64965C;
                    line-height: .5rem;

                    &.acor-menu {
                        position: relative;
                        padding-left: 1.5rem;

                        &:after {
                            content: "";
                            display: block;
                            width: 1rem;
                            height: 1rem;
                            background-image: url(/cms/wp-content/themes/zenkosai/assets/images/lifesupport/circle-plus-solid-darkgreen.png);
                            background-repeat: no-repeat;
                            background-size: contain;
                            position: absolute;
                            top: 50%;
                            left: .2rem;
                            transform: translateY(-50%);
                            // top: 5px;
                            // border-top: 2px solid #64965C;
                            // border-left: 2px solid #64965C;
                        }
                    }

                    &.acor-menu.opened {
                        background-color: #F1F9F6;

                        &:after {
                            // top: 7px;
                            background-image: url(/cms/wp-content/themes/zenkosai/assets/images/lifesupport/circle-minus-solid-darkgreen.png);
                        }
                    }

                    &+.acor-menu-child {
                        background: none;
                        // margin-bottom: 0;
                    }
                }
            }
        }
    }

    .step-content {
        &__detail {
            &__note {
                line-height: 1.5rem;
                border-radius: 5px;
                padding: 0.5rem 1rem;
                margin-bottom: 1rem;
                background-color: #fffbe9;
            }

            &__app {
                margin-bottom: 1rem;

                .acor-menu {
                    box-shadow: none;
                    border-bottom: solid 1px #00583D;
                    position: relative;
                    padding-left: 1.5rem;

                    &:after {
                        // top: 20px;
                        // @include tab {
                        //     top: 11px;
                        // }
                        content: "";
                        display: block;
                        width: 1rem;
                        height: 1rem;
                        background-image: url(/cms/wp-content/themes/zenkosai/assets/images/lifesupport/circle-plus-solid-darkgreen.png);
                        background-repeat: no-repeat;
                        background-size: contain;
                        position: absolute;
                        top: 50%;
                        left: .2rem;
                        transform: translateY(-50%);
                    }
                }

                .acor-menu.opened {
                    background-color: #F1F9F6;

                    &:after {
                        // top: 7px;
                        background-image: url(/cms/wp-content/themes/zenkosai/assets/images/lifesupport/circle-minus-solid-darkgreen.png);
                    }
                }

                // .acor-menu.opened {
                //     &:after {
                //         top: 24px;
                //         @include tab {
                //             top: 16px;
                //         }
                //     }
                // }
                .acor-menu-child {
                    margin-bottom: .5rem;
                }

                &__title {
                    &__item {
                        display: -webkit-flex;
                        display: -ms-flexbox;
                        align-items: center;
                        width: 100%;

                        &__icon {
                            width: 4%;
                            padding-right: 0.25rem;

                            @include tab {
                                width: 9.5%;
                            }
                        }
                    }
                }

                &__detail {
                    .application-item {
                        border-bottom: 0 !important;
                        background-color: #f0f9ee;
                        // padding: 0.25rem 0.5rem !important;
                        padding: 0;
                        margin-bottom: 0.5rem !important;

                        &__detail {
                            display: -webkit-flex;
                            display: -ms-flexbox;
                            align-items: center;
                            width: 100%;
                            padding-left: 1.5rem;

                            &__icon {
                                width: 4%;
                                padding-right: 0.25rem;

                                @include tab {
                                    width: 9.5%;
                                }
                            }
                        }
                    }

                    // .acor-menu {
                    //     &:after {
                    //         top: 12px;
                    //         @include tab {
                    //             top: 7px;
                    //         }
                    //     }
                    // }
                    .acor-menu.opened {
                        background-color: #f0f9ee;
                        // &:after {
                        //     top: 17px;
                        //     @include tab {
                        //         top: 12px;
                        //     }
                        // }
                    }

                    .acor-menu-child {
                        background-color: white;
                        margin-bottom: 1.5rem !important;
                    }

                    &__txt {
                        &::after {
                            content: "";
                            display: block;
                            clear: both;
                        }
                    }
                }
            }
        }
    }

    .faq-content {
        .acor-menu {
            position: relative;
            border-bottom: none;
            padding: .6rem 2rem .6rem 3rem;
            margin-bottom: 0.25rem;
            box-shadow: none;

            &:hover {
                cursor: pointer;
            }

            &:after {
                display: block;
                content: "";
                width: 10px;
                height: 10px;
                position: absolute;
                top: calc(50% - 7px);
                right: 12px;
                border: 0px solid transparent;
                border-top: 4px solid #64965C;
                border-left: 4px solid #64965C;
                -webkit-transform: rotate(-135deg);
                transform: rotate(-135deg);
                border-radius: 2px;
                margin: auto;
                transition-duration: 0.3s;
            }
        }

        .acor-menu.opened {
            &:after {
                -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
            }
        }

        .acor-menu-child {
            .faq-content__answer__txt:before {
                content: "\0041";
                color: #D59B2E;
                font-size: 1.1rem;
                padding-right: .5rem;
                display: block;
            }
        }

        &__question {
            color: black;
            font-size: .9rem;
            overflow: hidden;
            background: url(/cms/wp-content/themes/zenkosai/assets/images/lifesupport/question-icon.png) no-repeat 0 0 #F9FBFA;
            background-size: 50px 47px;
            -webkit-transition: all .3s cubic-bezier(0.39, 0.575, 0.565, 1);
            transition: all .3s cubic-bezier(0.39, 0.575, 0.565, 1);
            background-size: 36px;
            padding-left: 3rem;
        }

        &__answer {
            background-color: #F9FBFA;

            p {
                font-size: .9rem;

                &:last-child {
                    margin-bottom: 0;
                }
            }
        }
    }

    .service-overview {
        display: -webkit-flex;
        display: -ms-flexbox;
        align-items: center;

        @include tab {
            display: block;
        }

        &__img {
            width: 45%;
            padding-right: 1rem;

            @include tab {
                margin: 0 auto 1rem;
                width: 55%;
            }
        }

        &__detail {
            width: 100%;
            font-size: .95rem;

            @include sp-wide {
                font-size: 1rem;
            }
        }
    }

    .easy_access {
        font-size: .95rem;

        @include sp-wide {
            font-size: 1rem;
        }
    }

    .lifesupport-category {
        // background-color: #F9FBFA;
        background-image: none;

        @include tab {
            max-width: 100%;
            padding: 0;
        }

        .flame-body {
            width: 100%;

            // width: 85%;
            // @include tab {
            //     width: 95%;
            // }
            .page-content-innerwrap {
                .page-content-div {
                    margin-bottom: 0;

                    .acor-menu {
                        background-color: #64965C;
                        color: white;
                        border-bottom: none;
                        padding: .5rem 2rem .5rem .5rem;
                        font-size: 1rem;
                        margin-bottom: .25rem;

                        &:before {
                            content: none;
                        }

                        &:hover {
                            cursor: pointer;
                        }

                        &:after {
                            display: block;
                            content: "";
                            width: 10px;
                            height: 10px;
                            position: absolute;
                            top: 0;
                            right: 12px;
                            border: 0px solid transparent;
                            border-top: 4px solid white;
                            border-left: 4px solid white;
                            -webkit-transform: rotate(-135deg);
                            transform: rotate(-135deg);
                            border-radius: 2px;
                            margin: auto;
                            transition-duration: 0.3s;
                        }
                    }

                    .cat-list-title {
                        background-color: #05914D;
                        color: white;
                        border-bottom: none;
                        padding: 0.5rem 2rem 0.5rem 0.5rem;
                        font-size: 1rem;
                        margin-bottom: 0.25rem;

                        &::before {
                            content: none;
                        }

                        &+.page-content-innerdiv {
                            background-color: white;
                            margin-bottom: 2rem !important;
                            padding: 0.5rem 1rem;
                            width: 100%;
                        }
                    }

                    .acor-menu.opened {
                        &:after {
                            -webkit-transform: rotate(45deg);
                            transform: rotate(45deg);
                        }
                    }

                    .page-content-innerdiv {
                        .link-btn {
                            padding-top: .5rem;
                            width: calc(100%/3);

                            @include sp {
                                padding-top: .3rem;
                                width: 100%;
                            }

                            .new {
                                left: .1rem;
                                border-radius: 3px;
                                background-color: #eb3e3e;
                                color: #fff;
                                padding: 0.1rem 0.5rem;
                                position: absolute;
                                top: 0.2rem;
                                font-size: .75rem;
                                text-align: center;
                                z-index: 1;

                                @include sp {
                                    top: -.1rem;
                                    padding: .1rem .5rem;
                                }
                            }

                            button {
                                display: -webkit-flex;
                                display: -ms-flexbox;
                                justify-content: flex-start;
                                -webkit-justify-content: flex-start;
                                position: relative;
                                border-radius: 0;
                                border: none;
                                padding: 0;
                                box-shadow: .2rem .2rem .5rem rgba(0, 0, 0, .15);

                                &:before,
                                &:after {
                                    content: none;
                                }

                                &:hover {
                                    box-shadow: none;
                                    transition: .3s;
                                }

                                .service_icon {
                                    width: 15%;
                                    height: 100%;
                                    padding: 1.2rem;
                                    background-image: url(/cms/wp-content/themes/zenkosai/assets/images/lifesupport/single-life_bg.jpg);
                                    background-size: cover;
                                    background-repeat: no-repeat;
                                    background-position: center;
                                    position: relative;

                                    @include tab {
                                        width: 10%;
                                    }

                                    &__img {
                                        position: absolute;
                                        top: 50%;
                                        left: 50%;
                                        transform: translate(-50%, -50%);
                                        width: 65%;
                                    }
                                }

                                p {
                                    width: 72% !important;
                                    color: #05914D;
                                    font-size: .9rem;
                                }

                                svg {
                                    position: absolute;
                                    right: 0;
                                    bottom: 0;
                                    width: 13%;
                                    max-width: 2rem;
                                    fill: #05914D;

                                    @include tab {
                                        width: 7%;
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }

    .tab-wrap {
        display: flex;
        display: -webkit-flex;
        display: -ms-flexbox;
        flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        margin: 20px 0 0;

        &:after {
            content: '';
            width: 100%;
            height: 3px;
            display: block;
            order: -1;
            background-color: #00583D;
        }

        &>input[type=radio] {
            display: none;
        }
    }

    .tab-label {
        color: #717171;
        background-color: #E8E8E8;
        font-weight: bold;
        white-space: nowrap;
        text-align: center;
        padding: .7% 2%;
        order: -1;
        position: relative;
        z-index: 1;
        cursor: pointer;
        flex: 1;
        text-align: left;
        border-radius: 0.5rem 0.5rem 0 0;
        flex-basis: calc((100% - 10px) / 3);
        flex-grow: inherit;
        max-width: calc((100% - 10px) / 3);
        white-space: normal;
        word-break: keep-all;

        @include sp-wide {
            padding: 2%;
        }

        &:not(:nth-of-type(3n)) {
            margin-right: 5px;
        }
    }

    .tab-content {
        width: 100%;
        height: 0;
        overflow: hidden;
        opacity: 0;
    }

    /* アクティブなタブ */
    .tab-switch {
        display: none;

        &:checked {
            &+.tab-label {
                background-color: #00583D;
                color: white;

                &+.tab-content {
                    height: auto;
                    opacity: 1;
                    transition: .5s opacity;
                    position: relative;
                    top: 4px;
                }
            }
        }
    }

    // タブのコンテンツが４つ以上の時
    .tab-wrap-more {
        margin-bottom: -5px;

        .tab-label {
            margin-top: 5px;

            @include tab {
                flex-basis: calc((100% - 5px) / 2);
                position: relative;
                max-width: calc((100% - 5px) / 2);
                margin-right: 0;

                &:not(:nth-of-type(2n)) {
                    margin-right: 5px;
                }
            }
        }
    }
}

.report-btn {
    padding: 0.2rem 4rem;
    background-color: #07B283;
}

.banner-shadow {
    img {
        cursor: pointer;
        box-shadow: 0.3rem 0.3rem 0 rgba(0, 0, 0, 0.15);

        &:hover {
            transition: .3s;
            box-shadow: none;
        }
    }
}

.banner-shadow-radius {
    img {
        cursor: pointer;
        box-shadow:
            0.3rem 0.3rem 0 rgba(0, 0, 0, 0.15),
            inset -0.3rem -0.3rem 100px rgba(0, 0, 0, 0.15);
        border-radius: .5rem;

        &:hover {
            transition: .3s;
            box-shadow: none;
        }
    }
}

/**********************************************
*　インフォメーション一覧
***********************************************/
.back-popup {
    .popup-content {
        .popup-btns {
            button {
                width: calc(100% / 2);
                margin: 0 .25rem;
            }
            .ok-btn,.cancel-btn {
                &:hover {
                    opacity: 1;
                    box-shadow: 0;
                }
            }
            .ok-btn {
                color: #fff;
            }
            .cancel-btn {
                background: white;
                color: #333;
            }
        }
    }
}
.page-information {
    &.k_member ,&.ks_member {
        .back-popup {
            .popup-content {
                .popup-btns {
                    .back-ok-btn {
                        background-color: #0c8513;
                        box-shadow: 0 3px 0 0 #0c8513;
                    }
                    .back-cancel-btn {
                        color: #0c8513;
                        border: solid 1px #0c8513;
                        box-shadow: 0 3px 0 0 #0c8513;
                    }
                }
            }
        }
    }
    &.p_member , &.ps_member {
        .back-popup {
            .popup-content {
                .popup-btns {
                    .back-ok-btn {
                        background-color: #0E598E;
                        box-shadow: 0 3px 0 0 #B5BCC1;
                    }
                    .back-cancel-btn {
                        color: #0E598E;
                        border: solid 1px #0E598E;
                        box-shadow: 0 3px 0 0 #0E598E;
                    }
                }
            }
        }
    }
    .page-top {
        @include tab {
            margin-bottom: -7% !important;
        };
        @include sp-wide {
            padding-top: 2.5rem;
            margin-bottom: 0 !important;
        };
        &__icon {
            h1 {
                @include sp-wide {
                    font-size: 4.5vw;
                }
            }
        }
    }
    .csr-newslist {
        margin: 3rem 0 6rem;
        @include sp-wide {
            margin: 2rem 0 3rem;
        };
        .csr-news {
            .row {
                // 記事一覧
                .article-list {
                    .news-wrapper {
                        .news-div {
                            .news-btn_list {
                                .news-tabs a,
                                .news-select {
                                    font-size: .9rem;
                                    @include sp-wide {
                                        font-size: 3.25vw;
                                    }
                                }
                                .news-tabs {
                                    a {
                                        border: solid 1px transparent;
                                    }
                                    .btn-outline-primary {
                                        font-weight: bold;
                                        &:active,&:hover {
                                            background: none;
                                        }
                                        &:hover {
                                            opacity: .7;
                                        }
                                    }
                                }
                                .news-select {
                                    padding: 0 1rem;
                                }
                                &.k_member {
                                    .news-tabs {
                                        background-color: #e2f1e6;
                                        .btn-primary {
                                            background-color: #479159;
                                            margin: .1rem;
                                        }
                                        .btn-outline-primary {
                                            color: #479159;
                                        }
                                    }
                                    .news-select {
                                        border: solid 1px #085300;
                                        color: #085300;
                                        box-shadow: 0 2px 0 0 #085300;
                                    }
                                }
                                &.p_member {
                                    .news-tabs {
                                        background-color: #f0f4f7;
                                        .btn-primary {
                                            background-color: #637D8E;
                                            margin: .1rem;
                                        }
                                        .btn-outline-primary {
                                            color: #637D8E;
                                        }
                                    }
                                    .news-select {
                                        border: solid 1px #003153;
                                        color: #003153;
                                        box-shadow: 0 2px 0 0 #003153;
                                    }
                                }
                            }
                            .news-list {
                                border-top: solid 1px gainsboro;
                                .info-news-div {
                                    .info-news {
                                        width: 96%;
                                        color: black;
                                        border-bottom: solid 1px gainsboro;
                                        padding: 0 2%;
                                        font-family: "BIZ UDPGothic", sans-serif;
                                        letter-spacing: 0.02em;
                                        @include sp {
                                            width: 92%;
                                        };
                                        &:hover {
                                            text-decoration: none;
                                            opacity: .6;
                                        }
                                        .info-news-bar {
                                            margin: 0;
                                            @include sp {
                                                flex-flow: wrap-reverse;
                                            };
                                            .news-date {
                                                font-size: .85rem;
                                                @include sp-wide {
                                                    font-size: 2.5vw;
                                                }
                                            }
                                            .news-mark {
                                                color: #dc3545;
                                                @include sp {
                                                    padding-left: .2rem;
                                                };
                                            }
                                            .news-cat {
                                                color: white;
                                                font-size: .9rem;
                                                padding: .1rem .5rem;
                                                @include sp-wide {
                                                    font-size: 2.5vw;
                                                }
                                                .cat-img-div {
                                                    position: relative;
                                                    bottom: .1rem;
                                                    img {
                                                        width: 1rem;
                                                    }
                                                }
                                                .news-cat-txt {
                                                    color:white;
                                                    font-size: .8rem;
                                                }
                                            }
                                            .news-title {
                                                padding-left: .5rem;
                                            }
                                        }
                                        .news-title {
                                            font-size: 17px;
                                            letter-spacing: .05rem;
                                            @include sp-wide {
                                                padding-left: .2rem;
                                                font-size: 3.8vw;
                                            };
                                            .important {
                                                font-size: .9rem;
                                                padding: .1rem 0;
                                            }
                                        }
                                        &.unread-news{
                                            position: relative;
                                            &:before{
                                                content: '●';
                                                position: absolute;
                                                color: red;
                                                top: -7%;
                                                left: -1%;
                                                font-size: 1rem;
                                            }
                                            .news-title {
                                                font-weight: bold;
                                            }
                                        }
                                    }
                                }
                            }
                            .pnavi{
                                ul.page-numbers{
                                    li{
                                        border: 1px solid #dbc848;
                                        a{
                                            color: #dbc848;
                                            &:hover {
                                                background-color: #dbc848;
                                            }
                                        }
                                        span.page-numbers.current {
                                            background-color: #dbc848;
                                        }
                                        span.page-numbers.dots {
                                            color: #dbc848 !important;
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
                // 既読機能css
                .article-list {
                    .news-list_header {
                        .info-tabs {
                            margin-bottom: 1rem;
                            background-color: #F8F8F8;
                            border-radius: 50px;
                            .tab-btn {
                                padding: 0 1.5rem;
                                font-size: .9rem;
                                border-radius: 50px;
                                border: none;
                                &.active {
                                    color: #fff;
                                }
                                @include sp { 
                                    padding: .5rem 1.2rem;
                                    font-size: .95rem;
                                }
                            }
                        }
                        .info-action {
                            .read-btn, .select-all-btn {
                                font-size: .9rem;
                                border-radius: 20px;
                                padding: .5rem 1.5rem;
                                background-color: white;
                            }
                            .read-btn, .select-all-btn {
                                &:hover {
                                    box-shadow: none !important;
                                    opacity: 1;
                                }
                            }
                            .select-all-btn {
                                display: inline-block;
                                margin-left: 1rem;
                                cursor: pointer;
                                label {
                                    margin: 0;
                                } 
                            }
                        }
                        &.k_member,&.ks_member {
                            .info-tabs {
                                .tab-btn {
                                    &.active {
                                        background: #528745;
                                    }
                                    &:not(.active) {
                                        color: #528745;
                                    }
                                }
                            }
                            .info-action {
                                .read-btn, .select-all-btn {
                                    color: #005326;
                                    border: solid 1px #005326;
                                    box-shadow: 0 3px 0 0 #005326;
                                }
                            }
                        }
                        &.p_member,&.ps_member {
                            .info-tabs {
                                .tab-btn {
                                    &.active {
                                        background: #637D8E;
                                    }
                                    &:not(.active) {
                                        color: #637D8E;
                                    }
                                }
                            }
                            .info-action {
                                .read-btn, .select-all-btn {
                                    color: #003153;
                                    border: solid 1px #003153;
                                    box-shadow: 0 3px 0 0 #003153;
                                }
                            }
                        }
                    }
                    .news-list {
                        .info-item {
                            transition: background .2s;
                            border-bottom: solid 1px #dcdcdc;
                            display: flex;
                            justify-content: space-between;
                            align-items: center;
                            &.unread-news {
                                .info-news {
                                    position: relative;
                                    .info-dot {
                                        position: absolute;
                                        left: 0rem;
                                    }
                                    .news-title {
                                        font-weight: bold;
                                    }
                                }
                                &.selected {
                                    .select-area {
                                        &.k_member,&.ks_member {
                                            .select-btn {
                                                border: transparent;
                                                color: white;
                                                box-shadow: none;
                                                background-color: #005326;
                                            }
                                        }
                                        &.p_member,&.ps_member {
                                            .select-btn {
                                                border: transparent;
                                                color: white;
                                                box-shadow: none;
                                                background-color: #003153;
                                            }
                                        }
                                    }
                                    &.k_member,&.ks_member {
                                        background: #f3fff2;
                                    }
                                    &.p_member,&.ps_member {
                                        background: #e8f0ff;
                                    }
                                }
                            }
                            .info-news {
                                position: relative;
                                .info-dot {
                                    position: absolute;
                                    left: 0rem;
                                }
                                a {
                                    color: black;
                                }
                            }
                            &.selected {
                                border-radius: 9px;
                            }
                            .info-dot {
                                display: inline-block;
                                width: 10px;
                                height: 10px;
                                background: #ff3b3b;
                                border-radius: 50%;
                                margin-right: .3rem;
                            }
                            .info-category {
                                font-size: .95rem;
                                font-weight: bold;
                                border-radius: 5px;
                                padding: .2rem .7rem;
                                margin-right: .5rem;
                            }
                            .info-date {
                                font-size: .9rem;
                                color: #666;
                                margin-right: .7rem;
                            }
                            .info-title {
                                font-size: 1rem;
                                flex: 1;
                            }
                            &.select-mode {
                                .select-area {
                                    width: 15%;
                                    @include pc-wide {
                                        width: 25%;
                                    }
                                    @include sp-wide {
                                        width: 35%;
                                    }
                                }
                            }
                            .select-area {
                                border-left: solid 1px #dcdcdc;
                                position: relative;
                                right: .5rem;
                                .select-btn ,.read-label {
                                    width: 100%;
                                }
                                .select-btn {
                                    border-radius: 50px;
                                    margin-left: .5rem;
                                    font-size: .9rem;
                                    padding: .25rem;
                                    background-color: white;
                                    &:hover {
                                        box-shadow: none;
                                        opacity: 1;
                                    }
                                }
                                .read-label {
                                    display: none;
                                    color: #aaa;
                                    font-size: .92rem;
                                    margin-left: .6rem;
                                    font-weight: bold;
                                    text-align: center;
                                }
                                &.k_member,&.ks_member {
                                    .select-btn {
                                        border: solid 1px #005326;
                                        color: #005326;
                                        box-shadow: 0 3px 0 0 #005326;
                                    }
                                }
                                &.p_member,&.ps_member {
                                    .select-btn {
                                        border: solid 1px #003153;
                                        color: #003153;
                                        box-shadow: 0 3px 0 0 #003153;
                                    }
                                }
                            }
                        }
                    }
                    .info-bottom-action {
                        box-shadow: 0 -2px 8px rgba(0,0,0,.08);
                        &.k_member,&.ks_member {
                            background-color: rgba(240, 255, 244, .8);
                            .action-btn {
                                background-color: #0c8513;
                                box-shadow: 0 3px 0 0 #99b092;
                            }
                            .close-btn {
                                color: #0c8513;
                                border: solid 1px #0c8513;
                                box-shadow: 0 3px 0 0 #0c8513;
                            }
                        }
                        &.p_member,&.ps_member {
                            background-color: rgba(240, 249, 255, .8);
                            .action-btn {
                                background-color: #0E598E;
                                box-shadow: 0 3px 0 0 #0E598E;
                            }
                            .close-btn {
                                color: #0E598E;
                                border: solid 1px #0E598E;
                                box-shadow: 0 3px 0 0 #0E598E;
                            }
                        }
                        .action-btn, .close-btn {
                            font-size: 1rem;
                            border-radius: 20px;
                            padding: .7rem 2rem;
                            margin-right: .7rem;
                        }
                        .action-btn {
                            border: 0;
                            &:hover {
                                box-shadow: none;
                                opacity: 1;
                            }
                        }
                        .close-btn {
                            background-color: white;
                            &:hover {
                                box-shadow: none;
                                opacity: 1;
                            }
                        }
                    }
                    .info-popup {
                        &.k_member ,&.ks_member {
                            .popup-content {
                                .ok-btn {
                                    background-color: #0c8513;
                                    box-shadow: 0 3px 0 0 #0c8513;
                                }
                                .cancel-btn {
                                    color: #0c8513;
                                    border: solid 1px #0c8513;
                                    box-shadow: 0 3px 0 0 #0c8513;
                                }
                            }
                        }
                        &.p_member ,&.ps_member {
                            .popup-content {
                                .ok-btn {
                                    background-color: #0E598E;
                                    box-shadow: 0 3px 0 0 #B5BCC1;
                                }
                                .cancel-btn {
                                    color: #0E598E;
                                    border: solid 1px #0E598E;
                                    box-shadow: 0 3px 0 0 #0E598E;
                                }
                            }
                        }
                        .popup-content {
                            max-width: 340px;
                            margin: 12vh auto;
                            background: #fff;
                            border-radius: 12px;
                            padding: 2rem 1.5rem;
                            text-align: center;
                            margin-top: 18rem !important;
                            .popup-btns {
                                margin-top: 1.2rem;
                                display: flex;
                                justify-content:
                                center; gap: 1.5rem;
                            }
                            button {
                                font-size: 1rem;
                                border-radius: 20px;
                                padding: .7rem 2rem;
                                border: none;
                                width: calc(100% / 2);
                            }
                            .ok-btn,.cancel-btn {
                                &:hover {
                                    opacity: 1;
                                    box-shadow: 0;
                                }
                            }
                            .ok-btn {
                                color: #fff;
                            }
                            .cancel-btn {
                                background: white;
                                color: #333;
                            }
                        }
                    }
                    .info-toast {
                        position: fixed;
                        left: 50%;
                        top: 37%;
                        transform: translateX(-50%);
                        background: #222;
                        color: #fff;
                        padding: 1.2rem 2rem;
                        border-radius: 10px;
                        font-size: 1.1rem;
                        z-index: 1000;
                        opacity: 0;
                        animation: toastShow 2.5s forwards;
                    }
                    @keyframes toastShow {
                        0% { opacity: 0; }
                        10% { opacity: 1; }
                        85% { opacity: 1; }
                        100% { opacity: 0; }
                    }
                }
                // アーカイブ
                .info-archive-list {
                    @include sp-wide {
                        margin-top: 2.5rem;
                    };
                    h2 {
                        border-bottom: solid 1px;
                        padding: 0 .5rem .25rem .5rem;
                        margin-bottom: 1rem;
                        @include sp-wide {
                            font-size: 1.4rem;
                        };
                    }
                    .csr-posts-index {
                        h3 {
                            font-size: 1.2rem;
                            color: white;
                            padding: .5rem;
                            width: 94%;
                            margin: 0 auto .5rem;
                            background-color: #c7ba55;
                            @include sp-wide {
                                font-size: 1.1rem;
                            };
                        }
                        .csr-posts-wrapper {
                            width: 94%;
                            margin: .3rem auto 0;
                            .month-link {
                                &:hover {
                                    opacity: .5;
                                }
                                .arrow-btn {
                                    padding-left: 2.2rem !important;
                                    p {
                                        text-indent: -13px;
                                        line-height: 1.7rem;
                                        margin-bottom: .1rem !important;
                                        @include tab {
                                            text-indent: -11px;
                                        }
                                        @include sp {
                                            text-indent: -8px;
                                        }
                                        i {
                                            padding-right: .5rem;
                                            color: #8a813b;
                                        }
                                    }
                                }
                            }
                            .year-link {
                                border-bottom: solid 1px;
                                margin: 0 auto;
                                width: 94%;
                                border-color: #655d1e;
                                &:first-child {
                                    margin-top: .5rem;
                                }
                                &:hover {
                                    opacity: .5;
                                }
                                div {
                                    .month-link {
                                        &:last-child {
                                            margin-bottom: .8rem;
                                        }
                                    }
                                }
                            }
                        }
                        .csr-posts-index-btn {
                            .showall-btn {
                                width: 100%;
                                p {
                                    color: black;
                                }
                            }
                        }
                    }
                    // アコーディオン
                    .archive-item {
                        position: relative;
                    }
                    .archive-item.acor-menu {
                        &::after {
                            content: "";
                            width: 10px;
                            height: 10px;
                            position: absolute;
                            top: 50%;
                            margin-top: -7px;
                            right: 19px;
                            border: 0px solid transparent;
                            border-top: 2px solid #fff;
                            border-right: 2px solid #fff;
                            -webkit-transform: rotate(135deg);
                            transform: rotate(135deg);
                            border-radius: 2px;
                        }
                    }
                    .archive-item.acor-menu.opened {
                        &::after {
                            margin-top: -3px;
                            -webkit-transform: rotate(-45deg);
                            transform: rotate(-45deg);
                        }
                    }
                }
            }
        }
    }
}

// K会員,KS会員
.page-information.k_member,
.page-information.ks_member {
    .csr-newslist {
        .csr-news {
            .row {
                .article-list {
                    .news-wrapper {
                        .news-div {
                            .pnavi {
                                ul.page-numbers {
                                    li {
                                        border: 1px solid #a1db48;

                                        a {
                                            color: #a1db48;

                                            &:hover {
                                                background-color: #a1db48;
                                            }
                                        }

                                        span.page-numbers.current {
                                            background-color: #a1db48;
                                        }

                                        span.page-numbers.dots {
                                            color: #a1db48 !important;
                                        }
                                    }
                                }
                            }
                        }
                    }
                }

                .archive-list {
                    .csr-posts-index {
                        h3 {
                            background-color: #8fc755;
                        }

                        .csr-posts-wrapper {
                            .month-link {
                                .arrow-btn {
                                    p {
                                        i {
                                            color: #698a3b;
                                        }
                                    }
                                }
                            }

                            .year-link {
                                border-color: #355f29;
                            }
                        }
                    }
                }
            }
        }
    }
}

// P会員,PS会員
.page-information.p_member,
.page-information.ps_member {
    .csr-newslist {
        .csr-news {
            .row {
                .article-list {
                    .csr-posts-index {
                        .csr-posts-wrapper {
                            .year-link {
                                border-color: #355f29;
                            }
                        }
                    }

                    .news-wrapper {
                        .news-div {
                            .pnavi {
                                ul.page-numbers {
                                    li {
                                        border: 1px solid #88caef;

                                        a {
                                            color: #88caef;

                                            &:hover {
                                                background-color: #88caef;
                                            }
                                        }

                                        span.page-numbers.current {
                                            background-color: #88caef;
                                        }

                                        span.page-numbers.dots {
                                            color: #88caef !important;
                                        }
                                    }
                                }
                            }
                        }
                    }
                }

                .archive-list {
                    .csr-posts-index {
                        h3 {
                            background-color: #6eb9e5;
                        }

                        .csr-posts-wrapper {
                            .month-link {
                                .arrow-btn {
                                    p {
                                        i {
                                            color: #4a7fa5;
                                        }
                                    }
                                }
                            }

                            .year-link {
                                border-color: #2c4f68;
                            }
                        }
                    }
                }
            }
        }
    }
}

/**********************************************
*　インフォメーション詳細
***********************************************/
.single-homenews {
    .page-header {
        .breadcrumb {
            padding-left: 0;
            @include sp-wide {
                padding-left: 15px;
            }
        }
    }
    .columns {
        margin-bottom: 2.5rem;
        .container {
            .flame-body {
                margin-top: 3rem;
                margin-bottom: 0;
                .page-content-innerwrap {
                    @include tab {
                        margin-bottom: 4rem;
                    }
                    @include sp-wide {
                        margin-bottom: 2rem;
                    }
                    .page-content-div {
                        article {
                            margin-bottom: 2.5rem;
                            .info-news-bar {
                                width: 90%;
                                margin: 0 0 2rem;
                                @include sp-wide {
                                    width: 100%;
                                    margin-bottom: 1.5rem;
                                };
                                .news-date {
                                    color: #676767;
                                    @include sp {
                                        margin-right: .5rem;
                                    };
                                }
                                .news-cat {
                                    border-radius: 50px;
                                    color: white;
                                    width: 33%;
                                    font-size: .9rem;
                                    padding: .1rem .5rem;
                                    background-color: #e4e413;
                                    @include pc-wide {
                                        width: 41%;
                                    };
                                    @include pc-md {
                                        width: 49%;
                                    };
                                    @include sp {
                                        width: 68%;
                                        margin: 0 !important;
                                    };
                                    @include sp-minimun {
                                        width: 80%;
                                        margin: 0 !important;
                                    };
                                    .cat-img-div {
                                        width: 16%;
                                        text-align: center;
                                        img {
                                            width: 63%;
                                        }
                                        p {
                                            line-height: 1.5;
                                        }
                                    }
                                }
                            }
                            h1 {
                                font-size: 1.3rem;
                                margin: 1rem 0;
                                border-left: solid 5px #bd9d4d;
                            }
                            .article-detail {
                                ul {
                                    padding-left: 1.5rem;
                                    li {
                                        margin-bottom: .2rem;
                                    }
                                }
                            }
                        }
                        .back-button {
                            text-align: center;
                            button {
                                color: black;
                                padding: .3rem 0;
                                border-bottom: solid 3px #bd9d4d;
                            }
                        }
                    }
                }
            }
        }
    }
}

// K会員,KS会員
.single-homenews.k_member,
.single-homenews.ks_member {
    .columns {
        .container {
            .flame-body {
                .page-content-innerwrap {
                    .page-content-div {
                        article {
                            h1 {
                                border-color: #5da551;
                            }
                        }

                        .back-button {
                            button {
                                border-bottom: solid 3px #49843f;
                            }
                        }
                    }
                }
            }
        }
    }
}

// P会員,PS会員
.single-homenews.p_member,
.single-homenews.ps_member {
    .columns {
        .container {
            .flame-body {
                .page-content-innerwrap {
                    .page-content-div {
                        article {
                            h1 {
                                border-color: #4da0bd;
                            }
                        }

                        .back-button {
                            button {
                                border-bottom: solid 3px #2e6f92;
                            }
                        }
                    }
                }
            }
        }
    }
}

/**********************************************
*　サービス利用体験
***********************************************/
.report {
    margin: 1.5rem .5rem;
    width: calc(100% / 2 - 1rem);

    @include tab {
        width: 100%;
    }

    ;

    @include sp-wide {
        margin: 0 auto 1.5rem;
    }

    &-content {
        height: 100%;
        position: relative;
        box-shadow: 0 .1rem .5rem rgba(0, 0, 0, .10);

        @include sp-wide {
            height: auto;
            position: static;
            margin-bottom: .5rem;
        }

        &-txt {
            padding-bottom: 3rem;

            @include tab {
                padding-bottom: 5.5rem;
            }

            @include sp-wide {
                padding-bottom: 0rem;
                margin-bottom: .5rem;
            }
        }
    }

    .thoughts-txt {
        overflow: hidden;
        display: -webkit-box;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        max-height: calc(1em * 1.9 * 3);

        @include tab {
            max-height: calc(1em * 1.7 * 3);
        }

        p {
            text-align: left !important;
            margin-bottom: 0 !important;
        }

        span {
            font-size: 1rem !important;
            font-family: $font-family !important;
        }
    }

    &-imgbox {
        @include sp-wide {
            width: 25%;
            margin-right: 0 !important;
            margin-left: .5rem !important;
        }

        img {
            width: 75px;
            height: 75px;
            object-fit: contain;
            @include sp-wide {
                width: 50px;
                height: 50px;
            }
        }
    }

    &-iconbox {
        img {
            width: 10vw;
            height: 10vw;
            min-width: 75px;
            min-height: 75px;
            max-width: 100px;
            max-height: 100px;
        }
    }

    .photo_space_images {
        .glass_zoom {
            position: absolute;
            bottom: 0;
            right: 15px;
            background-color: cadetblue;
            color: white;
        }

        &+.modal_box {
            .modal_inner {
                padding: 4rem;
            }

            img {
                object-fit: contain;
                width: 100%;
                height: 100%;
            }
        }
    }

    .date-txt {
        font-size: small;
        border-bottom-color: #8DBF80;
    }

    &-txtbox {
        .cat-txt {
            font-size: small;
        }

        .service-txt {
            font-size: large;
        }
    }

    .service-user {
        font-size: small;
        border-radius: 0 0 .5rem .5rem;
        position: absolute;
        width: 100%;
        bottom: 0;

        @include sp-wide {
            position: static;
        }

        img {
            width: 40px;
        }

        &__icon {
            margin: 0 !important;
        }
    }

    &__lifesupport {
        .report-txtbox .cat-txt {
            color: #3E6242;
        }

        .service-user {
            background-color: #F4FAF0;

            .detail-txt {
                background-color: #3E6242;
            }
        }
    }

    &__csr {
        .report-txtbox .cat-txt {
            color: #3583BC;
        }

        .service-user {
            background-color: #F2FAFC;

            .detail-txt {
                background-color: #64B1EA;
            }
        }
    }

    .post-date-txt {
        font-size: small;
    }
}

/**********************************************
*　新・旧共通　社会貢献活動
***********************************************/
.csr-article {
    .page-header {
        margin-bottom: 3rem;
        @include sp-wide {
            margin-bottom: 6rem;
        };
    }
    .csr-newslist {
        .csr-news {
            article {
                @include sp-wide {
                    flex: 0 0 100%;
                    max-width: 100%;
                }
                .csr-article-date {
                    p {
                        color: #676767;
                        font-size: .95rem;
                    }
                }
                .csr-article-detail {
                    img {
                        margin-bottom: .5rem;
                    }
                    ul {
                        padding-left: 1rem;
                        li {
                            margin-bottom: .2em;
                            &:last-child {
                                margin-bottom: 0;
                            }
                        }
                    }
                }
            }
        }
    }
}
.csr-category {
    .csr-cat-content {
        margin-top: 4.7rem;
        @include tab {
            margin-top: 13.7rem;
        }
        @include sp {
            margin-top: 13.5rem;
        }
    }
}
.csr-category.user_loggedin {
    .csr-cat-content {
        margin-top: 7.7rem;
        @include tab {
            margin-top: 13.7rem;
        }
        @include sp {
            margin-top: 12rem;
        }
    }
}

/**********************************************
*　旧　社会貢献活動
***********************************************/
// 社会貢献活動共通設定
.csr{
    .new-parent{
        position: relative;
    }
    .new{
        position: absolute;
        color: red;
        z-index: 1;
        padding: 0 .5rem;
        top: 50%;
        margin-top: -30px;
        left: -8px;
        @include sp-wide{
            margin-top: -25px;
        };
    }
    .csr-title{
        font-size: 1.4rem;
        background: linear-gradient(transparent 95%, $csr-color 70%);
        letter-spacing: 0.2rem;
        padding-bottom: 0.5rem;
        line-height: 1.2;
        font-weight: bold;
        @include sp-wide{
            font-size: initial;
            padding-bottom: 0.2rem;
            line-height: 2.2;
        };
    }
    .news-div{
        &:hover{
            opacity: 0.6;
        }
    }
    .csr-paper-bg{
        background-image: url(/cms/wp-content/themes/zenkosai/assets/images/icons/csr/paper-bg.png);
        background-repeat:  no-repeat;
        background-size: cover;
    }

    .bg-lightcsr{
        background-color: lighten($csr-color,40%);
    }
    .bg-csr{
        background-color: $csr-color;
    }
    .bg-descript{
        background: linear-gradient(135deg, #ffffff 0%, #f9c963 50%, #ffcd63);
    }
    .bg-csrcat{
        background-color: lighten($csr-color,33%);
    }
    .csr-news{
        .news-wrapper{
            .news-div{
                .news-innerdiv {
                    .news-cat{
                        background-color: #EA7A40;
                        padding: .2rem .5rem;
                        margin: 1rem 0 .2rem;
                        font-size: .9rem;
                        letter-spacing: .1rem;
                    }
                    .news-title{
                        p {
                            line-height: 1.5rem;
                        }
                    }
                    .news-date {
                        p {
                            color: #676767;
                        }
                    }
                }
            }
        }
    }
    .csr-posts-index{
        h3.archive-title{
            border-bottom: 1.5px solid $csr-color;
        }
        .csr-posts-wrapper{
            .posts-index{
                p{
                    span{
                        &:after{
                            border-top-color: $csr-color;
                            border-right-color: $csr-color;
                        }
                    }
                }
            }
            .csr-posts-index-btn{
                .showall-btn{
                    border: 3px solid  $csr-color;
                    color: $csr-color;
                    @include sp-wide {
                        width: 100%;
                    };
                    &:after{
                        border-left-color:  $csr-color;
                        @include sp-wide {
                            right: 0;
                        };
                    }
                    p {
                        @include sp-wide {
                            word-break: break-all;
                            text-align: left;
                            padding-left: .5rem;
                        };
                    }
                }
            }
        }
    }
    .csr-nav{
        .csr-nav-div{
            height: 5rem;
            @include sp-wide{
                height: 4rem;
            }
        }
    }
    // 社会貢献活動一覧ページ
    &.csr-index{
        .bg-csrcat{
            a{
                color: black;
                &:hover{
                    opacity: 0.6;
                }
            }
        }
        .csr-news{
            .news-wrapper{
                .news-div{
                    .news-innerdiv{
                        @include sp-wide{
                            display: block;
                            padding: .5rem 1rem;
                        };
                        .news-imgbox {
                            padding: 0;
                        }
                        .news-txtbox{
                            padding-right: 0;
                            @include sp-wide{
                                .news-date{
                                    font-size: small;
                                }
                            }
                            .news-cat{
                                @include sp-wide{
                                    background-color: mix($csr-color,#c71d1d);
                                }
                                p{
                                    color: white;
                                    line-height: 1rem;
                                    font-weight: bold;
                                }
                            }
                        }
                        @include sp-wide {
                            .news-btn{
                                text-align: end;
                                button{
                                    text-align: end;
                                    border-radius: 5rem;
                                    white-space: normal;
                                    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
                                    margin: 1rem auto;
                                    background-color: $hoboblack;
                                    p{
                                        color: #fff;
                                        width: auto;
                                        font-weight: bold;
                                        position: relative;
                                        font-size: small;
                                        &:after{
                                            content: "";
                                            width: 10px;
                                            height: 10px;
                                            position: absolute;
                                            top: 50%;
                                            transform: translate(0, -50%);
                                            right: -0.4rem;
                                            left: auto;
                                            margin: auto;
                                            box-sizing: border-box;
                                            border: 6px solid transparent;
                                            border-left: 10px solid white;
                                        }
                                    }
                                }
                            }
                        }
                        button{
                            p{
                                position: relative;
                                &:after{
                                    position: absolute;
                                    content: '';
                                    bottom: 0%;
                                    left: -5px;
                                    width: 121%;
                                    height: 8px;
                                    border-bottom: 2px solid #9F9F9F;
                                    border-right: 3px solid #9F9F9F;
                                    -webkit-transform: skew(45deg);
                                    transform: skew(45deg);
                                    display: inline-block;
                                }
                            }
                        }
                    }
                }
            }
        }
        .csr-cats{
            .csr-cat-wrapper {
                @include sp-wide {
                    min-width: 100%;
                };
                .row {
                    @include sp-wide {
                        display: flex;
                        grid-template-columns: unset;
                        grid-gap:unset;
                    }
                    .csr-cat{
                        @include sp-wide-min{
                            .new{
                                top: -3rem;
                            }
                        }
                        @include sp-wide {
                            height: 8vh;
                            .csr-cat-inner{
                                position: relative;
                                height: 100%;
                                &:after{
                                    content: '';
                                    position: absolute;
                                    background-image: url(/cms/wp-content/themes/zenkosai/assets/images/icons/csr/csr-sp-btn.png);
                                    background-repeat:  no-repeat;
                                    background-size: contain;
                                    background-position: right;
                                    right: 1%;
                                    top: 50%;
                                    width: 20%;
                                    height: 57%;
                                    transform: translate(0, -50%);
                                }
                                p{
                                    position: unset;
                                    transform: unset;
                                    width: auto;
                                    background: unset;
                                    &:after{
                                        content: none;
                                    }
                                    &:first-letter{
                                        font-weight: normal;
                                        font-size: inherit;
                                    }
                                }
                            }
                        }
                        background: none;
                        position: relative;
                        .csr-pc-bg{
                            position: absolute;
                            left: 0;
                            top: 50%;
                            transform: translate(0, -50%);
                            width: 100px;
                            height: 100px;
                            border-radius: 50%;
                            background-color: mix($csr-color,#c71d1d);
                        }
                    }
                }
            }
        }
        .csr-downloads {
            .csr-download{
                border: 2px solid;
                border-color: $csr-color;
                .csr-download-title{
                    position: relative;
                    font-size: larger;
                    font-weight: bold;
                }
                .csr-icon-box{
                    width: 2rem;
                    max-width: 3rem;
                    @include sp-wide{
                        width: 9%;
                    }
                }
                &:hover{
                    opacity: 0.6;
                }
            }
        }
        .csr-index-child{
            .csr-cats{
                .csr-cat-wrapper{
                    .row{
                        display: block;
                    }
                }
            }
        }
    }
}

// 旧　社会貢献活動ー活動一覧ページ
.csr-activities-index {
    .page-header {
        .page-top {
            margin-bottom: -4rem;
            @include sp-wide {
                margin-bottom: 21%;
            };
            &__icon {
                @include sp-wide {
                    margin-top: 20%;
                };
                h1 {
                    span {
                        background: linear-gradient(transparent 95%, $csr-color 70%);
                        letter-spacing: 0.2rem;
                        padding-bottom: 0.5rem;
                    }
                }
            }
        }
    }
    .csr-newslist {
        .csr-news {
            .article-list {
                .news-wrapper {
                    .news-div {
                        &:first-child {
                            padding-top: 0 !important;
                        }
                        .news-innerdiv {
                            .csr-activities {
                                .news-detail {
                                    @include sp-wide {
                                        height: 14.5rem;
                                    };
                                    .article-detail {
                                        display: -webkit-flex;
                                        display: -ms-flexbox;
                                        @include sp-wide {
                                            display: block;
                                        };
                                        .article-img {
                                            width: 46%;
                                            padding-right: 1rem;
                                            @include sp-wide {
                                                width: 55%;
                                                padding-right: 0;
                                                margin: .5rem auto 0;
                                            };
                                        }
                                        .news-txt {
                                            padding: 0;
                                            width: 100%;
                                            .news-title {
                                                @include sp-wide {
                                                    margin-top: .5rem;
                                                };
                                            }
                                        }
                                    }
                                }
                                .news-link {
                                    @include sp-wide {
                                        margin-top: 0 !important;
                                    };
                                    .news-more {
                                        .news-btn {
                                            p {
                                                width: 18%;
                                                @include sp-wide {
                                                    width: 40%;
                                                };
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
            .archive-list {
                .csr-posts-index {
                    .csr-posts-wrapper {
                        margin-top: 1.3rem;
                        .year-link {
                            &:first-child {
                                padding-top: 0 !important;
                            }
                        }
                        .csr-posts-index-btn {
                            .showall-btn {
                                width: 100%;
                                p {
                                    line-height: 1.6rem;
                                    br {
                                        display: none;
                                        @include pc-md {
                                            display: block;
                                        };
                                        @include sp-wide {
                                            display: none;
                                        };
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}

// 旧　社会貢献活動ー活動詳細ページ
.csr-article {
    .page-header {
        margin-bottom: 3rem;
        @include sp-wide {
            margin-bottom: 6rem;
        };
    }
    .csr-newslist {
        .csr-news {
            article {
                @include sp-wide {
                    flex: 0 0 100%;
                    max-width: 100%;
                }
                .csr-article-date {
                    p {
                        color: #676767;
                        font-size: .95rem;
                    }
                }
                .csr-article-detail {
                    img {
                        margin-bottom: .5rem;
                    }
                    ul {
                        padding-left: 1rem;
                        li {
                            margin-bottom: .2em;
                            &:last-child {
                                margin-bottom: 0;
                            }
                        }
                    }
                }
            }
        }
    }
}

/**********************************************
*　新　社会貢献活動
***********************************************/
#new-csr {
    // 新　社会貢献活動共通設定
    .sp-br {
        display: none;
        @include sp-wide {
            display: block;
        }
    }
    .csr{
        .csr-tit {
            padding: .5rem .75rem;
            color: white;
            h2 {
                font-size: 1.2rem;
            }
            &.acor-menu {
                box-shadow: $back-shadow;
                cursor: pointer;
                &.opened {
                    box-shadow: none;
                    color: black;
                }
            }
            &.activities,&.activities-list {
                font-size: 1.3rem;
            }
            &.activities {
                border-bottom: solid 3px #EB6868;
                padding-bottom: .5rem;
                margin-bottom: .5rem;
                color: #EB6868;
            }
            &.activities-list {
                background-color: #E3703D;
                img {
                    width: 2rem;
                }
                span {
                    position: relative;
                    top: .15rem;
                }
            }
            &.report {
                background-color: #ED86A5;
                margin: 0;
                border-left: solid 5px #ED5180;
                &.opened {
                    background-color: #FADEE7;
                }
            }
            &.page-link_list {
                background-color: white;
                border-left: solid 5px #FFB177;
                color: black;
                margin: 0;
                &.opened {
                    background-color: #FFF4E0;
                }
            }
            &.overseas_edu_tit {
                border-left: solid 5px #A3D06E;
                h2 {
                    color: #546d37;
                }
                &:before {
                    color: #455832;
                }
                &:after {
                    background-color: #455832;
                }
                &.opened {
                    background-color: #F5FDEB;
                    &:before {
                        color: #455832;
                    }
                    &:after {
                        background-color: #455832;
                    }
                }
            }
            &.mottainai_pro__tit {
                border-left: solid 5px #6E94D0;
                h2 {
                    color: #2E649B;
                }
                &:before {
                    color: #324258;
                }
                &:after {
                    background-color: #324258;
                }
                &.opened {
                    background-color: #EBF5FD;
                    &:before {
                        color: #324258;
                    }
                    &:after {
                        background-color: #324258;
                    }
                }
            }
            &.volunteer_tit {
                border-left: solid 5px #D0946E;
                h2 {
                    color: #9B692E;
                }
                &:before {
                    color: #584932;
                }
                &:after {
                    background-color: #584932;
                }
                &.opened {
                    background-color: #FDF6EB;
                    &:before {
                        color: #584932;
                    }
                    &:after {
                        background-color: #584932;
                    }
                }
            }
            &.support_pro__tit {
                border-left: solid 5px #EA85A4;
                h2 {
                    color: #B7456D;
                }
                &:before {
                    color: #583255;
                }
                &:after {
                    background-color: #583255;
                }
                &.opened {
                    background-color: #FDEBF3;
                    &:before {
                        color: #583255;
                    }
                    &:after {
                        background-color: #583255;
                    }
                }
            }
        }
        .social-contribution-list {
            margin: 0 0 .5rem;
            @include sp-wide {
                padding: 0;
            }
            &.acor-content {
                .acor-menu ,
                .acor-menu-child {
                    margin: 0 auto;
                }
            }
        }
        .pick-up_content {
            margin-top: 2rem;
            @include sp-wide {
                margin-bottom: 2.5rem;
            }
        }
        .report-content {
            box-shadow: none;
            .acor-menu {
                &:before {
                    color: white;
                }
                &:after {
                    background-color: white;
                    color: #ed86a5;
                }
            }
        }
        .activities-content {
            .acor-menu-child {
                margin-bottom: 0;
            }
            &.overseas_edu-content {
                .acor-menu-child {
                    background-color: #FCFFFA;
                    .acor-subtit {
                        border-color: #A3D06E;
                        color: #566F3D;
                    }
                    .content-body__item {
                        @include sp-wide {
                            border-color: #DAE5C9;
                        }
                    }
                }
            }
            &.mottainai_pro-content {
                .acor-menu-child {
                    background-color: #FAFCFF;
                    .acor-subtit {
                        border-color: #6E94D0;
                        color: #363F4B;
                    }
                    .content-body__item {
                        @include sp-wide {
                            border-color: #C9DDE5;
                        }
                    }
                }
            }
            &.volunteer-content {
                .acor-menu-child {
                    background-color: #FFFDFA;
                    .acor-subtit {
                        border-color: #D0946E;
                        color: #6F5C3D;
                    }
                    .content-body__item {
                        @include sp-wide {
                            border-color: #E5E4C9;
                        }
                    }
                }
            }
            &.support_pro-content {
                .acor-menu-child {
                    background-color: #FFFAFC;
                    .acor-subtit {
                        border-color: #EA85A4;
                        color: #9B2E58;
                    }
                    .content-body__item {
                        @include sp-wide {
                            border-color: #E5C9D8;
                        }
                    }
                }
            }
        }
        .social-contribution_menu {
            .acor-menu-child {
                background-color: #FFFCF7;
                padding-top: 0;
            }
            .content-body {
                @include sp-wide {
                    padding-top: 1rem;
                }
                &__item {
                    padding: 0 .5rem;
                    @include sp-wide {
                        margin-bottom: .75rem;
                    }
                    p {
                        border: solid 1px #F5BF70;
                        border-radius: 3px;
                        box-shadow: 0 3px 0 0 #F5BF70;
                        padding: .75rem 1rem;
                        margin: 1rem auto;
                        background-color: white;
                        i {
                            color: #F5BF70;
                        }
                        @include sp-wide {
                            height: 7.5vh;
                            padding: .25rem 1rem;
                            line-height: 1.5rem;
                            margin-top: 0;
                        }
                        &:hover {
                            box-shadow: none;
                            transition-duration: .2s;
                            cursor: pointer;
                        }
                    }
                }
            }
        }
        .activities-content {
            .content-body__item {
                margin: 1rem 0;
                @include sp-wide {
                    border-bottom: solid 1px #e0e0e0;
                    padding-bottom: 2rem;
                }
                &:last-child {
                    @include sp-wide {
                        border-bottom: 0;
                        padding-bottom: 0;
                    }
                }
            }
        }
        .sdgs-content {
            &__detail {
                display: flex;
                display: -webkit-flex;
                display: -ms-flexbox;
                flex-wrap: wrap;
                -ms-flex-wrap : wrap;
                -webkit-flex-wrap : wrap;
                justify-content: space-between;    
                -webkit-justify-content: space-between;
                align-items: center;
                @include sp-wide {
                    display: block;
                }
                &__img {
                    width: 20%;
                    @include sp-wide {
                        width: 35%;
                        margin: 0 auto;
                    }
                }
                &__about {
                    @include sp-wide {
                        margin-top: 1rem;
                        margin-bottom: 0rem;
                    }
                }
            }
            .popup {
                position: fixed;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                z-index: 10000;
                opacity: 0;
                visibility: hidden;
                transition: .6s;
            }
            .popup.is-show {
                opacity: 1;
                visibility: visible;
            }
            .popup-inner {
                position: absolute;
                left: 50%;
                top: 50%;
                transform: translate(-50%,-50%);
                width: 80%;
                max-width: 600px;
                padding: 50px;
                background-color: #fff;
                z-index: 2;
                max-height: 90vh;
                overflow: auto;
                @include sp {
                    width: 90%;
                    max-width: 100%;
                    padding: 1rem;
                }
                @include sp-wide {
                    background-color: transparent;
                }
                img {
                    width: 100%;
                }
                .open-content {
                    &__title {
                        font-size: 1.2rem;
                        margin-bottom: 1rem;
                    }
                    &__img {
                        margin: 0 auto;
                        width: 74%;
                    }
                    &__detail {
                        margin-top: 1rem;
                    }
                }
            }
            .close-btn {
                text-align: center;
                cursor: pointer;
                color: #2C4B79;
                background-color:white;
                border: solid 1px #2C4B79;
                box-shadow: .5rem 1rem 1.5rem rgba(0, 0, 0, 0.15);
                padding: .25rem 2rem;
                border-radius: 50px;
                margin-top: 2rem;
                &:hover {
                    color: white;
                    background-color: #2C4B79;
                    border: solid 1px transparent;
                    box-shadow: none;
                    transition: .2s;
                    opacity: 1;
                }
                @include sp-wide {
                    box-shadow: .25rem .25rem .5rem rgba(0, 0, 0, .15);
                }
            }
            .close-btn i {
                font-size: 20px;
                color: #333;
            }
            .black-background {
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                background-image: url(/cms/wp-content/themes/zenkosai/assets/images/social-contributiion/sdgs-certificate_bg.jpg);
                background-repeat: no-repeat;
                background-size: cover;
                background-position: center;
                z-index: 1;
                cursor: pointer;
                @include sp-wide {
                    background-position: unset;
                }
            }
            #js-show-popup {
                padding: 0;
            }

        }
        .acor-menu {
            position: relative;
            cursor: pointer;
            display: inline-flex;
            align-items: center;
            &:before,&:after {
                font-size: 1rem;
            }
            &:before {
                content: "\958b\304f";
                right: 2.5rem;
                color: #6e3f00;
                position: absolute;
            }
            &:after {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                content: "\2b";
                font-family: "Font Awesome 6 Free";
                background-color: #6e3f00;
                border-radius: 50%;
                color: white;
                width: 20px;
                height: 20px;
                right: 1rem;
                margin: auto;
                transition-duration: .3s;
                font-weight: 900;
                color: white;
            }
            &.opened {
                &:after {
                    content: "\f068";
                    background-color: #6e3f00;
                    color: white;
                }
                &:before {
                    content: "\9589\3058\308B";
                    color: #6e3f00;
                }
            }
        }
        .acor-menu-child {
            padding: 0 .75rem;
            margin: .5rem auto 3rem;
            &.opened {
                display: block;
            }
            .content-body {
                &__item {
                    .acor-subtit {
                        text-align: left !important;
                        font-size: 1.1rem !important;
                        padding-left: .5rem;
                        margin-bottom: .5rem;
                        margin-left: 0;
                        color: #73460A;
                        border-left: solid 4px #FFBC61;
                        &.report {
                            color: #DD6060;
                            border-left: solid 4px #DD6060;
                        }
                    }
                    &__list {
                        border-bottom: solid 1px #e0e0e0;
                        margin: 0 0 1.5rem;
                        padding-bottom: 1.5rem;
                        &.report {
                            width: 100%;
                            .content-body__item__list__link {
                                @include sp-wide {
                                    display: flex;
                                }
                                a {
                                    color: #F99292;
                                    border: solid 1px #F99292;
                                    box-shadow: 0 3px 0 0 #F99292;
                                    height: 9vh;
                                    @include sp-wide {
                                        width: calc(100% / 2 - .5rem);
                                        margin: .25rem;
                                        padding: .5rem .75rem;
                                        height: 85%;
                                    }
                                    &:hover {
                                        box-shadow: none;
                                        transition-duration: .2s;
                                        opacity: .8;
                                    }
                                    i {
                                        color: #F99292;
                                    }
                                    p {
                                        @include sp-wide {
                                            line-height: 1.5rem;
                                        }
                                    }
                                }
                            }
                        }
                        &__about {
                            p {
                                margin-bottom: 0;
                            }
                        }
                        &__link {
                            display: flex;
                            align-items: center;
                            @include pc-md {
                                margin-top: 1rem;
                            }
                            @include sp-wide {
                                display: block;
                            }
                            a {
                                width: calc(100% / 2 - .5rem);
                                margin: 0 .25rem;
                                border-radius: 3px;
                                height: 100%;
                                display: flex;
                                align-items: center;
                                padding: 0 1rem;
                                i {
                                    font-size: 1.5rem;
                                }
                                @include pc-md {
                                    padding: 1rem;
                                }
                                @include sp-wide {
                                    width: 100%;
                                    height: auto;
                                    margin: .75rem 0;
                                }
                            }
                        }
                    }
                }
            }
        }
        .acor-menu-child__no-bottom {
            margin: 0 auto 3rem;
            padding: 0 1.5rem 1rem;
        }
        .new-parent{
            position: relative;
        }
        .new{
            color: red;
            position: unset;
            margin-top: 0;
            padding-left: 0;
        }
        .csr-title{
            font-size: 1.4rem;
            background: linear-gradient(transparent 95%, $csr-color 70%);
            letter-spacing: 0.2rem;
            padding-bottom: 0.5rem;
            line-height: 1.2;
            font-weight: bold;
            @include sp-wide{
                font-size: initial;
                padding-bottom: 0.2rem;
                line-height: 2.2;
            };
        }
        .news-div{
            &:hover{
                opacity: 0.6;
            }
        }
        .csr-paper-bg{
            background-image: url(/cms/wp-content/themes/zenkosai/assets/images/icons/csr/paper-bg.png);
            background-repeat:  no-repeat;
            background-size: cover;
        }

        .bg-lightcsr{
            background-color: lighten($csr-color,40%);
        }
        .bg-csr{
            background-color: $csr-color;
        }
        .bg-descript{
            background: linear-gradient(135deg, #ffffff 0%, #f9c963 50%, #ffcd63);
        }
        .bg-csrcat{
            background-color: lighten($csr-color,33%);
        }
        .csr-posts-index{
            h3.archive-title{
                border-bottom: 1.5px solid $csr-color;
            }
            .csr-posts-wrapper{
                .posts-index{
                    p{
                        span{
                            &:after{
                                border-top-color: $csr-color;
                                border-right-color: $csr-color;
                            }
                        }
                    }
                }
                .csr-posts-index-btn{
                    .showall-btn{
                        border: 3px solid  $csr-color;
                        color: $csr-color;
                        @include sp-wide {
                            width: 100%;
                        };
                        &:after{
                            border-left-color:  $csr-color;
                            @include sp-wide {
                                right: 0;
                            };
                        }
                        p {
                            @include sp-wide {
                                word-break: break-all;
                                text-align: left;
                                padding-left: .5rem;
                            };
                        }
                    }
                }
            }
        }
        .csr-nav{
            .csr-nav-div{
                height: 5rem;
                @include sp-wide{
                    height: 4rem;
                }
            }
        }
        // 社会貢献活動一覧ページ
        &.csr-index{
            .bg-csrcat{
                a{
                    color: black;
                    &:hover{
                        opacity: 0.6;
                    }
                }
            }
            .csr-news{
                .news-wrapper{
                    .news-div{
                        .news-innerdiv{
                            @include sp-wide{
                                display: block;
                                padding: .5rem 1rem;
                            };
                            .news-cat {
                                @include sp-wide{
                                    top: -1rem;
                                }
                            }
                            .news-txtbox{
                                @include sp-wide{
                                    .news-date{
                                        font-size: small;
                                    }
                                }
                                .news-cat{
                                    @include sp-wide{
                                        background-color: mix($csr-color,#c71d1d);
                                    }
                                    p{
                                        color: white;
                                        line-height: 1rem;
                                        font-weight: bold;
                                    }
                                }
                            }
                            @include sp-wide {
                                .news-btn{
                                    text-align: end;
                                    button{
                                        text-align: end;
                                        border-radius: 5rem;
                                        white-space: normal;
                                        box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
                                        margin: 1rem auto;
                                        background-color: $hoboblack;
                                        p{
                                            color: #fff;
                                            width: auto;
                                            font-weight: bold;
                                            position: relative;
                                            font-size: small;
                                            &:after{
                                                content: "";
                                                width: 10px;
                                                height: 10px;
                                                position: absolute;
                                                top: 50%;
                                                transform: translate(0, -50%);
                                                right: -0.4rem;
                                                left: auto;
                                                margin: auto;
                                                box-sizing: border-box;
                                                border: 6px solid transparent;
                                                border-left: 10px solid white;
                                            }
                                        }
                                    }
                                }
                            }
                            button{
                                p{
                                    position: relative;
                                    &:after{
                                        position: absolute;
                                        content: '';
                                        bottom: 0%;
                                        left: -5px;
                                        width: 121%;
                                        height: 8px;
                                        border-bottom: 2px solid #9F9F9F;
                                        border-right: 3px solid #9F9F9F;
                                        -webkit-transform: skew(45deg);
                                        transform: skew(45deg);
                                        display: inline-block;
                                    }
                                }
                            }
                        }
                    }
                }
            }
            .csr-cats{
                .csr-cat-wrapper {
                    // @include tab {
                    //     min-width: 768px;
                    // };
                    @include sp-wide {
                        min-width: 100%;
                    };
                    .row {
                        @include sp-wide {
                            display: flex;
                            grid-template-columns: unset;
                            grid-gap:unset;
                        }
                        .csr-cat{
                            @include sp-wide-min{
                                .new{
                                    top: -3rem;
                                }
                            }
                            @include sp-wide {
                                height: 8vh;
                                .csr-cat-inner{
                                    position: relative;
                                    height: 100%;
                                    &:after{
                                        content: '';
                                        position: absolute;
                                        background-image: url(/cms/wp-content/themes/zenkosai/assets/images/icons/csr/csr-sp-btn.png);
                                        background-repeat:  no-repeat;
                                        background-size: contain;
                                        background-position: right;
                                        right: 1%;
                                        top: 50%;
                                        width: 20%;
                                        height: 57%;
                                        transform: translate(0, -50%);
                                    }
                                    p{
                                        position: unset;
                                        transform: unset;
                                        width: auto;
                                        background: unset;
                                        &:after{
                                            content: none;
                                        }
                                        &:first-letter{
                                            font-weight: normal;
                                            font-size: inherit;
                                        }
                                    }
                                }
                            }
                            background: none;
                            position: relative;
                            .csr-pc-bg{
                                position: absolute;
                                left: 0;
                                top: 50%;
                                transform: translate(0, -50%);
                                width: 100px;
                                height: 100px;
                                border-radius: 50%;
                                background-color: mix($csr-color,#c71d1d);
                            }
                        }
                    }
                }
            }
            .csr-downloads {
                .csr-download{
                    border: 2px solid;
                    border-color: $csr-color;
                    .csr-download-title{
                        position: relative;
                        font-size: larger;
                        font-weight: bold;
                    }
                    .csr-icon-box{
                        width: 2rem;
                        max-width: 3rem;
                        @include sp-wide{
                            width: 9%;
                        }
                    }
                    &:hover{
                        opacity: 0.6;
                    }
                }
            }
            .csr-index-child{
                .csr-cats{
                    .csr-cat-wrapper{
                        .row{
                            display: block;
                        }
                    }
                }
            }
        }
        // 社会貢献活動詳細ページ
        &.csr-category{
            div {
                .csr-description {
                    padding-top: 1.5rem !important;
                    &.container-fluid {
                        padding-right: 0 !important;
                        padding-left: 0 !important;
                    }
                    h3 {
                        text-align: center;
                        font-weight: bold;
                        letter-spacing: 0.2rem;
                        padding-bottom: 0.5rem;
                        line-height: 1.2;
                        text-shadow: 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff;
                    }
                    .container {
                        width: 84%;
                        padding-bottom: 1rem;
                        @include tab {
                            width: 100%;
                            padding: 0 0 1rem 0;
                        };
                    }
                    .csr-cat-wrapper {
                        display: -webkit-flex;
                        display: -ms-flexbox;
                        -ms-flex-wrap : wrap;
                        -webkit-flex-wrap : wrap;
                        justify-content: space-between;    
                        -webkit-justify-content: space-between;
                        align-items: center;
                        @include tab {
                            display: block;
                        };
                        .csr-page_about {
                            p {
                                margin-bottom: 0;
                            }
                        }
                    }
                }
                .bg-descript {
                    background-image: url(/cms/wp-content/themes/zenkosai/assets/images/social-contributiion/social-contribution_bg_pc.jpg);
                    padding: 2rem 0;
                    background-repeat: no-repeat;
                    background-size: 100%;
                    background-position: center;
                    @include tab {
                        background-image: url(/cms/wp-content/themes/zenkosai/assets/images/social-contributiion/social-contribution_bg_sp.jpg);
                    }
                }
            }
            .csr-newslist {
                -webkit-box-shadow: 1px 2px 3px #dadada;
                -moz-box-shadow: 1px 2px 3px #dadada;
                padding-bottom: .5rem;
                position: relative;
                z-index: 1;
                .csr-news{
                    margin-top: 2rem;
                    margin-bottom: 2rem;
                    @include tab {
                        margin-bottom: 0;
                        padding-bottom: 0 !important;
                    };
                    @include sp-wide {
                        margin-top: 1rem;
                    };
                    .news-wrapper{
                        .news-div{
                            border-bottom: solid 1px silver;
                            padding: 1rem 1rem 3rem;
                            @include sp-wide {
                                padding: 1rem .5rem 3rem;
                            };
                            &:last-child {
                                border-bottom: 0;
                            }
                            a {
                                &:hover {
                                    opacity: 1;
                                }
                                &:active {
                                    opacity: 1;
                                }
                                .news-innerdiv {
                                    .content-wrapper {
                                        .news-detail {
                                            height: 9.5rem;
                                            position: relative;
                                            z-index: 0;
                                            overflow: hidden;
                                            @include sp-wide {
                                                height: 11.5rem;
                                            };
                                            .news-date {
                                                color: #676767;
                                                font-size: .95rem;
                                            }
                                            .news-title {
                                                margin-bottom: .5rem;
                                                font-size: 1.2rem;
                                                letter-spacing: .05rem;
                                                p {
                                                    line-height: 1.7rem;
                                                    color: $csr-color;
                                                }
                                            }
                                        }
                                        .news-link {
                                            position: relative;
                                            z-index: 1;
                                            .news-more {
                                                position: absolute;
                                                width: 100%;
                                                bottom: -1.5rem;
                                                .news-txt_bg {
                                                    width: 100%;
                                                    padding: 2.5rem;
                                                    background: linear-gradient(0deg, #fff 0%, rgba(255,255,255,0) 56%, transparent 100%);
                                                }
                                                .news-btn {
                                                    padding: 0;
                                                    width: 100%;
                                                    background-color: white;
                                                    p {
                                                        background-color: white;
                                                        border: solid 1px #8d8d8d;
                                                        margin: 0 auto;
                                                        width: 13%;
                                                        border-radius: 50px;
                                                        font-size: .85rem;
                                                        @include tab {
                                                            width: 25%;
                                                        };
                                                        @include sp-wide {
                                                            width: 75%;
                                                        };
                                                    }
                                                }
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
            .csr-detail {
                -webkit-box-shadow: 1px 2px 3px #dadada;
                -moz-box-shadow: 1px 2px 3px #dadada;
                padding-bottom: .5rem;
                position: relative;
                z-index: 1;
                margin-top: 2.5rem;
                .csr-free-contants {
                    margin-bottom: 2.5rem;
                    display: flow-root;
                    &:last-child {
                        margin-bottom: 0;
                    }
                    .csr-free-wrapper {
                        h6 {
                            line-height: 1.6rem;
                            margin-bottom: 0;
                        }
                        ul {
                            transform: rotate(0.05deg);
                            padding-left: 1.5rem;
                            li {
                                margin-bottom: .3em;
                            }
                        }
                        .charity-amount {
                            position: relative;
                            top: 1.5rem;
                            @include sp-wide {
                                position: static;
                            }
                            p {
                                line-height: 2.1rem;
                            }
                            .charity-amount-txt {
                                font-size: 1.2rem;
                            }
                            .charity-amount-number {
                                font-size: 1.2rem;
                                .donation-amount {
                                    font-size: 1.7rem;
                                    padding-right: 0.25rem;
                                }
                            }
                            .charity-update {
                                line-height: 1.6rem;
                                font-size: 1rem;
                                color: #339966;
                            }
                        }
                    }
                }
            }
            .csr-detail.child-category {
                box-shadow: none;
                margin: 0 auto;
                width: 85%;
                padding: 2rem 0 1rem;
                @include sp-wide {
                    width: 90%;
                }
            }
            .activity-report {
                padding: 3rem 0 2.5rem;
                position: relative;
                z-index: 0;
                .csr-posts-index {
                    width: 78%;
                    margin: 0 auto;
                    h3 {
                        margin-bottom: 2rem;
                    }
                    .csr-posts-wrapper {
                        .row {
                            margin: 0;
                            div {
                                @include sp-wide {
                                    padding: 0;
                                };
                                .arrow-btn {
                                    margin-bottom: 1rem;
                                }
                            }
                        }
                    }
                }
            }
            .social-nav {
                -webkit-box-shadow: 1px -2px 3px #dadada;
                -moz-box-shadow: 1px -2px 3px #dadada;
                position: relative;
                z-index: 1;
                .page-content-wrapper {
                    .csr-cats {
                        padding-top: 1.5rem;
                        padding-bottom: 1.5rem;
                        background-image: url(/cms/wp-content/themes/zenkosai/assets/images/icons/csr/paper-bg.png);
                        margin-bottom: 0;
                        .page-content-div {
                            h3 {
                                text-align: left;
                                margin: 0 auto;
                            }
                            .csr-list {
                                margin-top: 1.5rem;
                                @include pc-md {
                                    width: 100%;
                                }
                                .csr-cat-wrapper {
                                    .csr-cat-name {
                                        justify-content: flex-start;    
                                        -webkit-justify-content: flex-start;
                                        .csr-cat {
                                            padding: 0;
                                            margin: 0.5rem !important;
                                            width: calc(100% / 3 - 1rem) !important;
                                            border-radius: 5px;
                                            @include tab {
                                                width: calc(100% / 2 - 1rem) !important;
                                            }
                                            @include sp-wide() {
                                                width: 100% !important;
                                            }
                                            a {
                                                display: -webkit-flex;
                                                display: -ms-flexbox;
                                                -ms-flex-wrap : wrap;
                                                -webkit-flex-wrap : wrap;
                                                align-items: center;
                                                width: 100%;
                                            }
                                            .csr-cat-img {
                                                width: 50px;
                                                height: 50px;
                                                margin-right: 0.75rem;

                                                img {
                                                    width: 50px;
                                                    height: 50px;
                                                    object-fit: cover;
                                                    border-radius: 5px 0 0 5px;
                                                }
                                            }
                                            .csr-next_link {
                                                width: 13%;
                                                @include sp-wide() {
                                                    width: 9%;
                                                }
                                                svg {
                                                    border-radius: 0 0 5px 0;
                                                }
                                            }
                                            .csr-cat-inner {
                                                width: 67%;
                                                p {
                                                    line-height: 1.5rem;
                                                    padding: 0.25rem 0;
                                                }
                                            }
                                            &::before {
                                                content: none;
                                            }
                                        }
                                        .dont-waste {
                                            a {
                                                .csr-next_link {
                                                    svg {
                                                        g {
                                                            path {
                                                                fill: #7EB8DB;
                                                            }
                                                        }
                                                    }
                                                }
                                            }
                                        }
                                        .csr-activities {
                                            a {
                                                .csr-next_link {
                                                    svg {
                                                        g {
                                                            path {
                                                                fill: #ED7FBC;
                                                            }
                                                        }
                                                    }
                                                }
                                            }
                                        }
                                        .fund-raising {
                                            a {
                                                .csr-next_link {
                                                    svg {
                                                        g {
                                                            path {
                                                                fill: #005BAC;
                                                            }
                                                        }
                                                    }
                                                }
                                            }
                                        }
                                        .storks {
                                            a {
                                                .csr-next_link {
                                                    svg {
                                                        g {
                                                            path {
                                                                fill: #005634;
                                                            }
                                                        }
                                                    }
                                                }
                                            }
                                        }
                                        .victorina {
                                            a {
                                                .csr-next_link {
                                                    svg {
                                                        g {
                                                            path {
                                                                fill: #e9538e;
                                                            }
                                                        }
                                                    }
                                                }
                                            }
                                        }
                                        .epic-exe {
                                            a {
                                                .csr-next_link {
                                                    svg {
                                                        g {
                                                            path {
                                                                fill: #6eae48;
                                                            }
                                                        }
                                                    }
                                                }
                                            }
                                        }
                                        .epic-academy {
                                            a {
                                                .csr-next_link {
                                                    svg {
                                                        g {
                                                            path {
                                                                fill: #72bb2a;
                                                            }
                                                        }
                                                    }
                                                }
                                            }
                                        }
                                        .sdd {
                                            a {
                                                .csr-next_link {
                                                    svg {
                                                        g {
                                                            path {
                                                                fill: #f8da00;
                                                            }
                                                        }
                                                    }
                                                }
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
        &.csr-category.user_loggedin {
            margin-top: 9.5%;
            div {
                .csr-description  {
                    margin-top: 0 !important;
                }
            }
        }
        // 社会貢献活動ー活動詳細ページ
        &.csr-article{
            .csr-article-title{
                line-height: 1.7rem;
                color: $csr-color;
            }
            .back-btn{
                border: 2px solid $csr-color;
                &:hover{
                    opacity: 0.6;
                    a{
                        text-decoration: none;
                    }
                }
            }
        }
    }
    .csr-category {
        .csr-cat-content {
            .csr-description {
                div {
                    h3 {
                        padding-top: 3rem;
                    }
                }
            }
        }
    }
    .csr-category.user_loggedin {
        .csr-cat-content {
            .csr-description {
                margin-top: 5rem !important;
                @include sp-wide {
                    margin-top: 9rem !important;
                }
            }
        }
    }
    // 新　社会貢献活動
    .csr-index {
        .page-header {
            .container {
                position: relative;
                z-index: 2;
            }
            .page-top {
                z-index: 1;
                background-image: url(/cms/wp-content/themes/zenkosai/assets/images/social-contributiion/social-contribution_bg_pc.jpg);
                padding: 4rem 0;
                background-repeat: no-repeat;
                background-size: cover;
                background-position: center;
                @include tab {
                    background-image: url(/cms/wp-content/themes/zenkosai/assets/images/social-contributiion/social-contribution_bg_sp.jpg);
                    margin-bottom: 0;
                    padding: 3.5rem 0 3rem;
                }
                &__back {
                    position: relative;
                    z-index: 1;
                }
                &__icon {
                    width: 100%;
                    z-index: 2;
                    position: unset;
                    background: linear-gradient(90deg, rgba(255, 255, 255, .75) 20%, rgba(255, 255, 255, .75) 70%, rgba(255, 173, 0, 0) 100%);
                    -webkit-justify-content: start;
                    h1 {
                        line-height: 2.2rem;
                        padding: 0.5rem 0;
                        text-shadow: 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff;
                        color: #6E3F00;
                        text-align: left;
                        font-size: 1.8rem;
                        span {
                            display: block;
                            font-size: 1.2rem;
                        }
                    }
                }
                &__icon.csr-category.child {
                    background: none;
                    display: block;
                    h1 {
                        text-align: center;
                    }
                }
            }
            .page-top.child-category__header {
                margin-bottom: 0;
            }
        }
        .page-content-wrapper {
            padding-bottom: 0;
            padding-top: 0;
            .page-content-innerwrap {
                .page-content-div {
                    padding-top: 1.5rem;
                    padding-bottom: 1.5rem;
                    h3 {
                        letter-spacing: .1rem;
                        text-align: center;
                        font-size: 1.4rem;
                        @include sp-wide {
                            font-size: 1.3rem;
                        };
                    }
                    .container {
                        .sdgs-txt {
                            .sdgs {
                                width: 68%;
                                margin: 0 auto;
                                @include sp-wide {
                                    width: 100%;
                                    margin-bottom: 1rem;
                                };
                            }
                        }
                    }
                }
            }
            .csr-news {
                background-color: white;
                position: relative;
                z-index: 1;
                h3 {
                    font-size: 1.8rem;
                }
                .news-wrapper {
                    margin-top: 0 !important;
                    .slick-list {
                        .slick-track {
                            padding: 0 0 1rem;
                            @include sp-wide {
                                padding-top: 0;
                            };
                            .news-innerdiv {
                                position: relative;
                                margin: .25rem;
                                padding: .5rem;
                                height: 90%;
                                box-shadow: .1rem .4rem .4rem rgba(0, 0, 0, 0.15);
                                @include sp-wide {
                                    display: flex;
                                };
                            }
                        }
                    }
                    .slick-dots {
                        li {
                            margin: auto .4rem;
                            button {
                                &::before {
                                    font-size: .9rem;
                                }
                            }
                        }
                    }
                }
                .slick-slider {
                    @include sp-wide {
                        padding: 0;
                    };
                    .slide-arrow.slick-arrow {
                        width: 1.2rem !important;
                        top: 94%;
                        @include sp-wide {
                            top: 92%;
                        };
                    }
                    .slide-arrow.slick-arrow.prev-arrow {
                        left: 38%;
                        @include sp-wide{
                            left: 15%;
                        };
                    }
                    .slide-arrow.slick-arrow.next-arrow {
                        right: 38%;
                        @include sp-wide{
                            right: 15%;
                        };
                    }
                }
            }
            .csr-cats {
                padding: 1rem 0;
                background-color: #FFF6E7;
                margin-bottom: 3rem;
                .page-content-div {
                    .csr-about {
                        text-align: center;
                        margin-bottom: 1rem;
                        @include sp-wide{
                            margin-top: 0;
                            margin-bottom: 1.5rem;
                            text-align: left;
                            line-height: 1.7rem;
                            font-size: .95rem;
                        };
                    }
                    .csr-list {
                        margin-top: 1.5rem;
                        margin-bottom: 0;
                        .csr-cat-wrapper {
                            padding: 0;
                            .csr-cat-name {
                                width: 100%;
                                display: -webkit-flex;
                                display: -ms-flexbox;
                                -ms-flex-wrap: wrap;
                                -webkit-flex-wrap: wrap;
                                justify-content: space-between;    
                                -webkit-justify-content: space-between;
                                .csr-cat {
                                    background-color: white;
                                    margin: 0.5rem auto 2rem;
                                    width: calc(85% / 3);
                                    position: relative;
                                    box-shadow: 1rem 1.5rem 1.5rem rgba(0, 0, 0, 0.15);
                                    border-radius: 0;
                                    @include tab {
                                        width: calc(85% / 2);
                                    }
                                    @include sp-wide {
                                        width: calc(100% / 2 - 1rem);
                                        margin: .5rem;
                                    };
                                    &::before, &::after {
                                        content: none;
                                    }
                                    &:hover {
                                        box-shadow: none;
                                        transition: .2s;
                                    }
                                    &:active {
                                        box-shadow: none;
                                        -webkit-transition: all .3s;
                                    }
                                    .csr-cat-inner {
                                        display: -webkit-flex;
                                        display: -ms-flexbox;
                                        height: 100%;
                                        justify-content: space-between;    
                                        -webkit-justify-content: space-between;
                                        flex-direction: column;
                                        h4 {
                                            font-size: 1.3rem;
                                            text-align: center;
                                            padding: 0.25rem 0;
                                            line-height: 2rem;
                                            color: white;
                                            font-family: 'Sawarabi Mincho', sans-serif;
                                            letter-spacing: .1rem;
                                            text-shadow: 2px 2px 5px rgba(0, 0, 0, .5);
                                            margin-bottom: .5rem;
                                            @include sp-wide {
                                                font-size: 1.1rem;
                                                padding: .1rem 0;
                                                line-height: 1.5rem;
                                            };
                                        }
                                        .sub-title {
                                            font-size: .8rem;
                                            text-align: center;
                                            margin-bottom: 0.5rem;
                                            letter-spacing: .1rem;
                                            font-family: 'Sawarabi Mincho', sans-serif;
                                            @include sp-wide {
                                                font-size: .75rem;
                                            };
                                        }
                                        .csr-cat-inner {
                                            display: contents;
                                        }
                                    }
                                    .csr-next_link {
                                        position: absolute;
                                        right: 0;
                                        bottom: 0;
                                        width: 20%;
                                    }
                                }
                                .car-donation {
                                    h4 {
                                        background-color: #F17E8D;
                                    }
                                    .sub-title {
                                        color: #F17E8D;
                                    }
                                    .csr-next_link {
                                        svg {
                                            g {
                                                path {
                                                    fill: #F17E8D;
                                                }
                                            }
                                        }
                                    }
                                }
                                .prime-fund {
                                    h4 {
                                        background-color: #54C3F1;
                                    }
                                    .sub-title {
                                        color: #54C3F1;
                                    }
                                    .csr-next_link {
                                        svg {
                                            g {
                                                path {
                                                    fill: #54C3F1
                                                }
                                            }
                                        }
                                    }
                                }
                                .disaster-area {
                                    h4 {
                                        background-color: #E8C87E;
                                    }
                                    .sub-title {
                                        color: #E8C87E;
                                    }
                                    .csr-next_link {
                                        svg {
                                            g {
                                                path {
                                                    fill: #E8C87E;
                                                }
                                            }
                                        }
                                    }
                                }
                                .motainai-pro {
                                    h4 {
                                        background-color: #7EB8DB;
                                        line-height: 1.6rem;
                                        font-size: 1.15rem;
                                        @include sp-wide {
                                            line-height: 1.3rem !important;
                                            font-size: .9rem !important;
                                        }
                                    }
                                    .sub-title {
                                        color: #7EB8DB;
                                    }
                                    .csr-next_link {
                                        svg {
                                            g {
                                                path {
                                                    fill: #7EB8DB;
                                                }
                                            }
                                        }
                                    }
                                }
                                .education {
                                    h4 {
                                        background-color: #7ECA9C;
                                    }
                                    .sub-title {
                                        color: #7ECA9C;
                                    }
                                    .csr-next_link {
                                        svg {
                                            g {
                                                path {
                                                    fill: #7ECA9C;
                                                }
                                            }
                                        }
                                    }
                                }
                                .volunteer {
                                    h4 {
                                        background-color: #F5B37F;
                                    }
                                    .sub-title {
                                        color: #F5B37F;
                                    }
                                    .csr-next_link {
                                        svg {
                                            g {
                                                path {
                                                    fill: #F5B37F;
                                                }
                                            }
                                        }
                                    }
                                }
                            }
                            .csr-content {
                                width: 95%;
                                background-color: white;
                                padding: 1rem 1rem 4rem;
                                margin: 0.5rem auto 2rem;
                                position: relative;
                                box-shadow: 1rem 1.5rem 1.5rem rgba(0, 0, 0, 0.15);
                                @include sp-wide {
                                    width: 100%;
                                }
                                &:hover {
                                    box-shadow: none;
                                    transition: .2s;
                                }
                                h4 {
                                    font-size: 1.3rem;
                                    text-align: center;
                                    padding: 0.25rem 0;
                                    line-height: 2rem;
                                    color: white;
                                    font-family: 'Sawarabi Mincho', sans-serif;
                                    letter-spacing: .1rem;
                                    text-shadow: 2px 2px 5px rgba(0, 0, 0, .5);
                                    margin-bottom: .5rem;
                                    background-color: #ED7EBB;
                                }
                                .sub-title {
                                    font-size: .9rem;
                                    text-align: center;
                                    margin-bottom: 0.5rem;
                                    letter-spacing: .1rem;
                                    font-family: 'Sawarabi Mincho', sans-serif;
                                    color: #ED7EBB;
                                }
                                .csr-next_link {
                                    svg {
                                        g {
                                            path {
                                                fill: #ED7EBB;
                                            }
                                        }
                                    }
                                }
                                &__list {
                                    display: -webkit-flex;
                                    display: -ms-flexbox;
                                    -ms-flex-wrap: wrap;
                                    -webkit-flex-wrap: wrap;
                                    &__detail {
                                        width: calc(100% / 4 - 1rem);
                                        margin: .5rem;
                                        background-color: #FDE3F2;
                                        border-radius: 10px;
                                        box-shadow: 1rem 1.5rem 1.5rem rgba(0, 0, 0, 0.15);
                                        position: relative;
                                        @include tab {
                                            width: calc(100% / 2 - 1rem);
                                        }
                                        @include sp-wide {
                                            width: calc(100% / 2 - 0.5rem);
                                            margin: 0.25rem;
                                        };
                                        &:hover {
                                            box-shadow: none;
                                            transition: .2s;
                                        }
                                        &__img {
                                            background-color: #FDF4F9;
                                            border-radius: 10px 10px 0 0;
                                        }
                                        &__link {
                                            padding: .5rem;
                                            h5 {
                                                margin-bottom: 0;
                                                color: black;
                                                font-size: 1rem;
                                                padding: 0.5rem 0;
                                                @include sp-wide {
                                                    padding: 0.5rem 0;
                                                    line-height: 1.3rem;
                                                }
                                                .font-space {
                                                    @include sp-wide {
                                                        letter-spacing: -.09rem;
                                                        display: inline-block;
                                                        text-indent: -0.09rem;
                                                    }
                                                }
                                                .sp-br {
                                                    display: none;
                                                    @include sp-wide {
                                                        display: block;
                                                    }
                                                }
                                                svg {
                                                    position: absolute;
                                                    bottom: 0;
                                                    width: 20%;
                                                    right: 0;
                                                    bottom: 0;
                                                    border-radius: 0 0 10px 0;
                                                    @include tab {
                                                        width: 25%;
                                                    }
                                                    g {
                                                        path {
                                                            fill: #AC5B87;
                                                        }
                                                    }
                                                }
                                            }
                                        }
                                    }
                                }
                                .csr-next_link {
                                    position: absolute;
                                    right: 0;
                                    bottom: 0;
                                    .csr-next_link__name {
                                        position: relative;
                                        top: 3rem;
                                        right: 4rem;
                                        text-align: right;
                                        color: #ed7ebb;
                                    }
                                    .csr-next_link__btn {
                                        width: 20%;
                                        float: right;
                                    }
                                }
                                &.brights {
                                    h4 {
                                        background-color: #172A88;
                                    }
                                    .sub-title {
                                        color: #172A88;
                                        br {
                                            display: none;
                                            @include sp-wide {
                                                display: block;
                                            }
                                        }
                                    }
                                    .csr-content__list {
                                        &__detail {
                                            box-shadow: none;
                                            background: none;
                                            width: 100%;
                                            align-items: center;
                                            &__img {
                                                background: none;
                                                border-radius: 0;
                                                @include pc {
                                                    text-align: center;
                                                    margin-bottom: 0.5rem;
                                                }
                                                img {
                                                    @include pc {
                                                        width: 60%;
                                                    }
                                                    @include tab {
                                                        width: 40%;
                                                    }
                                                    @include sp-wide {
                                                        width: 100%;
                                                    }
                                                }
                                            }
                                        }
                                    }
                                    .csr-next_link {
                                        &__btn {
                                            svg {
                                                g {
                                                    path {
                                                        fill: #172A88;
                                                    }
                                                }
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
            .csr-link_list {
                background-image: url(/cms/wp-content/themes/zenkosai/assets/images/icons/csr/paper-bg.png);
                .page-content-div {
                    @include pc-md {
                        width: 76% !important;
                        margin: 0 auto;
                    };
                    @include tab {
                        width: 95% !important;
                    };
                    .csr-list_bg {
                        background: none;
                        .csr-cat-wrapper {
                            @include pc-md {
                                max-width: 100%;
                            };
                            @include tab {
                                min-width: 100%;
                            };
                            .csr-cat-name {
                                .csr-cat {
                                    .csr-cat-inner {
                                        @include tab {
                                            width: 85%;
                                        };
                                    }
                                }
                            }
                        }
                    }
                }
            }
            .csr-downloads {
                -webkit-box-shadow: 1px -2px 3px #dadada;
                -moz-box-shadow: 1px -2px 3px #dadada;
                position: relative;
                z-index: auto;
                padding: 0 0 1rem;
                background-color: #FFF9EF;
                .page-content-div {
                    padding-top: 2.5rem;
                    h3 {
                        font-size: 1.4rem;
                    }
                    .csr-download-wrapper {
                        .dl {
                            width: 100%;
                            display: -webkit-flex;
                            display: -ms-flexbox;
                            -ms-flex-wrap: wrap;
                            -webkit-flex-wrap: wrap;
                            margin-top: 1.5rem;
                            @include sp-wide {
                                display: block;
                            }
                            &__content {
                                width: calc((100% - 2rem) / 3);
                                margin: 0.5rem;
                                &:first-child {
                                    margin-left: 0;
                                }
                                &:nth-child(3n) {
                                    margin-right: 0;
                                }
                                @include pc-md {
                                    width: calc((100% - 1rem) / 2);
                                    &:nth-child(3n) {
                                        margin-right: 0.5rem;
                                    }
                                    &:nth-child(2n) {
                                        margin-right: 0;
                                    }
                                    &:nth-child(2n-1) {
                                        margin-left: 0;
                                    }
                                };
                                @include sp-wide {
                                    width: 100%;
                                    margin: 0.5rem 0;
                                }
                                .csr-form-div {
                                    display: -webkit-flex;
                                    display: -ms-flexbox;
                                    flex-direction: column;
                                    justify-content: space-between;
                                    -webkit-justify-content: space-between;
                                    border: solid 4px #ecb439;
                                    padding: 0.5rem 1rem;
                                    background-color: white;
                                    width: 100%;
                                    .dl-detail {
                                        min-height: 4.1rem;
                                        @include sp-wide {
                                            min-height: auto;
                                        };
                                        h5 {
                                            font-size: 1rem;
                                            line-height: 1.8rem;
                                            text-indent: -1.7rem;
                                            padding-left: 1.8rem;
                                            padding-bottom: 0;
                                            border-bottom: none;
                                            @include sp {
                                                padding-bottom: .5rem;
                                            }
                                            &::before {
                                                content: '\025cf';
                                                color: #ecb439;
                                                margin-right: 8px;
                                            }
                                            button {
                                                display: inline-block;
                                                width: calc(100% - 1.8rem);
                                                text-align: left;
                                                position: relative;
                                                &:focus {
                                                    box-shadow: none !important;
                                                }
                                            }
                                            button[data-toggle="collapse"] {
                                                position: relative;
                                                &:after {
                                                    display: block;
                                                    content: "";
                                                    width: 10px;
                                                    height: 10px;
                                                    position: absolute;
                                                    top: 38%;
                                                    right: -1rem;
                                                    border: 0px solid transparent;
                                                    border-top: 4px solid #ecb439;
                                                    border-left: 4px solid #ecb439;
                                                    -webkit-transform: rotate(-135deg);
                                                    transform: rotate(-135deg);
                                                    border-radius: 2px;
                                                    margin: auto;
                                                }
                                            }
                                            button[aria-expanded=false] {
                                                &:after {
                                                    -webkit-transform: rotate(-135deg);
                                                    transform: rotate(-135deg);
                                                    transition-duration: 0.3s;
                                                }
                                            }
                                            button[aria-expanded=true] {
                                                &:after {
                                                    -webkit-transform: rotate(45deg);
                                                    transform: rotate(45deg);
                                                    transition-duration: 0.3s;
                                                } 
                                            }
                                        }
                                    }
                                    .csr-form_content {
                                        border-top: solid 2px #D9D9D9;
                                    }
                                }
                            }
                            .dl-list {
                                .dl-link {
                                    .csr-download {
                                        a {
                                            width: 100%;
                                            p {
                                                line-height: 1.65rem;
                                                color: white;
                                                @include sp-wide {
                                                    flex: 0 0 100%;
                                                    max-width: 100%;
                                                };
                                                br {
                                                    @include sp-minimun {
                                                        display: none;
                                                    };
                                                }
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
                .home-service-report-div {
                    background-color: #F2F7FF;
                    padding: 4rem 0 2rem;
                    div {
                        .service-report {
                            margin-bottom: 1.5rem;
                            @include sp-wide {
                                width: 100%;
                            };
                            .report-content {
                                div {
                                    .report-imgbox {
                                        width: 75px;
                                        img {
                                            border-radius: 50%;
                                            object-fit: cover;
                                        }
                                    }
                                }
                            }
                        }
                    }
                    .service-experience-link {
                        text-align: center;
                        button {
                            margin-top: 0 !important;
                            &:first-child {
                                margin-right: 1rem;
                                color: white;
                                background-color: #2C4B79;
                                border: solid 1px transparent;
                                @include sp-wide {
                                    margin-right: 0;
                                }
                                &:hover {
                                    color: #2C4B79;
                                    background-color: white;
                                    border: solid 1px #2C4B79;
                                    opacity: 1;
                                }
                            }
                            &:last-child {
                                color: #2C4B79;
                                background-color: white;
                                border: solid 1px #2C4B79;
                                &:hover {
                                    color: white;
                                    background-color: #2C4B79 !important;
                                    border: solid 1px transparent;
                                    opacity: 1;
                                }
                            }
                        }
                    }
                }
            }
            .csr-sdgs {
                .page-content-div {
                    padding: 3.5rem 0;
                    .container {
                        .sdgs-certificate {
                            @include sp-wide {
                                flex: 0 0 100%;
                                max-width: 100%;
                            };
                            &__expansion {
                                .pop-up {
                                    p {
                                        text-align: center;
                                        i {
                                            padding-right: .3rem;
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
        .csr-magokoro {
            background-image: url(/cms/wp-content/themes/zenkosai/assets/images/social-contributiion/magokoro_bg_pc.png);
            background-size: cover;
            background-repeat: no-repeat;
            background-position: right;
            @include sp-wide {
                background-image: url(/cms/wp-content/themes/zenkosai/assets/images/social-contributiion/magokoro_bg_sp.png);
                margin-bottom: 5rem;
                padding-top: 1rem;
                background-position: bottom;
            };
            .page-content-div {
                display: -webkit-flex;
                display: -ms-flexbox;
                justify-content: space-between;    
                -webkit-justify-content: space-between;
                -ms-flex-wrap : wrap;
                -webkit-flex-wrap : wrap;
                align-items: center;
                @include sp-wide {
                    display: block;
                }
                .csr-magokoro-content {
                    text-align: center;
                    position: relative;
                    left: 18%;
                    @include pc {
                        left: 8%;
                    }
                    @include sp-wide {
                        background-position: bottom;
                        left: 0;
                    }
                    &__catch {
                        font-size: 1.4rem;
                        line-height: 2.5rem;
                        margin-bottom: 2rem;
                        font-weight: bold;
                        color: #1c76c3;
                        font-family: 'Sawarabi Mincho', sans-serif;
                        text-shadow: 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff;
                    }
                    &__link {
                        margin: 2rem auto 0;
                        text-align: center;
                        display: block;
                        color: white;
                        background-color: #2C4B79;
                        font-size: 1.1rem;
                        border-radius: 50px;
                        box-shadow: .5rem 1rem 1.5rem rgba(0, 0, 0, 0.15);
                        border: solid 1px #2C4B79;
                        @include sp-wide {
                            display: block;
                            position: absolute;
                            right: 0;
                            left: 0;
                            width: 70%;
                            bottom: -21.5rem;
                        }
                        @include sp {
                            bottom: -18.5rem;
                            width: 90%;
                        }
                        &:hover {
                            box-shadow: none;
                            transition: .2s;
                            p {
                                color: #2C4B79;
                                background-color:white;
                                border: solid 1px #2C4B79;
                                opacity: 1;
                                border-radius: 50px;
                            } 
                        }
                        p {
                            color: white;
                            padding: .25rem 0;
                            &:hover {
                                color: #2C4B79;
                            }
                        }
                    }
                }
                .csr-magokoro-img {
                    width: 30%;
                    position: relative;
                    right: 9%;
                    @include sp-wide {
                        margin: 0 auto;
                        right: auto;
                        width: 50%;
                        bottom: 2rem;
                    }
                }
            }
        }
    }
    .social-contribution-list {
        .page-content-div {
            .csr-list {
                .csr-cat-wrapper {
                    .csr-cat-name {
                        .csr-cat {
                            padding: .4rem !important;
                        }
                    }
                }
            }
        }
    }
    // 新　社会貢献活動ー活動一覧ページ
    .csr-activities-index {
        .page-header {
            .page-top {
                margin-bottom: -4rem;
                @include sp-wide {
                    margin-bottom: 21%;
                };
                &__icon {
                    @include sp-wide {
                        margin-top: 20%;
                    };
                    h1 {
                        span {
                            background: linear-gradient(transparent 95%, $csr-color 70%);
                            letter-spacing: 0.2rem;
                            padding-bottom: 0.5rem;
                        }
                    }
                }
            }
        }
        .csr-newslist {
            .csr-news {
                .article-list {
                    .news-wrapper {
                        .news-div {
                            &:first-child {
                                padding-top: 0 !important;
                            }
                            .news-innerdiv {
                                .csr-activities {
                                    .news-detail {
                                        @include sp-wide {
                                            height: 14.5rem;
                                        };
                                        .article-detail {
                                            display: -webkit-flex;
                                            display: -ms-flexbox;
                                            .article-img {
                                                width: 46%;
                                                padding-right: 1rem;
                                                @include sp-wide {
                                                    width: 55%;
                                                    padding-right: .75rem;
                                                    margin: .5rem auto 0;
                                                };
                                            }
                                            .news-txt {
                                                padding: 0;
                                                width: 100%;
                                                .news-title {
                                                    @include sp-wide {
                                                        margin-top: .5rem;
                                                    };
                                                }
                                            }
                                        }
                                    }
                                    .news-link {
                                        @include sp-wide {
                                            margin-top: 0 !important;
                                        };
                                        .news-more {
                                            .news-btn {
                                                p {
                                                    width: 18%;
                                                    @include sp-wide {
                                                        width: 40%;
                                                    };
                                                }
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
                .archive-list {
                    .csr-posts-index {
                        .csr-posts-wrapper {
                            margin-top: 1.3rem;
                            .year-link {
                                &:first-child {
                                    padding-top: 0 !important;
                                }
                            }
                            .csr-posts-index-btn {
                                .showall-btn {
                                    width: 100%;
                                    p {
                                        line-height: 1.6rem;
                                        br {
                                            display: none;
                                            @include pc-md {
                                                display: block;
                                            };
                                            @include sp-wide {
                                                display: none;
                                            };
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
    // 新　社会貢献活動ー活動詳細ページ
    #page-csr-category {
        div {
            .csr-newslist {
                background-color: #FDF8EF;
                padding-top: 0.5rem;
                margin-top: 3rem;
                .csr-news {
                    h3 {
                        .csr-title {
                            background: none;
                            padding: 0;
                            font-weight: normal;
                        }
                    }
                    .news-wrapper {
                        .news-div {
                            border-bottom: solid 1px silver !important;
                            padding: .5rem 1rem;
                            @include sp-wide {
                                padding: .5rem 0;
                            }
                            &:first-child {
                                border-top: solid 1px silver;
                            }
                            .news-innerdiv {
                                .content-wrapper {
                                    .news-detail {
                                        height: auto;
                                        padding-left: 3rem;
                                        @include tab {
                                            padding-left: 0;
                                        }
                                        .news-txt {
                                            display: -webkit-flex;
                                            display: -ms-flexbox;
                                            -ms-flex-wrap : wrap;
                                            -webkit-flex-wrap : wrap;
                                            align-items: center;
                                            position: relative;
                                            .new-label {
                                                color: #FF5C5C;
                                                text-indent: -3rem;
                                                @include tab {
                                                    text-indent: .5rem;
                                                }
                                            }
                                            .news-date {
                                                max-width: 15%;
                                                @include pc-md {
                                                    max-width: 18%;
                                                }
                                                @include tab {
                                                    max-width: 100%;
                                                    margin-left: .5rem;
                                                }
                                                span {
                                                    padding-left: 0.5rem;
                                                }
                                            }
                                            .news-title {
                                                font-size: 1rem !important;
                                                margin-bottom: 0 !important;
                                                @include tab {
                                                    margin-left: .5rem;
                                                }
                                                @include sp-wide {
                                                    width: 100%;
                                                    padding-left: .5rem;
                                                    margin-left: 0;
                                                }
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                    .activities-link {
                        margin: 2rem auto 0;
                        width: 25%;
                        text-align: center;
                        background-color: #f4a544;
                        border: solid 1px transparent;
                        padding: .25rem 1rem;
                        border-radius: 50px;
                        padding: 0;
                        box-shadow: .5rem 1rem 1.5rem rgba(0, 0, 0, 0.15);
                        @include tab {
                            width: 50%;
                        }
                        a {
                            color: white;
                            &:hover {
                                color: #f4a544;
                                transform: .3s;
                            }
                        }
                        &:hover {
                            background-color: white;
                            border: solid 1px #f4a544;
                            box-shadow: none;
                            transform: .5s;
                            color: #f4a544;
                            .activities-link__name {
                                color: #f4a544;
                            }
                        }
                        @include tab {
                            margin-bottom: 2rem;
                        }
                        &__name {
                            padding: 0.25rem 1rem;
                        }
                    }
                }
            }
        }
    }
}
.csr-topics-content {
    padding: 1rem 0 1.5rem;
    .new {
        color: red;
        padding: 0 .5rem 0 0;
        position: unset;
        margin-top: 0;
    }
    &__header {
        border-bottom: solid 3px #FFBC61;
        padding-bottom: .5rem;
        margin-bottom: .5rem;
        a {
            color: #6E3F00;
            border: solid 1px #6E3F00;
            padding: .25rem 1rem;
        }
        h3 {
            color: #6E3F00;
        }
    }
    &__list {
        &__item {
            &__about {
                border-bottom: solid 1px #E0E0E0;
                padding: .25rem .5rem;
                .news-date {
                    padding-right: .5rem;
                    p {
                        color: gray;
                    }
                }
            }
        }
    }
}
#archive-provider .info-content {
    &.cst-topics_bg {
        background-image: url(../images/icons/menu/menu_icon_csr.png);
        background-color: rgba(255, 255, 255, 0.8);
        background-blend-mode: lighten;
        .activities-link {
            background-color: #e77b46;
            &:hover {
                border: 0;
                transition-duration: .2s;
                color: white;
                opacity: .8;
            }
            a {
                &:hover {
                    color: white;
                }
            }
        }
    }
}
.page-provider-information {
    &.csr-topics-content {
        .info-archive-list {
            .csr-posts-index {
                h3 {
                    background-color: #a56f4b;
                }
                .csr-posts-wrapper {
                    .year-link {
                        border-color: #e5dbca;
                    }
                    .month-link {
                        .arrow-btn {
                            p {
                                i {
                                    color: #a56f4b;
                                }
                            }
                        }
                    }
                    .posts-index {
                        p {
                            span {
                                &:after {
                                    border-top-color: #a56f4b;
                                    border-right-color: #a56f4b;
                                }
                            }
                        }
                    }
                }
            }
        }
        .pnavi {
            ul.page-numbers {
                li {
                    border: 1px solid #f3a23b;
                    span.page-numbers.current {
                        background-color: #f3a23b;
                    }
                    a {
                        color: #6E3F00;
                        &:hover {
                            background-color: #ffc46c;
                        }
                    }
                }
            }
        }
    }
}
#single-csr-topics {
    h1 {
        border-color: #ffc46c;
    }
    .back-button {
        button {
            border-color: #ffc46c;
        }
    }
}

/**********************************************
*　カレンダー
***********************************************/
.xo-months {
    .xo-month-wrap {
        .xo-month {
            caption {
                .month-header {
                    button {
                        width: 20%;
                    }
                }
            }
        }
    }
}

/**********************************************
*　ビジネス
***********************************************/
.page-business {
    position: relative;
    .page-header {
        padding: $content-margin;
        background-color: #A2C9F0;
        @include sp {
            background: none;
            padding-bottom: 0;
        }
        .breadSection {
            display: none;
        }
        .member-detail {
            color: black;
            font-weight: bold;
            background-color: white;
            margin-bottom: 4%;
            padding: .5rem 0;
            letter-spacing: .1rem;
            width: fit-content;
            margin: 0 auto 2.5%;
            border-radius: 10px;
            @include sp {
                border: solid 2px #95C7DF;
                margin-bottom: 0;
                width: 100%;
                position: relative;
            }
            p {
                line-height: 1.6rem;
            }
            .name {
                font-size: 1.3rem;
                padding-right: .5rem;
            }
        }
        .page-top {
            display: -webkit-flex;
            display: -ms-flexbox;justify-content: center;
            -webkit-justify-content: center;
            -ms-flex-wrap : wrap;
            -webkit-flex-wrap : wrap;
            @include sp {
                background-color: #95C7DF;
                width: 100%;
                border: solid 2px #95C7DF;
                margin-bottom: 0;
                position: inherit;
                bottom: .5rem;
                padding: 3rem 0 1rem;
                border-radius: 10px;
                justify-content: space-between;
                -webkit-justify-content: space-between;
                margin-top: -20px !important;
            }
            &__member {
                margin-right: 2rem;
                width: 35%;
                background-color: #ffffff54;
                padding: 1rem 1.5rem;
                @include sp {
                    margin: 0 .5rem;
                    width: 45%;
                    padding: .5rem;
                }
                h2 {
                    color: black;
                    padding-bottom: 1rem;
                    @include sp {
                        font-size: 1.2rem;
                        padding-bottom: .5rem;
                    }
                }
                img {
                    width: 60%;
                    @include sp {
                        width: 90%;
                    }
                }
            }
            &__qualification {
                width: 25%;
                color: black;
                border-radius: 15px;
                display: -webkit-flex;
                display: -ms-flexbox;
                align-items: center;
                @include sp {
                    width: 48%;
                }
                h2 {
                    border-bottom: solid 2px $boder-color;
                    padding-bottom: 1rem;
                }
                img {
                    width: 90%;
                    filter: drop-shadow(2px 4px 4px gray);
                }
                .member-rank {
                    display: -webkit-flex;
                    display: -ms-flexbox;
                    justify-content: space-between;
                    -webkit-justify-content: space-between;
                    -ms-flex-wrap: wrap;
                    -webkit-flex-wrap: wrap;
                    align-items: center;
                    padding: 1.5rem 1.5rem 0;
                    &__detail {
                        font-size: 1.7rem;
                        letter-spacing: $letter-spacing;
                        p {
                            display: -webkit-flex;
                            display: -ms-flexbox;
                            justify-content: space-between;
                            -webkit-justify-content: space-between;
                            -ms-flex-wrap: wrap;
                            -webkit-flex-wrap: wrap;
                            align-items: center;
                            span {
                                color: white;
                                font-family: Sawarabi Mincho;
                                background-color: #1F2574;
                                border-radius: 50px;
                                width: 60px;
                                height: 60px;
                                display: block;
                                padding-left: .2rem;
                                margin-left: .4rem;
                                font-size: 2.5rem;
                                line-height: 3.9rem;
                            }
                        }
                    }
                    &__image {
                        width: 50%;
                        display: -webkit-flex;
                        display: -ms-flexbox;
                        justify-content: flex-end;
                        -webkit-justify-content: flex-end;
                        -ms-flex-wrap: wrap;
                        -webkit-flex-wrap: wrap;
                        img {
                            width: 46%;
                            padding-left: .5rem;
                        }
                    }
                }
                .qualification-icon {
                    .disactive-pbflag {
                        filter: brightness(0.55);
                    }
                }
            }
        }
    }
    .columns {
        background-color: #EFFBFC;
        @include sp-wide {
            padding-top: 2.5rem;
            background: linear-gradient(0deg, rgba(239,251,252,1) 0%, rgba(239,251,252,1) 99.5%, rgba(255,255,255,1) 100%);
        }
        .flame-side {
            @include sp-wide {
                margin-bottom: 0 !important;
            };
            .page-content-innerwrap {
                display: block;
                @include pc-min {
                    width: 100%;
                    margin: 0 auto;
                };
                @include sp-wide {
                    margin-bottom: 0 i !important;
                };
                .link-btn {
                    .showall-btn {
                        @include tab{
                            height: 92%;
                        }
                        p {
                            &:after {
                                right: -19px;
                            }
                        }
                    }
                }
            }
        }
        .sp-page-top {
            .page-content-innerwrap {
                display: -webkit-flex;
                display: -ms-flexbox;
                margin-bottom: 2rem;
                .link-btn {
                    @include sp-wide {
                        width: 100%;
                    }
                }
            }
        }
        .flame-body {
            .page-content-innerwrap {
                .page-content-div {
                    margin-bottom: 5rem;
                    @include sp {
                        margin-bottom: 3.5rem;
                    }
                }
                .calendar-box{
                    .calendar-schedule{
                        align-self: center;
                        .calendar-schedule-inner{
                            background: #cadae8;
                            border-radius: 1rem;
                            ul{
                                background: white;
                            }
                            ul>li{
                                list-style: none;
                            }
                        }
                    }
                    .calendar-show{
                        table{
                            max-width: 300px;
                            tr:first-of-type{
                                td{
                                    // 日曜
                                    &:last-of-type{
                                        background-color: #fff0f0;
                                        color: red;
                                    }
                                    // 土曜
                                    &:nth-last-of-type(2){
                                        background-color: #eff8fe;
                                        color: #061f35;
                                    }
                                }
                            }
                            td{
                                padding: .5rem;
                                @include sp{
                                    padding: .3rem;
                                }
                                &.c-date-pick{
                                    word-break: keep-all;
                                }
                                &:last-of-type{
                                    color: red;
                                }
                                &:nth-last-of-type(2){
                                    color: #1874c5;
                                }
                                &.is-disabled {
                                    color: #cecece;
                                }
                                &.holiday{
                                    color: red;
                                }
                                &.hasevent{
                                    background: antiquewhite;
                                    text-decoration: underline;
                                }
                                &.today{
                                    background: #bbdff3;
                                }
                            }
                        }
                    }
                }
                .pop-child-calendar{
                    display: none;
                }
                .pop-child-calendar.opened{
                    position: fixed;
                    display: block;
                    background: rgba(0, 0, 0, 0.63);
                    width: 100vw;
                    height: 100vh;
                    z-index: 1;
                    top: 0;
                    left: 0;
                    .calendar{
                        position: fixed;
                        top: 50%;
                        left: 50%;
                        transform: translate(-50%, -50%);
                        width: auto;
                        max-height: 60vh;
                        overflow-y: auto;
                        padding-top: 3rem !important;
                        padding-bottom: 3rem !important;
                        @include sp-wide{
                            width: 100vw;
                            top: 58%;
                        }
                        .close-calendar{
                            position: fixed;
                            right: 2rem;
                            top: 2rem;
                        }
                        .calendar-detail{
                            .detail-box{
                                .title-box{
                                    border-top: 1px solid;
                                    border-bottom: 1px solid;
                                    border-color: #236196;
                                    .calendar-acor-btn{
                                        background: #a3c9ef;
                                        border-radius:1rem;
                                        height: 2rem;
                                        line-height: 1rem;
                                    }
                                }
                            }
                            .detail-text{
                                background: #f4f9fd;
                                border-radius: 1rem;
                            }
                        }
                    }
                }
                .member-population {
                    text-align: center;
                    &__detail {
                        text-align: center;
                        font-size: 1.3rem;
                        background-color: white;
                        border: solid 4px #95C7DF;
                        border-radius: 1rem;
                        padding: .5rem 0 0;
                        width: 50%;
                        @include sp {
                            width: 61%;
                        }
                        h3 {
                            font-size: 1.3rem;
                            width: 100% !important;
                            margin: 0 !important;
                            padding: 0 !important;
                            background: none !important;
                            color: black !important;
                            text-align: center;
                            @include sp-wide {
                                font-size: 1.1rem !important;
                                border: none !important;
                                text-align: center !important;
                            }
                        }
                        h4 {
                            border-bottom: solid 2px #95C7DF;
                            padding: 0 1.5rem .7rem 1.5rem !important;
                            width: 100% !important;
                            margin: .5rem 0 0;
                            font-size: 1.3rem;
                            @include sp-wide {
                                font-size: 1.1rem;
                                line-height: 1.5;
                                padding: 0 .5rem .7rem .5rem !important;
                            }
                        }
                        p {
                            padding: 0 1.5rem;
                            font-size: 1.8rem;
                            letter-spacing: $letter-spacing;
                            color: $boder-color;
                            .unit {
                                font-size: 1.1rem;
                            }
                            @include sp {
                                font-size: 1.5rem;
                                padding: 0;
                            }
                        }
                    }
                    &__link {
                        width: 40%;
                        margin-left: 5%;
                        @include tab {
                            width: 45%;
                        }
                        @include sp {
                            width: 80%;
                            margin-left: 0;
                            margin-top: 1rem;
                        }
                        &:hover {
                            opacity: 0.7;
                        }
                    }
                }
                #support,#bp-materials {
                    h3 {
                        @include sp {
                            margin-bottom: 1rem;
                        }
                    }
                }
                #support {
                    .container {
                        align-items: center;
                    }
                }
                #original-chart {
                    .container {
                        .page-content {
                            button {
                                p {
                                    @include sp {
                                        margin-bottom: 0 !important;
                                    }
                                }
                            }
                        }
                    }
                }
                .page-content-div {
                    h3 {
                        text-align: center;
                        background-color: #466c92;
                        width: 80%;
                        margin: 0 auto 1rem;
                        padding: 1rem;
                        border-radius: 50px;
                        font-weight: bold;
                        color: white;
                        @include sp {
                            font-size: 1.2rem;
                            width: 100%;
                            line-height: 2rem;
                            padding: .5rem 2rem;
                            text-align: left;
                        }
                    }
                    .campaign-box{
                        display: inline-block;
                        position: relative;
                        height: 45px;
                        text-align: center;
                        box-sizing: border-box;
                        &:before,&:after{
                            content: '';
                            position: absolute;
                            width: 10px;
                            bottom: -10px;
                            z-index: -2;
                            border: 20px solid #56adf3;
                        }
                        &:before{
                            left: -35px;
                            border-left-color: transparent;
                        }
                        &:after{
                            right: -35px;
                            border-right-color: transparent;
                        }
                        .campaign {
                            display: inline-block;
                            position: relative;
                            margin: 0;
                            padding: 0 20px;
                            line-height: 45px;
                            font-size: 18px;
                            color: #FFF;
                            background: #2196F3;
                            &:before,&:after{
                                position: absolute;
                                content: '';
                                top: 100%;
                                left: 0;
                                border: none;
                                border-bottom: solid 10px transparent;
                            }
                            &:before{
                                left: 0;
                                border-right: solid 15px #397eb5;
                            }
                            &:after{
                                right: 0;
                                border-left: solid 15px #397eb5;
                            }
                        }
                    }
                    .container {
                        justify-content: flex-start;
                        -webkit-justify-content: flex-start;
                        margin-bottom: 3rem !important;
                        @include sp {
                            display: -webkit-flex;
                            display: -ms-flexbox;
                        }
                        img{
                            max-width: 250px;
                            width: 100%;
                        }
                        .row {
                            margin-bottom: 3rem;
                        }
                        h4 {
                            font-size: 1.3rem;
                            width: 100%;
                            margin-bottom: 1.3rem;
                            margin-top: 1.5rem;
                            @include sp-wide {
                                text-align: left;
                                line-height: 2;
                            };
                            span {
                                background: linear-gradient(transparent 95%, #98B6E6 70%);
                                padding: .5rem 1rem;
                                color: #0f2338;
                                font-weight: bold;
                                word-break: keep-all;
                            }
                        }
                        .container {
                            padding: 0;
                            h5 {
                                margin-bottom: .7rem !important;
                                font-size: 1.15rem;
                                text-indent: -26px;
                                line-height: 1.5;
                                padding-left: 2rem;
                                &::before {
                                    content: '\025cf';
                                    color: #161a52;
                                    margin-right: 8px;
                                }
                            }
                        }
                        .link-list {
                            display: contents;
                            width: 100%;
                            @include sp {
                                margin-left: 0;
                                -ms-flex-wrap: wrap;
                                -webkit-flex-wrap: wrap;
                            }
                            .page-content {
                                button {
                                    margin-top: 0;
                                }
                            }
                        }
                        .page-content {
                            width: calc(92% / 3);
                            margin: 0 .5rem;
                            display: inline-table;
                            @include tab {
                                width: calc(93% / 2);
                                margin: 0 .5rem .5rem;
                            }
                            @include sp-wide {
                                width: 100%;
                            }
                            p {
                                font-size: .9rem;
                                line-height: 1.5;
                            }
                            p.etctr{
                                color: #0a3052;
                            }
                            img {
                                margin-bottom: 1rem;
                                @include tab {
                                    width: 50%;
                                }
                            }
                            button {
                                position: relative;
                                color: black;
                                background-color: white;
                                width: 100%;
                                border-radius: .8rem;
                                padding: 0.5rem .8rem;
                                text-align: left;
                                display: table-cell;
                                vertical-align: middle;
                                max-height: 91px;
                                margin-bottom: .5rem;
                                min-height: 5.5rem;
                                margin-top: .5rem;
                                @include sp-wide{
                                    min-height: 3rem;
                                    margin-top: 0;
                                }
                                p {
                                    padding-right: 2rem;
                                    line-height: 1.5rem;
                                    font-size: 1rem;
                                    @include sp {
                                        padding-right: 2rem;
                                    }
                                    br {
                                        @include sp-wide {
                                            display: none;
                                        }
                                    }
                                }
                                &.close-modal{
                                    min-height: auto;
                                    &:focus{
                                        box-shadow: none !important;
                                    }
                                }
                            }
                            .pop-up-child.opened{
                                @include sp-wide{
                                    width: 100%;
                                }
                            }
                            h5.mail-n-title{
                                border-bottom: 1px solid #466c92;
                            }
                            .page-link {
                                &::before {
                                    width: 25px;
                                    height: 25px;
                                    -webkit-border-radius: 50%;
                                    border-radius: 50%;
                                    background: #BED3F5;
                                    content: "";
                                    position: absolute;
                                    right: 10px;
                                    top: 50%;
                                    transform: translateY(-50%);
                                    -webkit-transform: translateY(-50%);
                                    -ms-transform: translateY(-50%);
                                }
                                &::after {
                                    content: "";
                                    width: 10px;
                                    height: 10px;
                                    position: absolute;
                                    top: 43%;
                                    right: 19px;
                                    border: 0px solid transparent;
                                    border-top: 2px solid #707070;
                                    border-right: 2px solid #707070;
                                    -webkit-transform: rotate(45deg);
                                    transform: rotate(45deg);
                                    border-radius: 2px;
                                }
                            }
                            .target-link {
                                &::after {
                                    content: '';
                                    display: inline-block;
                                    width: 20px;
                                    height: 20px;
                                    background-image: url(/cms/wp-content/themes/zenkosai/assets/images/business/icons/target-link_icon.png);
                                    background-size: contain;
                                    background-repeat: no-repeat;
                                    vertical-align: middle;
                                    position: absolute;
                                    right: 0;
                                    margin-right: .8rem;
                                    top: 50%;
                                    margin-top: -12px;
                                }
                            }
                        }
                        .campaign_bnr {
                            margin: 0 auto;
                            a {
                                width: calc(100% / 3);
                                margin-right: .5rem;
                                &:last-child {
                                    margin-right: 0;
                                    @include sp-wide {
                                        padding-bottom: 0;
                                    }
                                }
                                @include sp-wide {
                                    width: 100%;
                                    margin-right: 0;
                                    padding-bottom: 1rem;
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}
#page-business {
    .columns .container {
        display: block;
    }
    .flame-side {
        .link-btn button p {
            width: calc(100% - 30px);
        }
    }
}

/**********************************************
*　新ビジネス
***********************************************/
#page-new-business {
    .page-header {
        padding-top: 1rem;

        .breadSection {
            position: static;

            @include tab {
                position: absolute;
            }
        }
    }

    .page-content-wrapper {
        padding-top: 1rem;
        margin-bottom: 4rem;
        @include tab {
            padding-top: 2rem;
        }
        @include sp-wide {
            padding-top: 2.5rem;
        }
        .page-content-innerwrap {
            .side-item {
                margin-bottom: 1rem;

                &__member {
                    .name {
                        font-size: .85rem;

                        span {
                            font-size: 1rem;
                            padding: 0 .5rem;
                            color: #558dc7;
                        }
                    }

                    @include pc-md {
                        display: none;
                    }
                }

                &__membership {
                    padding-bottom: .25rem;
                    margin-bottom: .25rem;
                    color: #558dc7;
                    font-size: 2rem;
                    letter-spacing: 0.1rem;

                    @include tab {
                        border-bottom: none;
                    }
                }

                &__content {
                    margin-bottom: 1.5rem;
                    &:last-child {
                        margin-bottom: 0;
                    }
                    h2 {
                        font-size: 1rem;
                        border-left: solid 5px $p-maincolor;
                        padding: .25rem .25rem .25rem .5rem;
                        margin-bottom: .5rem;
                    }
                    .lank-img {
                        width: 24%;
                        @include sp-wide {
                            width: 100px;
                            margin-right: 1rem !important;
                        }
                    }
                    &.compliance {
                        background-color: #F9F9FD;
                        padding: .5rem 1rem !important;
                        border-radius: 5px;
                        @include tab {
                            margin-top: 1rem;
                        }
                        .compliance__header {
                            border-bottom: solid 1px #C7C7C7;
                            margin-bottom: .5rem;
                            padding-bottom: .25rem;
                        }
                        .compliance__body {
                            p {
                                span {
                                    width: 150px;
                                    display: inline-block;
                                    @include tab {
                                        width: 130px;
                                    }
                                }
                            }
                        }
                    }
                    &__qualification {
                        @include sp-wide {
                            width: 100%;
                        }
                        .lank-name {
                            font-size: 1.2rem;
                            margin-bottom: .5rem;
                        }
                        .qualification-header {
                            border-left: solid 5px #D3D3D3;
                            padding-left: .5rem;
                        }
                        .qualification-body {
                            margin-left: 1rem;
                        }
                        .qualification-item {
                            .qualification-btn {
                                color: #3280AD;
                                font-size: .9rem;
                                border: solid 1px;
                                @include sp-wide {
                                    width: 85px;
                                }
                            }
                        }
                    }
                }
            }

            .acor-menu {
                position: relative;
                cursor: pointer;
                box-shadow: .5rem 1rem 1.5rem rgba(0, 0, 0, 0.15);
                margin-top: .5rem;

                &:first-child {
                    margin-top: 0;
                }

                &:focus {
                    box-shadow: none !important;
                }

                &:after {
                    display: block;
                    content: "";
                    width: 10px;
                    height: 10px;
                    position: absolute;
                    top: 30%;
                    right: 1rem;
                    border: 0px solid transparent;
                    border-top: 4px solid white;
                    border-left: 4px solid white;
                    -webkit-transform: rotate(-135deg);
                    transform: rotate(-135deg);
                    border-radius: 2px;
                    margin: auto;
                    transition-duration: 0.3s;
                }
            }

            .acor-menu.opened {
                box-shadow: none;

                &:after {
                    -webkit-transform: rotate(45deg);
                    transform: rotate(45deg);
                    transition-duration: .3s;
                    top: 35%;
                }
            }
            .page-content-div {
                margin-bottom: .5rem;

                h3 {
                    font-size: 1rem;
                    border-left: solid 5px $business-color;
                    padding: .5rem;
                    background-color: #f5faff;
                }

                .acor-menu {
                    position: relative;
                    cursor: pointer;
                    background-color: white;
                    box-shadow: .5rem 1rem 1.5rem rgba(0, 0, 0, 0.15);
                    border-bottom: 0;
                    &:focus {
                        box-shadow: none !important;
                    }

                    &:after {
                        display: block;
                        content: "";
                        width: 10px;
                        height: 10px;
                        position: absolute;
                        top: -6%;
                        right: 1rem;
                        border: 0px solid transparent;
                        border-top: 4px solid $business-color;
                        border-left: 4px solid $business-color;
                        -webkit-transform: rotate(-135deg);
                        transform: rotate(-135deg);
                        border-radius: 2px;
                        margin: auto;
                        transition-duration: 0.3s;
                    }
                }

                .acor-menu.opened {
                    box-shadow: none;
                    background-color: #ecf6fb;
                    &:after {
                        -webkit-transform: rotate(45deg);
                        transform: rotate(45deg);
                        transition-duration: .3s;
                        top: 0;
                    }
                }
                #event {
                    margin: 0 0 2rem;
                }
                
                #some-article {
                    .acor-menu-child {
                        border: none;
                    }
                }
                .content-wrap {
                    margin: 1rem 0 2rem;
                    border-radius: 7px;
                    .page-content,
                    .business-item {
                        &__detail,
                        &__content {
                            background-color: #fff;
                            box-shadow: 0 .35rem 0 $business-color;
                            border: solid 1px $business-color;
                            border-radius: 5px;
                            &:hover {
                                box-shadow: none;
                                transition-duration: .3s;
                                background-color: $business-color;
                                color: white;
                                cursor: pointer;
                                .link-btn {
                                    p {
                                        color: white;
                                        i {
                                            color: white;
                                        }
                                    }
                                }
                                .modal_inner {
                                    p {
                                        color: black;
                                    }
                                }
                            }
                            .link-btn {
                                &:focus {
                                    box-shadow: none !important;
                                }
                            }
                            i {
                                color: $business-color;
                                font-size: 1.5rem;
                            }
                            .seminar_form,
                            .get-info,
                            .modal_close {
                                color: black;
                                background: none;
                                box-shadow: .5rem 1rem 1.5rem rgba(0,0,0,0);
                                border: 0;
                                border-radius: 0;
                                padding: 0;
                                i {
                                    color: $business-color;
                                }
                            }
                            .modal_close {
                                padding: .13rem 0;
                            }
                            .modal_trigger {
                                .link-btn {
                                    color: black;
                                    box-shadow: .5rem 1rem 1.5rem rgba(0,0,0,0);
                                }
                            }
                            .modal_box {
                                .modal_inner {
                                    .modal_block {
                                        .btn-box {
                                            padding: 15px 2.5rem;
                                            flex-flow: row-reverse;
                                            .modal-content__detail {
                                                margin: .25rem auto;
                                                padding: 0 .25rem;
                                                &:hover {
                                                    .link-btn {
                                                        p {
                                                            color: white;
                                                            transition-duration: .3s;
                                                        }
                                                    }
                                                }
                                                .link-btn {
                                                    background-color: #fff;
                                                    box-shadow: 0 .35rem 0 #3280ad;
                                                    border: solid 1px #3280ad;
                                                    border-radius: 5px;
                                                    padding: .5rem 0;
                                                    &:hover {
                                                        box-shadow: none;
                                                        background-color: $business-color;
                                                        color: white;
                                                        transition-duration: .3s;
                                                    }
                                                    i {
                                                        color: $business-color;
                                                    }
                                                    &:hover {
                                                        color: white;
                                                        p {
                                                            i {
                                                                color: white;
                                                            }
                                                        }
                                                    }
                                                    .close-icon {
                                                        &:after,
                                                        &:before {
                                                            background-color: $business-color;
                                                        }
                                                    }
                                                    &:hover {
                                                        .close-icon {
                                                            &:after,
                                                            &:before {
                                                                background-color: white;
                                                            }
                                                        }
                                                    }
                                                }
                                            }
                                        }
                                    }
                                }
                            }
                        }
                        .business-support,
                        .business-materials {
                            margin: auto;
                            padding: 0 .5rem;
                            .business-item__content {
                                background: none;
                                box-shadow: none;
                                border: 0;
                                border-radius: 0;
                                padding: 0 .25rem;
                                margin-bottom: .75rem;
                                &__detail {
                                    background-color: #fff;
                                    box-shadow: 0 .35rem 0 $business-color;
                                    border: solid 1px $business-color;
                                    border-radius: 5px;
                                    height: 11vh;
                                    @include pc-wide {
                                        height: 9.5vh;
                                    }
                                    @include pc {
                                        height: 9.75vh;
                                    }
                                    @include tab-wide {
                                        height: 5.75vh;
                                    }
                                    @include tab {
                                        height: 10vh;
                                    }
                                    @include sp {
                                        height: 7.2vh;
                                    }
                                    &.img-item {
                                        box-shadow: none;
                                        &:hover {
                                            background: none;
                                        }
                                        img {
                                            border-radius: 5px;
                                            &:hover {
                                                opacity: .7;
                                                transition-duration: .3s;
                                            }
                                        }
                                    }
                                    &:hover {
                                        box-shadow: none;
                                        transition-duration: .3s;
                                        background-color: $business-color;
                                        color: white;
                                        cursor: pointer;
                                        .link-btn {
                                            p {
                                                color: white;
                                                i {
                                                    color: white;
                                                }
                                            }
                                        }
                                        .modal_inner {
                                            p {
                                                color: black;
                                            }
                                        }
                                    }
                                }
                            }
                            .page-content {
                                &__detail {
                                    &.img-item {
                                        box-shadow: none;
                                        padding: 0;
                                        &:hover {
                                            background: none;
                                        }
                                        img {
                                            border-radius: 5px;
                                            &:hover {
                                                opacity: .7;
                                                transition-duration: .3s;
                                            }
                                        }
                                    }
                                }
                            }
                        }
                        @include sp-wide {
                            width: 100%;
                        }
                        &__detail,
                        &__content {
                            width: 100%;
                            height: 100%;
                            a {
                                width: 100%;
                                height: 100%;
                                background: none;
                                &:hover {
                                    opacity: 1;
                                    color: white;
                                }
                            }
                            .target-link {
                                svg {
                                    position: static;
                                }

                                p {
                                    padding: .25rem .25rem .25rem 1rem;

                                    &:hover {
                                        color: white;
                                    }
                                }

                                .dl-icon {
                                    padding: 0.25rem;
                                }
                            }
                            .link-btn {
                                padding: 0;
                                width: 100%;
                                height: 100%;
                                font-size: .9rem;
                                &:hover {
                                    opacity: 1;
                                }
                                p {
                                    text-align: left;
                                    padding: .5rem .75rem;
                                    line-height: 1.25rem;
                                    &:hover {
                                        color: white;
                                    }
                                    &:active ,
                                    &:focus ,
                                    &:focus-visible {
                                        opacity: 1 !important;
                                    }
                                }
                            }
                            svg {
                                fill: $p-maincolor;
                                width: 13%;
                                position: absolute;
                                bottom: 0;
                                right: 0;

                                @include sp-wide {
                                    width: 9% !important;
                                }
                            }
                        }
                        .pb_detail_title {
                            font-size: 1rem;
                            border-left: solid 5px $business-color;
                        }
                        &.free-sub {
                            margin-bottom: 2.5rem;

                            &:last-child {
                                margin-bottom: 0;
                            }

                            .business-item__content {
                                background-color: transparent;
                                box-shadow: none;

                                &__inner {
                                    background-color: white;
                                    box-shadow: .5rem 1rem 1.5rem rgba(0, 0, 0, 0.15);
                                }
                            }
                        }
                    }
                    .page-content {
                        padding: 0 .25rem;
                        margin-bottom: .75rem;
                        height: 11vh;
                        @include pc-wide {
                            height: 9.5vh;
                        }
                        @include pc {
                            height: 9.75vh;
                        }
                        @include tab-wide {
                            height: 5.75vh;
                        }
                        @include tab {
                            height: 10vh;
                        }
                        @include sp {
                            height: 7.2vh;
                        }
                    }
                    .membertree-sp {
                        display: none;
                        @include sp-wide {
                            display: block;
                        }
                    }
                    .membertree-pc {
                        display: block;
                        @include sp-wide {
                            display: none;
                        }
                    }
                    .etctr {
                        padding-left: .5rem;
                        font-size: .9rem;
                        line-height: 1.4rem;
                        color: #558dc7;
                    }
                    // .chart-content {
                    //     width: calc(100% / 3 - 1rem);
                    //     margin: .5rem;
                    //     @include sp-wide {
                    //         width: 100%;
                    //     }
                    //     .page-content {
                    //         background-color: white;
                    //         box-shadow: .5rem 1rem 1.5rem rgba(0, 0, 0, 0.15);
                    //         width: 100%;
                    //         margin: .5rem;
                    //         &:hover {
                    //             background-color: #92B0D0;
                    //             box-shadow: none;
                    //             transition-duration: .3s;
                    //             color: white;
                    //             opacity: 1;
                    //         }

                    //         &__detail {
                    //             width: 100%;
                    //             height: 100%;
                    //             position: relative;

                    //             a {
                    //                 width: 100%;
                    //                 position: relative;
                    //                 height: 100%;

                    //                 &:hover {
                    //                     opacity: 1;
                    //                 }
                    //             }

                    //             .link-btn {
                    //                 padding: 0;
                    //                 width: 100%;
                    //                 height: 100%;
                    //                 font-size: .9rem;

                    //                 &:hover {
                    //                     background-color: #92B0D0;
                    //                     box-shadow: none;
                    //                     transition-duration: .3s;
                    //                     color: white;
                    //                     opacity: 1;
                    //                 }

                    //                 p {
                    //                     text-align: left;
                    //                     padding: .25rem 2.5rem .25rem 1rem;
                    //                     line-height: 1.5rem;

                    //                     &:hover {
                    //                         color: white;
                    //                     }
                    //                 }
                    //             }

                    //             svg {
                    //                 fill: $p-maincolor;
                    //                 width: 13%;
                    //                 position: absolute;
                    //                 bottom: 0;
                    //                 right: 0;
                    //             }
                    //         }
                    //     }
                    //     .etctr {
                    //         margin-top: 1rem;
                    //         padding-left: .5rem;
                    //         font-size: .9rem;
                    //         line-height: 1.4rem;
                    //         color: #558dc7;
                    //     }
                    // }

                    .business-item {
                        width: 100%;
                        background: none;
                        box-shadow: none;
                        margin-bottom: 2.5rem;

                        &:hover {
                            background: none;
                            box-shadow: none;
                            color: black;
                        }

                        &:last-child {
                            margin-bottom: 0;
                        }

                        h4 {
                            font-size: 1rem;
                            padding: 0 1rem .25rem 1rem;
                            margin-bottom: .5rem;
                            border-bottom: solid 1px $business-color;

                            &.acor-menu {
                                padding-right: 2rem;
                                padding-bottom: .5rem;
                            }
                        }

                        .acor-menu {
                            background: none;
                            box-shadow: none;

                            &:after {
                                top: 18%;
                            }
                        }

                        .acor-menu.opened {
                            &:after {
                                top: 30%;
                            }
                        }

                        .acor-menu-child {
                            width: 100%;
                            background: none;
                            box-shadow: none;
                            padding: 0;

                            @include sp-wide {
                                margin: 0;
                            }

                            &:hover {
                                background: none;
                                box-shadow: none;
                                color: black;
                            }

                            .business-materials {
                                display: -webkit-flex;
                                display: -ms-flexbox;
                                -ms-flex-wrap: wrap;
                                -webkit-flex-wrap: wrap;

                                .business-item__content__detail {
                                    background: none;
                                    box-shadow: none;
                                    border: 0;
                                    border-radius: 0;
                                    padding: 0;
                                    margin-bottom: .75rem;
                                    &.compliance-detail__btn {
                                        margin-bottom: 3rem;
                                    }
                                    &__btn {
                                        background-color: #fff;
                                        box-shadow: 0 .35rem 0 $business-color;
                                        border: solid 1px $business-color;
                                        border-radius: 5px;
                                        margin: .25rem;
                                        height: 11vh;
                                        @include pc-wide {
                                            height: 9.5vh;
                                        }
                                        @include pc {
                                            height: 9.75vh;
                                        }
                                        @include tab-wide {
                                            height: 5.75vh;
                                        }
                                        @include tab {
                                            height: 10vh;
                                        }
                                        @include sp {
                                            height: 7.2vh;
                                        }
                                        .link-btn {
                                            p {
                                                color: black;
                                                i {
                                                    color: $business-color;
                                                }
                                            }
                                        }
                                        &:hover {
                                            box-shadow: none;
                                            transition-duration: .3s;
                                            background-color: $business-color;
                                            color: white;
                                            cursor: pointer;
                                            .link-btn {
                                                p {
                                                    color: white;
                                                    i {
                                                        color: white;
                                                    }
                                                }
                                            }
                                        }
                                    }
                                    svg {
                                        padding: 0;
                                    }

                                    @include sp-wide {
                                        width: 100%;
                                    }
                                }
                            }
                        }
                        // .business-support {
                        //     padding: 0 1rem;
                        // }
                        &__content {
                            &:hover {
                                .modal_box {
                                    color: black;
                                }
                            }

                            &__detail {
                                p {
                                    margin-bottom: 0;
                                }
                                .js_form_btn {
                                    margin-bottom: 0;
                                }
                            }
                        }
                        .banner-file {
                            background: none;
                            box-shadow: none;
                            &:hover {
                                background: none;
                                box-shadow: none;
                            }
                        }
                    }
                }
                div {
                    .campaign_bnr {
                        margin: .5rem 0 2rem;
                        a, button {
                            width: calc(100% / 4 - .5rem);
                            margin: .35rem .25rem;
                            border-radius: 13px;
                            &:hover {
                                opacity: .7;
                                transition-duration: .3s;
                            }
                            @include pc-md {
                                width: calc(100% / 3 - .5rem);
                                border-radius: 9px;
                            }
                            @include tab {
                                width: calc(100% / 2 - .5rem);
                                border-radius: 9px;
                            }
                        }
                    }
                }
                .event {
                    .event-content {
                        flex-wrap: wrap;
                        display: -webkit-flex;
                        display: -ms-flexbox;
                        margin: 1rem .5rem 2rem;
                        @include tab {
                            justify-content: center;
                            -webkit-justify-content: center;
                        }
                        .calendar_content {
                            .calendar_event {
                                display: -webkit-flex;
                                display: -ms-flexbox;
                                -ms-flex-wrap: wrap;
                                -webkit-flex-wrap: wrap;
                                justify-content: space-between;
                                -webkit-justify-content: space-between;
                                width: 98%;
                                margin: 0 auto;
                                @include tab {
                                    display: block;
                                }
                                .calendar,
                                .info-list {
                                    width: calc(100% / 2 - 1rem);
                                    margin: .5rem;
                                }
                                .calendar {
                                    &-show {
                                        td {
                                            padding: .5em;

                                            &:nth-child(6) {
                                                color: #2c53b4;
                                            }

                                            &:nth-child(7) {
                                                color: #ea699a;
                                            }

                                            &.holiday {
                                                color: #ea699a;
                                            }

                                            &.hasevent {
                                                background: antiquewhite;
                                                text-decoration: underline;
                                            }

                                            &.today {
                                                background: #bbdff3;
                                            }

                                            &.is-disabled {
                                                color: #cecece;
                                            }
                                        }

                                        .week5 {
                                            background-color: #e7f3ff;
                                            color: #2c53b4;
                                        }

                                        .week6 {
                                            background-color: #ffedf4;
                                            color: #ea699a;
                                        }
                                    }

                                    &-control {
                                        color: white;
                                        background-color: #466C92;
                                        padding: 0;
                                        width: 1.5rem;
                                        height: 1.5rem;
                                        border-radius: 5px;
                                        display: -webkit-flex;
                                        display: -ms-flexbox;
                                        justify-content: center;
                                        -webkit-justify-content: center;
                                        font-size: 1rem;
                                    }
                                }

                                .info-list {
                                    overflow-y: scroll;
                                    height: 19rem;

                                    @include tab {
                                        height: auto;
                                    }

                                    a {
                                        display: -webkit-flex;
                                        display: -ms-flexbox;
                                        justify-content: center;
                                        -webkit-justify-content: center;
                                        align-items: center;
                                        width: 100%;
                                    }

                                    .article-detail {
                                        margin-top: .5rem;
                                    }
                                }

                                .calendar,
                                .info-list {
                                    @include tab {
                                        width: 100%;
                                        margin: 0;
                                    }
                                }

                                .article-date {
                                    background-color: #EFEEED;
                                    padding: .25rem 1rem;
                                    font-size: 1.2rem;
                                    font-weight: bold;

                                    @include tab {
                                        width: 98%;
                                        margin-top: 2rem;
                                    }

                                    @include sp-wide {
                                        width: 90.5%;
                                    }

                                    span {
                                        font-size: .9rem;
                                        padding-right: .4rem;

                                        &:last-child {
                                            padding-right: 0;
                                        }
                                    }
                                }

                                #detail-box {
                                    margin: 0 auto 2rem;
                                    width: 90%;

                                    @include tab {
                                        width: 98%;
                                    }

                                    @include sp-wide {
                                        width: 92%;
                                    }

                                    .title-box {
                                        margin: 0 !important;
                                        padding: 0 !important;

                                        p {
                                            font-size: 1rem;
                                            font-weight: normal;
                                        }
                                    }
                                }
                            }
                        }
                    }

                    .tab_class {
                        width: calc(50% / 2);
                        background-color: white;
                        color: $business-color;
                        font-size: .85rem;
                        text-align: center;
                        display: block;
                        float: left;
                        order: -1;
                        padding: .5rem 0;
                        font-weight: bold;
                        border-radius: 5px;
                        border: solid 1px $business-color;
                        margin-bottom: 1rem;
                        letter-spacing: .1rem;
                        cursor: pointer;

                        @include sp-wide {
                            margin-bottom: 1rem;
                            padding: .5rem 0;
                            width: calc(90% / 2);
                        }

                        @include sp {
                            padding: .35rem 0;
                        }
                    }

                    .list-tab {
                        border-radius: 5px 0px 0px 5px;
                    }

                    .calendar-tab {
                        border-radius: 0px 5px 5px 0px;
                    }

                    input[name="tab_name"] {
                        display: none;
                    }

                    input:checked+.tab_class {
                        background-color: $business-color;
                        color: white;
                    }

                    .content_class {
                        display: none;
                        width: 100%;
                    }

                    input:checked+.tab_class+.content_class {
                        display: block;
                    }

                    .modal_box {
                        .event-content {
                            &__detail {
                                width: 100%;

                                &__header {
                                    width: 100%;
                                    margin-bottom: 1rem;

                                    .category-list {
                                        display: -webkit-flex;
                                        display: -ms-flexbox;
                                        -ms-flex-wrap: wrap;
                                        -webkit-flex-wrap: wrap;
                                        line-height: 1.9;
                                    }

                                    .article-date {
                                        background-color: #EFEEED;
                                        padding: 0.25rem 1rem;
                                        font-size: 1.2rem;
                                    }

                                    .article-title {
                                        font-size: 1rem;
                                        border-left: solid 5px #8ec6e6;
                                    }

                                    .article-detail__category {
                                        width: 165px;
                                        text-align: center;
                                        padding: .1rem .5rem;
                                        line-height: 1.5;
                                    }
                                }

                                &__body {
                                    p {
                                        margin-bottom: 0;
                                    }
                                }
                            }
                        }
                    }

                    .modal_trigger {
                        position: relative;
                        .article-content {
                            @include sp {
                                border-bottom: 1px solid #dee2e6;
                            }
                            .category-list {
                                width: 150px;
                                font-size: .9rem;
                                text-align: center;
                            }
                            .article-detail {
                                &__postday {
                                    min-width: 72px;
                                }
                                &__category {
                                    width: 150px;
                                    padding: .1rem .5rem;
                                    text-align: center;
                                }
                                .date {
                                    color: #707070;
                                    @include sp-min {
                                        display: block;
                                    }
                                }
                            }
                        }
                    }
                }
            }
            #business-info {
                .content-wrap {
                    .page-content {
                        &__detail {
                            &.img-item {
                                padding: 0;
                                border: 0;
                                box-shadow: none;
                                &:hover {
                                    background: none;
                                }
                                .link-btn {
                                    border-radius: 5px;
                                    &:hover {
                                        opacity: .7;
                                        transition-duration: .3s;
                                        background: none;
                                    }
                                }
                            }
                        }
                    }
                }
            }
            .business-schedule,
            .business-news {
                .acor-menu {
                    background-color: #8ec6e6 !important;
                    color: white;
                    box-shadow: none;
                    box-shadow: .5rem 1rem 1.5rem rgba(0, 0, 0, 0.15);
                    &:after {
                        border-top: 4px solid white;
                        border-left: 4px solid white;
                    }
                    @include sp-wide {
                        background-color: #E1F3FF;
                    }
                }
                // .acor-menu-child {
                //     background: none;
                //     border: solid 2px #8ec6e6;
                // }
                h3 {
                    background-color: $business-color;
                    color: white;
                }
            }
            .business-news {
                @include tab {
                    border: none;
                }
                .content {
                    border: solid 2px #8ec6e6;
                    background-color: white;
                }
            }
            #ws {
                .business-support .acor-menu::after {
                    border-top: 4px solid black;
                    border-left: 4px solid black;
                }
            }
            .mail-n-title {
                font-size: 1rem;
                border-left: solid 5px #8ec6e6;
            }
            .more_disp,.none_disp {
                @include sp-wide {
                    text-align: center;
                }
            }
            .some-article {
                button {
                    background-color: #3E6187;
                    color: white;
                    position: relative;
                    &::after {
                        display: block;
                        content: "";
                        width: 10px;
                        height: 10px;
                        position: absolute;
                        top: 30%;
                        right: 1rem;
                        border: 0px solid transparent;
                        border-top: 4px solid white;
                        border-left: 4px solid white;
                        -webkit-transform: rotate(-135deg);
                        transform: rotate(-135deg);
                        border-radius: 2px;
                        margin: auto;
                        transition-duration: 0.3s;
                    }
                }
            }
            .no-article {
                button {
                    position: relative;
                    color: black;
                    &::after {
                        display: block;
                        content: "";
                        width: 10px;
                        height: 10px;
                        position: absolute;
                        top: 35%;
                        right: 1rem;
                        border: 0px solid transparent;
                        border-bottom: 4px solid black;
                        border-right: 4px solid black;
                        -webkit-transform: rotate(-135deg);
                        transform: rotate(-135deg);
                        border-radius: 2px;
                        margin: auto;
                        transition-duration: 0.3s;
                    }
                }
            }
            #original-chart {
                @include sp-wide {
                    margin-top: .5rem;
                }
            }
            #compliance,#new-explanation {
                .acor-menu-child {
                    .business-item {
                        margin-bottom: .25rem !important;

                        &:last-child {
                            margin-bottom: 0;
                        }
                    }
                }
            }
        }
    }
}

#loading-schedule {
    .loading-parent {
        height: 1rem;
    }
    .loading {
        top: calc(50% - 25px/2);
        left: calc(50% - 25px/2);
    }
}
// メニュー
.business-nav {
    &__item {
        background-color: white;
        box-shadow: 0 3px 0 0 #3280AD;
        align-items: center;
        color: #000;
        border-radius: 3px;
        width: calc(100% / 4 - .5rem);
        height: 7.5vh;
        border: solid 1px #3280AD;
        @include tab {
            width: calc(100% / 3 - .5rem);
            height: 5.5vh;
        }
        @include sp-wide {
            width: calc(100% / 2 - .5rem);
            height: 7.5vh;
        }
        &:hover {
            box-shadow: none;
            transition: .2s;
            opacity: 1;
        }
        button {
            &:focus {
                box-shadow: none !important;
            }
            p {
                line-height: 1.5rem;
                i {
                    color: #3280AD;
                }
            }
        }
    }
}

/**********************************************
*　プラスα
***********************************************/
#page-plusa {
    .page-header {
        .page-top {
            @include sp-wide {
                margin-bottom: 0;
            }
            &__icon {
                h1 {
                    @include sp-wide {
                        font-size: 1.2rem;
                    }
                }
            }
        }
    }
    .page-content-wrapper {
        @include sp-wide {
            padding-top: 0;
        }
    }
    .page-content-innerwrap {
        .plusa-status {
            width: calc(100% / 3);
            border-bottom: 2px solid #d1d1d1;
            padding: 0.375rem 1.5rem;
            color: #686868;
        }
        .plusa-active {
            border-bottom: 3px solid #f4d300;
            background-color: #fdffd2;
            color: #967d19;
            font-weight: bold;
        }
    }
}

.plusa-article {
    margin-bottom: 3rem;
    color: black;
    a {
        color: black;
        &:hover {
            color: black;
            opacity: .6;
        }
    }
    &__content {
        justify-content: space-between;
        -webkit-justify-content: space-between;
        &__title {
            font-size: 1rem;
        }
        &__detail {
            @include tab {
                margin-bottom: 1rem;
            }
            .article-detail {
                margin: .5rem 0;
                font-size: 1.1rem;
                p {
                    margin-bottom: 0;
                }
            }
        }
    }
    .article-tags {
        font-size: .85rem;
    }
}

/**********************************************
*　メディアコンテンツ
***********************************************/
// 一覧・詳細共通
.media-article-heder {
    border-left: solid 6px #1F4F9B;
    padding-left: .5rem;
    .article-status {
        padding-left: 1rem;
        margin-bottom: .25rem;
        .date {
            color: gray;
        }
    }
    .media-cat {
        width: 5rem;
        font-size: .8rem;
        background-color: #204f9b;
        color: white;
        padding: .15rem .5rem;
        border-radius: 3px;
        text-align: center;
    }
    .sub-category {
        width: calc(100% - 6rem);
        padding-left: 1rem;
        &__icon {
            width: 11%;
            max-width: 2rem;
            padding-right: .25rem;
        }
        &__name {
            font-size: .9rem;
        }
    }
    .article-title {
        color: #1F4F9B;
    }
}

// 一覧
#archive-media {
    .page-header {
        margin-bottom: 2rem;
        .page-top {
            background-image: url(/cms/wp-content/themes/zenkosai/assets/images/icons/csr/paper-bg.png);
            background-repeat: no-repeat;
            background-size: cover;
            padding: 3.5rem 0 2.5rem;
            &__title {
                &__icon {
                    color: black;
                    margin: 0 auto;
                    h1 {
                        font-size: 1.8rem;
                    }
                    .page-about {
                        background: rgba(265,265,265,0.8);
                        font-size: .9rem;
                        border-radius: 5px;
                        padding: 1rem;
                        margin-top: 1rem;
                        p {
                            @include tab {
                                text-align: left;
                            }
                        }
                    }
                }
            }
        }
    }
    .page-content-div {
        .media-content {
            justify-content: space-between;
            -webkit-justify-content: space-between;
            .article-list {
                .media-article {
                    margin-bottom: 3rem;
                    a {
                        color: black;
                        &:hover {
                            color: black;
                            opacity: .6;
                        }
                        .media-article__content {
                            justify-content: space-between;
                            -webkit-justify-content: space-between;
                            &__detail {
                                flex: 0 0 73%;
                                width: 75%;
                                @include tab {
                                    flex: 0 0 100%;
                                    width: 100%;
                                    margin-bottom: 1rem;
                                }
                                .article-detail {
                                    margin: .5rem 0;
                                    p {
                                        font-size: .9rem;
                                        line-height: 1.5rem;
                                    }
                                }
                                .article-link {
                                    justify-content: space-between;
                                    -webkit-justify-content: space-between;
                                    width: 100%;
                                    margin: 0;
                                    &__detail {
                                        width: 100%;
                                        font-size: .9rem;
                                        text-align: right;
                                        svg {
                                            fill: #204f9b;
                                            width: 8%;
                                        }
                                    }
                                }
                            }
                            &__image {
                                width: 25%;
                                @include tab {
                                    width: 100%;
                                }
                                img {
                                    @include tab {
                                        width: 50%;
                                        float: right;
                                    }
                                    @include sp {
                                        width: 60%;
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
    .pnavi {
        ul.page-numbers {
            li {
                border-color: #162E50;
                span.page-numbers.current {
                    background-color: #162E50;
                }
                a {
                    color: #162E50;
                    &:hover {
                        color: #162E50 !important;
                        background-color: #eaeff6;
                    }
                }
            }
        }
    }
}
// 詳細
#archive-media {
    .csr-newslist {
        .csr-news {
            .flame-body {
                .page-content-innerwrap {
                    .page-content-div {
                        article {
                            .media-article {
                                margin-bottom: 0.75rem;
                            }
                        }
                        .back-button {
                            button {
                                background-color: #162e4f;
                                border-bottom: 0;
                                border-radius: 50px;
                                color: white;
                                padding: .3rem 3rem;
                            }
                        }
                    }
                }
            }
        }
    }
}

// 記事検索
.media-search {
    margin-bottom: 3rem;
    border: solid 1px #CED1D6;
    h2 {
        font-size: 1.2rem;
        color: #162E50;
        padding: 0.5rem;
        border-bottom: solid 1px #CED1D6;
    }
    .cat-list {
        padding: .5rem;
        border-bottom: solid 1px #CED1D6;
        h3 {
            font-size: 1rem;
            margin-bottom: .5rem;
        }
        .acor-menu {
            background-color: #162E50;
            color: white;
            padding: .25rem .5rem;
            position: relative;
            cursor: pointer;
            font-size: .9rem;
            &:before {
                content: "";
                width: 10px;
                height: 10px;
                position: absolute;
                top: 28%;
                right: 1rem;
                border: 0px solid transparent;
                border-top: 4px solid white;
                border-left: 4px solid white;
                -webkit-transform: rotate(-135deg);
                transform: rotate(-135deg);
                border-radius: 2px;
                margin: auto;
            }
        }
        .acor-menu.opened {
            &:before {
                top: 36%;
                -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
                transition-duration: 0.3s;
            }
        }
        .acor-menu-child {
            background-color: #eaeff6;
            ul {
                margin: 0;
                padding: .5rem 1rem;
                list-style: none;
                font-size: .9rem;
                li {
                    margin-bottom: 0;
                    span {
                        padding-right: .5rem;
                    }
                    &:after {
                        content: "\03e";
                        float: right;
                    }
                }
            }
        }
    }
    .search-btn {
        background: linear-gradient(139deg, rgba(237,122,6,1) 0%, rgba(219,146,46,1) 50%, rgba(226,218,156,1) 100%);
        margin: .5rem;
        border-radius: 5px;
        box-shadow: 1rem 1.5rem 1.5rem rgba(0, 0, 0, 0.15);
        button {
            p {
                color: white;
            }
        }
        &:hover {
            box-shadow: none;
        }
    }
}

/**********************************************
*　全国加盟ペット霊園リスト
***********************************************/
#cemetery-list {
    margin: 0 auto 1rem;
    width: 100%;
    h3 {
        width: 100%;
    }
    div {
        h4 {
            text-align: left;
            border: none;
            width: 100%;
            padding: .3em;
            display: inline-block;
            line-height: 1.1;
            background: #dbf1f8;
            vertical-align: middle;
            border-radius: 25px;
            margin: 1.5rem auto 0;
            color: black;
            &::before {
                content: '\025cf';
                color: white;
                margin-right: 8px;
            }
        }
        div {
            h5 {
                padding: .25em .5rem;
                border-radius: 25px;
                text-align: center;
                margin: 1.5rem .15rem 0 2rem;
                font-size: 1.15rem;
                width: 20%;
                color: white;
                background-color: #7AC174;
                &::before {
                    display: none;
                }
                @include sp-wide {
                    text-indent: 0;
                    width: 43%;
                    margin-left: 0;
                };
            }
            .cemetery {
                width: 90%;
                margin: .5rem auto;
                display: -webkit-flex;
                display: -ms-flexbox;
                @include sp-wide {
                    display: block;
                    margin-bottom: 1rem;
                    width: 100%;
                };
                &__name {
                    background-color: #faf6f2;
                    width: 70%;
                    border: solid 1px white;
                    @include sp-wide {
                        width: 100%;
                    };
                    &__item {
                        background-color: #f0e8de;
                        padding: .1rem .5rem;
                        border-bottom: solid 2px white;
                    }
                    &__detail {
                        padding: .1rem .5rem;
                        p {
                            color: #936a50;
                            &:hover {
                                opacity: .6;
                            }
                        }
                    }
                }
                &__tel{
                    width: 38%;
                    margin: 0 auto;
                    border: solid 1px white;
                    background-color: #faf6f2;
                    @include sp-wide {
                        width: 100%;
                        display: -webkit-flex;
                        display: -ms-flexbox;
                    };
                    &__item {
                        background-color: #f0e8de;
                        border-bottom: solid 2px white;
                        padding: .1rem .5rem;
                        @include sp-wide {
                            width: 20%;
                            text-align: center
                        };
                    }
                    &__number {
                        padding: .1rem .5rem;
                    }
                }
                &__address {
                    width: 61%;
                    border: solid 1px white;
                    background-color: #faf6f2;
                    @include sp-wide {
                        width: 100%;
                        display: -webkit-flex;
                        display: -ms-flexbox;
                    };
                    &__item {
                        background-color: #f0e8de;
                        border-bottom: solid 2px white;
                        padding: .1rem .5rem;
                        @include sp-wide {
                            width: 20%;
                            text-align: center
                        };
                    }
                    &__number {
                        padding: .1rem .5rem;
                    }
                }
            }
        }
    }
}

.pet-list {
    margin: .5rem auto 0;
    padding: .2rem .2rem .2rem .5rem;
    width: 95%;
    background-color: white;
    @include pc-md {
        background-color: transparent;
    }
    button {
        padding: 0 !important;
        border: none;
        box-shadow: none;
        border-bottom: solid 1px black;
        border-radius: 0 !important;
        p {
            &::after {
                display: none !important;
            }
        }
        @include tab {
            height: auto !important;
        };
    }
    ul {
        margin-top: .5rem;
        font-size: .9rem;
        list-style: none;
        padding-left: .5rem;
        @include pc-md {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        }
        li {
            margin-bottom: .2rem;
            position: relative;
            background-color: #dbf1f8;
            width: 94%;
            border-radius: 50px;
            padding: .1rem 1rem;
            @include pc-md {
                margin-bottom: .5rem;
                padding: .8rem 1rem;
            }
            &:last-child {
                margin-bottom: 0;
            }
            &::before {
                content: "";
                width: 15px;
                height: 15px;
                position: absolute;
                top: 50%;
                right: 16px;
                margin: auto;
                box-sizing: border-box;
                border: 8px solid transparent;
                border-top: 13px solid #5785b2;
                margin-top: -6px;
            }
        }
    }
}

/**********************************************
*　お問い合わせ
***********************************************/
.page-contact {
    min-width: 100% !important;
    .page-header {
        .page-top {
            margin-bottom: -7%;
            @include sp-wide {
                margin-bottom: 0;
            };
            &__icon {
                @include sp-wide {
                    top: 4rem;
                };
            }
        }
    }
    .columns {
        padding-bottom: 0 !important;
        @include sp-wide {
            padding-top: 0;
        };
        .container {
            display: block;
            position: relative;
            @include tab {
                max-width: 90%;
            };
            .row {
                .flame-side {
                    .side-top {
                        position: static;
                        @include tab {
                            display: block !important;
                        };
                    }
                }
                .flame-body {
                    .page-content-innerwrap {
                        .page-content-div {
                            @include sp-wide {
                                padding: 0;
                            };
                            h2 {
                                font-size: 1.2rem;
                                border-bottom: solid 2px #D9D9D9;
                                padding-bottom: .5rem;
                                padding-top: 1rem;
                                width: 100%;
                                margin-bottom: 1rem;
                                &::before {
                                    content: '\025cf';
                                    color: #16521D;
                                    margin-right: 8px;
                                }
                            }
                            .lino-bnr {
                                img {
                                    width: 100%;
                                }
                            }
                        }
                        #mail-contact {
                            margin-bottom: 5%;
                            @include tab {
                                max-width: 100%;
                            };
                            .row {
                                display: block;
                                @include tab {
                                    margin: auto;
                                };
                                .col-lg {
                                    @include sp-wide {
                                        padding: 0;
                                    };
                                    .service-experience-form {
                                        margin-top: 0 !important;
                                        .contact-flow {
                                            width: 85%;
                                            margin: 0 auto 1rem;
                                            @include tab {
                                                width: 100%;
                                            };
                                            .sp {
                                                display: none;
                                                @include sp-wide {
                                                    display: block;
                                                };
                                            }
                                            .pc {
                                                @include sp-wide {
                                                    display: none;
                                                };
                                            }
                                        }
                                        p {
                                            text-align: center;
                                            @include tab {
                                                text-align: left;
                                            };
                                        }
                                        .mx-auto {
                                            button {
                                                input {
                                                    border: none;
                                                    background: none;
                                                    padding: 0;
                                                }
                                            }
                                            .index-btn {
                                                border-color: transparent;
                                                &:hover {
                                                    background-color: #6b7b6a;
                                                    border-color: transparent;
                                                    color: white;
                                                }
                                                &:active {
                                                    background-color: #6b7b6a;
                                                }
                                            }
                                        }
                                        .inputbox {
                                            margin-bottom: 0 !important;
                                            &:first-child {
                                                @include sp-wide {
                                                    margin-top: 1rem !important;
                                                };
                                            }
                                            .container {
                                                margin-top: 0 !important;
                                                @include tab {
                                                    max-width: 100%;
                                                    margin-bottom: 0 !important;
                                                    padding: 0;
                                                };
                                                .row {
                                                    display: table;
                                                    padding: 1rem 0;
                                                    width: 100%;
                                                    @include tab {
                                                        border-bottom: 1px solid #d9d9d9;
                                                    };
                                                    @include sp-wide {
                                                        display: -webkit-flex;
                                                        display: -ms-flexbox;
                                                    };
                                                    .inputarea {
                                                        display: table-cell;
                                                        vertical-align: middle;
                                                        margin-bottom: 0 !important;
                                                        width: 62.4%;
                                                        @include tab {
                                                            padding-top: 3%;
                                                            border: none;
                                                            width: 49.4%;
                                                        };
                                                        @include sp-wide {
                                                            display: block;
                                                        };
                                                    }
                                                    .titlearea {
                                                        padding-top: 0 !important;
                                                        display: table-cell;
                                                        vertical-align: middle;
                                                        width: 25%;
                                                        @include tab {
                                                            width: 34%;
                                                        };
                                                        @include sp-wide {
                                                            display: block;
                                                            flex: 0 0 70%;
                                                            max-width: 70%;
                                                        };
                                                    }
                                                    .text-center-right {
                                                        text-align: center !important;
                                                        display: table-cell;
                                                        vertical-align: middle;
                                                        width: 13%;
                                                        @include tab {
                                                            width: 17%;
                                                        };
                                                        @include sp-wide {
                                                            display: block;
                                                            flex: 0 0 30%;
                                                            max-width: 30%;
                                                        };
                                                    }
                                                }
                                            }
                                        }
                                        div {
                                            .index-btn {
                                                @include sp-wide {
                                                    width: 100%;
                                                };
                                            }
                                        }
                                        .privacy {
                                            margin-top: 2rem;
                                            padding-bottom: 2rem;
                                            @include sp-wide {
                                                padding: 0;
                                            };
                                            .privacy-note {
                                                @include tab {
                                                    text-align: left !important;
                                                };
                                            }
                                        }
                                        .privacy-confirmation {
                                            display: none;
                                        }
                                    }
                                }
                            }
                        }
                        #tel-contact {
                            margin-bottom: 9%;
                            .contact-ryno-div {
                                margin-top: 1rem !important;
                                .tel-mobile {
                                    background-color: #fff5da;
                                    padding: .7rem 0 !important;
                                    .tel-mobile-item {
                                        border-bottom: solid 1px #e99659;
                                        width: 90%;
                                        margin: 0 auto;
                                    }
                                    div {
                                        align-items: center;
                                        font-size: 1.5rem;
                                        justify-content: center;
                                        -webkit-justify-content: center;
                                        margin-top: .3rem;
                                        .tel-imgbox {
                                            background-color: #e99659;
                                            width: 5.5%;
                                            border-radius: 50px;
                                            padding: .15rem;
                                            @include sp-wide {
                                                width: 35px;
                                                height: 35px;
                                            };
                                        }
                                    }
                                }
                                .tel-free {
                                    margin-bottom: 2%;
                                    @include sp-wide {
                                        margin: 0 0 2% !important;
                                    };
                                    div {
                                        align-items: center;
                                        font-size: 1.5rem;
                                        justify-content: center;
                                        -webkit-justify-content: center;
                                        margin-top: .3rem;
                                        .tel-imgbox {
                                            background-color: #709ce7;
                                            width: 5.5%;
                                            border-radius: 50px;
                                            padding: .15rem;
                                            @include sp-wide {
                                                width: 35px;
                                                height: 35px;
                                            };
                                        }
                                        p {
                                            background: none;
                                        }
                                    }
                                    p {
                                        background-color: #e6f3ff;
                                        border-radius: 50px;
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}

.questionnaire-note {
    background-color: #fffdf0;
    padding: 1rem 1.5rem !important;
    margin-bottom: 5%;
    position: relative;
    .questionnaire-link {
        text-align: center;
        font-size: 1.2rem;
        background-color: #509e99;
        border-radius: 10px;
        width: 30%;
        margin: 1rem auto 0;
        @include tab {
            width: 40%;
        };
        @include sp-wide {
            width: 100%;
        };
        &:hover {
            opacity: .65;
        }
        a {
            button {
                p {
                    color: white;
                }
            }
        }
        p {
            color: white;
        }
    }
    .raino {
        position: absolute;
        width: 10%;
        bottom: 0;
        right: 28%;
        @include tab {
            right: 26%;
        };
        @include sp-wide {
            right: 13%;
            width: 15%;
        };
        @include sp-slim-max {
            right: 3%;
            width: 20%;
        };
        @include sp-minimun {
            right: 0;
        };
    }
}

/**********************************************
*　お問い合わせ（確認・完了画面）
***********************************************/
.confirmation,
.thanks {
    .page-header {
      .container {
        @include tab {
            max-width: 100%;
        };
      }
    }
    .columns {
        @include sp-wide {
            padding-top: 2rem;
        };
        .container {
            padding: 0;
            @include tab {
                max-width: 100%;
            };
            .row {
                width: 100%;
                margin: auto;
                .flame-body {
                    max-width: 75% !important;
                    flex: 0 0 75% !important;
                    margin: 0 auto;
                    width: 100%;
                    padding: 0;
                    @include pc-md {
                        max-width: 100% !important;
                        flex: 0 0 100% !important;
                    };
                    @include tab {
                        max-width: 85% !important;
                        flex: 0 0 85% !important;
                    };
                    .page-content-innerwrap {
                        #mail-contact {
                            margin-top: 0 !important;
                            @include sp-wide {
                                padding: 0;
                            };
                            .row {
                                display: block;
                                width: 100%;
                                margin: auto;
                                .col-lg {
                                    padding: 0;
                                    .service-experience-form {
                                        ul {
                                            li {
                                                .stephead_content_item--current {
                                                    p {
                                                        .cl_gr {
                                                            color: white;
                                                        }
                                                    }
                                                }
                                            }
                                        }
                                        .inputbox {
                                            .container {
                                                .row {
                                                    .titlearea {
                                                        width: 30%;
                                                    }
                                                    .inputarea {
                                                        width: 57.4%;
                                                        @include tab {
                                                            padding-top: 0;
                                                        }
                                                    }
                                                }
                                            }
                                        }
                                        div {
                                            form {
                                                .privacy {
                                                    display: none;
                                                }
                                                .privacy-confirmation {
                                                    display: none;
                                                }
                                                div {
                                                    .submit {
                                                        &:hover {
                                                            background-color: #8bb987;
                                                        }
                                                    }
                                                    .confirm__back {
                                                        background-color: #b0b6b3;
                                                        border: none;
                                                        &:hover {
                                                            background-color: #dbdbdb;
                                                        }
                                                    }
                                                    input {
                                                        @include sp-wide {
                                                            width: 100% !important;
                                                            margin-bottom: 0 !important;
                                                        };
                                                    }
                                                    .wpcf7-previous {
                                                        padding: .35rem;
                                                        border-radius: 5px;
                                                        border: solid 1px #28a745;
                                                        color: #28a745;
                                                        background-color: white;
                                                        margin: 1rem auto .5rem !important;
                                                    }
                                                }
                                                .mx-auto {
                                                    @include sp-wide {
                                                        margin-bottom: 4rem;
                                                    };
                                                    .inputbox {
                                                        .container {
                                                            .row {
                                                                .inputarea {
                                                                    padding-top: 0;
                                                                }
                                                            }
                                                        }
                                                    }
                                                }
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}

.confirmation {
    .columns {
        .container {
            .row {
                display: block;
            }
        }
    }
}

/**********************************************
*　代表理事長目安箱
***********************************************/
.page-suggestion {
    .page-header {
        .container {
            max-width: 100%;
        }

        .page-top {
            @include sp-wide {
                margin-bottom: 6%;
            }
        }
    }

    .columns {
        .container {
            margin-top: 0;

            .row {
                .flame-body {
                    max-width: 90%;
                    flex: 0 0 90%;
                    margin: 0 auto;

                    @include sp-wide {
                        padding: 0;
                    }

                    ;

                    .page-content-innerwrap {
                        div {
                            form {
                                #mail-contact {
                                    @include sp-wide {
                                        padding: 0;
                                    }

                                    ;

                                    .row {
                                        .col-lg {
                                            @include sp-wide {
                                                padding: 0;
                                            }

                                            ;

                                            .service-experience-form {
                                                .contact-flow {
                                                    width: 70% !important;
                                                }

                                                p {
                                                    text-align: left;
                                                }
                                            }
                                        }
                                    }
                                }
                            }
                        }

                        #mail-contact {
                            .row {
                                .col-lg {
                                    .service-experience-form {
                                        .contact-flow {
                                            width: 75% !important;

                                            @include tab {
                                                width: 100% !important;
                                            }

                                            ;
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}

.page-suggestion.thanks,
.page-suggestion.confirmation {
    .page-suggestion {
        .page-header {
            .page-top {
                @include sp-wide {
                    margin-bottom: 0;
                }

                ;
            }
        }
    }

    .columns {
        .container {
            margin-top: 0;

            .row {
                .flame-body {
                    max-width: 85%;
                    flex: 0 0 85%;
                    margin: 0 auto;

                    @include tab {
                        max-width: 100%;
                        flex: 0 0 100%;
                    }

                    ;

                    .page-content-innerwrap {
                        .questionnaire-note {
                            display: none;
                        }

                        div {
                            form {
                                #mail-contact {
                                    margin-top: 0 !important;
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}

/**********************************************
*　新規会員紹介
***********************************************/
.page-introduce {
    .columns {
        padding-bottom: 5%;
        .page-content-innerwrap {
            border: solid 2px #61829e;
            border-radius: 15px;
            padding: 1rem;
            width: 49% !important;
            display: -webkit-flex;
            display: -ms-flexbox;
            justify-content: space-between;
            -webkit-justify-content: space-between;
            flex-direction: column;
            margin-bottom: 1.5rem;
            @include tab {
                margin-bottom: 1rem;
            };
            @include sp-wide {
                width: 100% !important
            };
            h3 {
                line-height: 1.8rem;
                text-indent: -1.7rem;
                padding-left: 1.8rem;
            }
            div.mx-auto {
                background-color: #1A578B;
                padding: .25rem .5rem;
                text-align: center;
                border-radius: 50px;
                margin: 1rem auto;
                box-shadow: 0 0.35rem 0.35rem rgba(0,0,0,.2);
                a {
                    button {
                        color: white;
                    }
                }
            }
            .pop-up-child{
                .close-modal{
                    width: 100%;
                }
                .mail-n-title{
                    border-bottom: 1px solid #1a588b;
                }
            }
        }
        .manual-wrap{
            background: aliceblue;
            border-radius: 15px;
            h3{
                border-bottom: 2px solid white;
            }
            a{
                button{
                    background-color: #1A578B;
                    padding: .25rem .5rem;
                    text-align: center;
                    border-radius: 50px;
                    margin: 1rem auto;
                    box-shadow: 0 0.35rem 0.35rem rgba(0,0,0,.2);
                    color: white;
                }
            }
        }
    }
}

.page-introduce.ps_member,
.page-introduce.ks_member {
    .columns {
        .container {
            justify-content: center;
            -webkit-justify-content: center;
            @include sp-wide {
                display: block;
            };
            .page-content-innerwrap {
                border: none;
                border-radius: 0;
                padding: 0;
                width: 100% !important;
                div {
                    width: 60% !important;
                }
            }
        }
    }
}

/**********************************************
*　新規会員登録
***********************************************/
.page-regist {
    // margin-top: 5.5 !important;
    // @include sp-wide {
    //     margin-top: 12rem !important;
    // };
    min-width: 100% !important;
    .page-header {
        .page-top {
            margin-bottom: -7%;
            @include sp-wide {
                margin-bottom: 0;
            };
            &__icon {
                @include sp-wide {
                    top: 4rem;
                };
            }
        }
    }
    .columns {
        // padding-bottom: 5%;
        // @include tab {
        //     padding-top: 4rem;
        // }
        @include sp-wide {
            padding-top: 6rem;
        };
        .page-content-innerwrap {
            margin-top: 0;
            &>p {
                text-align: center;
                padding: 1.5rem 1rem;
                background-color: #fffdf0;
                @include sp-wide {
                    text-align: left;
                };
            }
            .join {
                // display: -webkit-flex;
                // display: -ms-flexbox;
                // justify-content: center;
                // -webkit-justify-content: center;
                // @include tab {
                //     display: block;
                // };
                .page-content-div {
                    @include tab {
                        width: 100%;
                        margin-bottom: 1rem;
                    };
                    div {
                        // background-color: #1A578B;
                        a {
                            button {
                                color: white;
                            }
                        }
                    }
                    h3 {
                        line-height: 1.8rem;
                        text-indent: -1.7rem;
                        padding-left: 1.8rem;
                    }
                    // form {
                        // .login-form {
                            // background: none;
                            // box-shadow: none;
                            // div {
                            //     text-align: left;
                            //     background: none;
                            //     box-shadow: none;
                            //     width: 100% !important;
                            //     margin-bottom: 0;
                            //     justify-content: center;
                            //     -webkit-justify-content: center;
                                // label {
                                //     width: 130px !important;
                                // }
                                // button {
                                //     width: 40% !important;
                                //     margin-bottom: 0 !important;
                                // }
                            // }
                        // }
                    // }
                }
                .membership {
                    border-color: #0078ab;
                    div {
                        position: relative;
                        top: 50%;
                        margin-top: -4rem;
                        height: 15%;
                        font-size: 1rem;
                        line-height: 2.8rem;
                        background-color: #0078ab;
                        @include tab {
                            margin-top: 0;
                        };
                    }
                    h3 {
                        &::before {
                            color: #0078ab;
                        }
                    }
                }
            }
        }
    }
}



/**********************************************
*　おすすめ団体保険
***********************************************/
.page-insurance {
    .columns {
        .insurance-name {
            line-height: 1.8rem;
            text-indent: -1.7rem;
            padding-left: 1.8rem;
            font-size: 1.2rem;
            border-bottom: solid 2px #d9d9d9;
            padding-bottom: 0.5rem;
            margin-bottom: 0.8rem;
            &::before {
                content: '\025cf';
                color: $about-color;
                margin-right: 8px;
            }
        }
        .insurance-list {
            &__content {
                width: calc(100% - 1.8rem * 2);
            }
            .page-content-innerwrap {
                border: none;
                border-radius: 0;
                a {
                    &:hover {
                        opacity: .65;
                    }
                }
                img {
                    box-shadow: 0 0.35rem 0.35rem rgba(0,0,0,.2);
                }
            }
        }
        .net-insurance {
            border: none;
            .net-about {
                display: -webkit-flex;
                display: -ms-flexbox;
                justify-content: center;
                -webkit-justify-content: center;
                align-items: center;
                margin: 0 auto;
                width: calc(100% - 1.8rem * 2);
                @include sp-wide {
                    display: block;
                };
                &__detail {
                    font-size: 1.1rem;
                    width: 68%;
                    @include sp-wide {
                        width: 100%;
                    };
                }
                &___img {
                    width: 32%;
                    padding-left: 1rem;
                    @include sp-wide {
                        width: 100%;
                        padding: 0;
                    };
                    img {
                        box-shadow: 0 0.35rem 0.35rem rgba(0,0,0,.2);
                        @include sp-wide {
                            width: 100%;
                            margin-top: .5rem;
                        };
                    }
                    &__campaign {
                        margin-top: .7rem;
                        text-align: center;
                        @include sp-wide {
                            text-align: left;
                        };
                        p {
                            margin-bottom: 0;
                            line-height: 1.5rem;
                        }
                    }
                }
            }
        }
    }
}

// K会員
.page-insurance.k_member,
.page-insurance.ks__member {
    .columns {
        .insurance-campaign {
            border-color: #83bb61;
            .copy {
                color: #5a8341;
            }
        }
    }
}

// P会員
.page-insurance.p_member,
.page-insurance.ps_member {
    .columns {
        .insurance-campaign {
            border-color: #6eabe5;
            .copy {
                color: #385e82;
            }
        }
    }
}

/**********************************************
*　団体総合生活補償保険
***********************************************/
.page-sonpo {
    .page-header {
        padding-bottom: 2rem;
    }
    .columns {
        .page-content-innerwrap {
            .link-list {
                display: -webkit-flex;
                display: -ms-flexbox;
                justify-content: space-between;
                -webkit-justify-content: space-between;
                width: 70%;
                margin: 5% auto 5%;
                @include tab {
                    width: 80%;
                };
                @include sp-wide {
                    width: 100%;
                    display: block;
                };
                .link-btn {
                    width: calc(100% / 3);
                    margin-bottom: .5rem;
                    @include sp-wide {
                        width: 100%;
                        margin: 0 auto .5rem;
                    };
                    button {
                        color: white;
                        background-color: #357ed2;
                        padding: .5rem 1rem;
                        border-radius: 50px;
                        box-shadow: .1rem .2rem .2rem rgba(0, 0, 0, 0.15);
                        position: relative;
                        &::before {
                            display: none;
                        }
                        &::after {
                            margin-top: -6px;
                        }
                        @include sp-wide {
                            margin: 0 auto .5rem;
                            width: 70%;
                        };
                    }
                    .app-btn {
                        background-color: #ff7817;
                        @include sp-wide {
                            margin-top: 1rem;
                        };
                    }
                }
                p {
                    font-size: .8rem;
                    padding-left: 1rem;
                    @include sp-wide {
                        text-align: center;
                        padding-left: 0;
                    }
                }
            }
            .page-content-div {
                section {
                    margin: 3% 0;
                    h2 {
                        font-size: 1.3rem;
                        color: white;
                        background-color: #369642;
                        padding: .5rem 1rem;
                        border-radius: 50pc;
                        margin-bottom: 1rem;
                    }
                    .application-detail {
                        padding-left: 1rem;
                        p {
                            line-height: 1.8rem;
                            span {
                                font-size: 1.5rem;

                            }
                            .reception-time {
                                font-size: .9rem;
                            }
                            .sp-br {
                                display: none;
                                @include sp-wide {
                                    display: block;
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}

/**********************************************
*　全厚済ケアプラス保険
***********************************************/
// k会員,ks会員
.care-plus.k_member,
.care-plus.ks_member {
    .columns {
        .page-content-innerwrap {
            .link-list {
                .link-btn {
                    width: calc(100% / 2);
                }
            }
        }
    }
}

/**********************************************
*　『全厚済ケアプラス保険』 告知内容
***********************************************/
.page-care {
    .page-header {
        .page-top {
            margin-bottom: 0;
            height: 12rem;
            @include tab {
                height: 10rem;
            }
            &__icon {
                background: rgba(255, 255, 255, .8);
                border-bottom: none;
            }
        }
    }
    .columns {
        .flame-body {
            width: 100%;
            .page-content-innerwrap {
                .notice-detail {
                    margin-bottom: 0;
                    table,th,td {
                        border: none;
                    }
                    table {
                        margin: 0.5rem auto;
                    }
                    ul {
                        font-size: 1rem;
                        padding: 1.5rem 1rem;
                        margin: 0;
                        li {
                            margin-bottom: 0.5em;
                        }
                    }
                    .care-notice {
                        list-style: decimal;
                        background-color: #fffcf0;
                        width: 100%;
                        padding: 1.5rem 4rem;
                        margin-bottom: 2rem;
                        @include sp-wide {
                            padding: 1rem 2.5rem;
                        };
                    }
                    .care-item {
                        text-align: left;
                        border: none;
                        width: 100%;
                        padding: .5em;
                        line-height: 1.1;
                        background: #dbf1f8;
                        vertical-align: middle;
                        border-radius: 25px;
                        color: black;
                        margin: 0 auto;
                        border-bottom: none;
                        &::before {
                            content: '\025cf';
                            color: white;
                            margin-right: 8px;
                        }
                        @include sp-wide {
                            text-indent: -33px;
                            padding-left: 3.5rem;
                            line-height: 1.5;
                        };
                    }
                    .symptoms {
                        display: -webkit-flex;
                        display: -ms-flexbox;
                        -ms-flex-wrap: wrap;
                        -webkit-flex-wrap: wrap;
                        border: solid 2px #dbf1f8;
                        width: 100%;
                        position: relative;
                        bottom: 2.3rem;
                        padding-top: 3.5rem;
                        z-index: -1;
                        border-radius: 20px;
                        @include sp-wide {
                            display: block;
                        };
                        li {
                            width: 45%;
                            margin: 0 .2rem 0 2rem;
                            font-size: .95rem;
                            line-height: 1.45rem;
                            @include sp-wide {
                                width: 84%;
                                margin-bottom: .65rem;
                            };
                        }
                    }
                }
                .care-receive {
                    margin: 2rem 0 2.5rem;
                    text-align: center;
                    position: relative;
                    @include sp-wide {
                        text-align: left;
                    };
                    &::before {
                        border-radius: 2px;
                        content: "";
                        width: 40px;
                        height: 40px;
                        position: absolute;
                        transform: translate(0, -50%);
                        right: 45%;
                        top: -21%;
                        margin: auto;
                        box-sizing: border-box;
                        border: 37px solid transparent;
                        border-top: 26px solid #5f68a0;
                        @include sp-wide {
                            right: 40%;
                        };
                        @include sp-minimun {
                            right: 37%;
                        };
                    }
                }
                .page-content-div {
                    h3 {
                        width: 100%;
                        text-indent: -30px;
                        padding-left: 3rem;
                        line-height: 1.7;
                        font-size: 1.2rem;
                        border-bottom: solid 2px #d9d9d9;
                        padding-bottom: 0.5rem;
                        padding-top: 1rem;
                        margin-bottom: 1rem;
                        &::before {
                            content: '\025cf';
                            color: #16521d;
                            margin-right: 8px;
                        }
                    }
                    ul{
                        width: 92%;
                    }
                    .service-note {
                        width: 90%;
                        margin: 1rem auto 0;
                        position: relative;
                        button {
                            width: 100%;
                            margin-top: .5rem;
                            border: none;
                            background-color: $lifesupport-subcolor;
                            text-align: left;
                            display: -webkit-flex;
                            display: -ms-flexbox;
                            -ms-flex-wrap : wrap;
                            -webkit-flex-wrap : wrap;
                            align-items: center;
                            img{
                                width: 35px;
                                height: 35px;
                                @include tab {
                                    width: 30px;
                                    height: 30px;
                                };
                                @include sp-wide {
                                    width: 25px;
                                    height: 25px;
                                };
                            }
                        }
                        p {
                            text-indent: -1.2rem;
                            padding-left: .8rem;
                            @include tab {
                                text-indent: -.2rem;
                            };
                            @include sp-wide {
                                text-indent: -1.3rem;
                                padding-left: 1.5rem;
                                padding-right: .5rem !important;
                            };
                            @include sp {
                                padding-left: 2.5rem;
                                text-indent: -2.3rem;
                            };
                        }
                        .btn-primary {
                            @include tab {
                                padding: .2rem .5rem;
                            };
                            p {
                                width: 100%;
                                position: relative;
                                @include tab {
                                    width: 89%;
                                };
                                @include sp {
                                    width: 90%;
                                    padding-right: 2rem;
                                };
                            }
                        }
                        .acor-menu {
                            position: relative;
                            &:before {
                                width: 25px;
                                height: 25px;
                                -webkit-border-radius: 50%;
                                border-radius: 50%;
                                background: white;
                                content: "";
                                position: absolute;
                                right: 1%;
                                top: 50%;
                                margin-top: -12px;
                                @include sp {
                                    width: 20px;
                                    height: 20px;
                                };
                            }
                            &:after {
                                content: "";
                                width: 10px;
                                height: 10px;
                                position: absolute;
                                top: 38%;
                                right: .95rem;
                                border: 0px solid transparent;
                                border-top: 2px solid #707070;
                                border-left: 2px solid #707070;
                                -webkit-transform: rotate(-135deg);
                                transform: rotate(-135deg);
                                border-radius: 2px;
                                @include pc-wide {
                                    right: .85rem;
                                }
                                @include pc-md {
                                    right: .95rem;
                                }
                               @include tab {
                                    top: 34%;
                                    right: .85rem;
                                };
                                @include sp {
                                    top: .5rem;
                                    right: .55rem;
                                    width: 10px;
                                    height: 10px;
                                };
                                @include sp-minimun {
                                    top: 1.4rem;
                                }
                            }
                        }
                        .acor-menu.opened {
                            position: relative;
                            &:before {
                                margin-top: -12px;
                               @include sp {
                                    width: 20px;
                                    height: 20px;
                               };
                            }
                            &:after {
                                -webkit-transform: rotate(45deg);
                                transform: rotate(45deg);
                                margin-top: 3px;
                            }
                        }
                    }
                    .faq {
                        width: 95%;
                        margin: auto auto 0;
                        position: relative;
                        button {
                            padding: .3rem .5rem;
                            &:before,
                            &:after {
                                display: none;
                            }
                            p {
                                width: 100% !important;
                                &:before,
                                &:after {
                                    display: none;
                                }
                            }
                            .question {
                                display: -webkit-flex;
                                display: -ms-flexbox;
                                -ms-flex-wrap: wrap;
                                -webkit-flex-wrap: wrap;
                                align-items: center;
                                position: relative;
                                width: 100%;
                                padding: .3rem 0;
                                &__mark {
                                    color: black;
                                    font-weight: bolder;
                                    font-size: 1.2rem;
                                    background-color: white;
                                    border-radius: 50%;
                                    width: 35px;
                                    height: 35px;
                                    line-height: 2.1rem;
                                    padding-left: .6rem;
                                    @include pc-md {
                                        line-height: 2.4rem;
                                        padding-left: .7rem;
                                    };
                                    @include tab {
                                        width: 32px;
                                        height: 32px;
                                        line-height: 2.3rem;
                                        padding-left: .6rem;
                                    };
                                    @include sp-wide {
                                        padding-left: .7rem;
                                    };
                                }
                                &__detail {
                                    width: 80%;
                                    padding-left: .5rem;
                                    p {
                                        line-height: 1.65rem;
                                        text-indent: 0;
                                        @include sp {
                                            padding-right: 0;
                                        };
                                    }
                                    @include sp-wide {
                                        width: 72%;
                                    };
                                    @include sp-slim-max {
                                        width: 69%;
                                    }
                                    @include sp-minimun {
                                        width: 59%;
                                    };
                                }
                                &__answer {
                                    background-color: white;
                                    border-radius: 10px;
                                    margin: 0 auto;
                                    width: 12%;
                                    @include sp-wide {
                                        width: 15%;
                                    }
                                    @include sp-slim-max {
                                        width: 17%;
                                    }
                                    @include sp-minimun {
                                        width: 25%;
                                    }
                                    p {
                                        line-height: 1.3rem;
                                        text-align: center;
                                        color: black;
                                        padding: .1rem .2rem;
                                        font-size: .9rem;
                                        text-indent: 0;
                                        br {
                                            display: none;
                                        }
                                        span {
                                            display: block;
                                        }
                                    }
                                }
                            }
                        }
                        .card {
                            padding: .5rem;
                            border: none;
                            background-color: #F4F4F4;
                            margin-top: .3rem;
                            .answer {
                                display: -webkit-flex;
                                display: -ms-flexbox;
                                -ms-flex-wrap: wrap;
                                -webkit-flex-wrap: wrap;
                                justify-content: flex-start;
                                -webkit-justify-content: flex-start;
                                ul {
                                    list-style: none;
                                    text-indent: -15px;
                                    @include pc-md {
                                        padding-left: 2rem;
                                    };
                                }
                                &__mark {
                                    font-weight: bolder;
                                    font-size: 1.2rem;
                                    border-radius: 50%;
                                    width: 35px;
                                    height: 35px;
                                    line-height: 1.8rem;
                                    padding-left: .48rem;
                                    border: solid 3px #dc3545;
                                    background-color: white;
                                    @include pc-md {
                                        line-height: 2rem;
                                        padding-left: .65rem;
                                    };
                                    @include tab {
                                        padding-left: .6rem;
                                    };
                                    @include sp-wide {
                                        padding-left: .7rem;
                                    };
                                }
                                &__detail {
                                    width: 94%;
                                    @include pc-md {
                                        width: 93%;
                                    };
                                    @include tab {
                                        width: 90%;
                                    };
                                    @include sp-wide {
                                        width: 89%;
                                    };
                                    @include sp-slim-max {
                                        width: 85%;
                                    };
                                    @include sp-minimun {
                                        width: 84%;
                                    };
                                    p {
                                        text-indent: 0;
                                        @include sp-wide {
                                            padding-left: .5rem;
                                        };
                                    }
                                    table {
                                        border: none;
                                        margin: .5rem auto;
                                        tr {
                                            &:first-child {
                                                background-color: #BEE6BA;
                                            }
                                            td {
                                                border: solid 2px #f4f4f4;
                                                padding: .25rem .5rem;
                                                font-size: 1rem;
                                                background-color: white;
                                                    &:first-child {
                                                        background-color: #D6F5CC;
                                                    }
                                                p {
                                                    line-height: 1.5rem;
                                                }
                                            }
                                            &:first-child {
                                                background-color: #e5f3e1;
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}
.care-notice {
    .page-header {
        .page-top {
            // margin-bottom: -6rem;
            // @include tab {
            //     margin-bottom: -10%;
            // }
            // @include sp-wide {
            //     margin-bottom: 10%;
            // }
            // @include sp-minimun {
            //     margin-bottom: 16%;
            // }
            // &__icon {
            //     @include sp-wide {
            //         top: 90%;
            //     }
            //     h1 {
            //         @include sp-minimun {
            //             text-align: left;
            //             width: 87%;
            //         }
            //     }
            // }
        }
    }
}

/**********************************************
*　ゴルファーエイド保険
***********************************************/
// k会員,ks会員
.golfer-aid.k_member,
.golfer-aid.ks_member {
    .columns {
        .container {
            .page-content-innerwrap {
                .link-list {
                    justify-content: center;
                    -webkit-justify-content: center;
                    .link-btn {
                        p {
                            padding: 0;
                            text-align: center;
                        }
                    }
                }
            }
        }
    }
}

/**********************************************
*　資料一覧
***********************************************/
.page-document-list {
    .page-header {
        margin-bottom: 0;
        @include sp-wide {
            position: relative;
        };
        .container {
            @include sp-wide {
                position: absolute;
            };
            .breadSection {
                @include sp-wide {
                    width: 100%;
                };
            }
        }
        .page-top {
            @include sp-wide {
                margin-bottom: 2rem;
            };
        }
    }
    .columns {
        padding-top: 4rem;
        @include sp-wide {
            padding-top: 0;
        };
        .page-content-innerwrap {
            margin-top: 5rem;
            @include sp-wide {
                margin-top: 4rem;
            };
            &:first-child {
                margin-top: 0;
            }
            h2 {
                font-size: 1.3rem;
                text-align: left;
                border: none;
                width: 100%;
                padding: 0.5em;
                display: inline-block;
                line-height: 1.3;
                background: #dbf8df;
                vertical-align: middle;
                border-radius: 25px;
                margin-bottom: 1rem;
            }
            h3 {
                font-size: 1.2rem;
                border-bottom: solid 2px #D9D9D9;
                padding-bottom: 0.5rem;
                padding-top: 1rem;
                margin-bottom: 1rem;
                &::before {
                    content: '\025cf';
                    color: #16521D;
                    margin-right: 8px;
                }
            }
            .page-content-div {
                width: 90%;
                margin: 0 auto;
                ul {
                    width: 98% !important;
                    padding-left: 0 !important;
                    li {
                        display: -webkit-flex;
                        display: -ms-flexbox;
                        width: 100%;
                        justify-content: space-between;
                        -webkit-justify-content: space-between;
                        align-items: baseline;
                        border-bottom: solid 1px #D9D9D9;
                        padding: .5rem 1rem;
                        margin-bottom: 0 !important;
                        @include sp-wide {
                            display: block;
                        };
                        .document-title {
                            width: 58%;
                            @include sp-wide {
                                width: 100%;
                                margin-bottom: .5rem;
                            };
                            p {
                                line-height: 1.5;
                            }
                        }
                        .di-list {
                            width: 52%;
                            @include sp-wide {
                                width: 100%;
                            };
                            .dl-detail {
                                display: -webkit-flex;
                                display: -ms-flexbox;
                                justify-content: flex-end;
                                -webkit-justify-content: flex-end;
                                align-items: center;
                                margin-bottom: .5rem;
                                &:last-child {
                                    margin-bottom: 0;
                                }
                                @include sp-wide {
                                    display: block;
                                };
                                .dl-link {
                                    background-color: #50b6a8;
                                    border-radius: 10px;
                                    padding: .25rem .5rem;
                                    font-size: .95rem;
                                    margin-left: .5rem;
                                    width: 12rem;
                                    text-align: center;
                                    @include sp-wide {
                                        width: 100%;
                                        margin: 0;
                                    };
                                    a {
                                        button {
                                            color: white;
                                        }
                                    }
                                }
                                p {
                                    color: #17521d;
                                    line-height: 1.5;
                                    width: 8rem;
                                    text-align: right;
                                    padding-left: 1rem;
                                    @include sp-wide {
                                        width: 100%;
                                    };
                                }
                            }
                        }
                    }
                }
            }
        }
        .sp-page-top .page-content-innerwrap .link-btn a button p:after {
            @include sp-wide {
                right: 0;
            }
        }
    }
}

/**********************************************
*　アンケート
***********************************************/
.page-questionnaire {
    .page-header {
        .page-top {
            &__icon {
                @include sp-wide {
                    top: 0;
                };
            }
        }
    }
    .columns {
        @include sp-wide {
            padding-top: 2rem;
        };
        .container {
            .row {
                .flame-body {
                    margin: .5rem auto 0 ;
                    @include tab {
                        width: 95%;
                    };
                    .page-content-innerwrap {
                        .questionnaire-note {
                            margin-top: 5.5rem ;
                            @include sp-wide {
                                margin-top: 12%;
                            };
                        }
                        .tel-contact {
                            h2 {
                                @include sp-wide {
                                    text-indent: -25px;
                                    line-height: 1.8rem;
                                    padding-left: 2rem;
                                }
                            }
                            .contact-ryno-div {
                                .contact-info{
                                    width: 80%;
                                    .tel-free {
                                        p.tel-free-title{
                                            border-radius: 0 !important;
                                        }
                                        div{
                                            font-size: 1.2rem !important;
                                            .tel-imgbox {
                                                width: 34px !important;
                                                background: none !important;
                                                @include sp-wide {
                                                    height: 33px !important;
                                                };
                                                i {
                                                    color: #709ce7;
                                                    @include sp-wide {
                                                        width: 30px;
                                                        height: 32px;
                                                    };
                                                }
                                            }
                                            p{
                                                a {
                                                    color: #1a578b;
                                                }
                                            }
                                        }
                                    }
                                }
                            }
                        }
                        #mail-contact {
                            margin-bottom: 10%;
                            .row {
                                .col-lg {
                                    .service-experience-form {
                                        .inputbox {
                                            .titlearea {
                                                margin-bottom: .5rem;
                                            }
                                            .other-inputbox {
                                                padding-left: 4.5rem;
                                                margin: .5rem 0;
                                                @include sp-wide {
                                                    padding-left: 3.5rem;
                                                };
                                            }
                                            .container {
                                                padding: 0;
                                                @include tab {
                                                    border-bottom: 1px solid #dee2e6 !important;
                                                };
                                                &.watch{
                                                    span.wpcf7-list-item.last.has-free-text{
                                                        margin: auto;
                                                    }
                                                }
                                                span.wpcf7-list-item.last.has-free-text{
                                                    display: block;
                                                    margin: 0 0 0 1em;
                                                    input.wpcf7-free-text{
                                                        width: auto;
                                                    }
                                                }
                                                .row {
                                                    .titlearea {
                                                        @include sp-wide {
                                                            flex: 0 0 100%;
                                                            max-width: 100%;
                                                        };
                                                    }
                                                }
                                                .question {
                                                    font-size: 1.1rem;
                                                    background-color: #4e9657;
                                                    width: 100%;
                                                    text-align: left;
                                                    color: white;
                                                    border-radius: 11px;
                                                    padding: .25rem 1rem;
                                                    margin-bottom: .5rem !important;
                                                    @include sp-wide {
                                                        font-size: 1rem;
                                                        padding: .25rem 1.5rem;
                                                    };
                                                }
                                                .question.subquestion {
                                                    color: black !important;
                                                    background: #d9f3df !important;
                                                    font-size: .95rem !important;
                                                    margin-top: 2rem !important;
                                                    width: fit-content;
                                                }
                                                .answer {
                                                    display: -webkit-flex;
                                                    display: -ms-flexbox;
                                                    justify-content: space-between;
                                                    -webkit-justify-content: space-between;
                                                    align-items: center;
                                                    width: 96%;
                                                    margin: .5rem auto;
                                                    @include sp-wide {
                                                        align-items: baseline;
                                                    };
                                                    .text-center-right {
                                                        width: 57px;
                                                        margin-right: 1rem;
                                                    }
                                                    .titlearea {
                                                        width: 100%;
                                                        @include sp-wide {
                                                            font-size: 1rem;
                                                        };
                                                    }
                                                    .inputarea {
                                                        span {
                                                            span {
                                                                .wpcf7-list-item.first {
                                                                    @include sp-wide {
                                                                        margin: 0;
                                                                    };
                                                                }
                                                            }
                                                        }
                                                    }
                                                    .answer-area {
                                                        padding-left: 0;
                                                        span {
                                                            label {
                                                                margin-bottom: 0;
                                                            }
                                                            &:first-child {
                                                                margin: 0;
                                                            }
                                                            .wpcf7-not-valid-tip {
                                                                padding-left: 1rem;
                                                            }
                                                            span {
                                                                .wpcf7-list-item {
                                                                    @include sp-wide {
                                                                        display: block;
                                                                        margin: 0;
                                                                    };
                                                                }
                                                            }
                                                        }
                                                    }
                                                }
                                                .answer-area {
                                                    width: 100%;
                                                    padding-left: 4.5rem;
                                                    @include sp-wide {
                                                        padding-left: 3.5rem;
                                                    };
                                                    span {
                                                        span {
                                                            span {
                                                                label {
                                                                    @include sp-wide {
                                                                        text-indent: -17px;
                                                                        padding-left: 1.5rem;
                                                                    };
                                                                }
                                                            }
                                                        }
                                                    }
                                                    &.aul-radio {
                                                        .horizontal-item {
                                                            width: calc(100% / 3) !important;
                                                            margin: 0 !important;
                                                            padding-right: 1rem;
                                                            padding-left: 3rem;
                                                            text-indent: -25px;
                                                            @include sp-wide {
                                                                padding-left: 0;
                                                            }
                                                            label {
                                                                @include sp-wide {
                                                                    width: 100%;
                                                                }
                                                            }
                                                        }
                                                    }
                                                }
                                                .other-free {
                                                    margin: 1.5rem 0 .5rem 0!important;
                                                    padding-left: 0;
                                                    .other-free-answer {
                                                        margin-bottom: .5rem !important;
                                                        border-bottom: solid 1px #4e9658;
                                                    }
                                                }
                                                .check-answer {
                                                    padding-left: 5.2rem;
                                                    @include sp-wide {
                                                        padding-left: 5rem;
                                                        font-size: 1.1rem;
                                                    };
                                                }
                                            }
                                            .row {
                                                margin: 0 auto !important;
                                                .inputarea {
                                                    width: 100%;
                                                    select {
                                                        padding: .375rem 1.5rem;
                                                    }
                                                    @include sp-wide {
                                                        margin-top: 0 !important;
                                                        padding-top: 0 !important;
                                                    };
                                                }
                                                .titlearea {
                                                    width: 38% !important;
                                                }
                                            }
                                        }
                                        .first-question {
                                            margin-bottom: 3rem !important;
                                        }
                                        .third-question {
                                            margin-top: 2rem;
                                            .container {
                                                @include sp-wide {
                                                    border: none !important;;
                                                };
                                            }
                                        }
                                        div {
                                            .wpcf7c-btn-confirm,
                                            .wpcf7-submit {
                                                background-color: #16521d;
                                                border: none;
                                                width: 20%;
                                                margin: 0 auto 0 .5rem !important;
                                                &:hover {
                                                    opacity: .65;
                                                }
                                                @include sp-wide {
                                                    width: 80%;
                                                };
                                            }
                                            .wpcf7-submit {
                                                margin-left: .5rem;
                                                @include sp-wide {
                                                    margin-left: 0 !important;
                                                };
                                            }
                                        }
                                        .wpcf7-response-output {
                                            border: none;
                                            color: #dc3232;
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}

.confirmation.page-questionnaire,
.thanks.page-questionnaire {
    .columns {
        margin-top: 6%;
        .container {
            .row {
                .flame-body {
                    .page-content-innerwrap {
                        #mail-contact {
                            @include sp-wide {
                                padding: 0;
                            };
                            .row {
                                .col-lg {
                                    @include sp-wide {
                                        padding: 0;
                                    };
                                    .service-experience-form {
                                        .row {
                                            .col-lg {
                                                @include sp-wide {
                                                    padding: 0;
                                                };
                                                .service-experience-form {
                                                    form {
                                                        margin-top: 3rem;
                                                    }
                                                }
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}

.aul-questionnaire {
    .page-header {
        @include sp-wide {
            margin-bottom: 0 !important;
        }
        .page-top {
            &__back {
                .sp-bnr {
                    @include sp-wide {
                        object-fit: cover;
                        height: 17vh;
                        display: block;
                    }
                }
            }
            &__icon {
                @include sp-wide {
                    text-align: left;
                    padding: 0.5rem 1rem;
                    height: 45%;
                    margin: 3.5rem auto 0;
                }
            }
        }
    }
    .page-content-wrapper {
        .flame-body {
            .page-content-innerwrap {
                #mail-contact {
                    @include sp-wide {
                        margin-top: 0 !important;
                    }
                    .aul-textarea {
                        @include sp-wide {
                            padding-left: 15px !important;
                            padding-right: 15px;
                        }
                    }
                    .error {
                        color: #B70000;
                        display: block;
                    }
                }
            }
        }
    }
}

/**********************************************
*　特商法の記述
***********************************************/
.page-tokushouho {
    .columns {
        .container {
            .page-content-innerwrap {
                width: 80%;
                margin: 0 auto;
                @include tab {
                    width: 90%;
                };
                @include sp-wide {
                    width: 100%;
                };
                .questionnaire-note {
                    margin-top: 2.5rem;
                    .questionnaire-link {
                        @include sp-wide {
                            width: 85%;
                        };
                    }
                }
            }
        }
    }
}

/**********************************************
*　一般財団法人全国福利厚生共済会会則
***********************************************/
.page-constitution {
    .columns {
        .container {
            .page-content-innerwrap {
                width: 100%;
                .row {
                    .flame-side {
                        @include sp-wide {
                            margin-bottom: 34rem !important;
                        };
                        .page-content-innerwrap {
                            .link-btn {
                                width: 100%;
                                br {
                                    display: none;
                                }
                                button {
                                    p {
                                        display: none;
                                    }
                                    .mb-0 {
                                        display: block;
                                    }
                                }
                            }
                        }
                    }
                    .flame-body {
                        .page-content-innerwrap {
                            .page-content-div {
                                margin-bottom: 2rem;
                            }
                            ol {
                                padding-left: 2.5rem;
                                li {
                                    table {
                                        width: 100%;
                                        margin: .5rem auto 2rem;
                                        tr {
                                            td {
                                                padding: .5em 1rem;
                                            }
                                        }
                                    }
                                    .total-fee {
                                        margin-left: -.3rem !important;
                                        @include sp-wide {
                                            width: 100% !important;
                                        };
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}

/**********************************************
*　特定商取引法に関する情報
***********************************************/
.page-raw {
    .columns {
        .container {
            .page-content-innerwrap {
                .page-content-div {
                    .page-low {
                        div {
                            p {
                                width: 90%;
                            }
                        }
                        .text-center {
                            @include sp-wide {
                                display: none;
                            }
                        }
                        .sp {
                            display: none;
                            @include sp-wide {
                                display: table;
                                width: 90%;
                                margin-top: 1rem;
                            };
                            tr {
                                td {
                                    &:first-child {
                                        background-color: #f9faf9 !important;
                                    }
                                }
                            }
                            .title {
                                @include sp-wide {
                                    background-color: #e6f5db !important;
                                };
                            }
                        }
                    }
                }
            }
        }
    }
}

/**********************************************
*　プライム倶楽部会員規約
***********************************************/
.p-constitution {
    .columns {
        .container {
            .page-content-innerwrap {
                .row {
                    .flame-side {
                        @include sp-wide {
                            margin-bottom: 0 !important;
                        };
                        .page-content-innerwrap{
                            .link-btn{
                                @include pc-md {
                                    width: 50%;
                                }
                                @include sp-wide {
                                    width: 100%;
                                }
                            }
                        }
                        .link-btn{
                            button{
                                p{
                                    width: calc(100% - 30px) !important;
                                    margin: 0;
                                    &:after {
                                        right: -20px;
                                    }
                                }
                            }
                        }
                    }
                    .flame-body {
                        .page-content-innerwrap {
                            .page-content-div {
                                margin-bottom: 2rem;
                                p {
                                    width: 90%;
                                }
                                ol {
                                    padding-left: 2.5rem;
                                    li {
                                        table {
                                            width: 100%;
                                            margin: .5rem auto 2rem;
                                            tr {
                                                td {
                                                    padding: .5em 1rem;
                                                }
                                            }
                                        }
                                        .membership-fee {
                                            tr {
                                                &:first-child {
                                                    background: none;
                                                }
                                                td {
                                                    @include sp-wide {
                                                        display: block;
                                                        width: 100%;
                                                    };
                                                    &:first-child {
                                                        background-color: #d6f5cc;
                                                        width: 50%;
                                                        @include sp-wide {
                                                            width: 100%;
                                                        };
                                                    }
                                                }
                                            }
                                        }
                                        .total-fee {
                                            width: 40%;
                                            margin: .5rem 0 2rem 1.5rem;
                                            border: none;
                                            @include sp-wide {
                                                width: 80%;
                                            };
                                            tr {
                                                &:first-child {
                                                    background: none;
                                                }
                                                &:last-child {
                                                    background: #e6f5db;
                                                }
                                                td {
                                                    padding: .25em .5rem;
                                                    border: none;
                                                    @include sp-wide {
                                                        display: block;
                                                        width: 100%;
                                                    };
                                                    &:first-child {
                                                        @include sp-wide {
                                                            width: 100%;
                                                        };
                                                    }
                                                }
                                            }
                                        }
                                    }
                                }
                                ul {
                                    list-style: none;
                                    padding-left: 5.5rem;
                                    li {
                                        margin-bottom: 0;
                                        text-indent: -1.1rem;
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}

/**********************************************
*　モバイルレンタル
***********************************************/
.mobile-rental {
    background: none;
    .page-header {
        position: relative;
        .container {
            .breadSection {
                @include sp-wide {
                    margin-top: 0;
                };
            }
        }
        .page-top {
            &__title {
                &__icon {
                    border: none;
                    position: absolute;
                    display: -webkit-flex;
                    display: -ms-flexbox;
                    justify-content: center;
                    -webkit-justify-content: center;
                    -ms-flex-wrap: wrap;
                    -webkit-flex-wrap: wrap;
                    align-items: center;
                    background: rgba(255, 255, 255, 0.8);
                    width: 75%;
                    top: 0;
                    bottom: 0;
                    left: 0;
                    right: 0;
                    margin: auto;
                    height: 29%;
                    padding: 0;
                    @include tab {
                        height: 4rem;
                    }
                    @include sp-wide {
                        height: 3rem;
                    }
                }
                &__provider {
                    background-color: #ffffff54;
                    margin-top: 11%;
                    @include tab {
                        margin-top: 15%;
                    }
                    @include sp-wide {
                        margin-top: 3%;
                    }
                    .provider-note {
                        width: 75%;
                        margin: 0 auto;
                        padding: 2rem 0;
                        @include sp-wide {
                            width: 100%;
                            text-align: left;
                            padding: 2rem 1rem;
                        };
                        h4 {
                            border-bottom: solid 2px #337ab7;
                            padding-bottom: .5rem;
                        }
                        ul {
                            list-style: none;
                            padding: 0;
                            font-size: 1.3rem;
                            li {
                                margin: 0;
                            }
                        }
                    }
                }
            }
        }
    }
    .columns {
        @include tab {
            padding-top: 2rem;
        };
        .container {
            .flame-side{
                position: relative;
            }
            .flame-body {
                .page-content-innerwrap {
                    .provider-note {
                        p {
                            margin-bottom: 0;
                        }
                        ul {
                            margin-top: 0;
                            padding-left: 1.5rem;
                            li {
                                margin-bottom: 0;
                            }
                        }
                    }
                    .page-content-div {
                        .member-rank {
                            margin-bottom: 4.5rem;
                        }
                        .service_about {
                            h4 {
                                margin: 0;
                                width: 37%;
                                @include sp-wide {
                                    width: 85%;
                                };
                            }
                            .link-btn {
                                width: 40%;
                                padding-left: 0;
                                margin-bottom: .5rem;
                                @include pc-md {
                                    width: 50%;
                                };
                                @include sp-wide {
                                    width: 90%;
                                };
                                button {
                                    position: relative;
                                    &::before {
                                        background-color: $lifesupport-subcolor;
                                    }
                                    &::after {
                                        margin-top: -4px;
                                    }
                                }
                            }
                        }
                        .use {
                            &::before {
                                left: 2.5rem !important;
                                @include sp-wide{
                                    left: 2rem !important;
                                };
                            }
                            @include pc-md {
                                width: 97%;
                            };
                            &__step {
                                p {
                                    margin: 0;
                                }
                            }
                            &__detail {
                                .detail-contents {
                                    .point {
                                        &__detail {
                                            p {
                                                margin-bottom: 0 !important;
                                                width: 100% !important;
                                            }
                                            ul {
                                                list-style: none;
                                                margin-top: 4rem;
                                                li {
                                                    display: inline-flex;
                                                    ul {
                                                        margin-top: 0;
                                                        li {
                                                            display: inline-flex;
                                                        }
                                                    }
                                                }
                                            }
                                        }
                                    }
                                    .link-btn {
                                        button {
                                            p {
                                                &::before {
                                                    top: 50% !important;
                                                    background: #7bc174 !important;
                                                }
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}

/**********************************************
*　家庭用常備薬販売について
***********************************************/
.page-medicine {
    .page-header {
        margin-bottom: 0;
        .page-top {
            padding: 2rem 0;
            background: none;
            margin-bottom: 0;
            &__back {
                display: none;
            }
            &__title {
                padding-top: 6rem;
                border-bottom: solid 2px #7AC174;
                padding-bottom: .5rem;
                width: 75%;
                margin: 0 auto;
                background: none;
                @include sp-wide {
                    width: 85%;
                    padding-top: 4rem;
                }
                &__icon {
                    @include sp-wide {
                        width: 100%;
                    }
                    h1 {
                        margin-top: 2rem;
                        @include sp-wide {
                            margin-top: 1.5rem;
                        }
                    }
                }
            }
            &__provider {
                @include sp-wide {
                    margin-top: 15%;
                }
                @include sp {
                    margin-top: 3%;
                }
                .provider-note {
                    padding: 0;
                    @include sp-wide {
                        width: 85%;
                    }
                    h4 {
                        border-bottom: solid 2px #337ab7;
                        padding-bottom: .5rem;
                    }
                }
            }
        }
    }
    .columns {
        margin-top: 0;
        padding-top: .5rem;
        .container {
            width: 75%;
            @include tab {
                max-width: 85%;
            }
            @include sp-wide {
                max-width: 100%;
                width: 90%;
            }
            .flame-side {
                display: none;
            }
            .flame-body {
                width: 100%;
                .page-content-innerwrap {
                    #terms {
                        display: none;
                    }
                    .page-content-div.mb-0 {
                        display: none;
                    }
                }
            }
        }
    }
}

.page-experience {
    .pop-up-child{
        z-index: 9999;
        .modal-child{
            .pop-up-img-box{
                img{
                    max-height: 50vh;
                }
            }
        }
    }
    .page-header {
        .page-top {
            @include sp-wide {
                margin-bottom: 0;
                margin-top: 13rem;
            }
            &__back {
                img {
                    height: 19vh;
                    width: 100%;
                    object-fit: cover;
                    @include tab {
                        height: 12vh;
                    }
                    @include sp-wide {
                        height: 13vh;
                        width: 100%;
                    }
                }
            }
            &__icon {
                @include sp-wide {
                    margin-bottom: 1.5rem;
                }
            }
        }
    }
    .columns {
        padding-bottom: 0;
        @include sp-wide {
            padding-top: 0;
        }
        .page-content-innerwrap {
            width: 100%;
        }
        .search {
            form {
                @include sp-wide {
                    margin-top: 1.5rem;
                }
            }
            .search-menu {
                font-size: 1.15rem;
                color: #328747;
                i {
                    font-size: 1.5rem;
                }
            }
            .post-link {
                 @include pc-md {
                    display: block;
                    margin: .5rem .25rem 2rem;
                    border-bottom: solid 1px #d4d4d4;
                    padding-bottom: 1.5rem;
                }
                a {
                    background-color: #f49a00;
                    width: 16rem;
                    margin: 0 auto .5rem;
                    @include pc-md {
                        width: 100%;
                        margin-bottom: 0;
                        padding: .5rem 1rem !important;
                    }
                }
            }
            .search-header {
                .search-link,
                .post-link {
                    @include pc-md {
                        width: calc(100% / 2 - .5rem);
                        margin: .25rem;
                    }
                    .post-button {
                        button {
                            @include pc-md {
                                width: 100%;
                            }
                            @include sp-wide {
                                padding: .5rem 1rem !important;
                            }
                            @include sp-minimun {
                                padding: .5rem .75rem !important;
                            }
                        }
                    }
                }
                .post-link {
                    a {
                        @include pc-md {
                            width: 100%;
                        }
                        @include sp-wide {
                            padding: .5rem 1rem !important;
                        }
                        @include sp-minimun {
                            padding: .5rem .75rem !important;
                        }
                    }
                }
                .search-link {
                    button {
                        background-color: white;
                        border: solid 2px #408E54;
                        color: #408E54;
                    }
                }
            }
            .row {
                div {
                    .row {
                        height: calc(100% / 2);
                        .item-name,.item-search {
                            @include sp-wide {
                                margin-bottom: .25rem;
                            }
                        }
                        .item-name {
                            color: white;
                            background-color: #328747;
                            p {
                                font-size: .9rem;
                                @include pc-md {
                                    font-size: 1rem;
                                }
                            }
                        }
                        .item-search {
                            background-color: #f8faf2;
                            &__date {
                                width: calc((100% - 1rem) / 2);
                            }
                            &__period {
                                width: 2rem;
                            }
                            select {
                                background-image: url(/cms/wp-content/themes/zenkosai/assets/images/serviceexperience/triangle.png);
                                background-repeat: no-repeat;
                                background-size: 14px 14px;
                                background-position: right 4px center;
                                content: none;
                                appearance: none;
                            }
                        }
                    }
                }
            }
            .search-btn {
                button {
                    background-color: #166201;
                    padding: .5rem 0;
                }
            }
            .reset-btn {
                button {
                    color: #166201;
                    padding: .5rem 0;
                    border: solid 1px #166201;
                }
            }
        }
        .post-list {
            padding: 3rem 0 4.5rem;
            background-color: #F8FAF2;
            .page-content-div {
                .report-image {
                    display: -webkit-flex;
                    display: -ms-flexbox;
                    display: flex;
                    @include tab {
                        margin-bottom: .5rem;
                    }
                    .photo_space_images {
                        width: 23%;
                        // margin-right: .5rem;
                        position: relative;
                        max-height: 10vh;
                        overflow: hidden;
                        @include tab {
                            width: calc(100% / 3);
                            max-height: 6vh;
                        }
                        @include sp {
                            max-height: 10vh;
                        }
                        &:hover {
                            opacity: .6;
                        }
                        &:last-child {
                            margin-right: 0;
                        }
                    }
                }
            }
            .post-link {
                @include tab {
                    position: fixed;
                    bottom: -17px;
                    z-index: 1;
                    width: 85%;
                    right: 0;
                    left: 0;
                }
                .post-button {
                    text-align: center;
                    margin-top: 1.5rem;
                    button {
                        background-color: white;
                        color: #16521D;
                        border: solid 2px #16521D;
                        padding: .5rem 0;
                        font-weight: bold;
                        @include tab {
                            width: 100%;
                            margin-bottom: 0;
                            padding: 1rem 0 2rem;
                            border-radius: 12px;
                        }
                    }
                }
            }
        }
        .satisfaction-txt {
            font-size: .9rem;
            position: relative;
            bottom: .25rem;
            color: #6d6d6d;
            i {
                color: #f1b615;
            }
        }
        .service-link {
            width: 80%;
            width: fit-content;
            position: relative;
            a {
                color: #212529;
                padding-right: 5rem;
                @include sp {
                    padding-right: 4rem;
                }
                &:hover {
                    color: #212529;
                    opacity: .6;
                }
                &::before {
                    content: "";
                    position: absolute;
                    right: 13px;
                    top: 50%;
                    transform: translateY(-50%);
                    width: 30px;
                    height: 30px;
                    -webkit-border-radius: 50%;
                    border-radius: 50%;
                }
                &::after {
                    content: "";
                    width: 10px;
                    height: 10px;
                    position: absolute;
                    top: 47%;
                    right: 28px;
                    border: 0px solid transparent;
                    border-top: 2px solid #fff;
                    border-right: 2px solid #fff;
                    -webkit-transform: rotate(45deg) translateY(-50%);
                    transform: rotate(45deg) translateY(-50%);
                    border-radius: 2px;
                }
            }
        }
        .pnavi{
            ul.page-numbers{
                li{
                    border-color: #166201;
                    background: white;
                    a{
                        color: #166201;
                        &:hover {
                            background-color: #166201;
                        }
                    }
                    span.page-numbers.current{
                        background-color: #166201;
                    }
                    span.page-numbers.dots {
                        color: #166201 !important;
                    }
                }
            }
        }
    }
}

/**********************************************
*　サービス利用体験談詳細
***********************************************/
.single-experience {
    .columns {
        padding-top: 4rem;
        .article-title {
            h1 {
                letter-spacing: .4rem;
                font-weight: bold;
                margin-bottom: 0;
            }
            .service-icon {
                img {
                    width: 90px;
                    height: 90px;
                    @include sp {
                        width: 75px;
                        height: 75px;
                    }
                }
            }
            .service-txt {
                .service-name {
                    font-size: 1.2rem;
                }
            }
        }
        .report-detail {
            background-color: #f7fcf4;
            .report-txt {
                border-top: 1px dashed #9dc991;
            }
            .report-image {
                display: -webkit-flex;
                display: -ms-flexbox;
                margin-bottom: 1rem;
                @include sp-wide {
                    display: block;
                }
                .photo_space_images {
                    width: 32%;
                    margin-right: 1.5rem;
                    position: relative;
                    max-height: 12rem;
                    overflow: hidden;
                    background-color: white;
                    @include sp-wide {
                        width: 100%;
                        margin: 0 auto 1rem;
                    }
                    &:last-child {
                        margin-right: 0;
                    }
                    img {
                        width: 100%;
                    }
                    .glass_zoom {
                        position: absolute;
                        bottom: 0;
                        right: 0;
                        background-color: cadetblue;
                        color: white;
                        i {
                            font-size: 1rem !important;
                            padding: .5rem !important;
                        }
                    }
                    &:hover {
                        opacity: .6;
                    }
                    &+.modal_box {
                        .modal_inner {
                            padding: 4rem;
                        }
                        img {
                            object-fit: contain;
                            width: 100%;
                            height: 100%;
                        }
                    }
                }
            }
            .contributor {
                &__icon {
                    img {
                        width: 35px;
                        height: auto;
                    }
                }
            }
        }
        .report-footer {
            background-color: white;
        }
        .post_date {
            font-size: .9rem;
            color: #989898;
        }
        .post-link {
            display: -webkit-flex;
            display: -ms-flexbox;
            margin-bottom: 3rem !important;
            justify-content: center;
            -webkit-justify-content: center;
            @include sp-wide {
                display: block;
                margin-top: 3rem !important;
            }
            .post-button {
                button {
                    padding: .5rem 0;
                    background-color: white;
                    padding: .5rem 0;
                    font-weight: bold;
                    @include sp-wide {
                        width: 100%;
                        margin-top: 0;
                    }
                }
            }
            .report-list {
                margin-right: 1rem;
                @include sp-wide {
                    margin-right: 0;
                }
            }
        }
        .search {
            background-image: url(/cms/wp-content/themes/zenkosai/assets/images/icons/csr/paper-bg.png);
            background-repeat: no-repeat;
            background-size: cover;
            padding: 2.5rem 0;
        }
        .post-detail {
            &__lifesupport {
                .article-title {
                    .service-txt .service-cat {
                        color: #3E6242;
                    }
                }
                .report-detail {
                    .date-txt {
                        border-bottom: 1px dashed #9DC991;
                    }
                    .service-icon {
                        width: 4rem;
                    }
                }
                .satisfaction-txt {
                    position: relative;
                    top: .03rem;
                }
                .post-link {
                    button {
                        border: solid 2px #166201;
                    }
                    .post-button button {
                        background-color: white;
                        color: #166201;
                    }
                    .report-list button {
                        background-color: #166201;
                        color: white;
                    }
                }
                .service-link a {
                    border-top: 2px solid #8DBF7F;
                    border-bottom: 2px solid #8DBF7F;
                    &::before {
                        background: #8DBF7F;
                    }
                }
            }
            &__csr {
                .article-title {
                    h1 {
                        border-bottom: solid 3px #86D4F5;
                    }
                    .service-txt .service-cat {
                        color: #3583BC;
                    }
                }
                .report-detail {
                    background-color: #F2FAFC;
                    .date-txt {
                        border-bottom: 1px dashed #3583BC;
                    }
                    .service-icon {
                        width: 6rem;
                    }
                }
                .post-link {
                    button {
                        border: solid 2px #3583BC;
                    }
                    .post-button button {
                        background-color: white;
                        color: #3583BC;
                    }
                    .report-list button {
                        background-color: #3583BC;
                        color: white;
                    }
                }
                .service-link a {
                    border-top: 2px solid #86D4F5;
                    border-bottom: 2px solid #86D4F5;
                    &::before {
                        background: #86D4F5;
                    }
                }
            }
        }
    }
}

/**********************************************
*　サービス利用体験談 投稿
***********************************************/
.page-experience-form {
    select{
        padding-left: .5rem !important;
    }
    .page-header {
        .container {
            padding-bottom: 4rem;
            @include tab-min {
                max-width: 95%;
            }
            @include sp-wide {
                max-width: 100%;
                padding-left: .5rem;
            }
            .breadSection {
                width: 100%;
            }
        }
        .page-top {
            &__icon {
                h1 {
                    @include sp-minimun {
                        font-size: 1.2rem;
                    }
                }
            }
        }
    }
    .page-content-wrapper {
        padding-bottom: 4rem;
        .container {
            @include tab-min {
                max-width: 95%;
            }
            @include sp-wide {
                max-width: 100%;
            }
            .page-content-innerwrap {
                .service-experience-form {
                    @include sp-wide {
                        margin-top: 0 !important;
                    }
                    .col-lg {
                        @include sp-wide {
                            padding: 0;
                        }
                        .stephead {
                            width: 80%;
                            margin: 0 auto;
                            @include tab {
                                width: 100%;
                            }
                            img {
                                width: 100%;
                                align-self: flex-start;
                            }
                            .sp {
                                display: none !important;
                                @include sp-wide {
                                    display: block !important;
                                }
                            }
                            .pc {
                                @include sp-wide {
                                    display: none;
                                }
                            }
                        }
                        .txtbox {
                            text-align: center;
                            @include sp-wide {
                                text-align: left;
                            }
                            br {
                                @include sp-wide {
                                    display: none;
                                }
                            }
                        }
                    }
                }
            }
        }
    }
    .service-experience-form  {
        .icon_image {
            border-bottom:0px !important;
            position: relative;
            &::after {
                @include tab {
                    content: "";
                    display: block;
                    border-bottom: 3px solid #8dbf7f;
                    width: 100%;
                    position: absolute;
                    left: 0;
                    bottom: -0.6rem;
                }
            }
            select {
                opacity: 0;
                height: 0;
                padding: 0 !important;
                border: none !important;
            }
            .has-error {
                position: absolute;
                z-index: -1;
                right: 0;
                @include tab {
                    position: relative;
                }
            }
        }
        .icon_image_view {
            .inputarea {
                border-top: none;
            }
        }
        select.triangle-back{
            background-image: none;
        }
        .wpuf-label .required{
            visibility: hidden;
        }
        .step2{
            display:none;
        }
        .back {
            color:#000000;
            border:1px solid #000000;
            margin-right:30px;
            background-color: white;
        }
        .wpuf-el {
            margin: 0 auto !important;
            width: 95%;
            label {
                color: black !important;
                margin-bottom: 0;
                font-weight: normal;
                &.error {
                    color: red !important;
                    background-color: #ffe4e4;
                    padding: 5px;
                    margin-bottom: 0.5rem;
                    display: block;
                }
            }
        }
        .has-error {
            width: calc(70% - 1rem) !important;
            @include sp-wide {
                width: 100% !important;
            }
        }
        .readonly {
            background-color: #e9ecef;
            opacity: 1;
            pointer-events: none;
            &:hover {
                cursor: none;
                .caption {
                    display: none;
                }
            }
        }
    }
}
.form-item {
    display: -webkit-flex;
    display: -ms-flexbox;
    align-items: center;
    margin: 0 auto !important;
    width: 95%;
    @include sp-wide {
        display: block;
    }
    .wpuf-label {
        margin-right: 1rem !important;
        position: relative !important;
        margin-bottom: 0;
        @include sp-wide {
            width: 100% !important;
            margin-bottom: .5rem;
            margin-right: 0 !important;
        }
        &::after {
            content: "\5FC5\9808";
            position: absolute;
            right: 0;
            background-color: #8dbf80;
            color: white;
            font-weight: normal;
            padding: 0 .5rem .1rem .5rem;
            font-size: .95rem;
            margin: auto;
            top: 0;
            bottom: 0;
            display: inline-table;
        }
        label {
            color: black !important;
            margin-bottom: 0;
            font-weight: normal;
            padding-right: 3.5rem;
        }
        .wpuf-fields {
            display: -webkit-flex;
            display: -ms-flexbox;
            flex-direction: column-reverse;
            textarea {
                background-color: #f7f8e6;
                border: none !important;
            }
        }
    }
}
.wpuf-fields {
    @include sp-wide {
        width: 100% !important;
    }
    select {
        width: 400px;
        @include sp-wide {
            width: 100%;
        }
    }
}
.file-selector {
    font-size: .9rem;
    padding: .25rem .5rem;
}
.wpuf-el {
    margin: 0 auto !important;
    width: 95%;
    label {
        color: black !important;
        margin-bottom: 0;
        font-weight: normal;
    }
}
.wpuf-help {
    font-style: normal !important;
    font-weight: normal !important;
    font-size: .9rem !important;
    margin: 0 !important;
    color: black !important;
}
.wpuf-submit {
    text-align: center;
}
.wpuf-submit .wpuf-label {
    display: none;
}
.wpuf-submit .wpuf-submit-button,
.form-confirm-button {
    color: #fff;
    background-color: #17521d;
    border: none;
    &:hover {
        color: #fff;
    }
}
.form-back-button {
    color: #17521d;
    background-color: white;
    border: 1px solid #17521d;
    &:hover {
        color: #17521d;
    }
}
.form-control {
    padding: .375rem 0.5rem !important;
}

/**********************************************
*　サービス利用申請フォーム
***********************************************/
@mixin seticon($image) {
    content: "";
    width: 50%;
    height: 10%;
    background-image: $image;
    background-repeat: no-repeat;
}
@mixin select-deco {
    appearance: none;
    margin: 0;
    border: 0;
    outline: none;
    padding: 0;
    background-image: url(/cms/wp-content/themes/zenkosai/assets/images/serviceexperience/triangle.png);
    background-repeat: no-repeat;
    background-size: 14px 14px;
    background-position: right 4px center;
    color: $darkgreen;
}
@mixin flex_base {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.sp_br {
    @include pc {
        display: none !important;
    }
    @include tab {
        display: none !important;
    }
    @include sp {
        display: block !important;
    }
}
.text-row-arrange {
    line-height: 2.5;
    .error {
        line-height: 1.5;
    }
}
.bg_g {
    background-color: $brightgreen;
}
.bg_darkg {
    background-color: $darkgreen;
}
.bg_darkb {
    background-color: $thickbrown;
}
.bd-r-g {
    border-right: 3px solid $brightgreen;
}
.bd-b-g {
    border-bottom: 3px solid $brightgreen;
}
.confirm_btn {
    background-color: $darkgreen;
    color: #ffffff;
}
.service_experience-btn {
    background-color: $darkgreen;
    color: #ffffff;
}
.text-center-right {
    text-align: center !important;

    @include sp {
        text-align: right !important;
    }
}
.report_cover {
    padding: 0.5rem 0;
    margin: 1rem 0.5rem;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    background-color: #fff;

    &.view_all {
        .photo_space_images__glass {
            bottom: 0px !important;
        }
    }
}

.rp_flx {
    display: flex;
}

.service-experience-form {
    p {
        margin-bottom: 0;
    }

    .select_radio {
        visibility: hidden;
    }

    .privacy {
        a {
            color: $brightgreen;
        }

        a:hover {
            color: #c9c9c9;
        }
    }

    .inputbox {
        .border-bottom {
            @include tab {
                border-bottom: none !important;
            }
        }
    }

    .form-group {

        button,
        input {
            overflow: hidden !important;
        }
    }

    select {
        @include select-deco;
        color: $darkgreen;
    }

    .form-control {
        border: 1px solid $brightgreen;
    }

    .txtbox {
        background-color: $lightwhite;
        padding: 1rem;
    }

    .titlearea {
        display: block;
        padding-top: 0.5rem;
        font-size: 1.1rem;
    }

    .needlabel {
        right: 0px;
        color: white;
        width: 2rem;
        height: 1.8rem;
        background-color: $brightgreen;
        font-size: 1rem;

        @include sp {
            padding-left: 0.25rem !important;
            padding-right: 0.25rem !important;
        }
    }

    .inputarea.form-group textarea {
        border: none !important;
        background-color: #f7f8e6 !important;
    }

    .inputarea.form-group .faxtext {
        width: 70% !important;

        @include tab {
            width: 100% !important;
        }

        .col-1 {
            padding: 0px;
            text-align: center;
        }

        .col-4,
        .col-2 {
            input[type="text"] {
                border: none !important;
                background-color: #f7f8e6 !important;
                width: 100%;
            }

            padding: 0px;
        }
    }

    .form-control {
        &.short2 {
            width: 70% !important;

            @include sp {
                width: 80% !important;
            }
        }
    }

    .inputarea {
        .radio_area {
            @include flex_base;
            justify-content: flex-start;
            width: 100%;

            .radio_wrap {
                display: block;
                margin-right: 1rem;

                label {
                    margin-bottom: 0px !important;
                }

                @include sp {
                    margin-right: 0rem;
                    width: 20%;
                }
            }

            label {
                display: block;
                border: 1px solid #ddd;
                width: 80px;
                height: 80px;
                min-width: 80px;
                border-radius: 100%;
                background-size: cover;

                @include tab {
                    min-width: 20% !important;
                }

                @include sp {
                    display: inline-block;
                    border: 1px solid #ddd;
                    width: 50px !important;
                    min-width: 50px;
                    min-height: 50px;
                    height: auto !important;
                }
            }

            label.man {
                background-image: url(/cms/wp-content/themes/zenkosai/assets/images/serviceexperience/img_man.png) !important;
            }

            label.lady {
                background-image: url(/cms/wp-content/themes/zenkosai/assets/images/serviceexperience/img_lady.png) !important;
            }

            label.animal {
                background-image: url(/cms/wp-content/themes/zenkosai/assets/images/serviceexperience/img_animal.png) !important;
            }

            .radiobutton {
                display: none;
            }

            .radiobutton:checked+label {
                box-shadow: 0px 0px 10px #48e662;
            }

            @include sp {
                justify-content: space-around;
            }

            .form-group textarea {
                @include tab {
                    border: none !important;
                    background-color: #f7f8e6 !important;
                    width: 100%;
                }
            }
        }

        @include tab {
            border-top: 3px solid $brightgreen;
            margin-top: 5px;

            select {
                background-position: right 5px center;
            }
        }
    }

    .stephead {
        display: flex;
        width: 100%;
        margin: 0 auto;
        padding: 0;
        list-style: none;
    }

    .stephead_content {
        box-sizing: border-box;
        position: relative;
        width: calc((100% - 30px) / 3);
        height: 80px;
        margin: 0 5px;
        padding: 1px;
        background: $darkgreen;
    }

    .stephead_content:nth-child(1) {
        z-index: 4;
    }

    .stephead_content:nth-child(2) {
        z-index: 3;
    }

    .stephead_content:nth-child(3) {
        z-index: 2;
    }

    .stephead_content:nth-child(4) {
        z-index: 1;
    }

    .stephead_content:first-child {
        margin-left: 0;
    }

    .stephead_content:last-child {
        margin-right: 0;
    }

    .stephead_content:not(:first-child)::before {
        position: absolute;
        content: "";
        top: 0;
        left: 1px;
        width: 0;
        height: 0;
        border-top: 40px solid transparent;
        border-right: 0;
        border-bottom: 40px solid transparent;
        border-left: 20px solid $darkgreen;
    }

    .stephead_content:not(:first-child)::after {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        width: 0;
        height: 0;
        border-top: 40px solid transparent;
        border-right: 0;
        border-bottom: 40px solid transparent;
        border-left: 20px solid #ffffff;
    }

    .stephead_content_item {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        background: #ffffff;
        font-size: 1rem;
        font-weight: bold;

        @include sp {
            font-size: 0.7rem;
        }

        p {
            @include sp {
                margin-left: 1.4rem !important;
            }
        }
    }

    .stephead_content_item--current {
        background: transparent;
        color: #ffffff;
    }

    .stephead_content:not(:last-child) .stephead_content_item::before {
        position: absolute;
        content: "";
        top: 0;
        left: 100%;
        width: 0;
        height: 0;
        border-top: 40px solid transparent;
        border-right: 0;
        border-bottom: 40px solid transparent;
        border-left: 20px solid $darkgreen;
    }

    .stephead_content:not(:last-child) .stephead_content_item::after {
        position: absolute;
        content: "";
        top: 0;
        left: calc(100% - 1px);
        width: 0;
        height: 0;
        border-top: 40px solid transparent;
        border-right: 0;
        border-bottom: 40px solid transparent;
        border-left: 20px solid #ffffff;
    }

    .stephead_content:not(:last-child) .stephead_content_item--current::after {
        display: none;
    }

    .cl_gr {
        color: #16521d;
    }
}
.service-form-link {
    color: white;
    &:hover {
        color: white;
    }
}
.service-check-ok {
    top: .15rem;
}
.s_check-list {
    li {
        border-bottom: solid 1px #408F54;
        padding: .25rem 0;
        &:first-child {
            border-top: solid 1px #408F54;
        }
        .question {
            border-right: solid 1px #CECECE;
            @include sp-wide {
                padding: .25rem .5rem .25rem 0;
            }
            p {
                line-height: 1.5rem;
            }
        }
        .check-tem {
            @include sp-wide {
                padding: .25rem 0 .25rem 1rem;
            }
        }
        &:hover {
            cursor: pointer;
        }
        .s_check-label {
            &:hover {
                cursor: pointer;
            }
        }
    }
}
.s_check-content {
    @include sp-wide {
        padding: 0 .5rem !important;
    }
}
.page-form {
    .page-header {
        .page-top {
            &__icon {
                h1 {
                    @include sp-wide {
                        text-align: left;
                        width: 92%;
                        margin: 0 auto;
                    }
                }
            }
        }
    }

    .page-content-wrapper {
        .container {
            .page-content-innerwrap {
                .container {
                    .row {
                        .col-lg {
                            .service-experience-form {
                                .contact-flow {
                                    margin: 0 auto;
                                    width: 80%;

                                    @include tab {
                                        width: 100%;
                                    }

                                    .sp {
                                        display: none;

                                        @include sp-wide {
                                            display: block;
                                        }
                                    }

                                    .pc {
                                        @include sp-wide {
                                            display: none;
                                        }
                                    }
                                }

                                div {
                                    form {
                                        div {
                                            .privacy-confirmation {
                                                display: none;
                                            }
                                        }

                                        .mx-auto {
                                            .index-btn {
                                                border-color: transparent;

                                                &:hover {
                                                    background-color: #6b7b6a;
                                                    border-color: transparent;
                                                }
                                            }
                                        }

                                        .inputbox {
                                            margin-bottom: 0 !important;
                                            max-width: 90%;
                                            margin: 0 auto;

                                            @include sp-wide {
                                                max-width: 100%;
                                            }

                                            .container {
                                                .row {
                                                    align-items: center;
                                                    padding: .5rem 0;

                                                    .titlearea {
                                                        padding-top: 0 !important;
                                                    }

                                                    .inputarea {
                                                        margin-bottom: 0 !important;

                                                        @include sp-wide {
                                                            margin-bottom: .5rem !important;
                                                        }

                                                        input {
                                                            @include sp-wide {
                                                                margin-top: .5rem !important;
                                                            }
                                                        }
                                                    }

                                                    #service-select-index {
                                                        .select-service {
                                                            margin: 0 auto;
                                                        }
                                                    }

                                                    #add-select-service {
                                                        margin-left: 0 !important;
                                                        width: 100%;
                                                        flex: 0 0 60%;
                                                        max-width: 60%;
                                                    }
                                                }
                                            }
                                        }

                                        .privacy {
                                            margin-top: 1rem;

                                            @include sp-wide {
                                                padding: 0;
                                            }
                                        }

                                        .privacy-confirmation {
                                            display: none;
                                        }

                                        .mx-auto {
                                            padding-bottom: 3rem;
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}

.page-form.confirm {
    .page-content-wrapper {
        .container {
            .page-content-innerwrap {
                .container {
                    .row {
                        .col-lg {
                            .service-experience-form {
                                div {
                                    form {
                                        .privacy {
                                            display: none;
                                        }

                                        .privacy-confirmation {
                                            display: none;
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}

.service-experience {
    // padding-top: 2rem;
    // padding-bottom: 2rem;
    padding: 2rem 0;
    max-width: 960px;
    margin: 0 auto;
    .showall-btn {
        color: white;
        background-color: $thickbrown;
        p:after {
            right: -13px;
        }
    }
    .searchbox {
        height: 10rem !important;
        @include sp {
            height: auto !important;
        }
        select {
            @include select-deco;
        }
        &_ajust_70 {
            height: 70px !important;
            @include sp {
                height: auto !important;
            }
        }
        &_ajust_60 {
            height: 3rem !important;
            @include sp {
                height: auto !important;
            }
        }
    }
    .form-left {
        select {
            width: 100%;
            @include select-deco;
        }
    }
    .form-right {
        select {
            width: 100%;
            @include select-deco;
        }
        .col-2 {
            @include sp {
                padding: 0px 0px !important;
            }
        }
        .sm-frmajust {
            @include sp {
                margin-top: 1rem;
                height: 2rem;
                margin-bottom: 2rem;
            }
        }
    }
    .index-btn {
        border: none;
    }
    .button-space.for_pc {
        @include sp {
            display: none;
        }
    }
    .search-btn {
        @include seticon(url(/cms/wp-content/themes/zenkosai/assets/images/serviceexperience/glass.png));
        width: 60%;
        height: 10%;
        background-size: 30px 30px;
        background-position: 40% 50%;
        @include sp {
            background-position: 24% 50%;
        }
    }
    .post-btn {
        width: 30% !important;
    }
    .btm-btn {
        position: fixed;
        bottom: 0px;
        width: 60%;
        margin: 0 20%;
        background: white;
        color: inherit;
        border: none;
        opacity: 0.8;
        @include seticon(url(/cms/wp-content/themes/zenkosai/assets/images/serviceexperience/plane.png));
        margin: 0 30%;
        height: 6%;
        background-size: 30px 30px;
        background-position: 20% 50%;
    }
    .btm-btn p {
        position: relative;
    }
    .btm-btn p:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0%;
        width: 50%;
        height: 100%;
        transform: translate(0, -50%);
        background-repeat: no-repeat;
    }
    .btm-btn {
        display: none;
        @include sp {
            display: block;
            color: inherit;
        }
    }
    .col-10 {
        margin: 0 auto !important;
        .index-btn {
            width: 10rem;
            @include sp {
                width: auto;
            }
        }
    }
    h3 {
        width: 100%;
    }
    .seachbox {
        width: 100%;
        display: block;
        background-color: $lightwhite;
        height: 150px !important;
        @include sp {
            height: auto !important;
        }
        p {
            margin: 0px !important;
        }
        &-title-bar {
            width: 100%;
            background-color: $brightgreen;
            color: #fff;
        }
        .title-service {
            border-right: 3px solid $brightgreen;
        }
        title {
            border-right: 3px solid $brightgreen;
        }
        .set_flex {
            @include flex_base;
            padding-top: 4px;
            height: 6rem;
            .title {
                background-color: $lightwhite;
            }
            @include sp {
                flex-direction: column !important;
                height: auto !important;
            }
            .frm_culm {
                width: 50%;
                height: 6rem;
                @include flex_base;
                flex-direction: column;
                @include sp {
                    width: 100%;
                }
                &.property {
                    @include sp {
                        height: 8rem;
                    }
                }
                .inner_row {
                    display: block;
                    background-color: $lightwhite;
                    width: 100%;
                    height: 2rem;
                    padding-left: 1rem;
                    select {
                        width: 60% !important;
                        @include sp {
                            width: 80% !important;
                        }
                    }
                    @include sp {
                        width: calc(100% - 25%);
                    }
                }
            }
            .property-culm {
                width: 100%;
                height: 2rem;
                @include flex_base;
                @include sp {
                    height: 4rem;
                }
                .title {
                    width: 150px;
                    background-color: $lightwhite;
                    border-right: 3px solid $brightgreen;
                    @include sp {
                        width: 25%;
                        height: 4rem;
                    }
                    &__sp_br {
                        @include pc {
                            display: none;
                        }
                        @include tab {
                            display: none;
                        }
                        @include sp {
                            display: block;
                        }
                    }
                }
                .inner_row {
                    display: block;
                    width: 65%;
                    height: 2rem;
                    @include sp {
                        width: calc(100% - 25%);
                        height: 4rem;
                    }
                }
            }
        }
    }
    .col-md-5 {
        max-width: 98% !important;
    }
    .col-10 {
        width: 100%;
    }
    .col-4 {
        height: 90px;
        img {
            @include sp {
                width: 100%;
            }
        }
    }
    .col-8 {
        .report-txtbox {
            &__change {
                @include flex_base;
            }
        }
    }
    .service-name {
        font-size: 1.4rem;
        border-bottom: 3px solid $brightgreen;
    }
    p.service-name {
        margin-bottom: 0px;
    }
    p.post_date {
        margin-bottom: 0px;
    }
    .bottom_space {
        width: 100%;
        @include flex_base;
        .photo_space {
            width: 60%;
            @include flex_base;
            justify-content: flex-start;
            &_images {
                margin-right: 1rem;
                position: relative;
                max-height: 4.4rem;
                max-width: 10rem;
                &:not(:nth-child(1)) {
                    @include sp {
                        display: none;
                    }
                }
                .glass_zoom {
                    position: absolute;
                    background-repeat: none;
                    bottom: 0px;
                    right: 0px;
                    opacity: 0.8;
                    &:not(:nth-child(1)) {
                        @include sp {
                            display: none;
                        }
                    }
                }
                img {
                    max-width: 100px;
                    @include sp {
                        max-width: 60px;
                        height: auto;
                    }
                }
            }
        }
        .button-space {
            width: 40%;
        }
    }
}
.web-form {
    input::placeholder {
        color: #ddd !important;
    }
    .lasting-btn {
        width: 40%;
        @include tab {
            width: 60%;
        }
        @include sp {
            width: 80%;
        }
        p {
            position: relative;
            width: 100%;
            line-height: 1.5;
            span {
                position: absolute;
                right: -3px;
                width: 10px;
                height: 10px;
                color: white;
                &:after {
                    width: 10px;
                    height: 10px;
                    content: "+";
                }
            }
        }
    }
}
.page-low {
    h3 {
        font-size: 1.2rem;
        padding-bottom: 0.5rem;
        padding-top: 1rem;
        span {
            border-bottom: solid 2px #d9d9d9;
        }
    }
    table {
        tr {
            td {
                &:first-child {
                    background-color: #d6f5cc;
                }
            }
        }
    }
}

/**********************************************
*　お水の定期購入
***********************************************/
#water-form {
    .entry-form {
        .inputbox {
            margin-bottom: 20px;
            div {
                div {
                    align-items: center;
                    .sub-item {
                        padding: 0 1rem;
                    }
                    .smart-plus_size {
                        font-size: .9rem;
                        line-height: 1.2rem;
                    }
                    .color-select {
                        border-bottom: solid 1px #b3c9c3;
                        line-height: 1.5rem;
                        margin: 1rem auto .5rem !important;
                    }
                    .color-detail {
                        margin-top: 1.5rem;
                        .target-link {
                            display: inline-flex;
                            width: 50%;
                            align-items: center;
                            background-color: white;
                            padding: .25rem .5rem;
                            justify-content: center;
                            -webkit-justify-content: center;
                            border-radius: 5px;
                            margin-top: .25rem;
                            box-shadow: .5rem 1rem 1.5rem rgba(0, 0, 0, 0.15);
                            @include pc-md-wide {
                                width: 70%;
                            }
                            @include sp-wide {
                                width: 100%;
                            }
                            svg {
                                width: 12%;
                                fill: #57896a;
                                position: relative;
                                bottom: 0.15rem;
                                padding-left: .5rem;
                                @include tab {
                                    width: 9%;
                                }
                            }
                            &:hover {
                                background-color: #e8f6e5;
                                box-shadow: none;
                                transition-duration: .3s;
                            }
                        }
                    }
                    .horizontal-item {
                        label {
                            margin: .5rem auto;
                            @include pc-md-wide {
                                margin: .5rem auto 0;
                            }
                        }
                        @include pc-md-wide {
                            margin-left: 0;
                            display: block;
                        }
                    }
                }
                .form-group {
                    .form-sub-text {
                        @include pc-md-wide {
                            margin-top: .5rem;
                        }
                    }
                    select {
                        @include pc-md-wide {
                            margin-top: 0;
                        }
                    }
                }
            }
        }
        .member_birthday_year,
        .member_birthday_month,
        .member_birthday_day,
        .member_age,
        .user_birthday_year,
        .user_birthday_month,
        .user_birthday_day,
        .user_age,
        .first_delivery_month,
        .first_delivery_day {
            width: 15%;
            float: left;
            margin: -3px 2px 0 10px;
        }
        .member_birthday_year,
        .member_birthday_month,
        .member_birthday_day,
        .user_birthday_year,
        .user_birthday_month,
        .user_birthday_day,
        .user_age {
            @include tab {
                margin-top: .5rem;
            }
        }
        .service_eco_area {
            font-size: 1.2em;
        }
        .mw_wp_form {
            .horizontal-item+.horizontal-item {
                margin-left: 20px;
            }
        }
        .service_eco {
            text-align: center;
        }
        .form-float {
            float: left;
            margin-top: 1rem;
        }
        .service_qty_other {
            margin-left: 10px;
            @include tab {
                margin-top: 0;
            }
            .service_qty_num {
                position: relative;
                top: .25rem;
                height: 2rem;
            }
        }
        .hidden-confirm {
            .form-float {
                line-height: 2.5rem;
                padding-left: .25rem;
            }
        }
        .form-sub-title {
            width: 100%;
            font-size: 1.2em;
            background-color: #B2C9C2;
            padding: 5px 0 5px 8px;
            margin: 30px 0 10px 0;
        }
        .form-sub-text {
            color: #009A6B;
            @include tab {
                padding: 0;
            }
        }
        .delivery-interval {
            @include pc-md-wide {
                position: relative;
            }
            @include tab {
                padding-top: 0.5rem;
                margin-top: 0.5rem !important;
                margin-bottom: 1.5rem;
            }
            select,
            input {
                @include tab {
                    margin-top: 0 !important;
                    margin-bottom: 1rem !important;
                }
            }
            .form-float {
                margin-top: 0;
                .horizontal-item {
                    label {
                        @include tab {
                            margin-top: 0;
                        }
                    }
                }
            }
            .service_qty_other {
                @include pc-md-wide {
                    position: absolute;
                    bottom: 0.1rem;
                    left: 6rem;
                    width: 4rem;
                }
                @include tab {
                    bottom: -0.3rem;
                }
                @include sp-wide {
                    width: 3.25rem;
                }
            }
            .hidden-confirm {
                @include pc-md-wide {
                    position: absolute;
                    bottom: -.5rem;
                    left: 11rem;
                }
                @include tab {
                    bottom: 0;
                }
                @include sp {
                    left: 10rem;
                }
            }
        }
        .service_qty_num {
            @include tab {
                margin-bottom: 0 !important;
            }
        }
        .bottle-img {
            width: 15%;
            margin-bottom: 1rem;
            @include sp-wide {
                width: 25%;
            }
        }
        .form-note {
            background-color: #f3f3f3;
            font-size: 0.9em;
            margin-bottom: 10px;
            padding: 10px;
        }
        .first-delivery {
            text-align: center;
            margin-bottom: 2rem;
            @include tab {
                text-align: left;
            }
        }
        .important_text {
            border: solid 1px #009A6B;
            border-radius: 10px;
            padding: 10px;
        }
        .important_text_sub_title {
            margin: 10px 0px .25rem;
        }
        .important_text_detail {
            font-size: 0.8em;
            ul {
                margin-top: 0;
                li {
                    margin-bottom: 0;
                }
            }
        }
        .important_text .list_head {
            color: #009A6B;
            margin: 0 10px;
        }
        .important_text_title {
            width: 100%;
            color: #009A6B;
            border-bottom: solid 1px #009A6B;
            text-align: center;
            margin: 0 2%;
            padding-bottom: .5rem;
        }
        .privacy {
            display: block;
            max-width: 90%;
            margin: 3rem auto 0;
            &__header {
                text-align: center;
            }
            &__text {
                display: block;
                margin: 1rem 0 2rem;
                background: #ecf7e9;
                padding: 1.5rem;
                border-radius: 7px;
                @include sp {
                    margin: 1rem 0;
                    border-bottom: 0 !important;
                };
                h2 {
                    font-size: 1.2rem;
                    border-left: solid 5px #5c9585;
                    padding: 0.25rem 0.7rem;
                    margin-bottom: 0.7rem;
                }
                .policy-detail {
                    background-color: white;
                    padding: 1.5rem 1.5rem .5rem;
                    font-size: .9rem;
                    overflow: scroll;
                    height: 35vh;
                    margin-bottom: 1rem;
                    border-radius: 7px;
                    .mod-about {
                        width: 100%;
                        text-align: left;
                        margin-bottom: 2rem;
                        p {
                            padding: 0 1rem;
                            font-size: .9rem;
                            line-height: 1.4rem;
                        }
                        .policy-title {
                            font-size: 1.1rem;
                            background-color: #b6d2c4;
                            margin-bottom: 1rem;
                            padding: .25rem 1rem;
                        }
                    }
                    .mod-body {
                        margin-bottom: 3rem;
                        section {
                            margin-bottom: 1.5rem;
                            &:last-child {
                                margin-bottom: 0;
                            }
                            h2 {
                                border-bottom: solid 1px #5c9585 !important;
                                padding: 0.25rem 0.5rem;
                                border-left: 0;
                                color: #5c9585;
                            }
                            p {
                                padding: 0 1rem;
                            }
                            ul {
                                margin-top: .5rem;
                                padding-left: 2rem;
                                li {
                                    margin-bottom: 0;
                                    p {
                                        padding-left: 0;
                                    }
                                }
                            }
                            ol {
                                padding-left: 1.5rem;
                                margin-top: 0;
                                li {
                                    p {
                                        padding: 0;
                                        font-size: .9rem;
                                        line-height: 1.5rem;
                                    }
                                    ul {
                                        margin-top: 0.25rem;
                                        padding-left: 1rem;
                                        list-style: disc;
                                        li {
                                            margin-bottom: 0;
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
                @include sp {
                    padding: 1rem;
                    margin-top: 2.5rem;
                    border-bottom: 0 !important;
                };
                .agree {
                    &__content {
                        .mwform-checkbox-field {
                            font-size: .9rem;
                            text-indent: -21px;
                            padding-left: 2.6rem;
                            margin-bottom: .5rem;
                        }
                    }
                }
                div {
                    @include sp {
                        border-bottom: 0 !important;
                    };
                }
                a {
                    display: block;
                    margin-bottom: 2.5rem;
                    min-width: 56px;
                    @include sp {
                        margin-bottom: 1rem;
                        text-align: center;
                    };
                    br,
                    p {
                        display: none;
                    }
                }
                p {
                    padding-left: 1rem;
                    margin-bottom: 0;
                    width: 100%;
                    @include sp {
                        padding-left: 0;
                    };
                }
                .privacy-link {
                    display: inline;
                    margin-bottom: 0;
                    color: black;
                    &:hover {
                        text-decoration: underline;
                    }
                }
            }
            &__title {
                text-align: center;
                font-size: 1.5rem;
                margin: 0 auto;
                @include tab {
                    width: 100%;
                };
                @include sp {
                    font-size: 1.2rem;
                    text-align: left;
                };
                br {
                    @include sp {
                        display: none;
                    };
                }
            }
            &__agree {
                display: block !important;
                text-align: center;
                @include sp {
                    border-bottom: 0 !important;
                };
                span {
                    margin: 0 auto;
                }
            }
        }
    }
}

.mw_wp_form_confirm {
    .entry-form {
        .form-float {
            margin-top: 0rem !important;
        }
        .form-float-confirm {
            float: left;
        }
        .hidden-confirm {
            display: none;
        }
        .color-detail {
            display: none;
        }
        .privacy__text {
            .policy-detail {
                display: none;
            }
            .agree {
                &__content {
                    margin-bottom: .5rem;
                }
            }
        }
    }
}

/**********************************************
*　いぬとねこの保険 特典申込み
***********************************************/
#page-form_pet {
    .page-header {
        .page-top {
            &__about {
                p {
                    color: black;
                    font-size: 1.4rem;
                    line-height: 2.5rem;
                    padding: 1rem 0;

                    @include sp-wide {
                        font-size: 1.3rem;
                    }
                }
            }
            &__img {
                img {
                    @include pc {
                        width: 100%;
                    }
                }
            }
        }
    }

    .page-content-wrapper {
        .page-content-innerwrap {
            .content {
                &__header {
                    .page-about {
                        text-align: center;

                        @include pc-md {
                            text-align: left;
                        }
                    }

                    .page-note {
                        border: solid 1px #F08200;

                        &__tit {
                            padding: .5rem 0;
                            border-bottom: solid 1px #F08200;
                        }

                        &__about {
                            padding-left: 1rem;

                            ul {
                                font-size: .95rem;
                            }
                        }
                    }
                }

                &__body {
                    margin-top: 8.5rem;

                    @include sp-wide {
                        margin-top: 5.5rem;
                    }

                    .privilege-about {
                        background-image: url(/cms/wp-content/themes/zenkosai/assets/images/form/pet-privilege/keihin_bg.png);
                        background-size: cover;
                        background-repeat: no-repeat;
                        padding-bottom: 8rem;

                        &__detail,
                        &__plus,
                        &__plan {
                            width: 80%;
                            margin: 0 auto;

                            @include sp-wide {
                                width: 90%;
                            }
                        }

                        &__detail {
                            position: relative;
                            bottom: 5rem;

                            @include pc {
                                bottom: 1rem;
                            }

                            &__txt {
                                .sub-catch {
                                    font-size: 1.3rem;
                                    color: #EF2F96;
                                    font-weight: bold;
                                    letter-spacing: .05rem;
                                    position: relative;
                                    display: inline-block;
                                    padding: 0 3.5rem;

                                    &:before,
                                    &:after {
                                        content: '';
                                        position: absolute;
                                        top: 50%;
                                        display: inline-block;
                                        width: 44px;
                                        height: 2px;
                                        background-color: #EF2F96;
                                    }

                                    &:before {
                                        left: 0;
                                        -webkit-transform: rotate(60deg);
                                        transform: rotate(60deg);
                                    }

                                    &:after {
                                        right: 0;
                                        -webkit-transform: rotate(-60deg);
                                        transform: rotate(-60deg);
                                    }
                                }

                                .remarks {
                                    line-height: 1.7rem;
                                }
                            }

                            &__img {
                                text-align: center;

                                img {
                                    width: 68%;

                                    @include sp-wide {
                                        width: 90%;
                                    }
                                }
                            }
                        }

                        &__plus {
                            position: relative;
                            bottom: 3rem;

                            @include pc {
                                bottom: .5rem;
                            }

                            .sub-catch {
                                color: #40220F;
                                font-size: 1.5rem;
                                font-weight: bold;

                                span {
                                    font-size: 1rem;
                                    color: black;
                                    font-weight: normal;
                                }
                            }

                            &__detail {
                                font-size: 1.2rem;
                                background: linear-gradient(transparent 60%, #FFFF00 60%);
                                background-size: 30% 50%;
                                background-repeat: no-repeat;
                                background-position-y: 1.5rem;
                                background-position-x: center;

                                @include sp-wide {
                                    background-size: 15% 50%;
                                    background-position-x: 4.5rem;
                                }

                                span {
                                    color: #0FB4FD;
                                }

                                .quantity {
                                    font-size: 2rem;
                                }
                            }
                        }

                        &__plan {
                            margin-bottom: 4rem;

                            .plan-name {
                                padding: .5rem 0;
                                font-size: 1.2rem;
                                font-weight: bold;
                                color: white;

                                &.gold {
                                    background-color: #BBAB72;
                                }

                                &.platinum {
                                    background-color: #A0A0A0;
                                }
                            }

                            .privilege-item {
                                padding: 0;

                                &__name {
                                    line-height: 1.7rem;
                                    color: #40220F;
                                    font-weight: bold;
                                    text-align: center;

                                    @include sp-wide {
                                        font-size: 1.2rem;
                                    }
                                }

                                &__note {
                                    @include pc {
                                        text-align: center;
                                    }

                                    p {
                                        line-height: 1.5rem;
                                        font-size: .9rem;
                                    }
                                }

                                .next {
                                    font-size: 1.7rem;
                                    font-weight: bold;
                                    color: #40220F;

                                    @include sp-wide {
                                        padding: 2rem 0;
                                    }
                                }

                                &__img {
                                    height: 35vh;
                                    display: flex;
                                    align-items: center;

                                    @include pc {
                                        height: auto;
                                        width: 50%;
                                        margin: 0 auto;
                                    }
                                }
                            }

                            &__item-list {
                                padding: 2rem 4rem;
                                justify-content: center;

                                @include sp-wide {
                                    padding: 2rem;
                                }
                            }
                        }

                        .pet-insurance {
                            text-align: center;

                            @include sp-wide {
                                margin: 0 auto;
                                width: 90%;
                            }

                            button {
                                font-size: 1.2rem;
                                box-shadow: 0 5px 0 #d9a3c0;
                                transition: .4s;
                                background-color: #EF2F96;
                                color: white;
                                padding: .5rem 5rem;
                                font-weight: bold;
                                line-height: 1.6rem;

                                @include sp-wide {
                                    padding: .5rem 2rem;
                                }

                                &:hover {
                                    transform: translateY(4px);
                                    box-shadow: 0 0 0 #d9a3c0;
                                    opacity: 1;
                                }
                            }
                        }

                        &__bg {
                            bottom: 0;
                        }
                    }

                    .privilege-form {
                        margin: 4rem auto;
                        width: 70%;

                        @include pc {
                            width: 90%;
                        }

                        &__content {
                            .pet-form {
                                &__note {
                                    text-align: center;
                                    margin-bottom: 3rem;

                                    h2 {
                                        font-size: 1.5rem;
                                        display: none;
                                    }

                                    &__txt {
                                        font-size: 1.1rem;
                                        font-weight: bold;
                                        color: #40220F;
                                        background: linear-gradient(transparent 60%, #ff0 60%);
                                        background-size: 70% 55%;
                                        background-repeat: no-repeat;
                                        background-position-y: .5rem;
                                        background-position-x: center;

                                        @include sp-wide {
                                            background-size: 100% 55%;
                                            background-position-y: 2.5rem;
                                            text-align: left;
                                        }
                                    }
                                }

                                .inputbox {
                                    align-items: baseline;

                                    .needlabel {
                                        color: white;
                                        background-color: #EF8150;
                                        font-size: .95rem;
                                        line-height: 1.1rem;

                                        @include sp-wide {
                                            width: 20vw;
                                            text-align: center;
                                        }
                                    }

                                    .confirmation-message {
                                        @include sp-wide {
                                            padding: 0;
                                            text-align: left !important;
                                        }

                                        .send-comment {
                                            display: none;
                                        }
                                    }
                                }

                                .next-action {
                                    input {
                                        background-color: #987B15;
                                        border: 0;
                                        width: 15vw;

                                        @include pc {
                                            width: 50vw;
                                        }

                                        box-shadow: 0 5px 0 #BAAC77;
                                        transition: .4s;

                                        &:hover {
                                            transform: translateY(4px);
                                            box-shadow: 0 0 0 #BAAC77;
                                            opacity: 1;
                                        }
                                    }

                                    .back-action_btm {
                                        color: #987B15;
                                        background-color: white;
                                        border: solid 1px #987B15;

                                        @include sp-wide {
                                            margin-bottom: 1rem;
                                        }
                                    }
                                }

                                .thanks-messege {
                                    display: none;
                                }
                            }
                        }
                    }

                    .privilege-send {
                        background-color: #F5F2E9;
                        padding: 3rem 8rem 4rem;

                        @include pc {
                            padding: 3rem 4rem 4rem;
                        }

                        @include sp-wide {
                            padding: 3rem 2rem;
                        }

                        &__tit {
                            font-size: 1.2rem;
                            margin-bottom: .75rem;

                            p {
                                color: #40220F;
                            }
                        }

                        &__tit,
                        &__about {
                            text-align: center;
                        }

                        &__about {
                            @include pc {
                                text-align: left;
                            }
                        }

                        &__sender {
                            margin-top: 2rem;
                            text-align: center;

                            &__tit {
                                font-size: 1.1rem;
                            }
                        }
                    }
                }
            }
        }
    }
}

.mw_wp_form_confirm {
    .pet-form {
        &__note {
            &__txt {
                display: none;
            }

            .confirm-tit {
                display: block !important;
            }

            .confirm-thanks {
                display: none;
            }
        }

        .inputbox {
            .confirmation-message {
                .send-comment {
                    display: block !important;
                }

                .confirm-comment {
                    display: none;
                }
            }
        }
    }
}

.mw_wp_form_complete {
    .pet-form {
        &__note {
            &__txt {
                display: none;
            }

            .confirm-tit {
                display: none !important;
            }

            .confirm-thanks {
                display: block !important;
            }
        }

        .inputbox {
            .confirmation-message {
                .send-comment {
                    display: none !important;
                }

                .confirm-comment {
                    display: none !important;
                }
            }
        }

        .thanks-messege {
            display: block;
        }
    }
}

/**********************************************
*　オンラインセミナー動画
***********************************************/
.page-template-page-seminar-movie {
    background-color: #EFFBFC;
}

.page-seminar-movie {
    .page-header {
        @include sp-wide {
            padding-top: 2rem;
        }
    }

    .page-top {
        &__back {
            padding: 2rem 10%;
            min-height: 13rem;
            background-color: #A2C9F0;

            @include tab {
                min-height: 9.5rem;
            }

            @include sp {
                min-height: 7.5rem;
            }
        }
    }

    .page-content-wrapper {
        h2 {
            position: relative;
            padding: 0 1rem;
            margin-bottom: 1rem;
            display: inline-block;
            z-index: 1;

            &.page-title {
                background: linear-gradient(transparent 95%, #98B6E6 70%);
                padding: .5rem 1rem;
                color: #0f2338;
                font-weight: bold;
                word-break: keep-all;
                margin-left: 7.5%;

                @include sp-wide {
                    font-size: 1.5rem;
                }
            }
        }

        .page-overview {
            margin: 0 auto;
            width: 85%;
        }

        .seminar-image-wrap {
            align-self: flex-end;

            &:last-of-type {
                .container-fluid {
                    .row {
                        margin-bottom: 0;
                    }
                }
            }
        }

        .container-fluid {
            padding: 0;

            .precautions {
                width: 85%;
                margin: 0 auto 3rem;
                padding: 1.5rem 2rem;
                background-size: auto auto;
                background-color: #466c92;

                h3 {
                    text-align: center;
                    font-size: 1.3rem;
                    margin-bottom: 1rem;
                    color: #fff;
                }

                p {
                    background: #fff;
                }
            }

            .instructors-list {
                width: 100%;
                padding: 2rem;
                background-color: #cadae8;

                h2 {
                    @include sp-wide {
                        font-size: 1.2rem;
                    }
                }

                .page-content-innerwrap {
                    width: 90%;
                    margin: 0 auto;

                    .page-content-div {
                        display: -webkit-flex;
                        display: -ms-flexbox;

                        .page-content {
                            .instructors-list-btn-wrap {
                                background-color: #fff;
                                transition: .15s ease-out;
                                -webkit-transform: translateZ(0);
                                display: inline-block;
                                box-sizing: border-box;
                                border: 1px solid;
                                border-bottom: 4px solid;
                                border-color: #466c92;
                                border-radius: 3rem;
                                color: inherit;
                                text-align: center;
                                line-height: 1;
                                text-decoration: none;
                                width: 95%;

                                &:hover {
                                    background-color: #466c92;
                                    transform: translateY(2px);
                                    opacity: 1;
                                    border-bottom: 1px solid #466c92;

                                    button {
                                        opacity: 1;

                                        p {
                                            color: #fff;
                                        }
                                    }

                                    .fa-arrow-down:before {
                                        color: #fff;
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }

    .container {
        .row {
            width: 100%;

            @include tab {
                width: auto;
            }

            .flame-side {
                @include pc-md {
                    display: none;

                    &.for-sp-nav {
                        display: block;
                    }
                }
            }

            .flame-body {
                &+.container {
                    @include tab {
                        display: block;
                    }
                }

                .instructors-movie {
                    .page-content-innerwrap {
                        h4 {
                            font-size: 1.2rem;
                            text-align: center;
                            background-color: #466c92;
                            width: 80%;
                            margin: 0 auto 1rem;
                            padding: 1rem;
                            border-radius: 50px;
                            font-weight: bold;
                            color: white;
                        }

                        .page-content-div {
                            .container-fluid {
                                .row {
                                    width: auto;
                                    margin-bottom: 3rem;

                                    .page-content {
                                        h5 {
                                            font-size: 1.1rem;
                                        }
                                    }
                                }
                            }
                        }

                        &:last-of-type {
                            .page-content-div {
                                .container-fluid {
                                    .row {
                                        margin-bottom: 0;
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }

    .breadSection {
        .row {
            width: auto;
        }
    }
}

/**********************************************
*　会員別色変更
***********************************************/
// 非会員
// 標準色
.border-color-n_member {
    border-color: $n-maincolor !important;
}

.background-color-n_member {
    background-color: $n-maincolor !important;
}

.fill-n_member {
    fill: $n-maincolor !important;
}

// 濃色
.color-dark-n_member {
    color: #514c18 !important;
}

.border-color-dark-n_member {
    border-color: #514c18 !important;
}

.background-color-dark-n_member {
    background-color: #514c18 !important;
}

.fill-dark-n_member {
    fill: #514c18 !important;
}

.stroke-dark-n_member {
    stroke: #514c18 !important;
}

// P会員
// 標準色
.border-color-p_member {
    border-color: $p-maincolor !important;
}

.background-color-p_member {
    background-color: $p-maincolor !important;
}

.fill-p_member {
    fill: $p-maincolor !important;
}

// 濃色
.color-dark-p_member {
    color: #154560 !important;
}

.border-color-dark-p_member {
    border-color: #154560 !important;
}

.background-color-dark-p_member {
    background-color: #154560 !important;
}

.fill-dark-p_member {
    fill: #154560 !important;
}

.stroke-dark-p_member {
    stroke: #154560 !important;
}

// K.KS,PS会員
// 標準色
.border-color-k_member,
.border-color-ks_member,
.border-color-ps_member {
    border-color: $k-maincolor !important;
}

.background-color-k_member,
.background-color-ks_member,
.background-color-ps_member {
    background-color: $k-maincolor !important;
}

.fill-k_member,
.fill-ks_member,
.fill-ps_member {
    fill: $k-maincolor !important;
}

// 濃色
.color-dark-k_member,
.color-dark-ks_member,
.color-dark-ps_member {
    color: #479159 !important;
}

.border-color-dark-k_member,
.border-color-dark-ks_member,
.border-color-dark-ps_member {
    border-color: #479159 !important;
}

.background-color-dark-k_member,
.background-color-dark-ks_member,
.background-color-dark-ps_member {
    background-color: #479159 !important;
}

.fill-dark-k_member,
.fill-dark-ks_member,
.fill-dark-ps_member {
    fill: #479159 !important;
}

.stroke-dark-k_member,
.stroke-dark-ks_member,
.stroke-dark-ps_member {
    stroke: #479159 !important;
}

/* ヘッダー非会員 */
header.n_member {
    .inner-header {
        .header-top {
            .header-shortcut.pc {
                .pc-menu {
                    li {
                        ul {
                            li {
                                border-color: $n-maincolor !important;
                                background-color: #a79a53;

                                &:hover {
                                    background-color: #8c8863;
                                }
                            }
                        }
                    }
                }
            }
        }

        .header-middle {
            border-top: solid 1px $n-maincolor;
            border-bottom: solid 1px $n-maincolor;

            .header-shortcut {
                a {
                    border-color: $n-maincolor !important;
                }
            }
        }
    }

    .menu-hamburger {
        ul {
            .close {
                span {
                    color: $n-maincolor;
                }
            }

            li {
                svg {
                    fill: $n-maincolor;
                }

                &.has-children {
                    >a {
                        &:before {
                            border-color: $n-maincolor !important;
                        }
                    }
                }

                ul {
                    background-color: lighten($n-maincolor, 20%);
                }
            }
        }
    }

    .menu-hamburger.open {
        .menu-hamburger-inner {
            .close {
                color: $n-maincolor;
            }
        }
    }
}

// フッターログイン前
.siteFooter.pc {
    background-color: #fffbda;

    .pc-footer-column {
        ul {
            background-color: #e2d998;
        }
    }
}

/* ホーム非会員 */
#home.n_member {
    .home {
        .index-btn {
            background: darken($n-maincolor, 50%);
        }

        .showall-btn {
            p {
                &:after {
                    border-left-color: darken($n-maincolor, 50%);
                }
            }
        }

        .title-bar {
            &:after {
                background: darken($n-maincolor, 30%);
            }
        }

        .home-info-div {
            .tab-center {
                border-color: $n-maincolor;
            }

            &__list {
                .info-button {
                    .nav-link:not(.active) {
                        color: #BBAB72;
                    }

                    .active {
                        background-color: #BBAB72;
                    }
                }
            }

            .info-tab-list {
                border-bottom: solid 1px #A79B7F;
            }

            .info-tab {
                border-top: solid 1px #A79B7F;
                border-right: 2px solid #A79B7F;
                color: #A79B7F;
            }

            .tab-information {
                border-left: 1px solid $n-maincolor;
            }

            .info-tab.selected {
                background-color: #A79B7F;
            }

            .info-tab-div {
                border-color: #A79B7F;
            }
        }

        .home-service-div {
            background-color: #fffef5;
            @include sp-wide {
                margin-bottom: 2rem;
            }
            .llservice-img {
                bottom: 0;
                width: 50%;
                right: 0;
                z-index: 0;
                @include sp-wide {
                    width: 100%;
                }
            }
            .home-service-div-content {
                padding-top: 4rem;
                padding-bottom: 4rem !important;
                position: relative;
                z-index: 1;
                @include sp-wide {
                    padding-top: 1rem;
                    padding-bottom: 10rem !important;
                }
            }
            .llservice-frame {
                svg {
                    g {
                        g {
                            #line-color {
                                fill: $n-maincolor;
                            }
                        }
                    }
                }
            }
            .all-service_link {
                a {
                    color: #fff;
                    background-color: #A78F2A;
                    padding: 1rem;
                    box-shadow: 0 3px 0 0 #504C21;
                    &:hover {
                        cursor: pointer;
                        box-shadow: none;
                        transition-duration: .2s;
                    }
                }
            }
            .bg-bottom-wave {
                display: none;
                @include sp-wide {
                    display: block;
                }
            }
        }

        .home-about-div {
            background-color: #fffef5;

            .bg-bottom-wave {
                display: block;
            }
        }

        .contact-ryno-div {
            .tel-mobile {
                background-color: lighten($n-maincolor, 20%);
            }

            .tel-imgbox {
                background-color: darken($n-maincolor, 25%);
            }
        }
    }
}

/* ヘッダーK,KS,PS会員 */
header.user_loggedin {
    .inner-header {
        .header-top {
            .header-shortcut.pc {
                ul.pc-menu {
                    li {
                        ul {
                            li {
                                border-color: $k-maincolor !important;
                                background-color: #4d6953;

                                &:hover {
                                    background-color: #6d8e6d;
                                }

                                a {
                                    width: 100%;
                                }
                            }
                        }
                    }
                }
            }

            .mypage-icon {
                fill: $k-maincolor;
            }

            .logout-icon {
                fill: $k-maincolor;
            }
        }

        .header-middle {
            border-top: solid 1px $k-maincolor;
            border-bottom: solid 1px $k-maincolor;

            .header-shortcut {
                a {
                    border-color: $k-maincolor;
                }
            }
        }
    }

    .menu-hamburger {
        ul {
            .close {
                span {
                    color: $k-maincolor;
                }
            }

            li {
                svg {
                    fill: $k-maincolor;
                }

                &.has-children {
                    >a {
                        &:before {
                            border-color: $k-maincolor;
                        }
                    }
                }

                ul {
                    background-color: lighten($k-maincolor, 20%);
                }
            }
        }
    }

    .menu-hamburger.open {
        .menu-hamburger-inner {
            .close {
                color: $k-maincolor;
            }
        }
    }
}

.siteHeader.k_member,
.siteHeader.ks_member {
    .inner-header {
        .header-middle {
            border-top: solid 1px $k-maincolor;
            border-bottom: solid 1px $k-maincolor;

            .header-shortcut.sp {
                a {
                    border-color: $k-maincolor;
                }
            }
        }
    }
}

// フッターK,KS,PS会員
.siteFooter.user_loggedin {
    background-color: #eefbe7;

    .pc-footer-column {
        ul {
            background-color: #cee4b9;
        }
    }
}

/* ホームK,KS,PS会員 */
#home.user_loggedin {
    .top_slide_wrapper.bg-white {
        .top_slide_innerwrapper {
            .top-slide-div {
                .slide-arrow {
                    svg {
                        fill: #469258;
                    }
                }

                .slick-counter {
                    .current {
                        color: #469258;
                    }
                }

                .slick-track {
                    .top-slide.slick-slide {
                        &.slick-current.slick-active {
                            h2 {
                                color: darken($k-maincolor, 50%);
                                border-color: darken($k-maincolor, 50%);

                                @include sp-wide {
                                    &:after {
                                        border-color: $k-maincolor transparent transparent transparent;
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }

    .home {
        .index-btn {
            background: darken($k-maincolor, 50%);
        }

        .showall-btn {
            p {
                &:after {
                    border-left-color: darken($k-maincolor, 50%);
                }
            }
        }

        .title-bar {
            &:after {
                background: darken($k-maincolor, 30%);
            }
        }

        .home-info-div {
            &__list {
                .info-button {
                    .nav-link:not(.active) {
                        color: #479159;
                    }

                    .active {
                        background-color: #479159;
                    }
                }
            }

            .tab-center {
                border-color: $k-maincolor;
            }

            .info-tab {
                border-top: solid 1px #64a32e;
                border-right: 2px solid #64a32e;
                color: #64a32e;
            }

            .tab-information {
                border-left: 1px solid $k-maincolor;
            }

            .info-tab-list {
                border-bottom: solid 1px #64a32e;
            }

            .info-tab.selected {
                background-color: #64a32e;
            }

            .info-tab-div {
                border-color: $k-maincolor;
            }
        }

        .home-insurance-div {
            .g-insurance {
                .insurance-bg {
                    background-color: saturate(#cfeab7, 10%);
                }

                img {
                    margin-bottom: .5rem;
                }
            }
        }

        .home-about-div {
            background-color: #f6fdf6;
        }

        .contact-ryno-div {
            .tel-mobile {
                background-color: lighten($k-maincolor, 20%);
            }

            .tel-imgbox {
                background-color: darken($k-maincolor, 25%);
            }
        }

        .plusa-bg {
            .home-plusa-div {
                background-color: #f4f7e6;
            }
        }
    }
}

/* ヘッダーP会員 */
header.user_loggedin.p_member {
    .inner-header {
        .header-top {
            .header-shortcut.pc {
                ul.pc-menu {
                    li {
                        ul {
                            li {
                                border-color: $p-maincolor !important;
                                background-color: #1b4058;

                                &:hover {
                                    background-color: #7e93a0;
                                }
                            }
                        }
                    }
                }
            }

            .mypage-icon {
                fill: $p-maincolor;
            }

            .logout-icon {
                fill: $p-maincolor;
            }
        }

        .header-middle {
            border-top: solid 1px $p-maincolor;
            border-bottom: solid 1px $p-maincolor;

            .header-shortcut {
                a {
                    border-color: $p-maincolor;
                }
            }
        }
    }

    .header-bottom {
        .b-tab-wrap {
            @include tab {
                width: 72%;
            }
        }
        .b-tab {
            @include tab {
                width: calc(100% / 3);
            }
        }
    }

    .menu-hamburger {
        ul {
            .close {
                span {
                    color: $p-maincolor;
                }
            }

            li {
                svg {
                    fill: $p-maincolor;
                }

                &.has-children {
                    >a {
                        &:before {
                            border-color: $p-maincolor;
                        }
                    }
                }

                ul {
                    background-color: lighten($p-maincolor, 20%);
                }
            }
        }
    }

    .menu-hamburger.open {
        .menu-hamburger-inner {
            .close {
                color: $p-maincolor;
            }
        }
    }
}

// フッターP会員
.siteFooter.user_loggedin.p_member {
    background-color: #e4edf9;

    .pc-footer-column {
        ul {
            background-color: #b9cbe4;
        }
    }
}

/* ホームP会員 */
#home.p_member.user_loggedin {
    .top_slide_wrapper.bg-white {
        .top_slide_innerwrapper {
            .top-slide-div {
                .slide-arrow {
                    svg {
                        fill: #466C92;
                    }
                }

                .slick-counter {
                    .current {
                        color: #466C92;
                    }
                }

                .slick-track {
                    .top-slide.slick-slide {
                        &.slick-current.slick-active {
                            h2 {
                                color: darken($p-maincolor, 50%);
                                border-color: darken($p-maincolor, 50%);

                                @include sp-wide {
                                    &:after {
                                        border-color: $p-maincolor transparent transparent transparent;
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }

    .home {
        .index-btn {
            background: darken($p-maincolor, 50%);
        }

        .showall-btn {
            p {
                &:after {
                    border-left-color: darken($p-maincolor, 50%);
                }
            }
        }

        .title-bar {
            &:after {
                background: darken($p-maincolor, 30%);
            }
        }

        .home-info-div {
            &__list {
                .info-button {
                    .nav-link:not(.active) {
                        color: #144560;
                    }

                    .active {
                        background-color: #144560;
                    }
                }
            }

            .tab-center {
                border-color: $p-maincolor;
            }

            .info-tab-list {
                border-bottom: solid 1px #466C92;
            }

            .info-tab {
                border-top: solid 1px #466C92;
                border-right: 2px solid #466C92;
                color: #466C92;
            }

            .tab-information {
                border-left: 1px solid #466C92;
            }

            .info-tab.selected {
                background-color: #466C92;
            }

            .info-tab-div {
                border-color: #466C92;
            }
        }

        .home-insurance-div {
            .g-insurance {
                .insurance-bg {
                    background-color: saturate($p-maincolor, 10%);
                }
            }
        }

        .home-about-div {
            background-color: #f6fbfd;
        }

        .contact-ryno-div {
            .tel-mobile {
                background-color: lighten($p-maincolor, 20%);
            }

            .tel-imgbox {
                background-color: darken($p-maincolor, 25%);
            }
        }

        .plusa-bg {
            .home-plusa-div {
                background-color: #e6eef7;
            }
        }
    }
}

/**********************************************
*　FAQ
***********************************************/
.page-faq.page-wrapper.pc.user_loggedin {
    margin-top: 5.5rem;
    @include tab {
        margin-top: 8rem;
    }
}
// FAQ 共通パーツ
.faq-nextanswer {
    position: relative;
    padding: .5rem 2.5rem .5rem 1rem;
    border: solid 1px #c9c9c9;
    border-radius: 5px;
    color: black;
    &:before {
        width: 25px;
        height: 25px;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        background-color: $faq-subcolor;
        content: "";
        position: absolute;
        right: 10px;
        top: 50%;
        margin-top: -12px;
    }
    &:after {
        content: "";
        width: 10px;
        height: 10px;
        position: absolute;
        top: 50%;
        margin-top: -4px;
        right: 19px;
        border: 0px solid transparent;
        border-top: 2px solid #fff;
        border-right: 2px solid #fff;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        border-radius: 2px;
    }
    .faq-cat {
        color: gray;
        font-size: .9rem;
        @include tab {
            font-size: 1.5vw;
        }
        @include sp-wide {
            font-size: 3vw;
            padding-right: .5rem;
        }
    }
}
.faq-title {
    font-size: 1.5rem;
    margin-bottom: 0;
    border-bottom: solid 1px $faq-subcolor;
}
.search-faq {
    background-color: #F4F4F4;
    .columns {
        .page-content-innerwrap {
            .serch-item {
                display: -webkit-flex;
                display: -ms-flexbox;
                align-items: center;
                margin: .5rem;
                @include tab {
                    margin: 0 0 .5rem 0;
                    justify-content: space-between;    
                    -webkit-justify-content: space-between;
                }
                h2 {
                    font-size: 1.3rem;
                    margin-right: 1.5rem;
                    i {
                        padding-right: .5rem;
                    }
                }
                a {
                    font-size: .85rem !important;
                    padding: .3rem 1.5rem;
                    box-shadow: $back-shadow;
                }
            }
            .serch-item-sub {
                margin: 1rem .5rem .5rem;
                @include tab {
                    margin: 0 0 .5rem 0;
                }
                h3 {
                    font-size: 1.1rem;
                    margin-right: 1.5rem;
                    padding-left: .5rem;
                    border-bottom: 1px solid black;
                }
            }
            form {
                position: relative;
                margin: .5rem .5rem 1rem .5rem;
                width: 48.5%;
                @include tab {
                    margin: 0rem 0rem 1rem 0rem;
                    width: 100%;
                }
                .form-control {
                    padding: .25rem 6.5rem .25rem 1rem !important;
                    @include sp-minimun {
                        font-size: .7rem;
                        height: 33.5px;
                    }
                }
                button {
                    background-color: $faq-maincolor;
                    box-shadow: $back-shadow;
                    color: white;
                    position: absolute;
                    top: 0;
                    right: 0;
                }
            }
            section {
                div {
                    h3 {
                        font-size: 1.2rem;
                        font-weight: bold;
                    }
                    a {
                        font-size: .85rem !important;
                        padding: .3rem 1.5rem;
                        box-shadow: $back-shadow;
                        margin-top: -0.2rem;
                    }
                }
                ul {
                    list-style: none;
                    background-color: #f8f9da;
                    margin: .5rem 0 0;
                    padding: 1rem 1.5rem .5rem;
                    border-radius: 5px;
                    @include sp {
                        margin-top: 1rem;
                    }
                    li {
                        line-height: 1em;
                        a {
                            color: #005545;
                            &:hover {
                                color: #43c5ad;
                            }
                        }
                    }
                }
            }
            .faq-backlink {
                display: -webkit-flex;
                display: -ms-flexbox;
                -ms-flex-wrap : wrap;
                -webkit-flex-wrap : wrap;
                @include tab {
                    display: block;
                }
                a {
                    width: calc(100% / 2 - 1rem);
                    margin: .5rem;
                    padding: 0;
                    box-shadow: none;
                    &:hover {
                        opacity: .6;
                    }
                    .faq-nextanswer {
                        background-color: white;
                        border: none;
                        box-shadow: $back-shadow;
                    }
                }
                &__btn {
                    background-color: white;
                    padding: .5rem 2.5rem .5rem 1rem;
                    border: solid 1px #c9c9c9;
                    border-radius: 5px;
                    color: black;
                    &:hover {
                        color: #c9c9c9;
                    }
                }
            }
        }
    }
}
.search-faq.related-q {
    .columns {
        .page-content-innerwrap {
            .faq-backlink {
                a {
                    .faq-nextanswer {
                        &:before {
                            background-color: black;
                        }
                    }
                }
            }
        }
    }
}
.page-faq {
    .page-header {
        .page-top {
            &__icon {
                display: none;
            }
        }
    }
    .page-content-wrapper {
        section {
            .columns {
                .page-content-innerwrap {
                    h2 {
                        font-size: 1.3rem;
                        font-weight: bold;
                        margin-bottom: .75rem;
                        text-align: center;
                        @include tab {
                            text-align: left;
                        }                          
                    }
                }
            }
        }
        .search-faq {
            background-color: #FFFDE7;
            .columns {
                .page-content-innerwrap {
                    display: flex;
                    display: -webkit-flex;
                    display: -ms-flexbox;
                    -ms-flex-wrap : wrap;
                    -webkit-flex-wrap : wrap;
                    @include tab {
                        display: block;
                    }
                    section {
                        width: 100%;
                        margin: 0 1rem;
                        &:first-child {
                            margin-left: 0;
                        }
                        &:last-child {
                            margin-right: 0;
                        }
                        @include tab {
                            margin: 0;
                            display: block;
                        }
                        .beginner-guide {
                            width: 30%;
                            @include pc-md {
                                width: 40%;
                            }
                            @include tab {
                                width: 60%;
                            }
                            @include sp-wide {
                                width: 90%;
                            }
                        }
                    }
                    .serch-item {
                        display: block;
                        margin: 0 0 .5rem 0;
                        @include tab-min {
                            min-width: 280px;
                            margin-bottom: 0;
                        }
                        h2 {
                            text-align: center;
                            @include tab-min {
                                margin-bottom: 0;                            
                            }
                            @include tab {
                                text-align: left;
                            }
                            i {
                                padding-right: .5rem;
                            }
                        }
                    }
                    form {
                        margin: .5rem auto 2.5rem;
                        width: 60%;
                        @include tab {
                            width: 100%;
                        }
                    }
                }
            }
        }
        .top-category {
            .columns {
                .page-content-innerwrap {
                    .faq-category {
                        border: solid 1px #d8d8d8;
                        border-radius: 5px;
                        height: 100%;
                        &__title {
                            pointer-events: none;
                            @include tab {
                                pointer-events: auto;
                            }
                            padding: .5rem 1rem;
                            &__image {
                                width: 8%;
                                padding-right: .5rem;
                            }
                            &__name {
                                font-size: 1.15rem;
                            }
                        }
                        .faq-category__title.acor-menu {
                            position: relative;
                            @include tab {
                                padding-right: 2.5rem;
                            }
                            &:after {
                                @include tab {
                                    content: "";
                                    width: 10px;
                                    height: 10px;
                                    position: absolute;
                                    top: 38%;
                                    right: .95rem;
                                    border: 0px solid transparent;
                                    border-top: 2px solid #A7C53C;
                                    border-left: 2px solid #A7C53C;
                                    -webkit-transform: rotate(-135deg);
                                    transform: rotate(-135deg);
                                    border-radius: 2px;
                                }
                            }
                        }
                        .faq-category__title.acor-menu.opened {
                            &:after {
                                @include tab {
                                    content: "";
                                    width: 10px;
                                    height: 10px;
                                    position: absolute;
                                    top: 38%;
                                    right: .95rem;
                                    border: 0px solid transparent;
                                    border-top: 2px solid #A7C53C;
                                    border-left: 2px solid #A7C53C;
                                    -webkit-transform: rotate(45deg);
                                    transform: rotate(45deg);
                                    border-radius: 2px;
                                }
                            }
                        }
                        .acor-menu-child {
                            padding: .5rem 1rem;
                            border-top: solid 1px #d8d8d8;
                            height: 100%;
                            ul {
                                margin: .5rem 0;
                                list-style: none;
                                padding: 0;
                                height: calc(100% - 7rem);
                                li {
                                    position: relative;
                                    margin-bottom: 1.25rem;
                                    &:before {
                                        content: "";
                                        position: absolute;
                                        top: .8rem;
                                        left: 0;
                                        transform: translateY(-50%);
                                        border: 8px solid transparent;
                                        border-left: 13px solid #A7C53C;
                                    }
                                    a {
                                        color: black;
                                        &:hover {
                                            color: #c9c9c9;
                                        }
                                        p {
                                            padding-left: 1.5rem;
                                        }
                                    }
                                }
                            }
                            .faq-category__all {
                                display: -webkit-flex;
                                display: -ms-flexbox;
                                align-items: center;
                                justify-content: center;    
                                -webkit-justify-content: center;
                                width: 40%;
                                margin: .5rem auto;
                                color: white;
                                background-color: $faq-maincolor;
                                padding: .25rem .5rem;
                                box-shadow: $back-shadow;
                            }
                        }
                    }
                }
            }
        }
        .top-pickup {
            .columns {
                .page-content-innerwrap {
                    width: 100%;
                    h2 {
                        background-color: #F5F5EF;
                        padding: .5rem 1.5rem;
                    }
                    ul {
                        list-style: none;
                        padding-left: 1.5rem;
                        li {
                            .pickup-faq {
                                align-items: center;
                                border-bottom: solid 1px #c9c9c9;
                                padding: 0 .5rem .5rem .5rem;
                                position: relative;
                                display: -webkit-flex;
                                display: -ms-flexbox;
                                align-items: center;
                                @include tab {
                                    display: block;
                                }
                                &:before {
                                    width: 25px;
                                    height: 25px;
                                    -webkit-border-radius: 50%;
                                    border-radius: 50%;
                                    background-color: #A7C53C;
                                    content: "";
                                    position: absolute;
                                    right: 10px;
                                    top: 50%;
                                    margin-top: -12px;
                                }
                                &:after {
                                    content: "";
                                    width: 10px;
                                    height: 10px;
                                    position: absolute;
                                    top: 50%;
                                    margin-top: -4px;
                                    right: 19px;
                                    border: 0px solid transparent;
                                    border-top: 2px solid #fff;
                                    border-right: 2px solid #fff;
                                    -webkit-transform: rotate(45deg);
                                    transform: rotate(45deg);
                                    border-radius: 2px;
                                }
                                &__cat {
                                    display: -webkit-flex;
                                    display: -ms-flexbox;
                                    align-items: center;
                                    margin-right: 1rem;
                                    width: 30%;
                                    @include tab {
                                        width: 100%;
                                        padding-right: 2.5rem;
                                        margin-bottom: .5rem;
                                    }
                                    &__icon {
                                        min-width: 10%;
                                        max-width: 10%;
                                        margin-right: .5rem;
                                        @include tab {
                                            min-width: 6%;
                                            max-width: 6%;
                                        }
                                    }
                                    &__name {
                                        margin-bottom: 0 !important;
                                        color: #7A9180;
                                    }
                                }
                                &__title {
                                    padding-right: 2rem;
                                    margin-bottom: 0 !important;
                                    width: 70%;
                                    @include tab {
                                        width: 100%;
                                        padding-right: 2.5rem;
                                    }
                                }
                            }
                            .faq-nextanswer {
                                display: -webkit-flex;
                                display: -ms-flexbox;
                                border-bottom: solid 1px gainsboro;
                                border-top: 0;
                                border-left: 0;
                                border-right: 0;
                                padding: 0 0 .5rem 0;
                                border-radius: 0;  
                                @include tab {
                                    display: block;
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}
// カテゴリーページ
#page-ufaq {
    .faq_breadcrumb_container {
        overflow-x: scroll;
        width: calc(100vw - 15px);
        padding-bottom: .5rem;
    }
    .breadSection {
        .breadcrumb {
            padding: 0;
            display: block;
            content: "";
            clear: both;
            &>li {
                float: left;
                background-color: #F5F5EF;
                padding: .5rem 1rem;
                position: relative;
                margin-right: 2rem;
                @include tab {
                    margin-right: 32px;
                }
                &::before {
                    content: "";
                    position: absolute;
                    top: 0;
                    left: -1.8rem;
                    border-right: 30px solid #F5F5EF;
                    border-top: 2.2rem solid transparent;
                    margin-left: 0;
                    margin-right: 0;
                    @include tab {
                        top: -1px;
                        left: -29px;
                    }
                }
                &::after {
                    content: "";
                    position: absolute;
                    top: 0;
                    right: -1.8rem;
                    border-left: 30px solid #F5F5EF;
                    border-bottom: 2.2rem solid transparent;
                    @include tab {
                        top: 0px;
                        right: -29px;
                    }
                }
                &:first-of-type {
                    &::before {
                        content: none;
                    }
                }
                &:last-of-type {
                    background-color: #E8E8CC;
                    &::before {
                        border-right: 30px solid #E8E8CC;
                    }
                    &::after {
                        border-left: 30px solid #E8E8CC;
                    }
                }
                a {
                    &:hover {
                        border-bottom: none;
                        opacity: .8;
                    }
                }
            }
        }
    }

    .page-content-wrapper {
        padding-top: 4rem;
        .flame-body {
            .page-content-innerwrap {
                width: 100%;
                .page-content-div {
                    .cat-description {
                        margin: 1rem 0 3rem;
                    }
                    .faq-cat-list {
                        padding: 0;
                        list-style: none;
                        display: -webkit-flex;
                        display: -ms-flexbox;
                        -ms-flex-wrap: wrap;
                        -webkit-flex-wrap: wrap;
                        @include tab {
                            display: block;
                        }
                        a {
                            color: black;
                            width: calc(100% / 2 - 1rem);
                            margin: .5rem;
                            li {
                                margin-bottom: 0;
                                height: 100%;
                                line-height: 1.4rem;
                                &:hover {
                                    opacity: .5;
                                }
                            }
                        }
                    }
                    // 回答ページ
                    .faq-answer {
                        &__explanation,
                        &__link,
                        &__detail {
                            margin: 0rem 2rem;
                        }
                        &__heading {
                            background-color: $faq-subcolor;
                            font-size: 1.2rem;
                            color: white;
                            border-radius: 50px;
                            margin-bottom: 1rem;
                            padding: .25rem 2rem;
                        }
                        &__explanation {
                            margin-bottom: 2rem;
                        }
                        &__link {
                            background-color: #F8F8F8;
                            margin-bottom: 1rem !important;
                            border-radius: 8px;
                            padding: 1rem;
                            &:last-child {
                                margin-bottom: 2rem !important;
                            }
                            &__title,
                            &__list {
                                padding: 0 .5rem;
                            }
                            &__title {
                                font-size: 1.1rem;
                                border-bottom: dashed 2px $faq-subcolor;
                                padding-bottom: .25rem !important;
                                margin-bottom: .5rem;
                            }
                            &__list {
                                display: -webkit-flex;
                                display: -ms-flexbox;
                                -ms-flex-wrap: wrap;
                                -webkit-flex-wrap: wrap;
                                @include tab {
                                    display: block;
                                }
                                a {
                                    color: black;
                                    width: calc(100% / 2 - 1rem);
                                    margin: .5rem;
                                    border-radius: 5px;
                                    box-shadow: $back-shadow;
                                    &:hover {
                                        color: #c9c9c9;
                                        opacity: .6;
                                    }
                                }
                                &__item {
                                    background-color: white;
                                    border-radius: 5px;
                                    padding: .5rem 1rem;
                                    span {
                                        padding-right: .75rem;
                                    }
                                    &__icon {
                                        min-width: 6%;
                                        max-width: 6%;
                                    }
                                }
                            }
                        }
                        &__detail {
                            margin: 2rem;
                            border-left: solid 5px $faq-maincolor;
                            padding: .5rem 0 .5rem 1rem;
                            &__title {
                                font-size: 1.1rem;
                            }
                        }
                    }
                    // キーワード・フリーワード
                    .faq-sound {
                        font-size: 1.3rem;
                        z-index: 1;
                        border-radius: 5px;
                        background: rgba(256, 256, 256, 0.7);
                        display: flex;
                        transform: translateY(0);
                        visibility: visible;
                        transition: .4s;
                        @include sp-wide-min {
                            -ms-flex-wrap: wrap;
                            -webkit-flex-wrap: wrap;
                        }
                        &.faq-sound__fixed {
                            position: fixed;
                            transition: .4s;
                        }
                        &.faq-sound__bottom {
                            visibility: hidden;
                            transition: .4s;
                        }
                        &__item {
                            background-color: white;
                            box-shadow: $back-shadow;
                            border: $faq-subcolor;
                            color: $faq-subcolor;
                            border: solid 1px $faq-subcolor;
                            border-radius: 5px;
                            padding: .5rem;
                            margin: .2rem;
                            width: 40px;
                            height: 40px;
                            display: -webkit-flex;
                            display: -ms-flexbox;
                            align-items: center;
                            text-align: center;
                            @include pc-md {
                                width: 35px;
                                height: 35px;
                            }
                        }
                        &__item.active {
                            background-color: $faq-subcolor;
                            color: white;
                            box-shadow: none;
                            border: none;
                        }
                        &__item.off {
                            background-color: #efefef;
                            color: gray;
                            box-shadow: none;
                            border: none;
                        }
                    }
                    .faq-search-word {
                        font-size: .9rem;
                        margin-top: .5rem;
                        color: gray;
                    }
                    h2 {
                        background-color: #F5F5EF;
                        padding: .5rem 1.5rem;
                        font-size: 1rem;
                        margin-top: 2rem;
                    }
                }
                .pnavi {
                    display: flex;
                    justify-content: center;
                    ul.page-numbers {
                        li {
                            margin: 0 0.2rem;
                            border: 1px solid $faq-maincolor;
                            a,
                            span {
                                border: none;
                            }
                            a {
                                color: $faq-maincolor;
                                &:hover {
                                    color: white !important;
                                    background-color: $faq-maincolor;
                                    opacity: .5;
                                }
                            }
                            &:hover {
                                opacity: .5;
                            }
                            span.page-numbers.current {
                                background-color: $faq-maincolor;
                            }
                            &:first-child>.page-numbers {
                                border-top-left-radius: 0;
                                border-bottom-left-radius: 0;
                            }
                            &:last-child>.page-numbers {
                                border-top-right-radius: 0;
                                border-bottom-right-radius: 0;
                            }
                            span.page-numbers.dots {
                                color: $faq-maincolor  !important;
                            }
                        }
                    }
                }
            }
        }
    }
}
// キーワード・フリーワード
// TODO:ライノくんを非表示にする
.page-template-page-faq__keyword {
    .raino-faq {
        display: none;
    }
}
.keyword-list {
    .page-content-wrapper {
        .container {
            .flame-body {
                .page-content-innerwrap {
                    .page-content-div {
                        .faq-title {
                            padding-top: 5rem;
                            @include sp-wide-min {
                                padding-top: 7rem;
                            }
                        }
                    }
                }
            }
        }
    }
}
.faq-questionnaire {
    background-color: #f5f8ed;
    border-radius: 10px;
    padding: 2rem 1rem;
    @include pc-md {
        padding: 1rem .5rem;
    }
    button {
        width: 300px;
        border: solid 2px #a7c53c;
        padding: .25rem 0;
        background-color: white;
        &:hover {
            opacity: .5;
            transition-duration: .2s;
        }
        @include sp-wide {
            width: 250px;
            margin: 0 auto;
        }
        &:focus {
            box-shadow: none !important;
        }
        img {
            width: 18%;
            padding-left: .35rem;
        }
    }
    &__btn-list {
        @include sp-wide {
            flex-flow: column;
        }
        #faq-questionnaire-yes {
            @include sp-wide {
                margin-bottom: .5rem;
            }
        }
    }
    .cancel-form {
        margin: 0 auto;
        width: 70%;
        @include pc-md {
            width: 90%;
        }
        @include tab {
            width: 100%;
        }
        .form-group {
            @include tab {
                padding: 0;
            }
        }
        .inputbox {
            .container-fluid {
                .cancel-form_about {
                    text-align: center;
                    border: 0;
                    background: none;
                    margin-bottom: 1rem;
                    @include pc-md {
                        text-align: left;
                    }
                }
            }
        }
        .faq-submit {
            background-color: #009688;
            border: solid 1px #009688;
            &:hover {
                opacity: .5;
                transition-duration: .2s;
            }
        }
        .faq-submit-message {
            color: #629600;
        }
    }
}

/**********************************************
*　National Convention
***********************************************/
#page-convention {
    background: url(/cms/wp-content/themes/zenkosai/assets/images/convention/moive_bg.jpg) no-repeat;
    min-height: 100vh;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
    margin-top: 5.5rem;

    @include sp-wide {
        margin-top: 12.5rem;
    }

    .page-header {
        background: none;

        .page-top {
            padding-top: 3.5rem;

            &__title {
                position: relative;

                h1 {
                    font-size: 2rem;
                    color: #466C92;
                    text-shadow: 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff;
                    letter-spacing: .1rem;
                }

                h2 {
                    color: #ff8613;
                    font-size: 1.7rem;
                }

                &__main {
                    position: relative;
                    z-index: 1;
                }

                &__ornament {
                    width: 32%;
                    margin: 0 auto;
                    position: absolute;
                    left: 0;
                    right: 0;
                    bottom: 1%;

                    @include pc-big-minimun {
                        width: 42%;
                    }

                    @include tab {
                        width: 52%;
                    }

                    @include sp-wide {
                        width: 72%;
                    }

                    @include sp {
                        width: 85%;
                    }
                }
            }
        }
    }

    .page-content-wrapper {
        .page-content-innerwrap {
            display: -webkit-flex;
            display: -ms-flexbox;
            -ms-flex-wrap: wrap;
            -webkit-flex-wrap: wrap;
            align-items: center;
            justify-content: space-between;
            -webkit-justify-content: space-between;
            margin: 3rem auto 0;
            width: 80%;

            @include pc-min {
                display: block;
            }

            .page-content-div {
                &:first-child {
                    width: 50%;

                    @include pc-min {
                        width: 100%;
                    }
                }

                &:last-child {
                    width: 46%;

                    @include pc-min {
                        width: 100%;
                    }
                }

                .pop-up {
                    position: relative;

                    .movie-th {
                        position: relative;
                        background-color: black;
                        display: inline-block;
                        cursor: pointer;

                        img {
                            opacity: .75;
                            display: block;
                        }

                        &:after {
                            content: "";
                            width: 100%;
                            height: 100%;
                            top: 0;
                            left: 0;
                            position: absolute;
                            background-color: black;
                            z-index: -1;
                        }
                    }

                    &-child {
                        width: 100%;
                        height: 100%;

                        @include sp {
                            width: 100%;
                        }

                        .movie {
                            &__item {
                                width: 100%;
                                margin: 15vh auto 1rem;

                                @include tab {
                                    width: 90%;
                                    margin-top: 40%;
                                }

                                @include sp {
                                    margin-top: 55%;
                                }

                                video {
                                    width: 60%;
                                    height: auto;
                                    margin: 0 auto;
                                    display: block;

                                    @include tab {
                                        width: 100%;
                                    }
                                }
                            }

                            .close-modal {
                                color: white;
                                margin: 0 auto;
                                width: 40%;
                                padding: .25rem;
                                border-radius: 50px;
                                border: solid 1px white;
                                margin-bottom: 2rem;
                            }
                        }
                    }

                    .movie-play-btn {
                        position: absolute;
                        left: 0;
                        right: 0;
                        top: 0;
                        bottom: 0;
                        text-align: center;
                        width: 18%;
                        margin: auto;
                        height: 29%;
                        cursor: pointer;
                    }
                }

                .movie-detail {
                    margin-bottom: 1rem;
                }

                .movie-link {
                    background-color: white;
                    border-radius: 5px;
                    border: solid 1px;
                    padding: .25rem 1rem;
                    box-shadow: $back-shadow;
                    cursor: pointer;

                    &:hover {
                        opacity: .7;
                    }

                    &__dl-icon {
                        border-radius: 50px;
                        width: 35px;
                        height: 35px;
                        padding: .5rem;
                        display: -webkit-flex;
                        display: -ms-flexbox;
                        align-items: center;

                        @include pc-md {
                            width: 30px;
                            height: 30px;
                        }
                    }

                    &__pdf-tit {
                        span {
                            @include pc {
                                display: block;
                            }

                            @include pc-min {
                                display: inline-block;
                            }
                        }
                    }
                }

                .dm {
                    border-color: #87A6B2;
                    margin-bottom: .5rem;

                    a {
                        color: #1C6783;

                        .movie-link__dl-icon {
                            background-color: #1C6783;
                        }
                    }
                }

                .ticket {
                    border-color: #FDC1D4;

                    @include pc-min {
                        margin-bottom: 1.5rem;
                    }

                    a {
                        color: #F1739B;

                        .movie-link__dl-icon {
                            background-color: #F1739B;
                        }
                    }
                }
            }
        }

        &:last-child {
            padding: .5rem 0 5rem;
            background: linear-gradient(125.7663766522578deg, rgba(255, 252, 254, 1) 20.442939855974398%, rgba(254, 252, 254, 1) 20.442939855974398%, rgba(247, 253, 255, 1) 33.535545208036986%, rgba(207, 244, 250, 1) 60.35020809254978%, rgba(247, 253, 255, 1) 74.07226562499999%, rgba(255, 247, 252, 1) 80.87034917318633%);
            margin-top: 3rem;

            .page-content-innerwrap {
                .page-content-div {
                    &:first-child {
                        width: 46%;
                        position: relative;

                        @include pc-wide {
                            width: 80%;
                            margin: 0 auto 1rem;
                        }

                        @include tab {
                            width: 100%;
                        }

                        .event-title {
                            text-shadow: 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff;
                            position: absolute;
                            top: -7%;
                            left: 0;
                            right: 0;

                            &__ornament {
                                width: 5%;
                                margin: 0 1rem;

                                @include sp-wide {
                                    margin: 0;
                                }
                            }

                            h2 {
                                font-size: 1.7rem;
                                color: #F21134;
                            }
                        }
                    }

                    &:last-child {
                        width: 50%;

                        @include pc-wide {
                            width: 100%;
                        }
                    }

                    .event-catch {
                        margin-bottom: .5rem;

                        h3 {
                            color: #ff8613;

                            @include pc-wide {
                                text-align: center;
                            }
                        }
                    }

                    .event-detail {
                        background: rgba(265, 265, 265, 0.85);
                        padding: .5rem 1rem 4rem;
                        border-radius: 8px;

                        &__link {
                            background-color: white;
                            box-shadow: $back-shadow;
                            padding: .75rem 1rem;
                            border-radius: 8px;
                            width: 40%;
                            margin-bottom: .5rem;
                            position: relative;
                            float: right;
                            cursor: pointer;

                            @include sp-wide {
                                width: 70%;
                            }

                            &:hover {
                                opacity: .7;
                            }

                            &:before {
                                width: 25px;
                                height: 25px;
                                -webkit-border-radius: 50%;
                                border-radius: 50%;
                                background-color: #1C6783;
                                content: "";
                                position: absolute;
                                right: 10px;
                                top: 50%;
                                margin-top: -12px;
                            }

                            &:after {
                                content: "";
                                width: 10px;
                                height: 10px;
                                position: absolute;
                                top: 50%;
                                margin-top: -4px;
                                right: 19px;
                                border: 0px solid transparent;
                                border-top: 2px solid #fff;
                                border-right: 2px solid #fff;
                                -webkit-transform: rotate(45deg);
                                transform: rotate(45deg);
                                border-radius: 2px;
                            }

                            a {
                                color: #1C6783;
                            }
                        }
                    }
                }
            }
        }
    }
}

#page-ticket {
    .page-header {
        margin-bottom: 2rem;

        .page-top {
            &__back {
                .sp-bnr {
                    transform: scale(1.8);
                }
            }

            &__icon {
                @include tab {
                    height: 50%;
                }

                @include sp {
                    height: 60%;
                    margin-top: 4rem;
                    margin-bottom: 4rem;
                }
            }
        }
    }

    .container {
        max-width: 90%;
    }

    .page-content-wrapper {
        .page-content-innerwrap {
            .page-content-div {
                background-color: #fffdf0;
                padding: 1rem 1.5rem;
            }

            .contact-flow {
                width: 85%;
                margin: 0 auto 1rem;

                @include tab {
                    width: 100%;
                }

                .pc {
                    @include sp {
                        display: none;
                    }
                }

                .sp {
                    display: none;

                    @include sp {
                        display: block;
                    }
                }
            }

            .wpcf7-list-item {
                display: block;
            }

            .inputarea {
                @include tab {
                    border-top: none;
                }

                &.form-group textarea {
                    background-color: white !important;
                    height: 4rem;

                    @include sp {
                        height: 6rem;
                    }
                }
            }

            .wpcf7-previous {
                padding: 0.35rem;
                border-radius: 5px;
                border: solid 1px #28a745;
                color: #28a745;
                background-color: white;
                margin: 1rem auto 0.5rem;
            }

            .wpcf7-submit {
                background-color: #16521d;
                border: none;
                margin: 0 auto 0 0.5rem;
            }

            .inputbox {
                .border-bottom {
                    @include tab {
                        border-bottom: 1px solid #dee2e6 !important;
                    }
                }
            }

            #convention-ticket,
            #wheelchair {
                margin-top: 0 !important;
                padding: 0 !important;
            }
        }
    }
}

/**********************************************
*　2022 National Convention
***********************************************/
#page-convention_movie {
    margin-top: 5.5rem;
    @include sp-wide {
        margin-top: 7.5rem;
    }
    .page-header {
        .page-top {
            padding: 3.5rem 0;
            @include sp-wide {
                padding: 2rem 0;
            }
            &__title {
                position: relative;
                h1 {
                    font-size: 2rem;
                    letter-spacing: .1rem;
                    img {
                        margin: 0 auto;
                        width: 25%;
                        @include pc-md {
                            width: 30%;
                        }
                        @include tab {
                            width: 35%;
                        }
                        @include sp-wide {
                            width: 40%;
                        }
                    }
                    span {
                        font-size: 1.2rem;
                        padding-top: 0.5rem;
                    }
                }
                &__main {
                    position: relative;
                    z-index: 1;
                    margin-top: 2rem;
                }
            }
            &__about {
                margin: 2rem auto 0;
                width: 78%;
                text-align: left;
                &__note {
                    font-size: .9rem;
                    padding: .5rem 1rem;
                    border-radius: 5px;
                }
            }
        }
    }
    .page-content-wrapper {
        margin-bottom: 6rem;
        .main-movie,
        .sub-movie,
        .main-movie_scene {
            padding: 4rem 10rem 0rem;
            @include pc-big-minimun {
                padding: 4rem 5rem 0rem;
            }
            @include sp {
                padding: 4rem 2.5rem 0rem;
            }
        }
        .main-movie {
            background-color: white;
            &__content {
                &:first-child {
                    @include sp-wide {
                        margin-bottom: 1rem;
                    }
                }
                &__item {
                    background-color: #d1c3a2;
                    padding: .25rem 1rem;
                    margin-bottom: .5rem;
                }
                iframe {
                    height: 40vh;
                    @include tab {
                        height: 50vh;
                    }
                    @include sp-wide {
                        height: 35vh;
                    }
                }
                &__header {
                    border-left: solid 5px #466c92;
                    padding-left: .5rem;
                    margin-bottom: .5rem;
                }
                &__body {
                    ul {
                        margin: 0;
                        padding: 0 2rem;
                        list-style: none;
                        li {
                            margin-bottom: 0;
                            ul {
                                padding: 0 0 0 1.3rem;
                                list-style: none;
                            }
                        }
                    }
                }
                &__link-title {
                    padding: 2rem 0 .5rem;
                    text-align: center;
                    color: black;
                }
                &__link-name {
                    text-align: center;
                    border: solid 1px #c2a154;
                    padding: .5rem;
                    box-shadow: 1rem 1.5rem 1.5rem rgba(0, 0, 0, 0.15);
                    background-color: white;
                    &:hover {
                        color: white;
                        background-color: #c2a154;
                        transition-duration: .3s;
                        box-shadow: none;
                    }
                }
                a {
                    color: #c2a154;
                    &:hover {
                        color: white;
                    }
                }
            }
        }
        .page-link {
            padding-bottom: 4rem;
            @include sp-wide {
                padding-top: .5rem;
            }
            .main-movie__content {
                &:last-child {
                    @include tab {
                        margin-top: .5rem;
                    }
                }
            }
        }
        .sub-movie {
            &__content {
                margin-bottom: 3rem;
                iframe {
                    height: 40vh;
                    @include tab {
                        height: 50vh;
                    }
                    @include sp-wide {
                        height: 35vh;
                    }
                }
                &__detail {
                    @include tab {
                        margin-bottom: .5rem;
                    }
                    &__item {
                        margin-bottom: .5rem;
                        border-bottom: solid 1px #466c92;
                    }
                    &__header,
                    &__body {
                        padding: 0 1rem .35rem;
                    }
                    &__body {
                        ul {
                            margin: 0;
                            padding: 0 0 0 1.3rem;
                            list-style: none;
                            li {
                                margin-bottom: 0;
                            }
                        }
                    }
                    &__header {
                        border-left: solid 5px #466c92;
                        padding-left: .5rem;
                        margin-bottom: .5rem;
                        padding-bottom: 0;
                    }
                }
            }
        }
        .main-movie_scene {
            background-color: white;
            #movie-greeting,
            #movie-report {
                .main-movie__item {
                    background-color: #d1c3a2;
                    padding: .25rem 1rem;
                    margin-bottom: .5rem;
                }
                iframe {
                    height: 40vh;
                    @include tab {
                        height: 50vh;
                    }
                    @include sp-wide {
                        height: 35vh;
                    }
                }
            }
            #movie-greeting {
                @include tab {
                    margin-bottom: 3rem;
                }
            }
        }
    }
}
// 2022
.page-convention_2022 {
    &:before {
        position:fixed;
        top: 0;
        left: 0;
        z-index: -1;
        width: 100vw;
        height: 100vh;
        -webkit-background-size: cover;
        background-size: cover;
        content: "";
        background: url(/cms/wp-content/themes/zenkosai/assets/images/convention/2022/convention2022_bg.jpg) no-repeat;
    }
    .page-header {
        background: none;
        .page-top {
            &__title {
                h1 {
                    color: #466C92;
                    text-shadow: 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff;
                }
            }
            &__about {
                color: black;
                &__note {
                    background: rgba(265,265,265,0.8);
                }
            }
        }
    }
}

// 2023
.page-convention_2023 {
    &:before {
        display: none;
    }
    .page-header {
        background-size: cover;
        background-position: center;
        position: relative;
        @include pc-md {
            background: none;
        }
        .page-top {
            &:after {
                content: "";
                position: fixed;
                z-index: 0;
                width: 100%;
                height:100%;
                top: 0;
                left: 0;
                background-color: white;
                opacity: 0;
                @include pc-md {
                    display: none;
                }
            }
            &__title {
                @include pc-md {
                    background-size: cover;
                    position: relative;
                    z-index: 0;
                    padding-bottom: 4rem;
                    background-position: center;
                }
                &:after {
                    @include pc-md {
                        content: "";
                        position: fixed;
                        z-index: -1;
                        width: 100%;
                        height:100%;
                        top: 0;
                        left: 0;
                        background-color: white;
                        opacity: 0.4;
                    }
                }
                h1 {
                    color: black;
                    img {
                        @include tab {
                            width: 75% !important;
                        }
                    }
                }
                &__main {
                    @include tab {
                        padding-top: 5rem !important;
                    }
                }
            }
            &__about {
                color: black;
                position: relative;
                z-index: 1;
                &__note {
                    background: rgba(265,265,265,0.8);
                    color: black;
                    @include pc-md {
                        background-color: #f4f2f2;
                    }
                }
            }
        }
    }
    .page-content-wrapper {
        position: relative;
        z-index: 0;
        .main-movie {
            width: 100%;
            &__content {
                &:first-child {
                    @include sp-wide {
                        margin-bottom: 0 !important;
                    }
                }
            }
        }
        .sub-movie {
            background-color: white;
            &__content {
                &__detail {
                    &__header {
                        @include sp-wide {
                            display: none;
                        }
                    }
                }
            }
        }
    }
}

/**********************************************
*　National Convention 特設サイト
***********************************************/
// 2024特設サイト
#page-convention_2024 {
    margin-top: 7.5rem;
    @include sp-wide {
        margin-top: 12.5rem;
    }
    .page-header {
        .container {
            position: relative;
            z-index: 2;
        }
        .page-top {
            z-index: 1;
            background-image: url(/cms/wp-content/themes/zenkosai/assets/images/convention/2024/pc/page-top_bg.jpg);
            padding: 3rem 0;
            background-repeat: no-repeat;
            background-size: 100%;
            background-position: center;
            @include tab {
                background-image: url(/cms/wp-content/themes/zenkosai/assets/images/convention/2024/sp/page-top_bg.jpg);
            }
            @include sp-wide {
                padding: 2.25rem 0 0;
                margin-bottom: 0;
                background-position-y: 2.25rem;
            }
            &__back {
                position: relative;
                z-index: 1;
            }
            &__icon {
                width: 100%;
                z-index: 2;
                position: unset;
                background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.75) 30%, rgba(255,255,255,0.75) 70%, rgba(255,173,0,0) 100%);
                @include sp-wide {
                    height: auto;
                    padding: 1rem 0;
                    background: none;
                }
                h1 {
                    line-height: 2.2rem;
                    margin: 0.5rem auto;
                    text-shadow: 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff;
                    width: 30%;
                    margin: 0.25rem auto !important;
                    @include sp-wide {
                        width: 100%;
                        background: linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.75) 30%,rgba(255,255,255,.75) 70%,rgba(255,173,0,0) 100%);
                    }
                    img {
                        @include sp-wide {
                            width: 60%;
                        }
                    }
                }
            }
        }
    }
    .page-content-wrapper {
        .convention-tit {
            font-size: 1.3rem;
            position: relative;
            text-align: center;
            display: inline-block;
            span {
                padding: 0 0.5rem;
            }
            &:after {
                content: "";
                display: block;
                height: 4px;
                background: linear-gradient(90deg, rgba(145,169,186,1) 0%, rgba(194,195,195,1) 0%, rgba(219,232,244,1) 0%, rgba(194,195,195,1) 0%, rgba(238,239,239,1) 75%, rgba(255,255,255,0) 100%);
            }
        }
        .convention-sub_tit {
            font-size: 1.1rem;
            border-left: solid 5px #929075;
            padding-left: .5rem;
        }
        section {
            border-bottom: solid 1px #d1d1d1;
        }
        .page-nav {
            padding: 0.5rem 0;
            &__list {
                justify-content: center;
                @include pc-md {
                    justify-content: start;
                }
                &__item {
                    width: calc(100% / 5);
                    padding: .25rem;
                    @include pc-md {
                        padding: 0.35rem;
                        width: calc(100% / 2);
                    }
                    button {
                        border: solid 1px #d3d3d3;
                        padding: 0.15rem 1rem;
                        box-shadow: 0 5px 0 #d3d3d3;
                        transition: .4s;
                        width: 100%;
                        background-color: #fff;
                        &:hover {
                            transform: translateY(4px);
                            box-shadow: 0 0 0 #d3d3d3;
                            opacity: 1;
                        }
                    }
                    p {
                        @include sp-wide {
                            line-height: 1.2rem;
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            padding: 0.1rem;
                            max-height: 40px;
                            height: 100%;
                        }
                        br {
                            display: none;
                            @include sp-wide {
                                display: block;
                            }
                        }
                        span {
                            @include sp-wide {
                                display: block;
                            }
                            br {
                                display: none;
                                @include sp-wide {
                                    display: block;
                                }
                            }
                        }
                    }
                }
            }
        }
        .link-btn {
            &.pdf-link {
                button {
                    background-color: #404040;
                }
            }
            button {
                display: block;
                width: auto;
                color: white;
                background-color: #4878AD;
                letter-spacing: .01rem;
                padding: 0.25rem 1.25rem;
                box-shadow: $back-shadow;
                &:hover {
                    box-shadow: none;
                    transition-duration: .2s;
                    opacity: 1;
                }
                &:before,
                &:after {
                    display: none;
                }
                i {
                    padding-left: 0.5rem;
                }
            }
        }
        .content-theme {
            .theme-img {
                margin: 1rem 0 3rem;
                width: 20vw;
                @include sp-wide {
                    width: 40vw;
                    margin-bottom: 1.5rem;
                }
            }
            .content-body {
                &__item {
                    &:nth-child(2) {
                        .content-body__item__about {
                            display: inline-flex;
                            align-items: baseline;
                            margin-top: 0;
                            @include tab {
                                display: block;
                            }
                        }
                    }
                    &__about {
                        padding-left: 1rem;
                        margin-top: .75rem;
                        div {
                            p {
                                font-size: 1.1rem;
                                line-height: 1.8rem;
                                .min {
                                    font-size: 1rem;
                                }
                                .big {
                                    font-size: 1.5rem;
                                    font-family: -apple-system, BlinkMacSystemFont, "Hiragino Sans", Meiryo, "Helvetica Neue", sans-serif;
                                }
                                .nor {
                                    font-size: 1.2rem;
                                }
                            }
                        }
                        .time {
                            padding-left: 1rem;
                            @include tab {
                                padding-left: 0;
                            }
                            p {
                                .min {
                                    @include tab {
                                        display: block;
                                    }
                                }
                            }
                        }
                        .place {
                            margin-bottom: .5rem;
                            p {
                                .nor {
                                    font-size: 1rem;
                                    .sp-br {
                                        display: none;
                                        @include tab {
                                            display: block;
                                        }
                                    }
                                }
                            }
                        }
                        &.concept {
                            display: flex;
                            align-items: center;
                            @include sp-wide {
                                display: block;
                            }
                            .concept__about {
                                padding-left: 1.5rem;
                                @include sp-wide {
                                    margin-bottom: 3rem;
                                    padding-left: 0;
                                }
                            }
                        }
                    }
                }
            }
        }
        .content-news {
            background-color: #E5C783;
        }
        .content-schedule,
        .content-faq,
        .content-info {
            .convention-tit {
                margin-bottom: 1rem;
            }
        }
        .content-schedule {
            .content-body {
                &__item {
                    .comment {
                        padding-left: 0.75rem;
                        p {
                            font-size: 1.3rem;
                        }
                    }
                    .schedule-img {
                        width: 65%;
                        @include tab {
                            width: 100%;
                        }
                    }
                    .calendar-img {
                        width: 50%;
                        @include pc {
                            width: 100%;
                        }
                    }
                }
            }
        }
        .content-faq {
            background-image: url(/cms/wp-content/themes/zenkosai/assets/images/convention/2024/pc/faq-bg.jpg);
            background-repeat: no-repeat;
            background-size: cover;
            @include tab {
                background-image: url(/cms/wp-content/themes/zenkosai/assets/images/convention/2024/sp/faq-bg.jpg);
            }
            .faq-list {
                padding: 0 1rem;
                @include pc-md {
                    padding: 0;
                }
                &__content {
                    box-shadow: $back-shadow;
                    &:active {
                        box-shadow: none;
                        transition-duration: .2s;
                    }
                    .acor-menu,
                    .acor-menu-child {
                        text-align: left;
                        font-size: 1.5rem;
                        p {
                            font-size: 1rem;
                            font-weight: bold;
                            @include sp-wide {
                            font-size: .9rem;
                            }
                            img {
                            padding-right: 0.25rem;
                            width: 3vw;
                            @include sp-wide {
                                width: 9vw;
                            }
                            }
                        }
                    }
                    .acor-menu {
                        cursor: pointer;
                        padding: 0.5rem 3.5rem 0.5rem 1rem;
                        height: auto;
                        line-height: 2.2rem;
                        color: #38352b;
                        border: none;
                        background-color: white;
                        position: relative;
                        border-radius: 5px;
                        margin-bottom: .5rem;
                        @include sp-wide {
                            padding-left: 3.7rem;
                        }
                        &:after {
                            content: '';
                            border-right: 3px solid #918a70;
                            border-bottom: 3px solid #918a70;
                            content: "";
                            display: inline-block;
                            position: absolute;
                            top: 45%;
                            right: 30px;
                            width: 10px;
                            height: 10px;
                            transform: translateY(-50%) rotate(45deg);
                            transition: .3s;
                        }
                        &.opened {
                            box-shadow: none;
                            margin-bottom: 0;
                            border-radius: 5px 5px 0 0;
                            &:after {
                            transform: rotate(225deg);
                            }
                        }
                        p {
                            img {
                            @include sp-wide {
                                position: relative;
                            }
                            }
                            @include sp-wide {
                            text-indent: -2.7rem;
                            }
                        }
                    }
                    .acor-menu-child {
                        background-color: transparent;
                        padding: 0 0 0.75rem;
                        display: none;
                        background-color: white;
                        border-radius: 0 0 5px 5px;
                        margin-bottom: 0.5rem;
                        .answer {
                            display: -webkit-flex;
                            display: -ms-flexbox;
                            align-items: baseline;
                            margin: 0 auto;
                            p {
                            padding: 0.5rem 1rem 0.5rem 3.5rem;
                            border-radius: 5px;
                            background-color: #F7F7F2;
                            margin: 0.5rem 1rem 1rem 1rem;
                            text-indent: -2.9rem;
                            width: 100%;
                            @include pc-md {
                                padding: 0.5rem 1rem 0.5rem 2.5rem;
                                text-indent: -1.7rem;
                            }
                            @include sp-wide {
                                text-indent: -2.3rem;
                            }
                            img {
                                position: relative;
                            }
                            }
                        }
                    }
                }
            }
        }
    }
}

// コンベンション お知らせ一覧 パーツ
.info-convention {
    .news-div {
        border-bottom: solid 1px silver !important;
        padding: .5rem 1rem;

        @include sp-wide {
            padding: .5rem 0;
        }

        &:first-child {
            border-top: solid 1px silver;
        }

        a {
            color: #676767;

            &:hover {
                color: #676767;
                opacity: .6;
            }
        }

        .news-innerdiv {
            .content-wrapper {
                .news-detail {
                    height: auto;
                    padding-left: 7px;
                    padding-right: 7px;
                    display: -webkit-flex;
                    display: -ms-flexbox;
                    display: flex;
                    -ms-flex-wrap: wrap;
                    -webkit-flex-wrap: wrap;
                    flex-wrap: wrap;
                    align-items: center;

                    @include sp-wide {
                        display: block;
                    }

                    .news-txt {
                        display: -webkit-flex;
                        display: -ms-flexbox;
                        display: flex;
                        -ms-flex-wrap: wrap;
                        -webkit-flex-wrap: wrap;
                        flex-wrap: wrap;
                        align-items: center;
                        width: calc(15% + 3rem);
                        min-width: 200px;

                        @include sp-wide {
                            margin-right: 0;
                            margin-bottom: .2rem;
                            width: auto;
                        }

                        .new-label {
                            color: #fff;
                            background-color: #FF5C5C;
                            border-radius: 1rem;
                            text-align: center;
                            width: 3rem;
                            margin-right: .5em;
                        }

                        .news-date {
                            width: calc(100% - 3.5rem);

                            span {
                                padding-left: 0.5rem;
                            }
                        }

                        .news-title {
                            font-size: 1rem !important;
                            margin-bottom: 0 !important;

                            @include sp-wide {
                                width: 100%;
                                padding-left: .5rem;
                            }
                        }
                    }
                }
            }
        }
    }
}

// コンベンション お知らせ一覧ページ
#archive-info-convention {
    .page-top {
        z-index: 1;
        background-image: url(/cms/wp-content/themes/zenkosai/assets/images/convention/2024/pc/page-top_bg.jpg);
        padding: 3rem 0;
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: center;

        @include tab {
            background-image: url(/cms/wp-content/themes/zenkosai/assets/images/convention/2024/sp/page-top_bg.jpg);
            margin-bottom: -7% !important;
        }

        ;

        @include sp-wide {
            padding: 2.25rem 0;
        }

        ;

        &__back {
            position: relative;
            z-index: 1;
        }

        &__icon {
            width: 100%;
            z-index: 2;
            position: unset;
            background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.75) 30%, rgba(255, 255, 255, 0.75) 70%, rgba(255, 173, 0, 0) 100%);

            h1 {
                margin: 0.25rem 0 !important;
                text-shadow: 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff;
            }
        }
    }

    .back-button {
        text-align: center;

        button {
            background-color: #64798d;
            border: none;
            color: #fff;
            padding: 0.3rem 1rem;
            border-radius: 50px;
            width: 30%;
            min-width: 300px;
        }
    }

    .pnavi ul.page-numbers li {
        border-color: #64798d;

        a {
            color: #64798d;

            &:hover {
                background-color: #64798d;
            }
        }

        span.page-numbers.current {
            background-color: #64798d;
        }
    }
}

// コンベンション お知らせ詳細ページ
#single-info-convention {
    h1 {
        border-color: #64798d;
    }
    .back-button button {
        background-color: #64798d;
        min-width: 300px;
        border-bottom: 0;
        border-radius: 50px;
        color: white;
    }
}

.page-convention_2024 {
    &.page-qr {
        .page-header {
            .page-top {
                padding: 3.25rem 0 !important;
            }
        }

        .page-content-wrapper {
            div {
                .page-content-innerwrap {
                    .qr-comment {
                        text-align: center;

                        @include sp-wide {
                            text-align: left;
                        }
                    }

                    .ticket, .qr-wrap {
                        margin: 0 auto 1rem;
                        width: 60%;
                        @include sp-wide {
                            width: 100%;
                        }
                    }
                    .qr-wrap {
                        font-size: .9rem;
                    }
                    .qr-update-btn {
                        background-color: #404040;
                        letter-spacing: .01rem;
                        padding: .25rem 1.25rem;
                        box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .33);
                        transition: .2s;
                        &:hover {
                            box-shadow: none;
                        }
                    }
                    .ticket-pdf {
                        button {
                            background-color: #f71c4c;
                            box-shadow: $back-shadow;

                            &:hover {
                                box-shadow: none;
                                transition-duration: .2s;
                                opacity: 1;
                            }
                        }
                    }

                    .ticket-note {
                        background-color: #fdfbe9;

                        h3 {
                            font-size: 1.2rem;
                        }

                        &__content {
                            p {
                                font-size: 0.9rem;
                                line-height: 1.5rem;
                            }
                        }
                    }
                }
            }
        }
    }
}

/**********************************************
*　サービス利用開始日・郵便物設定 ポップアップ
***********************************************/
#first-popup-wrap {
    .modal_inner {
        height: fit-content;
        min-height: 400px;
        @include sp {
            min-height: 450px;
        }
    }
    .modal_block:after {
        display: none;
    }
}
.first-popup {
    .startdate_popup {
        font-size: 1.4rem;
    }
    &__content {
        &__attention {
            background-color: #F0F7FF;
            &__message {
                display: inline-block;
                @include sp {
                    display: inline;
                }
            }
        }
    }
}

.emerald-link-btn {
    color: white;
    background-color: #6BB4A8;
    &:hover {
        color: white;
        opacity: .7;
    }
}

/**********************************************
*　新 全厚済とは
***********************************************/
// 共通設定
#page-new-company {
    .page-header {
        div {
            .breadSection {
                div {
                    div {
                        ol {
                            li {
                                color: white;

                                a {
                                    color: #8cb0d2;
                                }
                            }
                        }
                    }
                }
            }
        }

        .page-top {
            &__title {
                background-image: url(/cms/wp-content/themes/zenkosai/assets/images/about/common/about-page_top_202207.jpg);
                background-size: cover;
                background-repeat: no-repeat;
                padding: 4.5rem 0 3rem;

                &__icon {
                    border: none;
                    padding: 1rem 0;
                    width: 90%;
                    margin: 0 auto;
                    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.75) 30%, rgba(255, 255, 255, 0.75) 70%, rgba(255, 173, 0, 0) 100%) !important;

                    h1 {
                        font-size: 1.8rem;
                        color: black;
                        line-height: 2.3rem;

                        span {
                            display: block;
                            font-size: 1.3rem;
                        }

                        .sp-br {
                            display: inline;
                            font-size: 1.8rem;

                            @include sp-wide {
                                display: block;
                            }
                        }
                    }

                    .icon-image {
                        width: 4.5%;

                        @include tab {
                            width: 9.5%;
                        }
                    }
                }
            }

            // ページトップナビ
            &__nav {
                background-color: #d5efff;

                .about-pagetop-nav {
                    border-bottom: solid 2px #16499b;

                    @include tab {
                        border-bottom: none;
                    }

                    div {
                        @include sp-wide {
                            padding: 0;
                        }

                        ul {
                            margin: 0;
                            list-style: none;
                            display: -webkit-flex;
                            display: -ms-flexbox;
                            justify-content: center;
                            -webkit-justify-content: center;
                            padding: 0;

                            @include tab {
                                -ms-flex-wrap: wrap;
                                -webkit-flex-wrap: wrap;
                                align-items: center;
                                justify-content: flex-start;
                                -webkit-justify-content: flex-start;
                                border-right: solid 1px white;
                            }

                            @include sp-wide {
                                border-right: none;
                            }

                            li {
                                margin: 0;
                                border-left: solid 1px white;

                                @include tab {
                                    width: calc(100% / 2);
                                }

                                &:first-child {
                                    border-left: none;

                                    @include tab {
                                        border-left: solid 1px white;
                                        border-right: none;
                                        border-bottom: solid 1px white;
                                    }

                                    @include sp-wide {
                                        border-left: none;
                                    }
                                }

                                &:nth-child(2) {
                                    @include tab {
                                        border-bottom: solid 1px white;
                                    }

                                    @include sp-wide {
                                        border-right: none;
                                    }
                                }

                                &:nth-child(3) {
                                    @include tab {
                                        border-bottom: solid 1px white;
                                        border-right: solid 1px white;
                                    }

                                    @include sp-wide {
                                        border-left: none;
                                    }
                                }

                                &:nth-child(4) {
                                    @include tab {
                                        border-bottom: solid 1px white;
                                    }
                                }

                                &:last-child {
                                    border-right: none;

                                    @include tab {
                                        border-right: solid 1px white;
                                    }
                                }

                                a {
                                    color: #194a77;

                                    &:hover {
                                        color: #a8b7c5;
                                    }
                                }

                                .link-name {
                                    padding: 0.65rem 1rem;

                                    @include tab {
                                        display: -webkit-flex;
                                        display: -ms-flexbox;
                                        justify-content: center;
                                        -webkit-justify-content: center;
                                        align-items: center;
                                    }

                                    @include sp {
                                        height: 4rem;
                                    }
                                }

                                .active {
                                    color: white;

                                    &:hover {
                                        color: white;
                                    }

                                    .link-name {
                                        background-color: #78abcc;
                                        border: solid 2px #16499b;
                                        border-bottom: none;

                                        @include tab {
                                            border-bottom: solid 2px #16499b;
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }

    .page-content-wrapper {
        div {
            .page-content-innerwrap {
                h3 {
                    border-bottom: none;
                    background-image: linear-gradient(90deg, rgba(22, 71, 154, 1) 0%, rgba(20, 114, 197, 1) 50%, rgba(20, 114, 197, 0) 100%);
                    background-repeat: no-repeat;
                    background-size: 100% 6px;
                    background-position: bottom;
                    padding: 0 1rem 0.5rem 1rem;
                    color: #0062b0;

                    &:before {
                        display: none;
                    }
                }

                .page-content-div {
                    width: 100%;
                    margin: 0 auto 0.5rem;
                    border-bottom: solid 1px #dbdbdb;
                    padding: 0 1rem;

                    &:last-child {
                        border-bottom: none;
                    }

                    h4 {
                        font-size: 1rem;
                        border-left: none;
                        padding-left: 0;
                        margin-bottom: 0;
                        font-weight: bold;
                    }

                    .page-content-innerdiv {
                        padding-left: .5rem;

                        p {
                            margin-bottom: 0;
                        }
                    }

                    .philosophy-img {
                        margin: 1rem auto 2.5rem;
                        width: 40%;

                        @include sp-wide {
                            width: 60%;
                        }
                    }

                    // 全厚済の歩み
                    .tab-content {
                        #initiatives {
                            .history__month__list {
                                .detail__month {
                                    margin-bottom: .5rem;
                                }
                            }
                        }
                    }
                }

                // 全厚済とは
                .tokutei-div {
                    border-bottom: 2px solid red;
                }

                // 代表理事について
                .message {
                    &__image {
                        @include sp-wide {
                            margin: 0 auto;
                        }

                        .director {
                            @include sp-wide {
                                text-align: center;
                            }

                            img {
                                @include sp-wide {
                                    float: none;
                                }
                            }
                        }

                        p {
                            @include sp-wide {
                                position: unset;
                                float: none;
                                text-align: center;
                                margin: .5rem auto .25rem !important;
                            }
                        }

                        .director-detail {
                            @include sp-wide {
                                float: none;
                                position: unset;
                                justify-content: center;
                                -webkit-justify-content: center;
                                margin: 0 auto;
                            }
                        }
                    }

                    &__detail {
                        @include sp-wide {
                            position: unset;
                            float: none;
                            margin-top: 1rem;
                        }
                    }
                }

                .director_about {
                    border-bottom: none;
                    margin-bottom: 2.5rem;
                }

                // 全厚済の歩み
                .history-list {
                    margin: 0 auto 1.5rem;
                }
            }

            // サービス利用件数
            .service-use-list {
                .use-list {
                    display: block;

                    .performance {
                        width: 100%;
                        border: none;
                        border-radius: 0;
                        background-color: white;
                        position: relative;
                        margin: 0 auto .5rem;
                        padding: .5rem 1rem;
                        border-radius: 5px;
                        box-shadow: 1rem 1.5rem 1.5rem rgba(0, 0, 0, 0.15);

                        &:after {
                            display: none;
                        }

                        &:last-child {
                            margin-bottom: 0;
                        }

                        &:hover {
                            background-color: #edf4f9;
                            box-shadow: none;
                            transition-duration: .3s;
                        }

                        a {
                            display: -webkit-flex;
                            display: -ms-flexbox;
                            align-items: center;
                            justify-content: space-between;
                            -webkit-justify-content: space-between;
                        }

                        .target-link-icon {
                            width: 3%;
                            margin-top: -0.25rem;

                            svg {
                                fill: #16499c;
                            }

                            @include pc-wide-min {
                                width: 4%;
                            }

                            @include pc-min {
                                width: 5%;
                            }

                            @include sp-wide {
                                width: 6%;
                            }
                        }

                        &__link {
                            padding-right: .5rem;
                        }
                    }
                }
            }

            .settlement-report {
                margin-top: 2.5rem;
            }

            .about-page_list {
                margin: 3rem 0;

                .page-content-div {
                    .about-nav {
                        padding: 0;
                        background: none;

                        .about-nav-list {
                            max-width: 100%;

                            ul {
                                margin: 0;

                                li {
                                    width: calc(100% / 3 - 1rem);
                                    background-color: white;
                                    border-radius: 5px;
                                    box-shadow: 1rem 1.5rem 1.5rem rgba(0, 0, 0, 0.15);
                                    border: none;
                                    padding: 0;

                                    @include pc-md-wide {
                                        width: calc(100% / 2 - 1rem);
                                    }

                                    @include sp-wide {
                                        width: 100%;
                                    }

                                    &:hover {
                                        box-shadow: none;
                                        transition-duration: .3s;
                                    }

                                    a {
                                        display: -webkit-flex;
                                        display: -ms-flexbox;
                                        align-items: center;

                                        &:after {
                                            display: none;
                                        }
                                    }

                                    .link-name {
                                        padding: 0.5rem 2.4rem 0.5rem 1rem;
                                    }

                                    .about-page_link {
                                        width: 11%;
                                        position: absolute;
                                        bottom: 0;
                                        right: 0;

                                        @include sp-wide {
                                            width: 9%;
                                        }

                                        svg {
                                            border-radius: 0 0 5px 0;
                                            fill: #16499c;
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }

    // 決算報告書
    .settlement-report {
        .page-content-wrapper {
            div {
                .page-content-innerwrap {
                    .page-content-div {
                        h4 {
                            padding-left: 1rem;
                            margin-bottom: .5rem;
                        }

                        .report-list {
                            .report-list__detail.acor-menu-child.opened {

                                // @include sp-wide {
                                //     display: -webkit-flex !important;
                                //     display: -ms-flexbox !important;
                                // }
                                .report-list__detail__table {
                                    @include sp-wide {
                                        // width: calc(100% / 2);
                                        padding-bottom: 0;
                                    }

                                    // div {
                                    //     table {
                                    //         thead {
                                    //             tr {
                                    //                 .subject {
                                    //                     @include sp-wide {
                                    //                         width: calc(100% / 2);
                                    //                     }
                                    //                 }
                                    //             }
                                    //         }
                                    //     }
                                    // }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}

// ログイン時
.user_loggedin {
    .page-header {
        .page-top {

            // ページトップナビ
            &__nav {
                .about-pagetop-nav {
                    div {
                        ul {
                            li {
                                &:nth-child(3) {
                                    @include tab {
                                        border-right: none !important;
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}

#page-community-introduce {
    background: url(/cms/wp-content/themes/zenkosai/assets/images/convention/2022/convention2022_bg.jpg) no-repeat;
    min-height: 100vh;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
    margin-top: 5.5rem;

    @include sp {
        margin-top: 7.5rem;
    }

    .page-top {
        padding: 3.5rem 0;

        @include sp {
            padding-bottom: 0;
        }

        &__title {
            width: 45%;

            @include sp {
                width: 85%;
            }
        }

        &__movie {
            width: 60%;

            @include sp {
                width: 85%;
            }
        }
    }

    .page-content-div {
        h2 {
            line-height: 1.6;

            @include sp {
                font-size: $h3-size;
            }
        }

        dt,
        dd {
            border-left: none;
        }

        dt {
            position: relative;

            &::before {
                content: "";
                display: block;
                width: 0.5rem;
                height: 0.5rem;
                border-radius: 50%;
                background-color: #F8BC2C;
                position: absolute;
                top: 50%;
                left: -0.5rem;
                transform: translateY(-50%);
            }
        }

        .intro-banner {
            a {
                img {
                    box-shadow: .3rem .3rem 0 rgba(0, 0, 0, .15);
                }

                &:hover {
                    img {
                        transition: .3s;
                        box-shadow: none;
                    }
                }
            }
        }
    }

    .zenkosai-comment {
        position: relative;
        width: fit-content;

        span {
            border-radius: 0.5rem;
            padding: 0.3rem 1rem;
            border: 1px solid #fff0f0;
            z-index: 1;
            position: relative;
            font-size: .8rem;
            background-color: #fff0f0;

            @include tab {
                font-size: 1rem;
            }
        }

        &::before {
            content: "";
            display: inline-block;
            position: absolute;
            left: -19px;
            border: 8px solid transparent;
            border-right: 18px solid #fff0f0;
            -webkit-transform: rotate(35deg);
            transform: rotate(35deg);
            z-index: 1;
        }
    }

    #intro-friendshop {
        .intro-title-bg {
            background: linear-gradient(transparent 75%, #FBC866 75%);
        }

        .friend-campaign-text {
            border: 1px solid #F8BC2C;
        }

        .link-text {
            background-color: #fff9ed;

            p {
                font-size: 1.2rem;
                letter-spacing: .01em;
            }

            a {
                border: 1px solid #ff8800;
                background-color: #ff8800;

                &:hover {
                    opacity: .6;
                }
            }
        }
    }

    #intro-memberboard {
        .intro-title-bg {
            background: linear-gradient(transparent 75%, #EA9D94 75%);
        }

        dt {
            &::before {
                background-color: #E26D6C;
            }
        }
    }

    #intro-lifeseminar {
        .intro-title-bg {
            background: linear-gradient(transparent 75%, #ABD6CB 75%);
        }

        dt {
            &::before {
                background-color: #8CC9BE;
            }
        }

        .zenkosai-comment {
            span {
                border-color: #e3faf5;
                background-color: #e3faf5;
            }

            &::before {
                border-right-color: #e3faf5;
            }
        }

        .seminar-examples {
            &__title {
                border-left: 5px solid #8CC9BE;
            }

            &__list {
                li>div {
                    height: 100%;

                    p {
                        &:first-child {
                            border: 1px solid #7FC4B7;
                        }

                        &:last-child {
                            font-size: .8rem;
                        }
                    }
                }
            }

            dl {
                font-size: .9rem;
            }
        }
    }
}

// サービス利用申請webフォーム
.page-form_service {
    .page-top {
        padding-top: 4rem;

        &__icon {
            h1 {
                @include tab {
                    font-size: 1.5rem;
                    text-align: left;
                }
            }
        }

        @include sp-wide {
            margin-bottom: 0;
        }

        &__back {
            display: none;
        }

        &__icon {
            height: auto;
            position: static;
            margin: 2rem auto 0;
        }
    }

    #bank_code,
    #branch_code {
        width: 25%;
        min-width: 4em;
    }

    #bank_name_clear,
    #branch_name_clear {
        top: 0;
        right: 0;
        left: 0;
        z-index: 1;
    }

    .confirmation-content {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    &.page-confirmation {

        #bank_name_clear,
        #branch_name_clear {
            display: none;
        }

        .service-form {
            .inputbox {
                .needlabel {
                    display: none;
                }
            }

            .confirmation-content:not(.confirmation-content-show) {
                display: none;
            }

            .confirmation-content {
                .request-comment {
                    display: none;
                }
            }

            .back-action_btm {
                border: solid 1px #05914d;
                color: #05914d;
                background-color: #ffffff;

                &:hover {
                    opacity: .7;
                    background-color: #f0f8f4;
                }
            }
        }
    }

    .form-control {
        border: 1px solid #8dbf7f;
    }

    .questionnaire-note {
        ul {
            padding-left: 1em;
        }
    }

    .page-content-wrapper {
        .content {
            &__body {
                .service-form-wrap {
                    &__content {
                        .service-form {
                            .inputbox {
                                align-items: baseline;

                                @include tab {
                                    justify-content: space-between;
                                    width: 100%;
                                    margin: 0;
                                }

                                .titlearea {
                                    @include tab {
                                        border-left: solid 5px #05914d;
                                        padding-left: .5rem;
                                    }
                                }

                                .inputarea {
                                    @include tab {
                                        padding: 0;
                                    }
                                }

                                .needlabel {
                                    background-color: #8dbf7f;
                                    color: white;
                                    font-size: .9rem;

                                    @include tab {
                                        text-align: center;
                                    }
                                }

                                .mw_wp_form input[type=file] {
                                    font-size: .9rem;
                                }
                            }

                            .address {
                                @include tab {
                                    margin-bottom: 1rem;
                                }
                            }

                            .privacy {
                                a {
                                    color: #05914d;
                                }
                            }

                            .btn-primary {
                                width: calc(50% / 2);

                                @include tab {
                                    width: 70%;
                                }
                            }

                            .next-action_btm {
                                border: solid 1px white;

                                @include tab {
                                    margin-top: 0.5rem;
                                }

                                &:hover,
                                &:active {
                                    background-color: #d8d8d8;
                                }
                            }
                        }

                        .thanks-content {
                            line-height: 1.8rem;

                            &__note {
                                margin-top: 4rem;
                                background-color: #fffde6;
                                padding: 1rem;
                                border-radius: 10px;

                                h3 {
                                    font-size: 1.2rem;
                                }
                            }

                            .back-link {
                                button {
                                    background-color: #05914d;
                                    color: white;
                                    border-radius: 50px;
                                    padding: 0.25rem 1rem;
                                }
                            }
                        }
                    }
                }
            }
        }
    }

    .funeral_support_radio+span {
        // 葬儀見舞金
    }

    .input-link {
        color: #50b6a8;
    }

    .mobal_output_searchZip {
        color: white;
    }

    &.page-thanks {
        .page-header {
            .breadcrumb li {
                text-align: left;
            }

            .container {
                padding-bottom: 0;
            }
        }

        .breadSection {
            position: static;
        }
    }

    &.page-confirmation {
        .page-content-wrapper {
            .page-content-innerwrap {
                .content__body {
                    .service-form-wrap__content {
                        .service-form {
                            .privacy {
                                display: none;
                            }
                        }
                    }
                }
            }
        }
    }
}

/**********************************************
*　各種変更手続き
***********************************************/
#page-procedure {
    .page-header {
        .page-top {
            @include sp-wide {
                margin-bottom: 0;
            }

            ;

            &__icon {
                h1 {
                    @include sp-wide {
                        font-size: 1.2rem;
                    }

                    ;
                }
            }
        }
    }

    .page-content-wrapper {
        padding-bottom: 0;

        .page-content-innerwrap {
            .page-content-div {
                .page-procedure_header {
                    h2 {
                        font-size: 1.35rem;
                        text-align: center;
                        margin-bottom: 1rem;

                        @include pc-md {
                            text-align: left;
                            background-size: 4em 70%;
                            background-position-x: left;
                        }

                        @include sp-wide {
                            font-size: 1.2rem;
                        }
                    }

                    .procedure_note {
                        p {
                            text-align: center;

                            @include pc-md {
                                text-align: left;
                            }
                        }

                        ul {
                            @include pc-md {
                                padding-left: 1rem;
                            }

                            li {
                                margin-bottom: .25rem;
                            }
                        }
                    }

                    .procedure_list {
                        background: none;

                        .page-content-div {
                            .about-nav {
                                background: none;
                            }
                        }
                    }

                    .procedure_step_list {
                        .step_content {
                            margin-bottom: 1.5rem;

                            h3 {
                                font-size: 1rem;
                                border-left: solid 5px #ea9fcf;
                                padding-left: 0.75rem;
                                line-height: 1.5rem;
                                margin-bottom: 0.5rem;
                                font-weight: bold;

                                span {
                                    letter-spacing: .1rem;
                                }
                            }

                            &__about {
                                padding-left: 1rem;

                                ul {
                                    padding-left: 1.2rem;
                                }
                            }
                        }
                    }

                    .form-link,
                    .before_login_comment {
                        text-align: center;
                        margin-bottom: 1.5rem;

                        p {
                            line-height: 1.5rem;
                        }
                    }

                    .form-link {
                        button {
                            border-radius: 50pc;
                            background-color: #EBA012;
                            padding: 0.25rem 5rem;
                            box-shadow: 0 5px 0 #B5872F;
                            transition: .4s;

                            &:hover {
                                transform: translateY(4px);
                                box-shadow: 0 0 0 #B5872F;
                                opacity: 1;
                            }

                            p {
                                color: white;
                            }
                        }
                    }

                    .form-link {
                        display: none;

                        &.user_loggedin {
                            display: block;
                        }
                    }

                    .before_login_comment,
                    .form-note {
                        display: block;
                        background-color: #FEF9F0;
                        border-radius: 5px;

                        &.user_loggedin {
                            display: none;
                        }
                    }

                    .form-note {
                        display: none;

                        &.user_loggedin {
                            display: block;
                        }
                    }

                    .deadline {
                        margin-top: 1.5rem;

                        h3 {
                            text-align: center;
                            font-size: 1.2rem;
                            margin-bottom: 0.5rem;
                        }
                    }
                }

                .page-procedure_body {
                    margin: 4.5rem 0 5rem;

                    &__link-content {
                        margin-bottom: 4rem;

                        h3 {
                            text-align: center;
                            font-size: 1.2rem;
                            margin-bottom: 1rem;

                            @include tab {
                                background-size: 13em 70%;
                            }
                        }

                        .link-list {
                            display: flex;
                            flex-wrap: wrap;

                            .link-item {
                                width: calc(100% / 4 - 0.7rem);
                                margin: 0.35rem 0.15rem;

                                @include pc-md {
                                    width: calc(100% / 2 - 0.7rem);
                                }

                                @include sp-wide {
                                    width: 100%;
                                }

                                button {
                                    border: solid 1px #D3D3D3;
                                    border-radius: 50px;
                                    padding: .15rem 1rem;
                                    box-shadow: 0 5px 0 #D3D3D3;
                                    transition: .4s;
                                    text-align: left;
                                    width: 100%;
                                    color: #404040;
                                    background-color: white;

                                    &:hover {
                                        transform: translateY(4px);
                                        box-shadow: 0 0 0 #D3D3D3;
                                        opacity: 1;
                                    }

                                    &:after {
                                        content: "\025bc";
                                        float: right;
                                    }
                                }
                            }
                        }
                    }

                    &__attention {
                        .attention_content {
                            margin-bottom: 5rem;

                            h4 {
                                background-color: $procedure-main_color;
                                color: white;
                                font-size: 1.2rem;
                                padding: 0.25rem 1rem;
                                font-weight: bold;
                                letter-spacing: .01rem;
                            }

                            &__about {
                                &__item {
                                    h5 {
                                        font-size: 1rem;
                                        border-bottom: solid 1px #ea9fd0;
                                        padding-bottom: 0.5rem;
                                    }

                                    .item-tit {
                                        border-left: solid 5px #ea9fcf;
                                        padding-left: 0.75rem;
                                    }

                                    &__detail {
                                        margin: 0 1rem;

                                        &>ul {
                                            padding-left: 1.3rem;
                                        }
                                    }
                                }

                                &.caution {
                                    .attention_content__about__item {

                                        // .item-tit {
                                        //     border-color: #649BCB;
                                        //     color: #649BCB;
                                        // }
                                        .attention_content__about__item__detail {
                                            background-color: #F7FAFB;
                                            border-radius: 5px;
                                            padding: .5rem 1rem;
                                            margin: .5rem 0;
                                        }

                                        ul {
                                            margin: .5rem 0 0;

                                            li {
                                                margin-bottom: .25rem;
                                            }
                                        }
                                    }
                                }
                            }

                            .document_content {
                                .item-tit {
                                    border-left: solid 5px #ea9fcf;
                                    padding-left: 0.75rem;
                                }

                                .document_list {
                                    ul {
                                        margin-top: .5rem;
                                        padding-left: 1.3rem;
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }

    &.procedure-membership {
        .page-content-wrapper .page-content-innerwrap .page-content-div .page-procedure_body__link-content {
            position: relative;

            &::after {
                content: "";
                position: absolute;
                top: -1rem;
                background-color: #FBF3FF;
                margin: 0 calc(50% - 50vw);
                width: 100vw;
                height: calc(100% + 2rem);
                padding-top: 1rem;
                padding-bottom: 1rem;
                z-index: -1;
            }

            .link-list .link-item {
                @include sp-wide {
                    width: calc(100% / 2 - 0.7rem);
                }
            }
        }
    }

    &.procedure-contract {
        .page-top__back .sp-bnr {
            @include sp {
                height: 150px;
            }
        }

        .page-top__icon {
            @include pc {
                height: 50%;
            }

            @include sp {
                height: 39%;
            }
        }

        .page-content-wrapper .page-content-innerwrap .page-content-div .page-procedure_body__link-content .link-list .link-item {
            width: calc(100%/2 - 0.7rem);

            @include sp {
                width: 100%;
            }
        }
    }

    .procedure_title_layout {
        padding-left: 1rem;
        padding-right: 1rem;
        padding-bottom: 0.5rem;
        background: linear-gradient(transparent 60%, #efb8dc 60%);
        background-size: 100% 70%;
        background-position-y: 0.2rem;
        background-position-x: center;
        background-repeat: no-repeat;
    }
}

.procedure-membership,
.contract {
    .procedure_list {
        .page-content-div {
            .about-nav {
                ul {
                    li {
                        p {
                            display: none;
                        }
                    }
                }
            }
        }
    }
}

// メニュー
.procedure_list {
    background-color: #F6ECF5;

    h3 {
        text-align: center;
        font-size: 1.2rem;
        padding-top: 2rem;
    }

    .page-content-div {
        @include pc-md-wide {
            width: 95%;
            margin: 1rem auto 0;
            padding-bottom: 4rem;
        }

        .about-nav {
            background: none;

            @include pc-md {
                padding: 0;
            }

            .about-nav-list {
                @include pc-md {
                    max-width: 100%;
                }

                ul {
                    margin-top: 0;

                    li {
                        border: 0;
                        border-radius: 0;
                        display: block;
                        padding-right: 0;
                        width: calc(100% / 3);
                        margin: 0;
                        background: none;

                        @include pc-md {
                            width: calc(100% / 2);
                            padding-left: 0;
                        }

                        @include sp-wide {
                            width: 100%;
                        }

                        a {
                            display: flex;
                            justify-content: space-between;
                            align-items: center;
                            padding-left: .5rem;
                            background-color: white;
                            box-shadow: $back-shadow;
                            min-height: 9vh;
                            position: relative;
                            margin-bottom: .25rem;

                            @include sp-wide {
                                min-height: 7vh;
                            }

                            &:after {
                                display: none;
                            }

                            &:hover {
                                box-shadow: none;
                                transition-duration: .2s;
                            }

                            .link-name {
                                font-size: 1rem;
                                line-height: 1.5rem;
                                padding-right: 2.5rem;
                            }

                            .about-page_link {
                                width: 3vw;
                                position: absolute;
                                right: 0;
                                bottom: 0;

                                @include pc-md {
                                    width: 4vw;
                                }

                                @include sp-wide {
                                    width: 8vw;
                                }

                                svg {
                                    fill: $procedure-main_color;
                                }
                            }
                        }

                        p {
                            font-size: .9rem;
                        }
                    }
                }
            }
        }
    }
}

// ポップアップ
.document_popup_btn {
    border: solid 1px rgba(100, 155, 203, .8);
    width: 25vw;
    box-shadow: 0 5px 0 rgba(100, 155, 203, .8);
    transition: .4s;
    background-color: white;
    margin-bottom: 2rem;

    @include pc {
        width: 38vw;
    }

    @include sp-wide {
        width: 100%;
        max-width: 270px;
    }

    &:hover {
        transform: translateY(4px);
        box-shadow: 0 0 0 rgba(100, 155, 203, .8);
        opacity: 1;
    }

    button {
        color: #2980cc;
        padding: .25rem 1rem;
        width: 100%;
    }
}

.procedure_popup {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 10000;
    display: none;
    top: 0;

    @include tab {
        display: block;
        top: 100%;
        left: 0;
        transition: .5s;
        opacity: 1;
    }

    .document_popup_tit {
        width: 100%;
        border-bottom: solid 1px $procedure-main_color;
        padding: .25rem .5rem;
        margin-bottom: .5rem;

        p {
            max-width: calc(100% - 100px);
            font-weight: bold;
        }
    }

    .document_detail {
        padding: 0 .5rem;

        &__txt {
            ul {
                padding-left: 1.3rem;
            }
        }

        &__note {
            &__content {
                background-color: #FAF8F5;
                border-radius: 5px;
                padding: .5rem 1rem;
                margin-bottom: .5rem;

                &:last-child {
                    margin-bottom: 0;
                }

                .content_about {
                    ul {
                        padding-left: 1.3rem;
                    }
                }
            }
        }

        .starter_content {
            .starter_item {
                margin-bottom: 1.5rem;

                &__tit {
                    background-color: $procedure-main_color;
                    padding: .1rem .75rem;

                    p {
                        color: white;
                        font-weight: bold;
                    }
                }

                &__about {
                    padding: .5rem .75rem;

                    &__content {
                        .item_txt {
                            text-align: end;
                        }
                    }
                }
            }
        }
    }

    &__bg {
        background-color: rgba(30, 30, 30, .65);
        height: 100%;
        width: 100%;

        @include tab {
            background-color: transparent;
        }
    }

    &__close {
        width: 100px;
        cursor: pointer;
        position: absolute;
        right: 1rem;

        @include tab {
            position: static;
        }

        &>div {
            color: #DB5EAE;
            font-weight: bold;
            text-align: center;
            font-size: .8rem;
            line-height: 1.9;
            border: 1px solid #DB5EAE;
        }
    }

    &::after {
        content: "";
        width: 75%;
        height: 2rem;
        left: 50%;
        transform: translateX(-50%);
        bottom: 12.5%;
        border-radius: 0 0 6px 6px;
        display: block;
        position: absolute;
        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .9) 50%, rgba(255, 255, 255, .9) 50%, #fff 100%);

        @include tab {
            width: 100%;
            bottom: 0;
            left: 0;
        }
    }
}

.document {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow-y: scroll;
    width: 75%;
    height: 75%;
    background-color: white;
    border-radius: 6px;
    padding: 1rem 1rem 2rem 1rem;
    margin: auto;

    @include tab {
        top: auto;
        width: 100%;
        height: auto;
        max-height: 80%;
        border-radius: 6px 6px 0 0;
    }
}

.js-procedure_popup-active {
    top: 0;

    .procedure_popup__bg {
        @include tab {
            background-color: rgba(30, 30, 30, .65);
            transition-duration: .5s;
            transition-delay: .5s;
        }
    }
}

.page-aul {
    .page-header {
        .page-top {
            @include sp-wide {
                margin-bottom: 0;
            }

            &.aul-archive_header {
                .page-top__back {
                    img {
                        object-fit: cover;
                        height: 25vh;
                        width: 100%;

                        @include pc-md {
                            height: 13vh;
                        }

                        @include sp-wide {
                            height: 22vh;
                        }
                    }
                }

                .page-top__icon {
                    height: 34%;

                    @include pc-md {
                        height: 38%;
                    }

                    @include sp-wide {
                        height: 27%;
                    }
                }
            }
        }
    }

    .page-content-wrapper {
        .page-content-innerwrap {
            .page-content-div {
                article {
                    @include pc-md-wide {
                        margin-bottom: 1.5rem;
                        padding-bottom: 1.5rem;
                        border-bottom: solid 1px #D8D8D8;
                    }

                    a {
                        color: black;

                        &:hover {
                            color: black;
                            opacity: .6;
                        }
                    }

                    .magazine-item {
                        .magazine-about {
                            h2 {
                                font-family: Hiragino Kaku Gothic ProN;
                                font-weight: bold;

                                @include sp-wide {
                                    font-size: 1.4rem;
                                }
                            }

                            p {
                                line-height: 1.5rem;
                            }

                            .aul-link {
                                text-align: right;

                                button {
                                    border: solid 2px black;

                                    @include sp-wide {
                                        margin-left: 0 !important;
                                    }

                                    p {
                                        svg {
                                            width: 1.5rem;
                                            padding-bottom: .25rem;
                                        }
                                    }
                                }
                            }

                            .next-shipping {
                                p {
                                    line-height: 1.7rem;
                                    font-size: 1.1rem;
                                }
                            }
                        }

                        .magazine-img {
                            .shipping-date {
                                font-size: .95rem;
                            }
                        }
                    }
                }

                .magazine-list {
                    .second-magazine_content {
                        padding-left: 1.5rem;

                        @include pc-md-wide {
                            padding-left: 0;
                        }

                        &:last-child {
                            @include pc-md-wide {
                                margin-bottom: 0;
                                padding-bottom: 0;
                                border-bottom: 0;
                            }
                        }

                        .magazine-item {
                            .magazine-about {
                                h2 {
                                    font-size: 1.1rem;
                                }

                                p {
                                    font-size: .9rem;
                                }

                                button {
                                    p {
                                        font-size: 1rem;
                                    }
                                }
                                .brights-report_link {
                                    &.arc {
                                        width: 65%;
                                        float: right;
                                        @include sp-wide {
                                            width: 85%;
                                        }
                                    }
                                }
                            }
                        }

                        &:first-child {
                            margin-bottom: 2rem;
                        }
                    }
                }
            }
        }
    }
}

.archive-aul-plan {
    background-color: #FFFBDD;

    .plan-content {
        &__header {
            h2 {
                font-family: Hiragino Kaku Gothic ProN;
                font-weight: bold;
                padding-bottom: 1rem;
                border-bottom: solid 1px black;

                @include pc-md-wide {
                    text-align: center;
                    line-height: 2rem;
                }

                @include sp-wide {
                    font-size: 1.4rem;
                }

                span {
                    font-family: "Kosugi", "Mada", sans-serif;
                    font-size: 1.2rem;
                    padding-left: .5rem;

                    @include pc-md-wide {
                        display: block;
                        font-size: 1.2rem;
                        text-align: center;
                    }

                    @include sp-wide {
                        font-size: 1rem;
                        padding-left: 0;
                    }
                }
            }
        }

        &__body {
            .plan-article_list {
                .plan-item {
                    @include pc-md-wide {
                        margin-bottom: 0;
                        padding-bottom: 0;
                        border-bottom: 0;
                    }

                    .plan-th {
                        @include sp-wide {
                            padding-right: 0;
                        }
                    }

                    div {
                        .plan-about {
                            h3 {
                                font-size: 1.2rem;
                                margin-bottom: .5rem;

                                @include sp-wide {
                                    font-size: 1.1rem;
                                }
                            }

                            p {
                                line-height: 1.5rem;
                                font-size: .95rem;

                                @include sp-wide {
                                    font-size: .9rem;
                                }
                            }
                        }
                    }
                }
            }
        }

        .activities-link {
            background-color: #007d8d;
            border: solid 1px #007d8d;

            &:hover {
                color: #002b31;
                background-color: white;
                border: solid 1px #002b31;

                a {
                    color: #002b31;
                }
            }
        }

        .pnavi ul.page-numbers li {
            border: 1px solid #007d8d;

            span.page-numbers.current {
                background-color: #007d8d;
            }

            a {
                color: #007d8d;

                &:hover {
                    background-color: #007d8d;
                }
            }
        }
    }
}

#archive-aul {
    .page-content-wrapper {
        @include sp-wide {
            padding-top: .5rem;
        }
    }

    .activities-link {
        a {
            font-size: 1rem;
        }
    }
}

.single-aul-plan {
    .aul-plan-list {
        .aul-plan_article {
            .page-content-innerwrap {
                .page-content-div {
                    padding: 6px 15px;

                    article {
                        h1 {
                            font-size: 1.5rem;
                        }
                    }

                    .back-button {
                        button {
                            background-color: #007d8d;
                            color: white;
                            border: solid 1px transparent;
                            box-shadow: $back-shadow;

                            &:hover {
                                box-shadow: none;
                                transition-duration: .2s;
                                color: #002b31;
                                background-color: white;
                                border: solid 1px #002b31;
                            }
                        }
                    }
                }
            }
        }
    }
}

/**********************************************
*　メルマガ配信停止フォーム
***********************************************/
.cancel-title {
    font-size: 1.6rem;
}

.cancel-form {
    margin-bottom: 2rem;

    .inputbox {
        &:first-child {
            margin-top: 2rem;
        }

        .titlearea {
            background-color: #E9EDDE;
            border: 1px solid #E9EDDE;
        }

        .inputarea {
            margin-bottom: 0;
            border: 1px solid #E9EDDE;
        }
    }

    .cancel-form-confirmation,
    .cancel-form-back {
        background-color: white;
        color: #343a40;
        border: 1px solid #343a40;

        &:hover {
            color: white;
            background-color: #343a40;
        }
    }

    .cancel-form-submit {
        border: 1px solid #343a40;
        color: white;
        background-color: #343a40;

        &:hover {
            background-color: white;
            color: #343a40;
        }
    }

    .wpcf7-spinner {
        position: absolute;

        @include sp-wide {
            position: relative;
            top: 1rem;
            display: block;
            margin: 0 auto;
        }
    }
}

#page-non-member_faq {
    .page-top {
        background-image: url(../images/non-member_faq/pc/page-top_bg.jpg);
        padding: 4rem 0;
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: center;
        @include tab {
            background-image: url(../images/non-member_faq/sp/page-top_bg.jpg);
        };
        @include sp-wide {
            padding: 2.25rem 0;
        };
        &__icon {
            margin-top: 5rem;
            @include sp-wide {
                margin-top: 3rem;
            }
            h1 {
                span {
                    @include sp-wide {
                        display: block;
                    }
                }
            }
        }
    }
    .faq-content {
        &__tit {
            h2 {
                border-bottom: solid 2px #b79663;
                border-left: 6px solid #b79663;
                font-size: 1rem;
                letter-spacing: .05rem;
                padding: .25rem .0 .25rem .5rem;
            }
        }
        .acor-menu {
            position: relative;
            border-bottom: none;
            padding: .6rem 2rem .6rem 3rem;
            margin-bottom: 0.25rem;
            box-shadow: none;
            &:hover {
                cursor: pointer;
            }
            &:after {
                display: block;
                content: "";
                width: 10px;
                height: 10px;
                position: absolute;
                top: calc(50% - 7px);
                right: 12px;
                border: 0px solid transparent;
                border-top: 4px solid #a8895b;
                border-left: 4px solid #a8895b;
                -webkit-transform: rotate(-135deg);
                transform: rotate(-135deg);
                border-radius: 2px;
                margin: auto;
                transition-duration: 0.3s;
            }
        }
        .acor-menu.opened {
            margin-bottom: 0;
            &:after {
                -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
            }
        }
        .acor-menu-child {
            .faq-content__answer__txt:before {
                content: "\0041";
                color: #d5332e;
                font-size: 1.1rem;
                padding-right: .5rem;
                display: block;
            }
        }
        &__question {
            color: black;
            font-size: .9rem;
            overflow: hidden;
            background: url(../images/non-member_faq/question-icon.png) no-repeat 0 0 #f9f9f9;
            background-size: 50px 47px;
            -webkit-transition: all .3s cubic-bezier(0.39, 0.575, 0.565, 1);
            transition: all .3s cubic-bezier(0.39, 0.575, 0.565, 1);
            background-size: 36px;
            padding-left: 3rem;
        }
        &__answer {
            background-color: #f9f9f9;
            margin-bottom: .25rem;
            p {
                font-size: .9rem;
                &:last-child {
                    margin-bottom: 0;
                }
            }
        }
    }
}
.llservice-cat_about {
    @include sp-wide {
        margin-top: 13.25rem !important;
    }
    p {
        color: black;
    }
    .service-overview {
        @include sp-wide {
            margin-bottom: 2rem;
        }
    }
    .lifesupport-category {
        .llservice-list {
            &__item {
                background-color: #F6FBF6;
                margin-bottom: 1rem;
                padding: 1rem;
                @include pc-md {
                    flex-wrap: wrap;
                    position: relative;
                    padding-top: 1.5rem;
                }
                @include tab {
                    padding: .5rem;
                }
                @include sp-wide {
                    padding: .75rem 1rem;
                }
                &__icon {
                    background-color: white;
                    border-radius: 100%;
                    padding: 1rem;
                    @include pc-md {
                        background-color: #fff;
                        border-radius: 100%;
                        padding: .25rem;
                        width: 8% !important;
                        position: absolute;
                        top: .5rem;
                    }
                }
                &__about {
                    @include pc-md {
                        margin-bottom: .75rem;
                    }
                    @include sp-wide {
                        padding: 0;
                    }
                    &__header {
                        color: #408F54;
                        text-align: left;
                        font-size: 1.2rem;
                        @include pc-md {
                            margin-bottom: 1.5rem;
                            padding-left: 3.25rem;
                        }
                        @include tab {
                            margin-bottom: .5rem;
                            padding-left: 0;
                        }
                        img {
                            width: 13%;
                            padding-right: .25rem;
                            @include sp-wide {
                                width: 11%;
                            }
                        }
                    }
                    &__body {
                        margin: 0 auto;
                        width: 90%;
                        font-size: .95rem;
                        @include sp-wide {
                            font-size: 1rem;
                        }
                        &:after {
                            display: block;
                            width: 100%;
                            height: 100%;
                            position: absolute;
                            left: 0;
                            background: linear-gradient(0deg, #0085de 0%, #fff 0%, #fff 67%, rgba(255, 255, 255, 0) 100%);
                            content: "";
                            bottom: -7rem;
                            @include tab {
                                bottom: -7rem;
                            }
                        }
                        p {
                            position: relative !important;
                            z-index: 1;
                            line-height: 1.6rem;
                            @include sp-wide {
                                border-bottom: solid 1px #e7e7e7;
                                padding-bottom: 1.5rem;
                                margin-bottom: 0;
                            }
                        }
                    }
                }
                &__img {
                    @include sp-wide {
                        padding: 0;
                    }
                }
            }
        }
        .list-back_btn {
            margin: 4rem 0;
            position: relative;
            z-index: 1;
            a {
                color: white;
                background-color: #408F54;
                border-radius: 50px;
                padding: 1rem;
                &:hover {
                    opacity: .7;
                }
            }
        }
    }
}
.llservice-cat_footer {
    .copyright {
        p {
            color: white;
        }
    }
}

/**********************************************
*　キャンペーン応募フォーム
***********************************************/
#page-campaign-entry {
    .page-header {
        .page-top {
            @include sp-wide {
                padding-top: 1rem;
            }
        }
    }
    .page-content-wrapper {
        @include sp-wide {
            padding-top: 1.5rem !important;
        }
        .questionnaire-note {
            @include sp-wide {
                margin-bottom: 0;
                line-height: 1.5rem;
            }
        }
    }
}
.campaign-form {
    width: 50%;
    margin: 0 auto;
    @include tab {
        width: calc(100% - 30px);
    }
    &__content {
        @include sp-wide {
            margin-top: 1.5rem !important;
        }
        .inputbox {
            @include sp-wide {
                flex-wrap: nowrap;
                align-items: center;
            }
            &.last {
                @include sp-wide {
                    margin-bottom: 2rem;
                }
            }
        }
    }
    .titlearea {
        padding-top: .375rem;
        @include tab {
            border-left: solid 5px #05914d;
            padding-left: .5rem;
        }
        @include sp-wide {
            padding-top: 0;
        }
    }
    .inputarea {
        @include sp-wide {
            margin: 0 !important;
        }
    }
    .next-action_btm {
        width: 20rem;
        border: 1px solid #285024;
        background-color: #285024;
        color: white;
        @include sp {
            width: 100%;
        }
        &:hover, &:active, &:focus, &:focus-visible, &.btn-primary:not(:disabled):not(.disabled):active {
            background-color: #285024;
            opacity: .7;
            box-shadow: none;
            outline: none;
            color: white;
        }
        &.no-click {
            pointer-events: none;
            background-color: #acacac;
            border: 1px solid #acacac;
            color: #ddd;
            opacity: 1;
            &:hover {
                opacity: 1;
            }
        }
    }
    .confirm__back {
        width: 20rem;
        background-color: white;
        color: #285024;
        border: 1px solid #285024;
        @include sp {
            width: 100%;
        }
        &:hover {
            opacity: .7;
        }
    }
}
.aul-questionnaire {
    &.clean-form .page-header .page-top__icon {
        @include sp-wide {
            margin-top: 0 !important;
        }
    }
}
.clean-form {
    .page-content-wrapper {
        @include sp-wide {
            padding-top: 0 !important;
        }
    }
    #mail-contact {
        @include pc {
            margin-top: 0 !important;
        }
        @include tab {
            margin-top: 0 !important;
        }
    }
    .service-form-wrap {
        @include sp-wide {
            padding-top: 1rem !important;
        }
    }
    .clean-form_note {
        background-color: #fff7ea;
        border-radius: 5px;
        padding: .5rem 1rem;
        margin-bottom: 3rem;
    }
    .input-item {
        @include tab {
            padding: 0;
            max-width: 100% !important;
            align-items: baseline;
        }
        .answer,
        .answer-area {
            @include tab {
                padding: 0;
            }
        }
        .answer {
            @include tab {
                padding-right: 1rem;
            }
            .titlearea {
                @include tab {
                    margin-bottom: 0 !important;
                    border-left: solid 5px #ffc46c;
                    padding-top: 0 !important;
                    padding-left: .5rem;
                }
            }
        }
    }
    .form-control {
        border: 1px solid #f6c67b;
    }
    .needlabel {
        background-color: #e77b46;
    }
    select {
        color: #794800;
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        background-repeat: no-repeat;
        background-position: right 0rem center;
        background-size: 2.8rem 5.2rem;
        background-image: url('data:image/svg+xml;utf8,<svg fill="%23794800" height="14" viewBox="0 0 24 24" width="10" xmlns="http://www.w3.org/2000/svg"><path d="M12 16l6-8H6z"/></svg>');
    }
    .people-item {
        .answer-area {
            position: relative;
            padding-bottom: 1rem;
            .error {
                position: absolute;
                top: 2.5rem;
            }
        }
    }
    .privacy a {
        color: #794800;
    }
    .index-btn {
        border: 0;
        background-color: #e77b46;
        &:hover, &:active, &:focus, &:focus-visible, &.btn-primary:not(:disabled):not(.disabled):active {
            background-color: #794800;
        }
        *:focus {
            border-color: transparent;
            outline: none;
        }
        &:focus-visible {
            outline: none;
            box-shadow: none;
        }
    }
    .back-link a {
        background-color: #e77b46;
        padding: .5rem 1rem;
        border-radius: 50px;
        &:hover, &:active, &:focus, &:focus-visible, &.btn-primary:not(:disabled):not(.disabled):active {
            background-color: #794800;
        }
        *:focus {
            border-color: transparent;
            outline: none;
        }
        &:focus-visible {
            outline: none;
            box-shadow: none;
        }
        button {
            color: white;
            &:hover {
                opacity: 1;
            }
        }
    }
    .confirm__back {
        border: solid 1px #e77b46 !important;
        background-color: white !important;
        color: #e77b46;
        &:hover, &:active, &:focus, &:focus-visible, &.btn-primary:not(:disabled):not(.disabled):active {
            opacity: .7;
        }
    }
    .thanks-content {
        text-align: center;
        @include tab {
            text-align: left;
        }
    }
}
#page-clean-form {
    .contact-flow {
        .sp {
            display: none;
            @include sp-wide {
                display: block;
            }
        }
        .pc {
            @include sp-wide {
                display: none;
            }
        }
    }
}
.cf7-member-answers {
    .cf7-answer-item {
        &:nth-child(even) {
            background-color: #fffbf1;
        }
        &:nth-child(odd) {
            background-color: #f5edde;
        }
    }
}

/* 非会員用 画像オーバーレイ設定 */
.restricted-img-wrap {
    position: relative;
    display: inline-block;
    max-width: 100%;
    img {
        display: block;
        height: auto;
        max-width: 100%;
    }
}
.restricted-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6); /* 透過の黒 (0.6は濃さ) */
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    z-index: 10;
    span {
        color: #fff; /* 白文字 */
        font-weight: bold;
        font-size: 1.2vw; /* 文字サイズ調整 */
        line-height: 1.5;
        padding: 10px;
        @include pc {
            font-size: 1.5vw;
        }
        @include tab {
            font-size: 2vw;
        }
        @include sp-wide {
            font-size: 3.6vw;
        }
    }
}