@charset "UTF-8";html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,legend,textarea,pre,iframe,hr,h1,h2,h3,h4,h5,h6,main,article,aside,figcaption,footer,header,nav,section,img,embed,object,audio,video,area,button,input,label,select,summary,div,a,span {
    box-sizing: border-box
}

html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,legend,textarea,pre,iframe,hr,h1,h2,h3,h4,h5,h6 {
    margin: 0;
    padding: 0;
    display: block
}

main,article,aside,figcaption,figure,footer,header,nav,section {
    display: block
}

h1,h2,h3,h4,h5,h6 {
    font-size: 100%;
    font-weight: 400
}

img,embed,iframe,object,audio,video {
    height: auto;
    max-width: 100%
}

button {
    padding: 0;
    cursor: pointer;
    background: none;
    border: none
}

button,input,select,textarea {
    margin: 0
}

a,area,button,[role=button],input:not([type=range]),label,select,summary,textarea {
    touch-action: manipulation
}

html {
    box-sizing: border-box;
}

body {
    -webkit-text-size-adjust: 100%;
}

a {
    color: inherit;
    text-decoration: none
}

ul,ol {
    list-style: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

th,td {
    padding: 0;
    font-weight: 400;
    text-align: left
}

iframe {
    border: 0
}

img {
    vertical-align: bottom
}

select {
    margin: 0;
    padding: 0;
    border: 0;
    border: none;
    border-radius: 0;
    background: none transparent;
    font-family: Noto Sans JP,sans-serif;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

select::-ms-expand {
    display: block
}

textarea {
    border: none;
    border-radius: 0;
    resize: vertical;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

input:not([type=radio]) {
    border: none;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

input[type=submit] {
    vertical-align: middle;
    cursor: pointer
}

input[type=text],input[type=tel],input[type=email],input[type=button],select,textarea {
    font-family: Noto Sans JP,sans-serif;
    font-size: 1.6rem
}

@media screen and (max-width: 767px) {
    input[type=text],input[type=tel],input[type=email],input[type=button],select,textarea {
        font-size:1.6rem
    }
}

input:-webkit-autofill {
    box-shadow: 0 0 0 999px #fff inset
}

input[type=submit],input[type=button] {
    border: none;
    border-radius: 0;
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button
}

input[type=submit]::-webkit-search-decoration,input[type=button]::-webkit-search-decoration {
    display: none
}

input[type=submit]::focus,input[type=button]::focus {
    outline-offset: -2px
}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
    color: #aeaeae
}

input:-ms-input-placeholder,textarea:-ms-input-placeholder {
    color: #aeaeae
}

input::-moz-placeholder,textarea::-moz-placeholder {
    color: #aeaeae
}

.hdn-sp-lm {
    display: block
}

.hdn-sp-m {
    display: inline
}

.hdn-sp,.hdn-tb {
    display: block
}

.view-tb {
    display: none
}

.hdn-tb-l {
    display: block
}

.view-tb-l {
    display: none
}

.hdn-tb-ml {
    display: block
}

.view-tb-ml {
    display: none
}

.hdn-tb-xl {
    display: block
}

.view-tb-xl,.hdn-pc {
    display: none
}

@media screen and (max-width: 1399px) {
    .hdn-tb-xl {
        display:none
    }

    .view-tb-xl {
        display: block
    }
}

@media screen and (max-width: 1365px) {
    .hdn-tb-ml {
        display:none
    }

    .view-tb-ml {
        display: block
    }
}

@media screen and (max-width: 1199px) {
    .hdn-tb-l {
        display:none
    }

    .view-tb-l {
        display: block
    }
}

@media screen and (max-width: 1020px) {
    .hdn-tb {
        display:none
    }

    .view-tb {
        display: block
    }
}

@media screen and (max-width: 767px) {
    .hdn-sp {
        display:none
    }

    .hdn-pc {
        display: block
    }
}

@media screen and (max-width: 552px) {
    .hdn-sp-lm {
        display:none
    }
}

@media screen and (max-width: 374px) {
    .hdn-sp-m {
        display:none
    }
}

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

.ofx-hdn {
    overflow-x: hidden
}

.cmn-inner-l {
    position: relative;
    margin: 0 auto;
    padding: 0 20px;
    max-width: 1440px
}

@media screen and (max-width: 767px) {
    .cmn-inner-l {
        padding:0 16px
    }
}

.cmn-inner-m {
    position: relative;
    margin: 0 auto;
    padding: 0 20px;
    max-width: 1240px
}

.glb-container .cmn-inner-m{
  z-index: 2;
    background: #fff;
    margin: 0;
    max-width: 100%;
    padding: 36px 20px 40px;
}

.glb-container .cmn-inner-m .cmn-page-ttl{
    max-width: 1240px;
    margin: 0 auto;
    padding: 0px 20px;
}

@media screen and (max-width: 767px) {
    .cmn-inner-m {
        padding:0 16px
    }
    
    .glb-container .cmn-inner-m{
        padding: 24px 16px 28px;
    }
    
    .glb-container .cmn-inner-m .cmn-page-ttl{
        padding: 0px 0;
    }
}

.cmn-inner-ms {
    position: relative;
    margin: 0 auto;
    padding: 0 20px;
    max-width: 1040px
}

@media screen and (max-width: 767px) {
    .cmn-inner-ms {
        padding:0 16px
    }
}

.cmn-inner-s {
    position: relative;
    margin: 0 auto;
    padding: 0 20px;
    max-width: 948px
}

@media screen and (max-width: 767px) {
    .cmn-inner-s {
        padding:0 16px
    }
}

.cmn-inner-xs {
    position: relative;
    margin: 0 auto;
    padding: 0 20px;
    max-width: 840px
}

@media screen and (max-width: 767px) {
    .cmn-inner-xs {
        padding:0 16px
    }
}

.cmn-anchor01 {
    margin-top: -162px;
    padding-top: 162px
}

@media screen and (max-width: 767px) {
    .cmn-anchor01 {
        margin-top:-88px;
        padding-top: 88px
    }
}

.cmn-anchor02 {
    margin-top: -162px;
    padding-top: 162px
}

@media screen and (max-width: 767px) {
    .cmn-anchor02 {
        margin-top:-120px;
        padding-top: 120px
    }
}

.cmn-sec01 {
    padding: 56px 0
}

@media screen and (max-width: 1020px) {
    .cmn-sec01 {
        padding:40px 0
    }
}

@media screen and (max-width: 767px) {
    .cmn-sec01 {
        padding:24px 0
    }
}

.cmn-sec-ttl01 {
    text-align: center;
    margin-bottom: 40px;
    font-size: 3.2rem;
    font-weight: 700
}

@media screen and (max-width: 1020px) {
    .cmn-sec-ttl01 {
        margin-bottom:32px;
        font-size: 2.6rem
    }
}

@media screen and (max-width: 767px) {
    .cmn-sec-ttl01 {
        margin-bottom:24px;
        font-size: 2rem
    }
}

.cmn-sec-ttl01.white {
    color: #fff
}

.cmn-btn01-wrap {
    display: flex;
    justify-content: space-between;
    max-width: 800px;
    margin: 0 auto
}

@media screen and (max-width: 767px) {
    .cmn-btn01-wrap {
        display:block
    }
}

.cmn-btn01 {
    width: 350px;
    height: 52px
}

@media screen and (max-width: 767px) {
    .cmn-btn01 {
        margin:0 auto;
        width: 260px;
        height: 48px
    }
}

.cmn-btn01.wide {
    width: 460px
}

@media screen and (max-width: 767px) {
    .cmn-btn01.wide {
        width:100%
    }
}

.cmn-btn01.center {
    margin: 0 auto
}

.cmn-btn01 a,.cmn-btn01 input,.cmn-btn01 button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    background-image: linear-gradient(to right,#204e65,#082838);
    color: #fff;
    font-size: 2rem;
    font-weight: 700;
    font-family: Noto Sans JP,sans-serif;
    transition: background-position .2s ease-in-out,opacity .2s ease-in-out
}

@media screen and (max-width: 767px) {
    .cmn-btn01 a,.cmn-btn01 input,.cmn-btn01 button {
        font-size:1.6rem;
        font-family: Hiragino Kaku Gothic ProN,Noto Sans JP,游ゴシック,sans-serif
    }
}

.cmn-btn01 a:hover,.cmn-btn01 input:hover,.cmn-btn01 button:hover {
    opacity: .86
}

.cmn-btn01.arrow a,.cmn-btn01.arrow input,.cmn-btn01.arrow button {
    background-image: url(/build/assets/icon_arrow02_white-5YSLSild.svg),linear-gradient(to right,#204e65,#082838);
    background-repeat: no-repeat,no-repeat;
    background-size: 7px 14px,cover;
    background-position: top 50% right 16px,center center
}

.cmn-btn01.arrow a:hover,.cmn-btn01.arrow input:hover,.cmn-btn01.arrow button:hover {
    background-position: top 50% right 13px,center center
}

.cmn-btn01.file a,.cmn-btn01.file input,.cmn-btn01.file button {
    background-image: url(/build/assets/icon_file01_white-BSoM7pqR.svg),linear-gradient(to right,#204e65,#082838);
    background-repeat: no-repeat,no-repeat;
    background-size: 20px 16px,cover;
    background-position: top 50% right 16px,center center
}

.cmn-btn01.window a,.cmn-btn01.window input,.cmn-btn01.window button {
    background-image: url(/build/assets/icon_window01_white-52worfgP.svg),linear-gradient(to right,#204e65,#082838);
    background-repeat: no-repeat,no-repeat;
    background-size: 22px 22px,cover;
    background-position: top 50% right 16px,center center
}

.cmn-btn01-wrap .cmn-btn01+.cmn-btn01 {
    margin-left: 20px
}

@media screen and (max-width: 767px) {
    .cmn-btn01-wrap .cmn-btn01+.cmn-btn01 {
        margin:16px auto 0
    }
}

html {
    font-size: 62.5%
}

body,textarea {
    position: relative;
    color: #444;
    font-weight: 400;
    font-family: Noto Sans JP,sans-serif;
    line-height: 1;
    letter-spacing: .04em;
    font-size: 1.6rem;
    word-wrap: break-word
}

@media screen and (max-width: 767px) {
    body {
        font-weight:400;
        font-family: Hiragino Kaku Gothic ProN,Noto Sans JP,游ゴシック,sans-serif;
        letter-spacing: .02em;
        font-size: 1.4rem;
        -webkit-text-size-adjust: 100%
    }
}

@media screen and (min-width: 767px) {
    a[href^="tel:"] {
        pointer-events:none
    }
}

.glb-header {
    position: fixed;
    z-index: 10000;
    top: 0;
    left: 0;
    width: 100%
}

@media screen and (max-width: 1020px) {
    .glb-header {
        position:relative
    }
}

.header-announcement {
    height: 48px;
    background-image: linear-gradient(to right,#204e65,#082838);
    transition: height .2s ease-in-out
}

@media screen and (max-width: 1199px) {
    .header-announcement {
        height:32px
    }
}

@media screen and (max-width: 1020px) {
    .header-announcement {
        position:fixed;
        z-index: 10000;
        top: 0;
        left: 0;
        width: 100%
    }
}

.header-announcement>.cmn-inner-l {
    height: 100%
}

@media screen and (max-width: 767px) {
    .header-announcement>.cmn-inner-l {
        padding:0 4px
    }
}

.header-announcement.is-fixed {
    height: 32px
}

.header-announcement-box {
    height: 100%
}

.header-announcement-box>a,.header-announcement-box>div {
    display: flex;
    align-items: center;
    height: 100%
}

.header-announcement-box__campaign {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 116px;
    height: 28px;
    background-color: #fff;
    color: #082838;
    font-weight: 700;
    transition: height .2s ease-in-out
}

@media screen and (max-width: 1199px) {
    .header-announcement-box__campaign {
        width:112px;
        height: 22px;
        font-size: 1.4rem
    }
}

@media screen and (max-width: 767px) {
    .header-announcement-box__campaign {
        width:76px;
        font-size: 1.1rem
    }
}

.header-announcement-box__campaign:after {
    content: "";
    position: absolute;
    top: 0;
    right: -12px;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
    border-width: 6px 12px 0px 0px
}

.header-announcement.is-fixed .header-announcement-box__campaign {
    height: 22px
}

.header-announcement-box__message {
    position: relative;
    padding-left: 20px;
    width: calc(100% - 112px);
    color: #fff;
    overflow: hidden
}

@media screen and (max-width: 1199px) {
    .header-announcement-box__message {
        width:calc(100% - 112px);
        font-size: 1.4rem
    }
}

@media screen and (max-width: 767px) {
    .header-announcement-box__message {
        width:calc(100% - 80px);
        padding-left: 12px;
        font-size: 1.1rem
    }
}

.header-announcement-box__message p,.header-announcement-box__message a {
    display: block;
    position: relative;
    min-height: 28px;
    padding: 6px 24px 6px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

@media screen and (max-width: 1199px) {
    .header-announcement-box__message p,.header-announcement-box__message a {
        min-height:26px
    }
}

@media screen and (max-width: 767px) {
    .header-announcement-box__message p,.header-announcement-box__message a {
        min-height:23px
    }
}

.header-announcement-box__message a {
    min-height: 28px
}

@media screen and (max-width: 767px) {
    .header-announcement-box__message a {
        min-height:20px
    }
}

.header-announcement-box__message:after {
    content: "";
    position: absolute;
    top: 4px;
    right: 2px;
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(/build/assets/icon_arrow02-Ypvhr4P9.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center
}

@media screen and (max-width: 1199px) {
    .header-announcement-box__message:after {
        top:3px
    }
}

@media screen and (max-width: 1020px) {
    .header-announcement-box__message:after {
        top:5px;
        width: 18px;
        height: 18px
    }
}

@media screen and (max-width: 767px) {
    .header-announcement-box__message:after {
        top:2px
    }
}

@media screen and (max-width: 1020px) {
    .body-detail .header-announcement {
        position:absolute;
        top: -88px
    }
}

.glb-header .header-top {
    position: relative;
    height: 64px;
    background-color: #f5f5f5;
    z-index: 1000;
    transition: height .2s ease-in-out
}

@media screen and (max-width: 1199px) {
    .glb-header .header-top {
        height:92px
    }
}

@media screen and (max-width: 1020px) {
    .glb-header .header-top {
        margin-top:32px;
        height: 32px;
        display: none
    }
}

.glb-header .header-top>.cmn-inner-l {
    height: 100%
}

.glb-header .header-top.is-fixed {
    height: 58px
}

@media screen and (max-width: 1199px) {
    .glb-header .header-top.is-fixed {
        height:80px
    }
}

@media screen and (max-width: 1020px) {
    .glb-header .header-top.is-fixed {
        height:32px
    }
}

.glb-header .header-top-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%
}

@media screen and (max-width: 1199px) {
    .glb-header .header-top-box {
        display:block
    }
}

.glb-header .header-top-box__catch {
    font-size: 1.3rem;
    line-height: 1.5
}

@media screen and (max-width: 1199px) {
    .glb-header .header-top-box__catch {
        padding:4px 0 8px;
        text-align: center
    }
}

@media screen and (max-width: 767px) {
    .glb-header .header-top-box__catch {
        padding:7px 0 8px;
        font-size: 1.1rem
    }
}

.glb-header .header-top-box__catch .accent-orange {
    color: #ff7225
}

.glb-header .header-top-box__catch .accent-monthly {
    font-size: 1.4rem;
    font-weight: 700
}

@media screen and (max-width: 767px) {
    .glb-header .header-top-box__catch .accent-monthly {
        font-size:1rem
    }
}

.glb-header .header-top-box__catch .accent-num {
    font-size: 2.2rem;
    font-weight: 500;
    line-height: 1;
    letter-spacing: .02em;
    font-family: Jost,sans-serif
}

@media screen and (max-width: 767px) {
    .glb-header .header-top-box__catch .accent-num {
        font-size:1.6rem
    }
}

.glb-header .header-top-box__catch .accent-unit {
    font-size: 1.6rem;
    font-weight: 700
}

@media screen and (max-width: 767px) {
    .glb-header .header-top-box__catch .accent-unit {
        font-size:1.2rem
    }
}

.glb-header .header-top.is-fixed .header-top-box__catch {
    padding: 2px 0 6px
}

@media screen and (max-width: 1020px) {
    .glb-header .header-top.is-fixed .header-top-box__catch {
        padding:4px 0 8px
    }
}

@media screen and (max-width: 1199px) {
    .glb-header .header-top.is-fixed .header-top-box__catch {
        font-size:1.1rem
    }

    .glb-header .header-top.is-fixed .header-top-box__catch .accent-monthly {
        font-size: 1rem
    }

    .glb-header .header-top.is-fixed .header-top-box__catch .accent-num {
        font-size: 1.6rem
    }

    .glb-header .header-top.is-fixed .header-top-box__catch .accent-unit {
        font-size: 1.2rem
    }
}

@media screen and (max-width: 767px) {
    .glb-header .header-top-box__catch .catch-txt {
        width:calc(100% + 32px);
        margin-left: -16px
    }
}

@media screen and (max-width: 1199px) {
    .glb-header .header-top-box__catch br.view-tb-xl,.glb-header .header-top-box__catch br.hdn-tb-xl {
        display:none
    }
}

.glb-header .header-top-box__link {
    display: flex;
    justify-content: center;
    align-items: center
}

@media screen and (max-width: 1199px) {
    .glb-header .header-top-box__link {
        margin-left:42px
    }
}

@media screen and (max-width: 1020px) {
    .glb-header .header-top-box__link {
        display:none;
        margin-left: 32px
    }
}

.glb-header .link-tel {
    margin-top: -4px;
    margin-right: 24px
}

@media screen and (max-width: 1020px) {
    .glb-header .link-tel {
        margin-right:12px
    }
}

.glb-header .link-tel a {
    position: relative;
    display: block;
    color: #ff7225;
    font-size: 3.2rem;
    font-weight: 500;
    font-family: Jost,sans-serif
}

.glb-header .link-tel a:before {
    content: "";
    position: absolute;
    top: 0;
    left: -40px;
    width: 40px;
    height: 36px;
    background-image: url(https://rentalbox.jp/build/assets/icon_tel01-C47oKLZd.png);
    background-repeat: no-repeat;
    background-size: 36px 36px;
    background-position: left center
}

.glb-header .link-tel .tel-open {
    font-size: 1.3rem
}

.glb-header .link-line,.glb-header .link-contact {
    margin-top: -4px;
    width: 232px;
    height: 48px;
    border-radius: 8px
}

@media screen and (max-width: 1020px) {
    .glb-header .link-line,.glb-header .link-contact {
        margin:20px auto 0
    }
}

.glb-header .link-line a,.glb-header .link-contact a {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    background-color: #06c755;
    color: #fff;
    font-weight: 700;
    transition: top .2s ease-in-out,box-shadow .2s ease-in-out
}

.glb-header .link-line a:before,.glb-header .link-contact a:before {
    content: "";
    position: absolute;
    display: block;
    top: -4px;
    left: 0;
    width: 100%;
    height: 4px;
    pointer-events: none
}

.glb-header .link-line a:hover,.glb-header .link-contact a:hover {
    top: 4px
}

.glb-header .link-line a:hover:before,.glb-header .link-contact a:hover:before {
    pointer-events: inherit
}

.glb-header .link-line a {
    background-color: #06c755;
    box-shadow: 0 4px #17773e
}

.glb-header .link-line a:hover {
    box-shadow: 0 0 #17773e
}

.glb-header .link-line .line-txt {
    padding-left: 8px;
    font-size: 1.5rem;
    line-height: 1.2
}

.glb-header .link-contact {
    margin-left: 16px
}

@media screen and (max-width: 1020px) {
    .glb-header .link-contact {
        margin-left:auto
    }
}

.glb-header .link-contact a {
    background-image: linear-gradient(to bottom,#449cff,#0087c6);
    box-shadow: 0 4px #366293
}

.glb-header .link-contact a:hover {
    box-shadow: 0 0 #366293
}

.glb-header .link-contact .contact-txt {
    padding-left: 8px;
    font-size: 2rem
}

.glb-header .header-bottom {
    position: relative;
    z-index: 1000;
    height: 72px;
    background-color: #fff;
    transition: height .2s ease-in-out
}

@media screen and (max-width: 1199px) {
    .glb-header .header-bottom {
        height:56px
    }
}

@media screen and (max-width: 1020px) {
    .glb-header .header-bottom {
        position:fixed;
        top: 32px;
        left: 0;
        width: 100%
    }
}

.glb-header .header-bottom>.cmn-inner-m {
    height: 100%
}

.glb-header .header-bottom.is-fixed {
    height: 56px;
    box-shadow: 0 4px 4px #00000008
}

@media screen and (max-width: 1020px) {
    .glb-header .header-bottom.is-fixed,.glb-wrapper.is-hidden .glb-header .header-bottom {
        position:fixed;
        top: 32px;
        left: 0;
        width: 100%
    }

    .body-detail .glb-header .header-bottom {
        position: absolute;
        top: -56px
    }

    .body-detail .glb-wrapper.is-hidden .glb-header .header-bottom {
        top: 0
    }
}

.glb-header .header-bottom-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%
}

.glb-header .site-ttl {
    width: 160px
}

@media screen and (max-width: 1020px) {
    .glb-header .site-ttl {
        width:144px
    }
}

.glb-header .header-nav {
    width: calc(100% - 180px)
}

@media screen and (max-width: 1020px) {
    .glb-header .header-nav {
        width:100%
    }
}

.glb-header .header-nav-list {
    display: flex;
    justify-content: flex-end
}

@media screen and (max-width: 1020px) {
    .glb-header .header-nav-list {
        display:block
    }
}

.glb-header .header-nav-list__item {
    font-size: 1.8rem;
    font-weight: 700
}

@media screen and (max-width: 1199px) {
    .glb-header .header-nav-list__item {
        font-size:1.6rem
    }
}

@media screen and (max-width: 1020px) {
    .glb-header .header-nav-list__item {
        color:#fff;
        border-bottom: 1px solid rgba(255,255,255,.4)
    }
}

.glb-header .header-nav-list__item a {
    transition: opacity .2s ease-in-out
}

@media screen and (max-width: 1020px) {
    .glb-header .header-nav-list__item a {
        display:block;
        padding: 20px
    }
}

.glb-header .header-nav-list__item a:hover {
    opacity: .8
}

.glb-header .header-nav-list__item a:before {
    content: "";
    display: inline-block;
    margin-right: 4px;
    width: 22px;
    height: 22px;
    background-image: url(/build/assets/icon_search01-CsWfTeNa.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    vertical-align: -4px
}

@media screen and (max-width: 1199px) {
    .glb-header .header-nav-list__item a:before {
        width:18px;
        height: 18px
    }
}

.glb-header .header-nav-list__item.search a:before {
    background-image: url(/build/assets/icon_search01-CsWfTeNa.svg)
}

.glb-header .header-nav-list__item.guide a:before {
    background-image: url(/build/assets/icon_guide01-X6P--JmV.svg)
}

.glb-header .header-nav-list__item.lineup a:before {
    background-image: url(/build/assets/icon_lineup01-Vd-p1vi2.svg)
}

.glb-header .header-nav-list__item.faq a:before {
    background-image: url(/build/assets/icon_faq01-DGeWrRyj.svg)
}

.glb-header .header-nav-list__item.favo {
    position: relative
}

.glb-header .header-nav-list__item.favo a {
    padding: 6px 20px 6px 16px;
    border: 2px solid #6c6c6c;
    border-radius: 20px;
    background-image: linear-gradient(to bottom,#fff,#d7d7d7)
}

@media screen and (max-width: 1199px) {
    .glb-header .header-nav-list__item.favo a {
        padding:4px 16px 4px 12px
    }
}

@media screen and (max-width: 1020px) {
    .glb-header .header-nav-list__item.favo a {
        padding:20px;
        border: none;
        border-radius: unset;
        background-image: none
    }
}

.glb-header .header-nav-list__item.favo a:before {
    background-image: url(/build/assets/icon_favo01-Ccsoele6.svg)
}

.glb-header .header-nav-list__item.favo .favo-info {
    display: none
}

@media screen and (max-width: 1020px) {
    .glb-header .header-nav-list__item.favo .favo-info {
        position:absolute;
        top: 50%;
        right: 20px;
        display: block;
        transform: translateY(-50%);
        font-size: 1.2rem
    }
}

.glb-header .header-nav-list__item.favo .favo-info .favo-num {
    padding-right: 2px;
    font-family: Jost,sans-serif;
    font-weight: 500;
    font-size: 1.6rem
}

.glb-header .header-nav-list__item+.header-nav-list__item {
    margin-left: 40px
}

@media screen and (max-width: 1199px) {
    .glb-header .header-nav-list__item+.header-nav-list__item {
        margin-left:20px
    }
}

@media screen and (max-width: 1020px) {
    .glb-header .header-nav-list__item+.header-nav-list__item {
        margin-left:0
    }
}

.glb-wrapper .glb-header .sp-slide-menu {
    display: none
}

@media screen and (max-width: 1020px) {
    .glb-wrapper .glb-header .sp-slide-menu {
        position:fixed;
        z-index: 9998;
        top: 88px;
        right: -360px;
        display: block;
        width: 320px;
        height: 100vh;
        background-image: linear-gradient(to right,#204e65,#082838);
        transition: right .3s ease-in-out
    }

    .glb-wrapper.is-fixed .sp-slide-menu,.glb-wrapper.is-hidden .glb-header .sp-slide-menu {
        position: fixed;
        top: 88px
    }

    .glb-header .sp-slide-menu.is-open {
        right: 0
    }
}

.sp-slide-menu .link-tel-wrap {
    margin-top: 20px
}

.sp-slide-menu .link-tel {
    margin-top: -4px;
    width: 232px;
    height: 48px;
    border-radius: 8px
}

@media screen and (max-width: 1020px) {
    .sp-slide-menu .link-tel {
        margin:20px auto 0
    }
}

.sp-slide-menu .link-tel a {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    width: 100%;
    height: 100%;
    padding-right: 6px;
    border-radius: 8px;
    background-color: #ff7225;
    color: #fff;
    font-weight: 700;
    transition: top .2s ease-in-out,box-shadow .2s ease-in-out
}

.sp-slide-menu .link-tel a:before {
    content: none
}

.sp-slide-menu .link-tel a:hover {
    top: 4px
}

.sp-slide-menu .link-tel a:hover:before {
    pointer-events: inherit
}

.sp-slide-menu .link-tel a {
    background-color: #ff7225;
    box-shadow: 0 4px #894317
}

.sp-slide-menu .link-tel a:hover {
    box-shadow: 0 0 #894317
}

.sp-slide-menu .link-tel .tel-txt-wrap {
    padding-left: 6px
}

.sp-slide-menu .link-tel .tel-num {
    display: block;
    text-align: center;
    font-size: 2.3rem;
    line-height: 1.2;
    font-weight: 500
}

.sp-slide-menu .link-tel .tel-open {
    font-family: Noto Sans JP,sans-serif;
    color: #fff;
    font-size: 1.1rem;
    font-weight: 400
}

@media screen and (max-width: 767px) {
    .sp-slide-menu .link-tel .tel-open {
        font-family:Hiragino Kaku Gothic ProN,Noto Sans JP,游ゴシック,sans-serif
    }
}

.glb-header .sp-slide-bg {
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    display: block;
    width: 100vw;
    height: 100vh;
    background-color: #000;
    opacity: 0;
    pointer-events: none;
    transition: opacity .3s ease-in-out
}

.glb-header .sp-slide-bg.is-open {
    opacity: .7;
    pointer-events: inherit
}

.sp-btn-box {
    display: none;
    position: fixed;
    top: 32px;
    right: 0;
    z-index: 1000
}

@media screen and (max-width: 1020px) {
    .sp-btn-box {
        display:flex
    }

    .sp-btn-box.is-fixed {
        position: fixed;
        right: 0;
        z-index: 10001
    }

    .glb-wrapper.is-hidden .sp-btn-box {
        position: fixed;
        top: 32px;
        right: 0;
        z-index: 10001
    }

    .body-detail .sp-btn-box {
        position: absolute;
        top: -56px
    }

    .body-detail .glb-wrapper.is-hidden .sp-btn-box {
        top: 0
    }
}

.sp-btn-box .sp-tel-btn,.sp-btn-box .sp-search-btn,.sp-btn-box .sp-menu-btn {
    width: 56px;
    height: 56px
}

.sp-btn-box .sp-tel-btn a,.sp-btn-box .sp-tel-btn button,.sp-btn-box .sp-search-btn a,.sp-btn-box .sp-search-btn button,.sp-btn-box .sp-menu-btn a,.sp-btn-box .sp-menu-btn button {
    display: block;
    padding: 8px;
    width: 100%;
    height: 100%;
    background-color: #ff7225
}

.sp-btn-box .sp-tel-btn a {
    background-color: #fff
}

.sp-btn-box .tel-btn-icon {
    display: block;
    margin: 0 auto;
    width: 27px;
    height: 27px
}

.sp-btn-box .tel-btn-txt {
    display: block;
    padding-top: 4px;
    text-align: center;
    color: #ff7225;
    font-size: 1rem;
    font-family: Jost,sans-serif
}

.sp-btn-box .search-btn-icon {
    display: block;
    margin: 0 auto;
    width: 26px;
    height: 26px
}

.sp-btn-box .search-btn-txt {
    display: block;
    padding-top: 4px;
    text-align: center;
    color: #fff;
    font-size: 1rem
}

.sp-btn-box .menu-btn-icon {
    display: block;
    margin: 0 auto;
    width: 26px;
    height: 26px
}

.sp-btn-box .menu-btn-txt {
    display: block;
    padding-top: 4px;
    text-align: center;
    color: #fff;
    font-size: 1rem;
    font-family: Jost,sans-serif
}

.glb-hamburger {
    background-image: linear-gradient(to right,#204e65,#082838);
    cursor: pointer
}

.glb-hamburger__in {
    display: block;
    margin: 4px auto 0;
    width: 28px;
    height: 19px
}

.glb-hamburger .lines {
    content: "";
    display: block;
    height: 2px;
    width: 28px;
    transition: transform .3s ease-in-out,opacity .3s ease-in-out;
    background-color: #fff
}

.glb-hamburger .line01 {
    transform: translateY(0)
}

.glb-hamburger .line02 {
    transform: translateY(6px)
}

.glb-hamburger .line03 {
    transform: translateY(12px)
}

.glb-hamburger.is-open .line01 {
    transform: translateY(8px) rotate(30deg)
}

.glb-hamburger.is-open .line02 {
    opacity: 0
}

.glb-hamburger.is-open .line03 {
    transform: translateY(4px) rotate(-30deg)
}

.glb-wrapper {
    position: relative;
    padding-top: 184px
}

@media screen and (max-width: 1020px) {
    .glb-wrapper {
        overflow-x:hidden;
        padding-top: 88px
    }

    .glb-wrapper.is-fixed {
        padding-top: 32px
    }

    .glb-wrapper.is-hidden {
        overflow-x: visible;
        padding-top: 88px
    }
}

.breadcrumb {
    width: 100%;
    height: 40px;
    background-color: #f5f5f5;
    border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
    overflow: hidden;
    z-index: 10;
    position: relative;
}

@media screen and (max-width: 1020px) {
    .breadcrumb {
        height:28px
    }
}

@media screen and (max-width: 767px) {
    .breadcrumb {
        overflow-x:scroll;
        overflow-y: hidden;
        white-space: nowrap
    }
}

.breadcrumb-list {
    display: flex;
    height: 100%
}

.breadcrumb-list__item {
    height: 100%
}

.breadcrumb-list__item>a,.breadcrumb-list__item>span {
    position: relative;
    padding: 0 16px 0 28px;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    text-underline-offset: 4px
}

@media screen and (max-width: 1020px) {
    .breadcrumb-list__item>a,.breadcrumb-list__item>span {
        padding:0 12px 0 24px;
        font-size: 1rem
    }
}

.breadcrumb-list__item>a {
    background-color: #fff;
    color: #2287ba;
    text-decoration: underline
}

.breadcrumb-list__item>a:hover {
    font-weight: 700;
    text-decoration: none
}

.breadcrumb-list__item>a:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    right: -12px;
    display: inline-block;
    width: 40px;
    height: 40px;
    border: 1px solid #dcdcdc;
    border-bottom: none;
    border-left: none;
    background-color: #fff;
    transform: rotate(45deg) skew(20deg,20deg)
}

@media screen and (max-width: 1020px) {
    .breadcrumb-list__item>a:after {
        top:-7px
    }
}

.breadcrumb-list__item>a>span,.breadcrumb-list__item>span>span {
    z-index: 2
}

.breadcrumb-list__item.home a {
    padding: 0 16px
}

@media screen and (max-width: 1020px) {
    .breadcrumb-list__item.home a {
        padding:0 12px;
        width: 42px
    }
}

.breadcrumb-list__item.home a img {
    margin-top: 4px
}

@media screen and (max-width: 1020px) {
    .breadcrumb-list__item.home a img {
        margin-top:2px;
        width: 16px
    }
}

.cmn-page-sec01 {
    margin: 32px 0 80px
}

@media screen and (max-width: 1020px) {
    .cmn-page-sec01 {
        margin:32px 0 40px
    }
}

.cmn-page-ttl {
    margin-bottom: 40px
}

@media screen and (max-width: 767px) {
    .cmn-page-ttl {
        margin-bottom:28px
    }
}

.cmn-page-ttl.ttl-center {
    text-align: center
}

.cmn-page-ttl__in {
    font-size: 3.2rem;
    font-weight: 700;
    line-height: 1.4
}

@media screen and (max-width: 1020px) {
    .cmn-page-ttl__in {
        font-size:2.6rem
    }
}

@media screen and (max-width: 767px) {
    .cmn-page-ttl__in {
        font-size:2rem
    }
}

@media screen and (max-width: 374px) {
    .cmn-page-ttl__in {
        font-size:1.8rem
    }
}

.cmn-bnr-line {
    margin: 40px 0;
    text-align: center
}

@media screen and (max-width: 1365px) {
    .cmn-bnr-line {
        margin:40px 0
    }
}

@media screen and (max-width: 767px) {
    .cmn-bnr-line {
        margin:24px 0
    }
}

.cmn-bnr-line a {
    display: inline-block;
    transition: opacity .2s ease-in-out;
    border-radius: 8px;
    overflow: hidden
}

@media screen and (max-width: 1365px) {
    .cmn-bnr-line a {
        max-width:400px
    }
}

@media screen and (max-width: 767px) {
    .cmn-bnr-line a {
        max-width:384px
    }
}

.cmn-bnr-line a:hover {
    opacity: .8
}

.cmn-link-box01 {
    margin: 40px 0
}

@media screen and (max-width: 1020px) {
    .cmn-link-box01 {
        margin:40px 0
    }
}

@media screen and (max-width: 767px) {
    .cmn-link-box01 {
        margin:60px 0
    }
}

.cmn-link-box01__in {
    display: flex;
    justify-content: center
}

@media screen and (max-width: 767px) {
    .cmn-link-box01__in {
        display:block
    }
}

.cmn-link-box01 .link-btn {
    margin-top: -4px;
    width: 480px;
    height: 96px;
    border-radius: 8px
}

@media screen and (max-width: 767px) {
    .cmn-link-box01 .link-btn {
        margin:-4px auto 0;
        width: auto;
        max-width: 368px;
        height: 67px
    }
}

.cmn-link-box01 .link-btn+.link-btn {
    margin-left: 28px
}

@media screen and (max-width: 767px) {
    .cmn-link-box01 .link-btn+.link-btn {
        margin:20px auto 0
    }
}

.cmn-link-box01 .link-btn a {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 4px;
    border-radius: 8px;
    border: 3px solid #ff7225;
    background-color: #fff;
    box-shadow: 0 4px #ffbd85;
    color: #ff7225;
    font-weight: 700;
    transition: top .2s ease-in-out,box-shadow .2s ease-in-out,background-color .2s ease-in-out
}

.cmn-link-box01 .link-btn a:before {
    content: "";
    position: absolute;
    display: block;
    top: -7px;
    left: 0;
    width: 100%;
    height: 7px;
    pointer-events: none
}

.cmn-link-box01 .link-btn a:hover {
    top: 4px;
    box-shadow: 0 0 #ffecdb;
    background-color: #ffecdb66
}

.cmn-link-box01 .link-btn a:hover:before {
    pointer-events: inherit
}

.cmn-link-box01 .link-btn .btn-icon {
    width: 65px
}

@media screen and (max-width: 767px) {
    .cmn-link-box01 .link-btn .btn-icon {
        width:42px
    }
}

.cmn-link-box01 .link-btn .link-txt {
    padding-right: 8px;
    width: calc(100% - 65px);
    text-align: center;
    font-size: 2.8rem;
    line-height: 1.2
}

@media screen and (max-width: 1020px) {
    .cmn-link-box01 .link-btn .link-txt {
        font-size:2.4rem
    }
}

@media screen and (max-width: 767px) {
    .cmn-link-box01 .link-btn .link-txt {
        width:calc(100% - 42px);
        font-size: 2rem
    }
}

.cmn-search {
    margin: 20px 0 40px;
    padding: 24px 0;
    background-image: linear-gradient(to right,#204e65,#082838)
}

@media screen and (max-width: 1020px) {
    .cmn-search {
        margin:20px 0 36px
    }
}

@media screen and (max-width: 767px) {
    .cmn-search {
        margin:16px 0 24px;
        padding: 16px 0
    }
}

.cmn-search .search-box {
    display: flex;
    justify-content: center;
    align-items: center
}

@media screen and (max-width: 767px) {
    .cmn-search .search-box {
        display:block
    }
}

.cmn-search .search-box__ttl {
    color: #fff;
    font-size: 2.4rem;
    font-weight: 700
}

@media screen and (max-width: 1020px) {
    .cmn-search .search-box__ttl {
        font-size:2rem
    }
}

@media screen and (max-width: 767px) {
    .cmn-search .search-box__ttl {
        text-align:center
    }
}

.cmn-search .search-box__block {
    display: flex;
    justify-content: center;
    align-items: center
}

@media screen and (max-width: 767px) {
    .cmn-search .search-box__block {
        margin-top:12px
    }
}

.cmn-search .search-box__input {
    margin: 0 20px;
    width: 440px
}

@media screen and (max-width: 1020px) {
    .cmn-search .search-box__input {
        width:360px
    }
}

@media screen and (max-width: 767px) {
    .cmn-search .search-box__input {
        margin:0 10px 0 0;
        width: calc(100% - 40px)
    }
}

.cmn-search .search-box__input input {
    padding: 12px;
    width: 100%;
    border-radius: 4px;
    border: 2px solid #e1e1e1
}

@media screen and (max-width: 767px) {
    .cmn-search .search-box__input input {
        padding:8px
    }
}

.cmn-search .search-box__button {
    margin-top: -4px;
    width: 64px;
    height: 48px
}

@media screen and (max-width: 767px) {
    .cmn-search .search-box__button {
        width:40px;
        height: 40px
    }
}

.cmn-search .search-box__button button {
    position: relative;
    display: block;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 6px;
    box-shadow: 0 4px #b66724;
    background-color: #ff7225;
    background-image: url(/build/assets/icon_search02_white-CP_ky32d.svg);
    background-repeat: no-repeat;
    background-size: 25px 25px;
    background-position: center center;
    transition: top .2s ease-in-out,box-shadow .2s ease-in-out
}

@media screen and (max-width: 767px) {
    .cmn-search .search-box__button button {
        background-size:20px 20px
    }
}

.cmn-search .search-box__button button:before {
    content: "";
    position: absolute;
    top: -4px;
    left: 0;
    display: block;
    width: 100%;
    height: 4px;
    pointer-events: none
}

.cmn-search .search-box__button button:hover {
    top: 4px;
    box-shadow: 0 0 #b66724
}

.cmn-search .search-box__button button:hover:before {
    pointer-events: inherit
}

.cmn-search .search-btn-box {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    margin: -13px;
    padding-top: 32px
}

@media screen and (max-width: 1020px) {
    .cmn-search .search-btn-box {
        margin:-6px
    }
}

@media screen and (max-width: 767px) {
    .cmn-search .search-btn-box {
        display:block;
        margin: 0;
        padding-top: 0
    }
}

.cmn-search .search-btn-box .search-btn {
    width: 295px;
    margin: 13px
}

@media screen and (max-width: 1020px) {
    .cmn-search .search-btn-box .search-btn {
        margin:6px
    }
}

@media screen and (max-width: 767px) {
    .cmn-search .search-btn-box .search-btn {
        margin:6px auto;
        width: 100%;
        max-width: 368px
    }
}

.cmn-search .search-btn-box .search-btn a {
    transition: opacity .2s ease-in-out
}

.cmn-search .search-btn-box .search-btn a:hover {
    opacity: .86
}

.cmn-search .search-bnr-line {
    margin-top: 10px;
    text-align: center
}

@media screen and (max-width: 767px) {
    .cmn-search .search-bnr-line {
        margin-top:14px
    }
}

.cmn-search .search-bnr-line a {
    position: relative;
    display: inline-block;
    border-radius: 8px;
    overflow: hidden
}

.cmn-search .search-bnr-line a:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 100%;
    opacity: 0;
    pointer-events: none;
    background-color: #fff3;
    transition: opacity .2s ease-in-out
}

@media screen and (min-width: 767px) {
    .cmn-search .search-bnr-line a:hover:after {
        opacity:1
    }
}

.cmn-search-block .search-box {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    padding: 28px 20px;
    border-radius: 8px;
    max-width: 988px;
    background-color: #ffecdb
}

@media screen and (max-width: 767px) {
    .cmn-search-block .search-box {
        display:block;
        padding: 20px 16px
    }
}

.cmn-search-block .search-box__ttl {
    font-size: 2.4rem;
    font-weight: 700
}

@media screen and (max-width: 1020px) {
    .cmn-search-block .search-box__ttl {
        font-size:2rem
    }
}

@media screen and (max-width: 767px) {
    .cmn-search-block .search-box__ttl {
        text-align:center
    }
}

.cmn-search-block .search-box__block {
    display: flex;
    justify-content: center;
    align-items: center
}

@media screen and (max-width: 767px) {
    .cmn-search-block .search-box__block {
        margin-top:20px
    }
}

.cmn-search-block .search-box__input {
    margin: 0 20px;
    width: 440px
}

@media screen and (max-width: 1020px) {
    .cmn-search-block .search-box__input {
        width:360px
    }
}

@media screen and (max-width: 767px) {
    .cmn-search-block .search-box__input {
        margin:0 16px 0 0;
        width: calc(100% - 56px)
    }
}

.cmn-search-block .search-box__input input {
    padding: 12px;
    width: 100%;
    border-radius: 4px;
    border: 3px solid #ff7225
}

.cmn-search-block .search-box__button {
    margin-top: -4px;
    width: 64px;
    height: 48px
}

@media screen and (max-width: 767px) {
    .cmn-search-block .search-box__button {
        width:56px
    }
}

.cmn-search-block .search-box__button button {
    position: relative;
    display: block;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 6px;
    box-shadow: 0 4px #b66724;
    background-color: #ff7225;
    background-image: url(/build/assets/icon_search02_white-CP_ky32d.svg);
    background-repeat: no-repeat;
    background-size: 25px 25px;
    background-position: center center;
    transition: top .2s ease-in-out,box-shadow .2s ease-in-out
}

.cmn-search-block .search-box__button button:before {
    content: "";
    position: absolute;
    top: -4px;
    left: 0;
    display: block;
    width: 100%;
    height: 4px;
    pointer-events: none
}

.cmn-search-block .search-box__button button:hover {
    top: 4px;
    box-shadow: 0 0 #b66724
}

.cmn-search-block .search-box__button button:hover:before {
    pointer-events: inherit
}

@media screen and (max-width: 767px) {
    .cmn-search-block+.cmn-link-box01 {
        margin-top:28px
    }
}

.sec-new-customer {
    background-image: linear-gradient(to right,#204e65,#082838)
}

.sec-new-customer .new-customer-list {
    display: flex;
    flex-wrap: wrap;
    margin: -24px;
    padding-top: 24px
}

@media screen and (max-width: 1365px) {
    .sec-new-customer .new-customer-list {
        margin:-16px;
        padding-top: 16px
    }
}

@media screen and (max-width: 1020px) {
    .sec-new-customer .new-customer-list {
        margin:-12px -4px -4px;
        padding-top: 0
    }
}

.sec-new-customer .new-customer-list__item {
    position: relative;
    margin: 24px;
    width: calc(33.3333333333% - 48px)
}

@media screen and (max-width: 1020px) {
    .sec-new-customer .new-customer-list__item {
        margin:8px;
        width: calc(33.3333333333% - 16px)
    }
}

@media screen and (max-width: 767px) {
    .sec-new-customer .new-customer-list__item {
        margin:4px;
        width: 100%
    }

    .sec-new-customer .new-customer-list__item+.new-customer-list__item {
        width: calc(50% - 8px)
    }
}

.sec-new-customer .new-customer-list__item a {
    display: block;
    position: relative;
    padding: 8px 8px 22px;
    border-radius: 6px;
    background-color: #fff;
    transition: background-color .2s ease-in-out
}

@media screen and (max-width: 767px) {
    .sec-new-customer .new-customer-list__item a {
        padding:8px
    }
}

.sec-new-customer .new-customer-list__item a:hover {
    background-color: #ffecdb
}

@media screen and (max-width: 767px) {
    .sec-new-customer .new-customer-list__item .item-img {
        width:100%;
        aspect-ratio: 88/26
    }

    .sec-new-customer .new-customer-list__item .item-img img {
        width: 100%;
        aspect-ratio: 88/26;
        -o-object-fit: cover;
        object-fit: cover
    }

    .sec-new-customer .new-customer-list__item+.new-customer-list__item .item-img {
        width: 100%;
        aspect-ratio: 88/44
    }

    .sec-new-customer .new-customer-list__item+.new-customer-list__item .item-img img {
        width: 100%;
        aspect-ratio: 88/44;
        -o-object-fit: cover;
        object-fit: cover
    }
}

.sec-new-customer .new-customer-list__item .item-ttl {
    position: relative;
    padding-top: 18px;
    text-align: center;
    color: #ff7225;
    font-size: 2.2rem;
    font-weight: 700
}

@media screen and (max-width: 1020px) {
    .sec-new-customer .new-customer-list__item .item-ttl {
        font-size:1.8rem
    }
}

@media screen and (max-width: 767px) {
    .sec-new-customer .new-customer-list__item .item-ttl {
        padding-top:8px;
        color: #ff7225;
        font-size: 1.4rem
    }
}

@media screen and (max-width: 374px) {
    .sec-new-customer .new-customer-list__item+.new-customer-list__item .item-ttl {
        font-size:1.2rem
    }
}

.sec-new-customer .new-customer-list__item .item-ttl span {
    position: relative;
    display: inline-block;
    padding-left: 30px
}

@media screen and (max-width: 1020px) {
    .sec-new-customer .new-customer-list__item .item-ttl span {
        padding-left:24px
    }
}

@media screen and (max-width: 767px) {
    .sec-new-customer .new-customer-list__item .item-ttl span {
        padding-left:20px
    }
}

.sec-new-customer .new-customer-list__item .item-ttl span:before {
    content: "";
    position: absolute;
    top: 2px;
    left: 0;
    display: inline-block;
    width: 22px;
    height: 22px;
    background-image: url(/build/assets/icon_arrow02-Ypvhr4P9.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center
}

@media screen and (max-width: 1020px) {
    .sec-new-customer .new-customer-list__item .item-ttl span:before {
        width:18px;
        height: 18px
    }
}

@media screen and (max-width: 767px) {
    .sec-new-customer .new-customer-list__item .item-ttl span:before {
        top:-1px;
        width: 16px;
        height: 16px
    }
}

.cmn-btn-error-message-box {
    margin-top: 36px;
    text-align: center
}

.cmn-btn-error-message-box .btn-error-message {
    border: 2px solid #d50202;
    padding: 12px 0 14px;
    color: #d50202;
    font-weight: 700;
    background-color: #fce8e5
}

@media screen and (max-width: 767px) {
    .cmn-btn-error-message-box .btn-error-message {
        padding:12px
    }
}

.contact-form .cmn-btn-error-message-box+.contact-btn {
    margin-top: 16px
}

@media screen and (max-width: 767px) {
    .contact-form .cmn-btn-error-message-box+.contact-btn {
        margin-top:12px
    }
}

.sec-option>.cmn-inner-m {
    max-width: 1160px
}

.sec-option .option-list {
    display: flex;
    flex-wrap: wrap;
    margin: -18px;
    padding-top: 18px
}

@media screen and (max-width: 1020px) {
    .sec-option .option-list {
        margin:-12px -8px -8px;
        padding-top: 0
    }
}

.sec-option .option-list__item {
    position: relative;
    margin: 18px;
    width: calc(25% - 36px)
}

@media screen and (max-width: 1020px) {
    .sec-option .option-list__item {
        margin:8px;
        width: calc(50% - 16px)
    }
}

.sec-option .option-list__item a {
    display: block;
    position: relative
}

@media screen and (max-width: 1020px) {
    .sec-option .option-list__item .item-img {
        text-align:center
    }
}

.sec-option .option-list__item .item-img img {
    box-shadow: 0 0 24px #0828383d;
    transition: box-shadow .2s ease-in-out,opacity .2s ease-in-out
}

@media screen and (max-width: 1020px) {
    .sec-option .option-list__item .item-img img {
        box-shadow:0 0 12px #0828383d
    }
}

.sec-option .option-list__item a:hover .item-img img {
    box-shadow: 0 0 6px #0828383d;
    opacity: .8
}

@media screen and (max-width: 767px) {
    .sec-option .option-list__item a:hover .item-img img {
        box-shadow:0 0 4px #0828383d
    }
}

.glb-footer {
    background-image: linear-gradient(to right,#204e65,#082838);
    position: relative;
    z-index: 10;
}

.glb-footer .footer-main {
    padding-top: 80px;
    color: #fff
}

@media screen and (max-width: 767px) {
    .glb-footer .footer-main {
        padding-top:52px
    }
}

.glb-footer .footer-top-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 24px;
    height: 128px;
    border-radius: 4px;
    background-color: #fff
}

@media screen and (max-width: 1020px) {
    .glb-footer .footer-top-box {
        display:block;
        padding: 20px;
        height: auto
    }
}

@media screen and (max-width: 767px) {
    .glb-footer .footer-top-box {
        padding:16px;
        text-align: center
    }
}

@media screen and (max-width: 1020px) {
    .glb-footer .site-ttl {
        text-align:center
    }
}

.glb-footer .site-contact {
    display: flex;
    align-items: center
}

@media screen and (max-width: 1020px) {
    .glb-footer .site-contact {
        justify-content:center;
        margin-top: 20px;
        margin-left: 44px
    }
}

@media screen and (max-width: 767px) {
    .glb-footer .site-contact {
        display:block;
        margin-left: 0
    }
}

.glb-footer .site-contact .link-tel {
    margin-top: -4px;
    margin-right: 24px
}

@media screen and (max-width: 1020px) {
    .glb-footer .site-contact .link-tel {
        margin-right:12px
    }
}

@media screen and (max-width: 767px) {
    .glb-footer .site-contact .link-tel {
        margin-left:clamp(22px,11vw,44px);
        margin-right: 0;
        margin-bottom: clamp(16px,8vw,32px)
    }
}

.glb-footer .site-contact .link-tel a {
    position: relative;
    display: block;
    color: #ff7225;
    font-size: 4.2rem;
    font-weight: 500;
    font-family: Jost,sans-serif
}

@media screen and (max-width: 767px) {
    .glb-footer .site-contact .link-tel a {
        display:inline-block;
        font-size: clamp(18px,9vw,36px)
    }
}

.glb-footer .site-contact .link-tel a:before {
    content: "";
    position: absolute;
    top: 0;
    left: -54px;
    width: 54px;
    height: 48px;
    background-image: url(/build/assets/icon_tel01-C47oKLZd.png);
    background-repeat: no-repeat;
    background-size: 48px 48px;
    background-position: left center
}

@media screen and (max-width: 767px) {
    .glb-footer .site-contact .link-tel a:before {
        left:calc(-1*clamp(27px,13.5vw,54px));
        width: clamp(27px,13.5vw,54px);
        height: clamp(24px,12vw,48px);
        background-size: clamp(24px,12vw,48px) clamp(24px,12vw,48px)
    }
}

.glb-footer .site-contact .link-tel .tel-open {
    color: #444;
    font-size: 1.6rem
}

@media screen and (max-width: 767px) {
    .glb-footer .site-contact .link-tel .tel-open {
        font-size:clamp(10px,3.75vw,15px)
    }
}

.glb-footer .site-contact .area-btn a {
    transition: opacity .2s ease-in-out
}

.glb-footer .site-contact .area-btn a:hover {
    opacity: .8
}

.glb-footer .footer-content-box {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    margin-top: 52px
}

@media screen and (max-width: 1199px) {
    .glb-footer .footer-content-box {
        display:block;
        margin-top: 32px
    }
}

@media screen and (max-width: 767px) {
    .glb-footer .footer-nav {
        margin-left:-16px;
        width: calc(100% + 32px)
    }
}

.glb-footer .footer-nav-list {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    height: 372px
}

@media screen and (max-width: 767px) {
    .glb-footer .footer-nav-list {
        flex-wrap:nowrap;
        height: auto;
        border-top: 1px solid rgba(255,255,255,.4)
    }
}

.glb-footer .footer-nav-list__item {
    padding: 0 48px 32px 0;
    font-weight: 700;
    line-height: 1.4
}

@media screen and (max-width: 1020px) {
    .glb-footer .footer-nav-list__item {
        padding:0 28px 26px 0
    }
}

@media screen and (max-width: 767px) {
    .glb-footer .footer-nav-list__item {
        padding:0
    }
}

.glb-footer .footer-nav-list__item .nav-ttl {
    position: relative;
    font-size: 1.5rem;
    opacity: .4
}

@media screen and (max-width: 767px) {
    .glb-footer .footer-nav-list__item .nav-ttl {
        padding:16px 20px;
        border-bottom: 1px solid rgba(255,255,255,.4);
        color: #fff;
        font-size: 1.6rem;
        font-weight: 700;
        opacity: 1;
        cursor: pointer
    }

    .glb-footer .footer-nav-list__item .nav-ttl:before,.glb-footer .footer-nav-list__item .nav-ttl:after {
        content: "";
        position: absolute;
        top: 50%;
        right: 20px;
        display: inline-block;
        width: 21px;
        height: 1px;
        background-color: #fff
    }

    .glb-footer .footer-nav-list__item .nav-ttl:after {
        transform: rotate(90deg);
        transition: transform .3s ease-in-out
    }
}

.glb-footer .footer-nav-list__item .nav-ttl.is-open:after {
    transform: rotate(0)
}

@media screen and (max-width: 767px) {
    .glb-footer .footer-nav-list__item:first {
        border-top:1px solid rgba(255,255,255,.4)
    }
}

.glb-footer .footer-nav-sub-list {
    margin-top: 12px;
    padding-left: 20px
}

@media screen and (max-width: 767px) {
    .glb-footer .footer-nav-sub-list {
        margin-top:0;
        padding-left: 0;
        border-bottom: 1px solid rgba(255,255,255,.4)
    }
}

.glb-footer .footer-nav-sub-list__item {
    position: relative;
    font-size: 1.4rem
}

.glb-footer .footer-nav-sub-list__item:before {
    content: "";
    position: absolute;
    top: 50%;
    left: -20px;
    display: block;
    width: 8px;
    height: 1px;
    background-color: #ffffffa3
}

@media screen and (max-width: 767px) {
    .glb-footer .footer-nav-sub-list__item:before {
        content:none
    }
}

.glb-footer .footer-nav-sub-list__item+.footer-nav-sub-list__item {
    margin-top: 10px
}

@media screen and (max-width: 767px) {
    .glb-footer .footer-nav-sub-list__item+.footer-nav-sub-list__item {
        margin-top:0;
        border-top: 1px solid rgba(255,255,255,.4)
    }
}

.glb-footer .footer-nav-sub-list__item a {
    position: relative;
    transition: opacity .2s ease-in-out
}

@media screen and (max-width: 767px) {
    .glb-footer .footer-nav-sub-list__item a {
        display:block;
        padding: 16px 20px;
        background-color: #ffffff1f
    }
}

.glb-footer .footer-nav-sub-list__item a:hover {
    opacity: .9
}

@media screen and (max-width: 767px) {
    .glb-footer .footer-nav-sub-list__item a:before {
        content:"";
        position: absolute;
        top: 50%;
        right: 25px;
        transform: translateY(-50%);
        display: inline-block;
        width: 9px;
        height: 20px;
        background-image: url(/build/assets/icon_arrow01_white-DvLgLMNp.svg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center
    }
}

.glb-footer .footer-info {
    width: 412px
}

@media screen and (max-width: 1199px) {
    .glb-footer .footer-info {
        width:100%
    }
}

.glb-footer .footer-operation {
    display: flex;
    align-items: center;
    margin-top: -11px
}

@media screen and (max-width: 1199px) {
    .glb-footer .footer-operation {
        justify-content:center;
        margin-top: 0
    }
}

.glb-footer .footer-operation__ttl {
    width: 106px;
    padding-right: 12px;
    text-align: right;
    font-size: 1.5rem;
    line-height: 1.4;
    opacity: .4
}

@media screen and (max-width: 767px) {
    .glb-footer .footer-operation__ttl {
        width:80px;
        padding-right: 6px;
        font-size: 1.2rem
    }
}

.glb-footer .footer-operation__img {
    width: calc(100% - 106px)
}

@media screen and (max-width: 1399px) {
    .glb-footer .footer-operation__img {
        width:310px
    }
}

@media screen and (max-width: 767px) {
    .glb-footer .footer-operation__img {
        width:clamp(140px,62vw,200px)
    }
}

.glb-footer .footer-operation:first-child .footer-operation__img {
    padding-left: 16px
}

@media screen and (max-width: 767px) {
    .glb-footer .footer-operation:first-child .footer-operation__img img {
        width:160px
    }
}

.glb-footer .footer-operation+.footer-operation {
    margin-top: 12px
}

.glb-footer .footer-company {
    margin-top: 32px
}

@media screen and (max-width: 1199px) {
    .glb-footer .footer-company {
        margin-bottom:40px
    }

    .glb-footer .footer-company-list {
        display: flex;
        justify-content: center
    }
}

@media screen and (max-width: 767px) {
    .glb-footer .footer-company-list {
        display:block
    }
}

.glb-footer .footer-company-list__item {
    line-height: 1.4
}

.glb-footer .footer-company-list__item+.footer-company-list__item {
    margin-top: 24px
}

@media screen and (max-width: 1199px) {
    .glb-footer .footer-company-list__item+.footer-company-list__item {
        width:33.3333333333%;
        margin-top: 0;
        margin-left: 20px
    }
}

@media screen and (max-width: 767px) {
    .glb-footer .footer-company-list__item+.footer-company-list__item {
        width:100%;
        margin-top: 24px;
        margin-left: 0
    }
}

.glb-footer .footer-company-list__item .item-ttl {
    margin-top: 6px;
    font-size: 1.5rem;
    font-weight: 700;
    opacity: .8
}

@media screen and (max-width: 767px) {
    .glb-footer .footer-company-list__item .item-ttl {
        font-size:1.4rem
    }
}

.glb-footer .footer-company-list__item .item-address {
    margin-top: 4px;
    font-size: 1.4rem;
    opacity: .6
}

@media screen and (max-width: 767px) {
    .glb-footer .footer-company-list__item .item-address {
        margin-top:10px;
        font-size: 1.2rem
    }
}

.glb-footer .footer-company-list__item .item-tel {
    margin-top: 4px;
    font-size: 1.4rem;
    opacity: .6
}

@media screen and (max-width: 767px) {
    .glb-footer .footer-company-list__item .item-tel {
        font-size:1.2rem
    }
}

.glb-footer .footer-company-list__item .item-tel span {
    display: inline-block;
    padding-left: 1em
}

@media screen and (max-width: 1020px) {
    .glb-footer .footer-company-list__item .item-tel span {
        display:block;
        padding-left: 0
    }
}

@media screen and (max-width: 767px) {
    .glb-footer .footer-company-list__item .item-tel span {
        display:inline-block;
        padding-left: 1em
    }
}

.footer-link-bottom {
    margin: 12px 0
}

@media screen and (max-width: 767px) {
    .footer-link-bottom {
        margin:16px 0
    }
}

.footer-link-bottom-list {
    display: flex
}

@media screen and (max-width: 767px) {
    .footer-link-bottom-list {
        justify-content:center
    }
}

.footer-link-bottom-list__item a {
    font-size: 1.2rem;
    transition: opacity .2s ease-in-out
}

.footer-link-bottom-list__item a:hover {
    opacity: .9
}

.footer-link-bottom-list__item+.footer-link-bottom-list__item {
    margin-left: 20px
}

@media screen and (max-width: 767px) {
    .footer-link-bottom-list__item+.footer-link-bottom-list__item {
        margin-left:16px
    }
}

.glb-footer .footer-copyright {
    padding: 12px 0;
    background-color: #f5f5f51a
}

.glb-footer .footer-copyright small {
    display: block;
    text-align: center;
    font-size: 1.4rem;
    color: #fff;
    font-weight: 500;
    font-family: Jost,sans-serif
}

@media screen and (max-width: 767px) {
    .glb-footer .footer-copyright small {
        font-size:1.3rem
    }
}

.post-content {
    margin-top: 32px
}

@media screen and (max-width: 767px) {
    .post-content {
        margin-top:24px
    }
}

.post-content>*:first-child {
    margin-top: 0
}

.post-content>*:last-child {
    margin-bottom: 0
}

.post-content p {
    margin-top: 24px;
    line-height: 1.7
}

.post-content p a {
    text-decoration: underline
}

.post-content h2,.post-content h3,.post-content h4,.post-content h5,.post-content h6 {
    color: #000;
    font-weight: 700;
    margin: 24px 0;
    line-height: 1.3
}

.post-content h2 {
    font-size: 2rem
}

@media screen and (max-width: 767px) {
    .post-content h2 {
        font-size:1.8rem
    }
}

.post-content h3 {
    font-size: 1.8rem
}

@media screen and (max-width: 767px) {
    .post-content h3 {
        font-size:1.6rem
    }
}

.post-content h4 {
    font-size: 1.6rem
}

@media screen and (max-width: 767px) {
    .post-content h4 {
        font-size:1.4rem
    }
}

.post-content ul,.post-content ol {
    margin: 24px 0 24px 24px;
    line-height: 1.3
}

.post-content ul {
    list-style-type: disc
}

.post-content ol {
    list-style-type: decimal
}

.post-content li {
    display: list-item
}

.post-content li+li {
    margin-top: 12px
}

.post-content table {
    margin-top: 24px;
    padding: 0;
    line-height: 1.5
}

.post-content th,.post-content td {
    padding: 8px
}

.post-content th {
    font-weight: 700
}

.post-content iframe {
    margin-bottom: 1em
}

.post-content .wp-block-image {
    margin-top: 16px
}

.post-content .wp-block-image figure {
    text-align: center
}

.post-content .wp-block-image .alignleft,.post-content .wp-block-image .alignright {
    display: block;
    float: none;
    margin: 0
}

.post-content .wp-block-image .alignleft {
    text-align: left
}

.post-content .wp-block-image .alignright {
    text-align: right
}

.post-content [style*=background-color] {
    padding: .1em .4em .2em
}

@media screen and (max-width: 767px) {
    .post-content [style*=background-color] {
        padding:.1em .4em
    }
}

.cmn-pagination {
    margin-top: 48px;
    text-align: center
}

@media screen and (max-width: 767px) {
    .cmn-pagination {
        margin-top:32px
    }

    .cmn-pagination:has(.pagination .page-item:nth-child(10)) {
        text-align: left
    }
}

.cmn-pagination .pagination .page-item {
    display: inline-block
}

.cmn-pagination .pagination .page-item a,.cmn-pagination .pagination .page-item span {
    display: inline-block;
    margin: 4px;
    min-width: 34px;
    border: 1px solid #082838;
    border-radius: 8px;
    padding: 11px 12px 10px;
    color: #082838;
    font-family: Jost,sans-serif;
    text-decoration: none;
    transition: .2s ease-in-out
}

.cmn-pagination .pagination .page-item.disabled:not([aria-label]) span {
    min-width: unset;
    border: none;
    padding: 0
}

.cmn-pagination .pagination .page-item a[rel=prev],.cmn-pagination .pagination .page-item a[rel=next] {
    padding: 11px 12px 10px
}

.cmn-pagination .pagination .page-item.active a,.cmn-pagination .pagination .page-item.active span {
    border: 1px solid #ff7225;
    background-color: #ff7225;
    color: #fff;
    font-weight: 700
}

.cmn-pagination .pagination .page-item a:hover {
    background-color: #ffecdb
}

.cmn-pagination .pagination:has(.page-item:nth-child(4).disabled):has(.page-item:nth-child(11).disabled) .page-item:nth-child(5) {
    display: none
}

.detail-fixed-footer-sp {
    display: none
}

@media screen and (max-width: 767px) {
    .detail-fixed-footer-sp {
        position:fixed;
        z-index: 1000;
        display: block;
        bottom: -80px;
        left: 0;
        width: 100%;
        height: 74px;
        background-color: #f5f5f5;
        box-shadow: 0 2px 8px #0000004d;
        transition: bottom .3s ease-in-out
    }
}

.detail-fixed-footer-sp.is-fixed {
    bottom: 0
}

.detail-fixed-footer-sp-txt {
    padding: 8px 0 7px;
    background-color: #092a3a
}

.detail-fixed-footer-sp-txt__in {
    text-align: center;
    color: #fff;
    font-size: 1rem
}

.detail-fixed-footer-sp-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: calc(100% - 25px);
    padding: 0 2px;
    gap: 4px
}

.detail-fixed-footer-sp .tel-contact,.detail-fixed-footer-sp .link-contact,.detail-fixed-footer-sp .line-contact {
    width: 100%;
    height: 40px;
    border-radius: 8px
}

.detail-fixed-footer-sp .tel-contact a,.detail-fixed-footer-sp .link-contact a,.detail-fixed-footer-sp .line-contact a {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    top: -2px;
    padding: 0 2px;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    color: #fff;
    font-weight: 700;
    line-height: 1.4
}

.detail-fixed-footer-sp .tel-contact a {
    background-image: linear-gradient(to bottom,#ff9925,#ff7225);
    box-shadow: 0 4px #b66724
}

.detail-fixed-footer-sp .tel-contact .contact-txt {
    text-align: center;
    font-size: 1.2rem
}

@media screen and (max-width: 374px) {
    .detail-fixed-footer-sp .tel-contact .contact-txt {
        font-size:1rem
    }
}

.detail-fixed-footer-sp .link-contact a {
    background-image: linear-gradient(to bottom,#449cff,#0087c6);
    box-shadow: 0 4px #366293
}

.detail-fixed-footer-sp .link-contact .contact-txt {
    text-align: center;
    font-size: 1.2rem
}

@media screen and (max-width: 374px) {
    .detail-fixed-footer-sp .link-contact .contact-txt {
        font-size:1rem
    }
}

.detail-fixed-footer-sp .line-contact a {
    background-color: #06c755;
    box-shadow: 0 4px #17773e
}

.detail-fixed-footer-sp .line-contact .contact-txt {
    text-align: center;
    font-size: 1.2rem
}

@media screen and (max-width: 374px) {
    .detail-fixed-footer-sp .line-contact .contact-txt {
        font-size:1rem
    }
}

@media screen and (max-width: 767px) {
    .glb-footer {
        padding-bottom:64px
    }
}

body:not(.body-index) .glb-container{
  margin-top: 0;
  margin-bottom: 0;
}

.campaign-detail-block {
    padding: 0;
}

.art-campaign-detail .campaign-detail-ttl{
  padding: 0;
}

[data-element-id] .art-campaign-detail .campaign-detail-ttl {
    padding: 15px;
}

.target-store{
  position: relative;
  z-index: 2;
}