@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&family=Overpass:wght@100;200;300;400;700&display=swap");body,html {
    height: 100%
}

*,:after,:before {
    box-sizing: border-box
}

* {
    margin: 0;
    padding: 0;
    font-size: inherit;
    line-height: inherit
}

:focus {
    outline: none
}

pre,textarea {
    overflow: auto
}

template {
    display: none
}

details,main,summary {
    display: block
}

input[type=number] {
    width: auto
}

input[type=search] {
    -webkit-appearance: textfield
}

input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

input[type=search],input[type=text] {
    padding: 0;
    border: none;
    border-radius: 0;
    outline: none;
    background: none
}

input[type=search]::-moz-placeholder,input[type=text]::-moz-placeholder {
    color: #bfc1c2
}

input[type=search]::placeholder,input[type=text]::placeholder {
    color: #bfc1c2
}

progress {
    display: inline-block
}

small,sub,sup {
    font-size: 75%
}

sub,sup {
    position: relative;
    vertical-align: baseline;
    line-height: 0
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

textarea {
    resize: vertical
}

textarea::-moz-placeholder {
    color: #bfc1c2
}

textarea::placeholder {
    color: #bfc1c2
}

audio,canvas,iframe,img,svg,video {
    vertical-align: middle
}

audio:not([controls]) {
    display: none
}

img {
    border: 0;
    max-width: 100%;
    height: auto
}

button,input,select,textarea {
    min-height: 1.5em;
    color: inherit;
    font-family: inherit;
    font-weight: inherit;
    font-style: inherit
}

button {
    overflow: visible
}

button,select {
    text-transform: none
}

input {
    line-height: normal
}

button,html input[type=button],input[type=reset],input[type=submit] {
    border-style: none;
    border-radius: 0;
    cursor: pointer;
    background-color: transparent;
    -webkit-appearance: button
}

button[disabled],html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,input::-moz-focus-inner {
    padding: 0;
    border: 0
}

code,kbd,pre,samp {
    font-family: monospace
}

ol,ul {
    list-style: none
}

select {
    -moz-appearance: none;
    -webkit-appearance: none
}

table {
    border-spacing: 0;
    border-collapse: collapse
}

fieldset {
    border: 0
}

html {
    font-size: 3.7333333333vw
}

@media (min-width: 1024px) {
    html {
        font-size:min(1.1111111111vw,16px)
    }
}

body {
    background-color: #e5e6e6;
    letter-spacing: .035em;
    word-wrap: break-word;
    font-family: Overpass,Noto Sans JP,sans-serif;
    font-weight: 300;
    line-height: 1.75;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%
}

a,body {
    color: #393939
}

a {
    text-decoration: none
}

@media (min-width: 1024px) {
    a {
        transition:color .5s
    }
}

@media (min-width: 1024px) {
    a:hover {
        text-decoration:none;
        color: #8c98a2
    }
}

a:active {
    text-decoration: none;
    color: #393939
}

strong {
    font-weight: 500
}

.el_ttl {
    font-size: 7.4666666667vw;
    font-weight: 300;
    line-height: 1.4285714286
}

@media (min-width: 1024px) {
    .el_ttl {
        font-size:min(2.2222222222vw,32px);
        line-height: 1.375
    }
}

.el_ttl_02 {
    font-size: 6.4vw;
    font-weight: 300;
    line-height: 1.5
}

@media (min-width: 1024px) {
    .el_ttl_02 {
        font-size:min(1.8055555556vw,26px);
        line-height: 1.4615384615
    }
}

.el_ttl_03 {
    font-size: 5.3333333333vw;
    font-weight: 300;
    line-height: 1.5
}

@media (min-width: 1024px) {
    .el_ttl_03 {
        font-size:min(1.5277777778vw,22px);
        line-height: 1.5454545455
    }
}

.el_ttlPage_wrapper {
    position: relative;
    background-color: #8c98a2
}

.el_ttlPage {
    opacity: 0;
    padding-top: 13.3333333333vw;
    height: 53.3333333333vw;
    transition: opacity .5s;
    text-align: center;
    color: #fff;
    font-size: 12.8vw;
    font-weight: 300;
    line-height: 1.25
}

@media (min-width: 1024px) {
    .el_ttlPage {
        padding-top:min(4.1666666667vw,60px);
        height: min(16.6666666667vw,240px);
        font-size: min(3.8888888889vw,56px)
    }
}

.el_ttlPage__JP {
    display: block;
    font-size: 4vw
}

@media (min-width: 1024px) {
    .el_ttlPage__JP {
        font-size:min(1.1111111111vw,16px)
    }
}

.el_ttlPage:after,.el_ttlPage:before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    transition: all .8s;
    transform: translateX(-50%)
}

.el_ttlPage:before {
    bottom: 0;
    width: 1px;
    height: 14.6666666667vw;
    transition-delay: .25s;
    transform: scaleY(0);
    transform-origin: left top;
    background-color: #fff
}

@media (min-width: 1024px) {
    .el_ttlPage:before {
        height:min(4.7916666667vw,69px)
    }
}

.el_ttlPage:after {
    bottom: -5.3333333333vw;
    width: 1px;
    height: 5.3333333333vw;
    transition-delay: .65s;
    transform: scaleY(0);
    transform-origin: left top;
    background-color: #8c98a2
}

@media (min-width: 1024px) {
    .el_ttlPage:after {
        bottom:max(-2.0833333333vw,-30px);
        height: min(2.0833333333vw,30px)
    }
}

@media (max-width: 1023.98px) {
    .el_ttlPage_02 {
        padding-top:9.3333333333vw;
        font-size: 11.7333333333vw;
        line-height: 1.0909090909
    }

    .el_ttlPage_02.el_ttlPage:before {
        height: 6.6666666667vw
    }
}

@media (max-width: 1023.98px) {
    .el_ttlPage_02 .el_ttlPage__JP {
        margin-top:2.6666666667vw;
        letter-spacing: .1em
    }
}

.el_ttlSec {
    position: relative;
    padding-bottom: 10.6666666667vw;
    text-align: center;
    font-size: 9.0666666667vw;
    font-weight: 300;
    line-height: .9411764706
}

@media (min-width: 1024px) {
    .el_ttlSec {
        padding-bottom:min(3.125vw,45px);
        font-size: min(3.0555555556vw,44px);
        line-height: 1.0666666667
    }
}

.el_ttlSec__JP {
    display: block;
    margin-top: .7em;
    font-size: 3.7333333333vw
}

@media (min-width: 1024px) {
    .el_ttlSec__JP {
        font-size:min(1.1111111111vw,16px)
    }
}

.el_ttlSec:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 1px;
    height: 6.6666666667vw;
    transform: translateX(-50%);
    background-color: #393939
}

@media (min-width: 1024px) {
    .el_ttlSec:after {
        height:min(1.9444444444vw,28px)
    }
}

.el_ttlSec_02 {
    text-align: center;
    font-size: 5.3333333333vw;
    font-weight: 300;
    line-height: 1.6
}

@media (min-width: 1024px) {
    .el_ttlSec_02 {
        font-size:min(1.5277777778vw,22px);
        line-height: 1.4545454545
    }
}

.el_ttlArticle {
    margin-bottom: 6.6666666667vw;
    padding-bottom: 4vw;
    border-bottom: 1px solid rgba(140,152,162,.3);
    font-size: 5.8666666667vw;
    font-weight: 300;
    line-height: 1.4545454545
}

@media (min-width: 1024px) {
    .el_ttlArticle {
        margin-bottom:min(1.9444444444vw,28px);
        padding-bottom: min(1.0416666667vw,15px);
        font-size: min(1.8055555556vw,26px);
        line-height: 1.3846153846
    }
}

.el_textLarger {
    font-size: 4.2666666667vw
}

@media (min-width: 1024px) {
    .el_textLarger {
        font-size:min(1.25vw,18px)
    }
}

.el_link {
    color: #8c98a2
}

.el_link .el_link_line {
    background: url(/assets/img/common/link_line_gray.png) no-repeat 0 100%;
    background-size: 100% 1px;
    will-change: background-size
}

.el_link:hover {
    color: #8c98a2
}

@media (min-width: 1024px) {
    .el_link:hover .el_link_line {
        -webkit-animation:linelink .8s cubic-bezier(.215,.61,.355,1) 0s;
        animation: linelink .8s cubic-bezier(.215,.61,.355,1) 0s
    }
}

@media (min-width: 1024px) {
    .el_link__lineHidden .el_link_line {
        transition:background-size .4s cubic-bezier(.215,.61,.355,1) 0s;
        background-position: 100% 100%;
        background-size: 0 1px
    }
}

@media (min-width: 1024px) {
    .el_link__lineHidden:hover .el_link_line {
        -webkit-animation:none;
        animation: none;
        background-position: 0 100%;
        background-size: 100% 1px
    }
}

.el_link__arrow {
    display: flex;
    align-items: center
}

.el_link__arrow .el_link_text {
    display: inline-block
}

.el_link__arrow:after {
    content: "";
    display: inline-block;
    margin: 0 0 1.6vw 3.2vw;
    width: 9.6vw;
    height: 1.3333333333vw;
    background: url(/assets/img/common/icon_arrow_navy_sm.svg) no-repeat 100%/cover
}

@media (min-width: 1024px) {
    .el_link__arrow:after {
        margin:0 0 min(.4166666667vw,6px) min(.9027777778vw,13px);
        width: min(3.1944444444vw,46px);
        height: min(.3472222222vw,5px);
        transition: .5s;
        background: url(/assets/img/common/icon_arrow_navy_lg.svg) no-repeat 100%/cover
    }
}

@media (min-width: 1024px) {
    .el_link__arrow:hover:after {
        -webkit-animation:hoverArrowNext 1s cubic-bezier(.22,1,.36,1);
        animation: hoverArrowNext 1s cubic-bezier(.22,1,.36,1)
    }
}

.el_link[target=_blank] {
    position: relative
}

.el_link[target=_blank]:after {
    content: "";
    display: inline-block;
    margin: 0 .5em .1em .4em;
    width: 4.5333333333vw;
    height: 4vw;
    background: url(/assets/img/common/icon_blank.svg) no-repeat 0 0/100% auto;
    vertical-align: middle
}

@media (min-width: 1024px) {
    .el_link[target=_blank]:after {
        width:min(1.1805555556vw,17px);
        height: min(1.0416666667vw,15px)
    }
}

.el_link[href$=".pdf"] {
    position: relative
}

.el_link[href$=".pdf"]:after {
    content: "";
    display: inline-block;
    margin: 0 .5em .4em;
    width: 4.8vw;
    height: 5.3333333333vw;
    background: url(/assets/img/common/icon_pdf.svg) no-repeat 0 0/100% auto;
    vertical-align: middle
}

@media (min-width: 1024px) {
    .el_link[href$=".pdf"]:after {
        margin:0 .5em .1em;
        width: min(1.3888888889vw,20px);
        height: min(1.5277777778vw,22px)
    }
}

.el_note {
    padding-left: 1em;
    text-indent: -1em;
    font-size: 2.9333333333vw;
    line-height: 1.8181818182
}

@media (min-width: 1024px) {
    .el_note {
        font-size:min(.8333333333vw,12px);
        line-height: 1.6666666667
    }
}

.el_list {
    padding-left: 1em;
    list-style-type: disc
}

.el_list>li {
    text-indent: 0
}

.el_list>li+li {
    margin-top: .5em
}

.el_list__larger {
    font-size: 4.2666666667vw
}

@media (min-width: 1024px) {
    .el_list__larger {
        font-size:min(1.25vw,18px)
    }
}

.el_list_num {
    padding-left: 1.2em;
    text-indent: -1.2em
}

.el_list_num>li+li {
    margin-top: 8.2666666667vw
}

@media (min-width: 1024px) {
    .el_list_num>li+li {
        margin-top:min(2.0833333333vw,30px)
    }
}

.el_btn {
    width: 100%;
    height: 14.9333333333vw;
    text-align: center
}

@media (max-width: 1023.98px) {
    .el_btn {
        max-width:85.3333333333vw
    }
}

@media (min-width: 1024px) {
    .el_btn {
        width:min(27.7777777778vw,400px);
        height: min(4.4444444444vw,64px);
        transition: background-color .5s
    }
}

.el_btn>a,.el_btn>input,.el_btn>span {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: .28em;
    width: 100%;
    height: 100%
}

.el_btn>form {
    width: 100%;
    height: 100%
}

.el_btn>form a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: .28em;
    width: 100%;
    height: 100%
}

.el_btn a,.el_btn form,.el_btn input,.el_btn span {
    text-decoration: none;
    font-size: 4vw;
    line-height: 1.2
}

@media (min-width: 1024px) {
    .el_btn a,.el_btn form,.el_btn input,.el_btn span {
        transition:color .5s;
        font-size: min(1.1111111111vw,16px);
        line-height: 1.25
    }
}

.el_btn__bgcWhite {
    border: 1px solid #67717a;
    background-color: #fff
}

@media (min-width: 1024px) {
    .el_btn__bgcWhite:hover {
        background-color:#67717a
    }
}

@media (min-width: 1024px) {
    .el_btn__bgcWhite:hover a,.el_btn__bgcWhite:hover input,.el_btn__bgcWhite:hover span {
        color:#fff
    }
}

.el_btn__bgcNavy {
    background-color: #67717a
}

.el_btn__bgcNavy a,.el_btn__bgcNavy input,.el_btn__bgcNavy span {
    color: #fff
}

@media (min-width: 1024px) {
    .el_btn__bgcNavy:hover {
        background-color:#8c98a2
    }
}

.el_btn__arrow {
    position: relative
}

.el_btn__arrow:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 4.2666666667vw;
    width: 9.6vw;
    height: 1.3333333333vw;
    transform: translateY(-50%);
    transform-origin: left
}

@media (min-width: 1024px) {
    .el_btn__arrow:after {
        right:min(1.3888888889vw,20px);
        width: min(3.8888888889vw,56px);
        height: min(.3472222222vw,5px);
        transition: .5s
    }
}

@media (min-width: 1024px) {
    .el_btn__arrow:hover:after {
        -webkit-animation:hoverArrowNext 1s cubic-bezier(.22,1,.36,1);
        animation: hoverArrowNext 1s cubic-bezier(.22,1,.36,1)
    }
}

.el_btn__arrow.el_btn__bgcWhite:after {
    background: url(/assets/img/common/icon_arrow_navy_sm.svg) no-repeat 100%/cover
}

@media (min-width: 1024px) {
    .el_btn__arrow.el_btn__bgcWhite:after {
        background:url(/assets/img/common/icon_arrow_navy_lg.svg) no-repeat 100%/cover
    }
}

@media (min-width: 1024px) {
    .el_btn__arrow.el_btn__bgcWhite:hover:after {
        background:url(/assets/img/common/icon_arrow_white_lg.svg) no-repeat 100%/cover
    }
}

.el_btn__arrow.el_btn__bgcNavy:after {
    background: url(/assets/img/common/icon_arrow_white_sm.svg) no-repeat 100%/cover
}

@media (min-width: 1024px) {
    .el_btn__arrow.el_btn__bgcNavy:after {
        background:url(/assets/img/common/icon_arrow_white_lg.svg) no-repeat 100%/cover
    }
}

.el_btn__arrowDown {
    position: relative
}

.el_btn__arrowDown:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 5.3333333333vw;
    width: 1.3333333333vw;
    height: 6.4vw;
    transform: translateY(-50%);
    transform-origin: top
}

@media (min-width: 1024px) {
    .el_btn__arrowDown:after {
        right:min(1.3888888889vw,20px);
        width: min(.3472222222vw,5px);
        height: min(1.3888888889vw,20px);
        transition: .5s
    }
}

.el_btn__arrowDown.el_btn__bgcWhite:after {
    background: url(/assets/img/common/icon_arrow_down_navy_sm.svg) no-repeat top/cover
}

@media (min-width: 1024px) {
    .el_btn__arrowDown.el_btn__bgcWhite:after {
        background:url(/assets/img/common/icon_arrow_down_navy_lg.svg) no-repeat top/cover
    }
}

@media (min-width: 1024px) {
    .el_btn__arrowDown.el_btn__bgcWhite:hover:after {
        background:url(/assets/img/common/icon_arrow_down_white_lg.svg) no-repeat top/cover
    }
}

.el_btn__arrowDown.el_btn__bgcNavy:after {
    background: url(/assets/img/common/icon_arrow_down_white_sm.svg) no-repeat top/cover
}

@media (min-width: 1024px) {
    .el_btn__arrowDown.el_btn__bgcNavy:after {
        background:url(/assets/img/common/icon_arrow_down_white_lg.svg) no-repeat top/cover
    }
}

.el_btn__share {
    position: relative;
    height: 16.5333333333vw
}

@media (min-width: 1024px) {
    .el_btn__share {
        width:min(19.4444444444vw,280px);
        height: min(4.3055555556vw,62px)
    }
}

.el_btn__share a,.el_btn__share input,.el_btn__share span {
    font-size: 3.4666666667vw;
    line-height: 1.3846153846
}

@media (min-width: 1024px) {
    .el_btn__share a,.el_btn__share input,.el_btn__share span {
        font-size:min(.9722222222vw,14px);
        line-height: 2.2857142857
    }
}

.el_btn__share:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 3.2vw;
    width: 4.2666666667vw;
    height: 5.3333333333vw;
    transform: translateY(-50%);
    background: url(/assets/img/common/icon_share_navy.png) no-repeat 50%/100% auto
}

@media (min-width: 1024px) {
    .el_btn__share:after {
        right:min(1.5277777778vw,22px);
        width: min(1.3888888889vw,20px);
        height: min(1.8055555556vw,26px)
    }
}

@media (min-width: 1024px) {
    .el_btn__share:hover:after {
        background:url(/assets/img/common/icon_share_white.png) no-repeat 50%/100% auto
    }
}

.el_btn__dl {
    position: relative;
    height: 16.5333333333vw
}

@media (min-width: 1024px) {
    .el_btn__dl {
        width:min(19.4444444444vw,280px);
        height: min(4.3055555556vw,62px)
    }
}

.el_btn__dl a,.el_btn__dl input,.el_btn__dl span {
    font-size: 3.4666666667vw;
    line-height: 1.3846153846
}

@media (min-width: 1024px) {
    .el_btn__dl a,.el_btn__dl input,.el_btn__dl span {
        font-size:min(.9722222222vw,14px);
        line-height: 2.2857142857
    }
}

.el_btn__dl:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 5.0666666667vw;
    width: 5.3333333333vw;
    height: 4.8vw;
    transform: translateY(-50%);
    background: url(/assets/img/common/icon_dl_navy.svg) no-repeat 50%/100% auto
}

@media (min-width: 1024px) {
    .el_btn__dl:after {
        right:min(1.3888888889vw,20px);
        width: min(1.6666666667vw,24px);
        height: min(1.5277777778vw,22px)
    }
}

@media (min-width: 1024px) {
    .el_btn__dl:hover:after {
        background:url(/assets/img/common/icon_dl_white.svg) no-repeat 50%/100% auto
    }
}

.el_btn__smaller {
    width: 53.3333333333vw;
    height: 8.5333333333vw
}

@media (min-width: 1024px) {
    .el_btn__smaller {
        width:min(18.0555555556vw,260px);
        height: min(2.7777777778vw,40px)
    }
}

@media (max-width: 1023.98px) {
    .el_btn__smaller a,.el_btn__smaller input,.el_btn__smaller span {
        font-size:3.7333333333vw
    }
}

.el_btn__larger {
    height: 19.2vw
}

@media (min-width: 1024px) {
    .el_btn__larger {
        width:min(38.8888888889vw,560px);
        height: min(5vw,72px)
    }
}

@media (min-width: 1024px) {
    .el_btn__02 {
        width:min(25vw,360px);
        height: min(3.8888888889vw,56px)
    }
}

.el_btn__02.el_btn__arrow:after {
    width: 6.4vw;
    height: 1.3333333333vw
}

@media (min-width: 1024px) {
    .el_btn__02.el_btn__arrow:after {
        width:min(1.8055555556vw,26px);
        height: min(.3472222222vw,5px)
    }
}

.el_btn__02.el_btn__arrow.el_btn__bgcWhite:after {
    background: url(/assets/img/common/icon_arrow02_navy_sm.svg) no-repeat top/cover
}

@media (min-width: 1024px) {
    .el_btn__02.el_btn__arrow.el_btn__bgcWhite:after {
        background:url(/assets/img/common/icon_arrow02_navy_lg.svg) no-repeat top/cover
    }
}

@media (min-width: 1024px) {
    .el_btn__02.el_btn__arrow.el_btn__bgcWhite:hover:after {
        background:url(/assets/img/common/icon_arrow02_white_lg.svg) no-repeat 100%/cover
    }
}

.el_btn__02.el_btn__arrow.el_btn__bgcNavy:after {
    background: url(/assets/img/common/icon_arrow02_white_sm.svg) no-repeat top/cover
}

@media (min-width: 1024px) {
    .el_btn__02.el_btn__arrow.el_btn__bgcNavy:after {
        background:url(/assets/img/common/icon_arrow02_white_lg.svg) no-repeat top/cover
    }
}

.el_tag {
    display: inline-block;
    margin: 1.3333333333vw;
    padding: .5em 1.35em .2em;
    border-radius: 99999px;
    background-color: #fff;
    font-size: 3.2vw
}

@media (min-width: 1024px) {
    .el_tag {
        margin:min(.3472222222vw,5px);
        padding: .5em 1.5em .2em;
        font-size: min(.8333333333vw,12px)
    }
}

.el_tag__lg {
    font-size: 3.4666666667vw
}

@media (min-width: 1024px) {
    .el_tag__lg {
        font-size:min(.9722222222vw,14px)
    }
}

.el_tag__border {
    border: 1px solid #67717a
}

.el_tag__btn {
    padding: .6em 1.35em .25em;
    font-size: 3.4666666667vw
}

@media (min-width: 1024px) {
    .el_tag__btn {
        padding:.65em 1.7em .4em;
        cursor: pointer;
        transition: background-color .5s,color .5s;
        font-size: min(.9722222222vw,14px)
    }
}

@media (min-width: 1024px) {
    .el_tag__btn:hover {
        background-color:#67717a;
        color: #fff
    }
}

.el_tag.is_active {
    background-color: #67717a;
    color: #fff
}

.el_tabList {
    display: flex;
    justify-content: space-between;
    margin: 6.6666666667vw auto 0;
    width: 85.3333333333vw
}

@media (min-width: 1024px) {
    .el_tabList {
        margin-top:min(2.0833333333vw,30px);
        width: min(34.0277777778vw,490px)
    }
}

.el_tab {
    padding: .6em .5em;
    border-bottom: 1px solid rgba(140,152,162,.6);
    min-width: 24.5333333333vw;
    text-align: center;
    letter-spacing: 0;
    color: #8c98a2;
    color: rgba(140,152,162,.6);
    line-height: 1.4285714286
}

@media (min-width: 1024px) {
    .el_tab {
        padding:.3em .8em;
        min-width: min(9.7222222222vw,140px);
        cursor: pointer;
        transition: border .5s,color .5s;
        line-height: 2
    }
}

@media (min-width: 1024px) {
    .el_tab:hover {
        border-bottom:1px solid #67717a;
        color: #67717a
    }
}

.el_tab.is_active {
    border-bottom: 1px solid #67717a;
    color: #67717a
}

.el_pager,.el_pager_wrapper {
    text-align: center
}

.el_pager {
    position: relative;
    padding: 0;
    border: 0
}

@media (min-width: 1024px) {
    .el_pager {
        display:inline-block
    }
}

.el_pager .el_pager_arrow {
    position: absolute;
    top: 50%;
    width: 12.2666666667vw;
    height: 8vw;
    transform: translateY(-50%)
}

@media (min-width: 1024px) {
    .el_pager .el_pager_arrow {
        width:min(4.8611111111vw,70px);
        height: min(2.0833333333vw,30px)
    }
}

.el_pager .el_pager_arrow:before {
    content: "";
    display: inline-block;
    width: 12.2666666667vw;
    height: 1.6vw
}

@media (min-width: 1024px) {
    .el_pager .el_pager_arrow:before {
        width:min(4.8611111111vw,70px);
        height: min(.4166666667vw,6px)
    }
}

.el_pager .el_pager_arrow>a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.el_pager .el_pager_arrow__prev {
    left: 0
}

@media (min-width: 1024px) {
    .el_pager .el_pager_arrow__prev {
        margin-left:max(-8.3333333333vw,-120px)
    }
}

.el_pager .el_pager_arrow__prev:before {
    background: url(/assets/img/common/pager_arrow_prev_sm.png) no-repeat 0 0/100% auto
}

@media (min-width: 1024px) {
    .el_pager .el_pager_arrow__prev:before {
        background:url(/assets/img/common/pager_arrow_prev_lg.png) no-repeat 0 0/100% auto
    }
}

@media (min-width: 1024px) {
    .el_pager .el_pager_arrow__prev:hover:before {
        -webkit-animation:hoverArrowPrev 1s cubic-bezier(.22,1,.36,1);
        animation: hoverArrowPrev 1s cubic-bezier(.22,1,.36,1)
    }
}

.el_pager .el_pager_arrow__next {
    right: 0
}

@media (min-width: 1024px) {
    .el_pager .el_pager_arrow__next {
        margin-right:max(-8.3333333333vw,-120px)
    }
}

.el_pager .el_pager_arrow__next:before {
    background: url(/assets/img/common/pager_arrow_next_sm.png) no-repeat 0 0/100% auto
}

@media (min-width: 1024px) {
    .el_pager .el_pager_arrow__next:before {
        background:url(/assets/img/common/pager_arrow_next_lg.png) no-repeat 0 0/100% auto
    }
}

@media (min-width: 1024px) {
    .el_pager .el_pager_arrow__next:hover:before {
        -webkit-animation:hoverArrowNext 1s cubic-bezier(.22,1,.36,1);
        animation: hoverArrowNext 1s cubic-bezier(.22,1,.36,1)
    }
}

.el_pager .el_pager_arrow.is_disabled {
    display: none
}

.el_pager .el_pager_inner {
    margin: 0 2.6666666667vw
}

@media (min-width: 1024px) {
    .el_pager .el_pager_inner {
        margin:0 min(.6944444444vw,10px)
    }
}

.el_pager .el_pagerList {
    display: flex;
    justify-content: center
}

.el_pager .el_pagerList>li {
    display: flex;
    align-items: center;
    margin: 0 2.6666666667vw
}

@media (min-width: 1024px) {
    .el_pager .el_pagerList>li {
        margin:0 min(.8333333333vw,12px)
    }
}

.el_pager .el_pagerList>li>a {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 4.2666666667vw
}

@media (min-width: 1024px) {
    .el_pager .el_pagerList>li>a {
        font-size:min(1.25vw,18px)
    }
}

.el_pager .el_pagerList>li>a .el_pager_num {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    padding-top: .3em
}

@media (min-width: 1024px) {
    .el_pager .el_pagerList>li>a:hover {
        text-decoration:none
    }

    .el_pager .el_pagerList>li>a:hover .el_pager_num {
        color: #8c98a2
    }
}

.el_pager .el_pagerList>li>a:active {
    text-decoration: none
}

.el_pager .el_pagerList>li>a:active .el_pager_num {
    color: inherit
}

.el_pager .el_pagerList>li.is_active>a {
    pointer-events: none
}

.el_pager .el_pagerList>li.is_active>a .el_pager_num {
    border: 1px solid #67717a;
    width: 8.5333333333vw;
    height: 8.5333333333vw;
    background-color: #fff
}

@media (min-width: 1024px) {
    .el_pager .el_pagerList>li.is_active>a .el_pager_num {
        width:min(2.7777777778vw,40px);
        height: min(2.7777777778vw,40px)
    }
}

.el_pager .el_pager_dot {
    letter-spacing: -.3em;
    font-size: 2.6666666667vw;
    font-weight: 700
}

@media (min-width: 1024px) {
    .el_pager .el_pager_dot {
        padding:0 min(1.0416666667vw,15px);
        font-size: min(.6944444444vw,10px)
    }
}

.el_pager .el_pager_dot.is_disabled {
    display: none
}

.el_img_gradation {
    display: block;
    position: relative;
    color: #e5e6e6
}

.el_img_gradation:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg,rgba(0,0,0,.5) 0,transparent 20%);
    background: linear-gradient(transparent 50%,rgba(0,0,0,.5))
}

@media (min-width: 1024px) {
    .el_img_gradation:after {
        background:linear-gradient(0deg,rgba(0,0,0,.5) 0,transparent 10%);
        background: linear-gradient(transparent 50%,rgba(0,0,0,.5))
    }
}

.el_img_gradation img {
    width: 100%
}

@media (min-width: 1024px) {
    a .el_img_gradation:hover {
        color:#e5e6e6
    }
}

.bl_feature .bl_feature_num {
    display: inline-block;
    margin-bottom: 7.4666666667vw;
    border-bottom: 1px solid #8c98a2
}

@media (min-width: 1024px) {
    .bl_feature .bl_feature_num {
        margin-bottom:min(3.6111111111vw,52px)
    }
}

.bl_feature .bl_feature_num_cap {
    margin-bottom: .3em;
    color: #8c98a2;
    font-size: 2.9333333333vw;
    line-height: 1
}

@media (min-width: 1024px) {
    .bl_feature .bl_feature_num_cap {
        font-size:min(.9027777778vw,13px)
    }
}

.bl_feature .bl_feature_num_text {
    color: #67717a;
    font-size: 13.8666666667vw;
    line-height: 1
}

@media (min-width: 1024px) {
    .bl_feature .bl_feature_num_text {
        font-size:min(4.0277777778vw,58px)
    }
}

.bl_feature .bl_feature_ttl {
    margin-bottom: 3.4666666667vw;
    font-size: 5.8666666667vw;
    font-weight: 300;
    line-height: 1.6363636364
}

@media (min-width: 1024px) {
    .bl_feature .bl_feature_ttl {
        margin-bottom:min(2.0833333333vw,30px);
        font-size: min(1.8055555556vw,26px);
        line-height: 1.4615384615
    }
}

.bl_tableDl {
    display: flex;
    flex-wrap: wrap
}

.bl_tableDl>dt {
    display: flex;
    align-items: center;
    padding: 4.5333333333vw 4vw 3.2vw;
    border-bottom: 1px solid #67717a;
    width: 26.6666666667vw;
    font-weight: 500
}

@media (min-width: 1024px) {
    .bl_tableDl>dt {
        padding:min(2.0833333333vw,30px) min(1.3888888889vw,20px) min(1.5277777778vw,22px) min(1.7361111111vw,25px);
        width: min(13.8888888889vw,200px)
    }
}

.bl_tableDl>dd {
    flex: 1 1 0%;
    padding: 4.5333333333vw 4vw 3.2vw;
    border-bottom: 1px solid rgba(140,152,162,.3)
}

@media (min-width: 1024px) {
    .bl_tableDl>dd {
        padding:min(2.0833333333vw,30px) min(1.3888888889vw,20px) min(1.5277777778vw,22px) min(3.125vw,45px)
    }
}

.bl_tableDl:first-of-type dt {
    border-top: 1px solid #67717a
}

.bl_tableDl:first-of-type dd {
    border-top: 1px solid rgba(151,158,164,.3)
}

@media (min-width: 1024px) {
    .bl_cardList {
        display:flex;
        flex-wrap: wrap;
        justify-content: center;
        margin: 0 auto
    }
}

@media (max-width: 1023.98px) {
    .bl_cardList .bl_cardList_item+.bl_cardList_item {
        margin-top:16vw
    }
}

.bl_cardList .bl_cardList_item_inner {
    display: flex;
    flex-direction: column;
    height: 100%
}

.bl_cardList .bl_cardList_item_thumb {
    overflow: hidden
}

.bl_cardList .bl_cardList_item_thumb img {
    width: 100%
}

@media (min-width: 1024px) {
    .bl_cardList .bl_cardList_item_thumb img {
        transition:transform .5s
    }
}

@media (min-width: 1024px) {
    .bl_cardList .bl_cardList_item_textArea {
        display:flex;
        flex: 1 1 0%;
        flex-direction: column;
        justify-content: space-between
    }
}

.bl_cardList .bl_cardList_item_date {
    padding-top: 4vw;
    color: #8c98a2;
    font-size: 3.2vw
}

@media (min-width: 1024px) {
    .bl_cardList .bl_cardList_item_date {
        padding-top:min(1.25vw,18px);
        font-size: min(.8333333333vw,12px)
    }
}

.bl_cardList .bl_cardList_item_ttl {
    padding: 1.8666666667vw 8vw 0 0;
    font-size: 4.2666666667vw;
    font-weight: 500
}

@media (min-width: 1024px) {
    .bl_cardList .bl_cardList_item_ttl {
        padding:min(.4861111111vw,7px) min(2.6388888889vw,38px) 0 0;
        font-size: min(1.25vw,18px);
        line-height: 1.6666666667
    }
}

.bl_cardList .bl_cardList_item_desc {
    padding: 4vw 8vw 0 0
}

@media (min-width: 1024px) {
    .bl_cardList .bl_cardList_item_desc {
        padding:min(.8333333333vw,12px) min(2.6388888889vw,38px) 0 0
    }
}

.bl_cardList .bl_cardList_item_tagList {
    margin-top: 2.6666666667vw
}

@media (min-width: 1024px) {
    .bl_cardList .bl_cardList_item_tagList {
        margin-top:min(.4861111111vw,7px)
    }
}

.bl_cardList .bl_cardList_item_tagList .el_tag {
    margin: 1.3333333333vw 2.6666666667vw 1.3333333333vw 0;
    height: 8vw;
    transition: background-color .5s
}

@media (min-width: 1024px) {
    .bl_cardList .bl_cardList_item_tagList .el_tag {
        margin:min(.3472222222vw,5px) min(.6944444444vw,10px) min(.3472222222vw,5px) 0;
        height: min(2.0833333333vw,30px)
    }
}

@media (min-width: 1024px) {
    .bl_cardList .bl_cardList_item>a:hover .bl_cardList_item_thumb img {
        transform:scale3d(1.1,1.1,1.1)
    }
}

.bl_cardList .bl_cardList_item>a:hover .el_tag {
    background-color: #67717a;
    color: #fff
}

@media (min-width: 1024px) {
    .bl_cardList__2columns {
        justify-content:space-between
    }
}

.bl_cardList__2columns .bl_cardList_item {
    width: 100%
}

@media (max-width: 1023.98px) {
    .bl_cardList__2columns .bl_cardList_item+.bl_cardList_item {
        margin-top:21.3333333333vw
    }
}

@media (min-width: 1024px) {
    .bl_cardList__2columns .bl_cardList_item:nth-child(n+3) {
        margin-top:min(5.5555555556vw,80px)
    }
}

@media (min-width: 1024px) {
    .bl_cardList__2columns .bl_cardList_item {
        width:calc(50% - .5px)
    }
}

.bl_cardList__2columns .bl_cardList_item_textArea {
    padding: 4vw 4.8vw 0
}

@media (min-width: 1024px) {
    .bl_cardList__2columns .bl_cardList_item_textArea {
        padding:min(1.3888888889vw,20px) min(2.7777777778vw,40px) 0
    }
}

.bl_cardList__2columns .bl_cardList_item_name {
    font-size: 5.3333333333vw
}

@media (min-width: 1024px) {
    .bl_cardList__2columns .bl_cardList_item_name {
        font-size:min(1.3888888889vw,20px)
    }
}

@media (min-width: 1024px) {
    .bl_cardList__2columns .bl_cardList_item_tagList {
        margin-top:min(.6944444444vw,10px)
    }
}

@media (min-width: 1024px) {
    .bl_cardList__3columns {
        width:min(88.8888888889vw,1280px)
    }
}

.bl_cardList__3columns .bl_cardList_item {
    width: 85.3333333333vw
}

@media (min-width: 1024px) {
    .bl_cardList__3columns .bl_cardList_item {
        width:calc(33.33333% - .66667px)
    }
}

.bl_cardList__3columns .bl_cardList_item:nth-child(3n+1) {
    margin-left: 0
}

@media (min-width: 1024px) {
    .bl_cardList__3columns .bl_cardList_item:nth-child(n+4) {
        margin-top:min(5.5555555556vw,80px)
    }
}

@media (min-width: 1024px) {
    .bl_cardList__4columns {
        width:min(88.8888888889vw,1280px)
    }
}

.bl_cardList__4columns .bl_cardList_item {
    width: 85.3333333333vw
}

@media (min-width: 1024px) {
    .bl_cardList__4columns .bl_cardList_item {
        width:calc(25% - .75px)
    }
}

@media (min-width: 1024px) {
    .bl_cardList__4columns .bl_cardList_item+.bl_cardList_item {
        margin-left:1px
    }
}

@media (min-width: 1024px) {
    .bl_cardList__4columns .bl_cardList_item_desc {
        padding:min(.8333333333vw,12px) min(2.4305555556vw,35px) 0 0
    }
}

@media (min-width: 1024px) {
    .bl_cardList__4columns .bl_cardList_item:nth-child(4n+1) {
        margin-left:0
    }
}

@media (min-width: 1024px) {
    .bl_cardList__4columns .bl_cardList_item:nth-child(n+5) {
        margin-top:min(5.5555555556vw,80px)
    }
}

.bl_cardList__4columns .bl_cardList_item_desc {
    padding-top: 2.6666666667vw
}

@media (min-width: 1024px) {
    .bl_cardList__4columns .bl_cardList_item_desc {
        padding-top:min(.6944444444vw,10px)
    }
}

.search_str {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #393939
}

@media (min-width: 1024px) {
    .search_str {
        margin:auto
    }
}

.search_str .text_input {
    padding: 4vw 0;
    width: 100%;
    font-size: 4.2666666667vw
}

@media (min-width: 1024px) {
    .search_str .text_input {
        padding:min(1.3888888889vw,20px) 0;
        font-size: min(1.25vw,18px)
    }
}

.search_str .submit_button {
    margin: 0 1.3333333333vw;
    width: 5.3333333333vw;
    height: 5.3333333333vw;
    background: url(/assets/img/common/icon_search_black.svg) no-repeat 50%/100% auto;
    font-size: 0
}

@media (min-width: 1024px) {
    .search_str .submit_button {
        margin:0 min(.3472222222vw,5px);
        width: min(1.6666666667vw,24px);
        height: min(1.6666666667vw,24px)
    }
}

.filter ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 6.6666666667vw
}

@media (min-width: 1024px) {
    .filter ul {
        justify-content:flex-start;
        margin: auto;
        padding-top: min(1.3888888889vw,20px)
    }
}

.filter ul li {
    margin: 0 2.6666666667vw
}

@media (min-width: 1024px) {
    .filter ul li {
        margin:0 min(.6944444444vw,10px)
    }
}

.filter ul li:first-of-type {
    margin-bottom: 1.3333333333vw;
    width: 100%;
    text-align: center
}

@media (min-width: 1024px) {
    .filter ul li:first-of-type {
        margin-right:min(.3472222222vw,5px);
        margin-bottom: 0;
        width: auto
    }
}

.filter ul li input[type=radio] {
    margin-right: 1.3333333333vw;
    vertical-align: text-bottom;
    accent-color: #393939
}

@media (min-width: 1024px) {
    .filter ul li input[type=radio] {
        margin-right:min(.3472222222vw,5px)
    }
}

.bl_search input[type=text]::-moz-placeholder,.bl_search textarea::-moz-placeholder {
    font-size: 4.2666666667vw
}

.bl_search input[type=text]::placeholder,.bl_search textarea::placeholder {
    font-size: 4.2666666667vw
}

@media (min-width: 1024px) {
    .bl_search input[type=text]::-moz-placeholder,.bl_search textarea::-moz-placeholder {
        font-size:min(1.25vw,18px)
    }

    .bl_search input[type=text]::placeholder,.bl_search textarea::placeholder {
        font-size: min(1.25vw,18px)
    }
}

@media (min-width: 1024px) {
    .bl_search {
        margin:0 auto;
        width: min(88.8888888889vw,1280px)
    }
}

.bl_search .el_ttl {
    margin-bottom: 2.6666666667vw;
    text-align: center
}

@media (max-width: 1023.98px) {
    .bl_search .el_ttl {
        font-size:5.8666666667vw
    }
}

@media (min-width: 1024px) {
    .bl_search .el_ttl {
        margin-bottom:min(.3472222222vw,5px)
    }
}

@media (min-width: 1024px) {
    .bl_search .bl_search_lead {
        text-align:center
    }
}

.bl_search .bl_search_form {
    margin-top: 5.3333333333vw
}

@media (min-width: 1024px) {
    .bl_search .bl_search_form {
        margin-top:min(3.125vw,45px)
    }
}

@media (min-width: 1024px) {
    .bl_search .search_str {
        width:min(50vw,720px)
    }
}

@media (min-width: 1024px) {
    .bl_search .filter ul {
        width:min(51.3888888889vw,740px)
    }
}

.bl_search_product {
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 4.2666666667vw 0 8.5333333333vw;
    background-color: #67717a
}

@media (max-width: 1023.98px) {
    .bl_search_product {
        justify-content:center
    }
}

@media (min-width: 1024px) {
    .bl_search_product {
        position:absolute;
        right: 0;
        bottom: max(-6.9444444444vw,-100px);
        padding: min(1.3888888889vw,20px) 0 min(1.9444444444vw,28px);
        width: min(27.7777777778vw,400px);
        background-color: rgba(103,113,122,.85)
    }
}

.bl_search_product_inner {
    margin: 0 auto;
    width: 85.3333333333vw
}

@media (min-width: 1024px) {
    .bl_search_product_inner {
        width:min(20.8333333333vw,300px)
    }
}

.bl_search_product_heading {
    text-align: center;
    color: #fff;
    font-size: 5.8666666667vw
}

@media (min-width: 1024px) {
    .bl_search_product_heading {
        font-size:min(1.5277777778vw,22px)
    }
}

.bl_search_product_form input[type=text],.bl_search_product_form textarea {
    color: #fff
}

.bl_search_product_form input[type=text]::-moz-placeholder,.bl_search_product_form textarea::-moz-placeholder {
    font-size: 4.2666666667vw
}

.bl_search_product_form input[type=text]::placeholder,.bl_search_product_form textarea::placeholder {
    font-size: 4.2666666667vw
}

@media (min-width: 1024px) {
    .bl_search_product_form input[type=text]::-moz-placeholder,.bl_search_product_form textarea::-moz-placeholder {
        font-size:min(.9027777778vw,13px)
    }

    .bl_search_product_form input[type=text]::placeholder,.bl_search_product_form textarea::placeholder {
        font-size: min(.9027777778vw,13px)
    }
}

.bl_search_product_form .search_str {
    border-bottom: 1px solid #fff
}

@media (min-width: 1024px) {
    .bl_search_product_form .search_str .text_input {
        padding:min(.4861111111vw,7px) 0
    }
}

.bl_search_product_form .search_str .text_input::-moz-placeholder {
    color: hsla(0,0%,100%,.6)
}

.bl_search_product_form .search_str .text_input::placeholder {
    color: hsla(0,0%,100%,.6)
}

.bl_search_product_form .search_str .submit_button {
    background: url(/assets/img/common/icon_search.svg) no-repeat 50%/100% auto
}

@media (min-width: 1024px) {
    .bl_search_product_form .search_str .submit_button {
        width:min(1.3888888889vw,20px);
        height: min(1.3888888889vw,20px)
    }
}

.bl_search_product_btn {
    margin-top: 5.3333333333vw;
    border: none;
    height: 10.6666666667vw;
    font-size: 3.7333333333vw
}

@media (min-width: 1024px) {
    .bl_search_product_btn {
        margin-top:min(1.3888888889vw,20px);
        width: 100%;
        height: min(3.3333333333vw,48px);
        font-size: min(.9722222222vw,14px)
    }
}

.bl_search_product_btn a {
    font-size: 3.7333333333vw
}

@media (min-width: 1024px) {
    .bl_search_product_btn a {
        font-size:min(.9722222222vw,14px)
    }
}

.bl_box {
    padding: 13.3333333333vw 7.4666666667vw
}

@media (min-width: 1024px) {
    .bl_box {
        padding:min(5.5555555556vw,80px)
    }
}

.bl_box__col,.bl_box__col__md {
    display: flex
}

.bl_box__bgcWhite {
    background-color: #fff
}

.bl_box .bl_box_inner+.bl_box_inner {
    padding-top: 16vw
}

@media (min-width: 1024px) {
    .bl_box .bl_box_inner+.bl_box_inner {
        padding-top:min(6.9444444444vw,100px)
    }
}

.bl_box .bl_box_inner+.bl_box_inner.bl_box_inner__02 {
    padding-top: 12vw
}

@media (min-width: 1024px) {
    .bl_box .bl_box_inner+.bl_box_inner.bl_box_inner__02 {
        padding-top:min(4.1666666667vw,60px)
    }
}

.bl_accordion {
    margin: 0 auto
}

.bl_accordion+.bl_accordion {
    margin-top: 1px
}

.bl_accordion .bl_accordion_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 5.3333333333vw 0;
    background-color: #67717a;
    color: #fff
}

@media (min-width: 1024px) {
    .bl_accordion .bl_accordion_btn {
        padding:min(1.3888888889vw,20px) 0;
        cursor: pointer;
        transition: background-color .5s
    }
}

@media (min-width: 1024px) {
    .bl_accordion .bl_accordion_btn:hover {
        background-color:#8c98a2
    }
}

.bl_accordion .bl_accordion_btn:after,.bl_accordion .bl_accordion_btn:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 3.2vw;
    width: 5.3333333333vw;
    height: 1px;
    transition: .5s;
    transform: translateY(-50%);
    background: #fff
}

@media (min-width: 1024px) {
    .bl_accordion .bl_accordion_btn:after,.bl_accordion .bl_accordion_btn:before {
        right:min(2.7777777778vw,40px);
        width: min(1.9444444444vw,28px)
    }
}

.bl_accordion .bl_accordion_btn:after {
    transform: rotate(90deg)
}

.bl_accordion .bl_accordion_btn.is_active:after {
    opacity: 0;
    transform: rotate(0)
}

.bl_accordion .bl_accordion_cont {
    display: none;
    background-color: #fff
}

.bl_accordion__QA .bl_accordion_cap {
    display: flex;
    justify-content: center;
    width: 12vw;
    font-size: 6.4vw;
    line-height: 1.2
}

@media (max-width: 1023.98px) {
    .bl_accordion__QA .bl_accordion_cap {
        padding-left:1.0666666667vw
    }
}

@media (min-width: 1024px) {
    .bl_accordion__QA .bl_accordion_cap {
        padding-top:min(.2777777778vw,4px);
        width: min(6.9444444444vw,100px);
        font-size: min(2.0833333333vw,30px)
    }
}

.bl_accordion__QA .bl_accordion_text {
    flex: 1 1 0%;
    padding-left: 3.4666666667vw
}

@media (min-width: 1024px) {
    .bl_accordion__QA .bl_accordion_text {
        padding-left:min(2.7777777778vw,40px)
    }
}

.bl_accordion__QA .bl_accordion_btn {
    padding-right: 16vw
}

@media (min-width: 1024px) {
    .bl_accordion__QA .bl_accordion_btn {
        padding-right:min(15.2777777778vw,220px)
    }
}

.bl_accordion__QA .bl_accordion_btn .bl_accordion_cap {
    color: #fff
}

.bl_accordion__QA .bl_accordion_btn .bl_accordion_text {
    border-left: 1px solid hsla(0,0%,100%,.3)
}

@media (max-width: 1023.98px) {
    .bl_accordion__QA .bl_accordion_btn:after,.bl_accordion__QA .bl_accordion_btn:before {
        right:5.3333333333vw
    }
}

.bl_accordion__QA .bl_accordion_cont {
    background-color: #fff
}

.bl_accordion__QA .bl_accordion_cont_inner {
    display: flex;
    align-items: center;
    padding: 5.3333333333vw 5.3333333333vw 5.3333333333vw 0
}

@media (min-width: 1024px) {
    .bl_accordion__QA .bl_accordion_cont_inner {
        padding:min(2.7777777778vw,40px) min(8.3333333333vw,120px) min(2.7777777778vw,40px) 0
    }
}

.bl_accordion__QA .bl_accordion_cont_inner .bl_accordion_cap {
    align-self: flex-start;
    color: #67717a
}

.bl_accordion__QA .bl_accordion_cont_inner .bl_accordion_text {
    border-left: 1px solid rgba(140,152,162,.3)
}

.bl_accordion__search {
    width: 100%
}

@media (min-width: 1024px) {
    .bl_accordion__search {
        width:min(77.7777777778vw,1120px)
    }
}

.bl_accordion__search input[type=checkbox] {
    display: none
}

.bl_accordion__search .bl_accordion_btn_text {
    padding-top: .28em
}

.bl_accordion__search .bl_accordion_btn_text:before {
    content: "";
    display: inline-block;
    margin-right: 3.2vw;
    margin-bottom: -.8vw;
    width: 6.9333333333vw;
    height: 3.7333333333vw;
    background: url(/assets/img/common/icon_accordion.svg) no-repeat 50%/100% auto
}

@media (min-width: 1024px) {
    .bl_accordion__search .bl_accordion_btn_text:before {
        margin-right:min(1.6666666667vw,24px);
        margin-bottom: max(-.2083333333vw,-3px);
        width: min(2.0138888889vw,29px);
        height: min(1.1805555556vw,17px)
    }
}

.bl_accordion__search .bl_accordion_btn:after,.bl_accordion__search .bl_accordion_btn:before {
    right: 4.2666666667vw
}

@media (min-width: 1024px) {
    .bl_accordion__search .bl_accordion_btn:after,.bl_accordion__search .bl_accordion_btn:before {
        right:min(2.7777777778vw,40px)
    }
}

.bl_accordion__search .bl_accordion_cont {
    padding-top: 7.4666666667vw
}

@media (min-width: 1024px) {
    .bl_accordion__search .bl_accordion_cont {
        padding:min(4.5138888889vw,65px) min(4.8611111111vw,70px)
    }
}

.bl_accordion__search .bl_accordion_cont_inner {
    padding: 6.4vw 0 5.3333333333vw
}

@media (max-width: 1023.98px) {
    .bl_accordion__search .bl_accordion_cont_inner {
        margin:0 auto;
        border-bottom: 1px solid rgba(140,152,162,.3);
        width: 69.3333333333vw
    }
}

@media (min-width: 1024px) {
    .bl_accordion__search .bl_accordion_cont_inner {
        padding:min(.6944444444vw,10px) 0
    }
}

@media (max-width: 1023.98px) {
    .bl_accordion__search .bl_accordion_cont_inner:first-of-type {
        margin-top:5.3333333333vw;
        border-top: 1px solid rgba(140,152,162,.3)
    }
}

.bl_accordion__search .bl_accordion_close {
    display: block;
    position: relative;
    margin-top: 13.3333333333vw;
    padding: 4vw 0 3.2vw;
    border-top: 1px solid rgba(140,152,162,.3);
    width: 100%;
    text-align: center
}

.bl_accordion__search .bl_accordion_close:before {
    content: "";
    display: inline-block;
    margin-right: 2.6666666667vw;
    margin-bottom: -.5333333333vw;
    width: 3.7333333333vw;
    height: 3.7333333333vw;
    background: url(/assets/img/common/icon_close.png) no-repeat 50%/100% auto
}

.bl_accordion__search .bl_accordion_close_text {
    display: inline-block
}

.bl_filter {
    margin-bottom: 5.3333333333vw
}

@media (min-width: 1024px) {
    .bl_filter {
        margin-bottom:min(3.4722222222vw,50px)
    }
}

.bl_filter .bl_filter_actionList {
    display: flex;
    justify-content: right
}

.bl_filter .bl_filter_actionList>li+li {
    margin-left: 4vw
}

@media (min-width: 1024px) {
    .bl_filter .bl_filter_actionList>li+li {
        margin-left:min(1.7361111111vw,25px)
    }
}

.bl_filter .bl_filter_action {
    font-size: 3.2vw
}

@media (min-width: 1024px) {
    .bl_filter .bl_filter_action {
        font-size:min(.9722222222vw,14px)
    }
}

.bl_filter .bl_filter_action:before {
    content: "";
    display: inline-block;
    margin-right: 1.6vw
}

@media (min-width: 1024px) {
    .bl_filter .bl_filter_action:before {
        margin-right:min(.4166666667vw,6px)
    }
}

.bl_filter .bl_filter_action_selectAll:before {
    width: 3.7333333333vw;
    height: 2.6666666667vw;
    background: url(/assets/img/common/icon_check.svg) no-repeat 50%/100% auto
}

@media (min-width: 1024px) {
    .bl_filter .bl_filter_action_selectAll:before {
        width:min(1.1805555556vw,17px);
        height: min(.8333333333vw,12px)
    }
}

.bl_filter .bl_filter_action_clear:before {
    width: 3.2vw;
    height: 3.7333333333vw;
    background: url(/assets/img/common/icon_clear.svg) no-repeat 50%/100% auto
}

@media (min-width: 1024px) {
    .bl_filter .bl_filter_action_clear:before {
        width:min(1.0416666667vw,15px);
        height: min(1.25vw,18px)
    }
}

.bl_filter .bl_filter_example {
    font-size: 3.7333333333vw
}

@media (min-width: 1024px) {
    .bl_filter .bl_filter_example {
        display:flex;
        align-items: center;
        font-size: min(1.1111111111vw,16px)
    }
}

.bl_filter .bl_filter_example_name {
    font-size: 3.7333333333vw;
    font-weight: 500
}

@media (max-width: 1023.98px) {
    .bl_filter .bl_filter_example_name {
        margin-bottom:.5em
    }
}

@media (min-width: 1024px) {
    .bl_filter .bl_filter_example_name {
        position:relative;
        margin-right: min(2.0833333333vw,30px);
        width: min(11.1111111111vw,160px);
        font-size: min(1.1111111111vw,16px)
    }
}

@media (min-width: 1024px) {
    .bl_filter .bl_filter_example_name:after {
        content:"";
        display: inline-block;
        position: absolute;
        top: 50%;
        right: 0;
        width: min(2.0833333333vw,30px);
        height: 1px;
        transform: translateY(-50%);
        background-color: rgba(140,152,162,.3)
    }
}

.bl_filter .bl_filter_example_detailList {
    display: flex;
    flex-wrap: wrap
}

.bl_filter .bl_filter_result {
    margin-top: 18.6666666667vw;
    text-align: center;
    letter-spacing: .1em;
    font-size: 4vw
}

@media (min-width: 1024px) {
    .bl_filter .bl_filter_result {
        margin-top:min(6.9444444444vw,100px);
        font-size: min(1.1111111111vw,16px)
    }
}

.bl_filter .bl_filter_result .el_num {
    margin: 0 .2em;
    font-size: 5.8666666667vw
}

@media (min-width: 1024px) {
    .bl_filter .bl_filter_result .el_num {
        font-size:min(1.6666666667vw,24px)
    }
}

.bl_article {
    line-height: 1.9
}

.bl_article .bl_article_inner {
    margin: 0 auto;
    width: 85.3333333333vw
}

@media (min-width: 1024px) {
    .bl_article .bl_article_inner {
        width:min(77.7777777778vw,1120px)
    }
}

.bl_article .el_date {
    margin-bottom: 6.4vw;
    color: #8c98a2
}

@media (min-width: 1024px) {
    .bl_article .el_date {
        margin-bottom:min(2.0833333333vw,30px)
    }
}

.bl_article .el_ttl_03 {
    margin-bottom: .7em
}

.bl_article .bl_article_heading {
    margin-bottom: 6.1333333333vw
}

@media (min-width: 1024px) {
    .bl_article .bl_article_heading {
        margin-bottom:min(2.3611111111vw,34px)
    }
}

@media (max-width: 1023.98px) {
    .bl_article .bl_article_heading .el_ttl {
        line-height:1.1428571429
    }
}

.bl_article .bl_article_heading_tagList {
    margin-top: 2.6666666667vw
}

@media (min-width: 1024px) {
    .bl_article .bl_article_heading_tagList {
        margin-top:min(.6944444444vw,10px)
    }
}

.bl_article .bl_article_innerBlock+.bl_article_innerBlock {
    padding-top: 13.3333333333vw
}

@media (min-width: 1024px) {
    .bl_article .bl_article_innerBlock+.bl_article_innerBlock {
        padding-top:min(6.9444444444vw,100px)
    }
}

.bl_article .bl_article_innerBlock+.bl_article_innerBlock.bl_article_innerBlock__02 {
    padding-top: 8vw
}

@media (min-width: 1024px) {
    .bl_article .bl_article_innerBlock+.bl_article_innerBlock.bl_article_innerBlock__02 {
        padding-top:min(3.125vw,45px)
    }
}

@media (min-width: 1024px) {
    .bl_article .bl_article_innerBlock__lg_w840 {
        margin:0 auto;
        width: min(58.3333333333vw,840px)
    }
}

.bl_article .bl_article_innerBlock__2columns {
    display: flex;
    flex-wrap: wrap
}

@media (max-width: 1023.98px) {
    .bl_article .bl_article_innerBlock__2columns .bl_article_img {
        margin-bottom:5.3333333333vw
    }
}

@media (min-width: 1024px) {
    .bl_article .bl_article_innerBlock__2columns .bl_article_img {
        margin-right:min(2.7777777778vw,40px);
        margin-bottom: 0;
        width: min(50vw,720px)
    }
}

.bl_article .bl_article_innerBlock__2columns .bl_article_img img {
    width: 100%
}

@media (min-width: 1024px) {
    .bl_article .bl_article_innerBlock__2columns .bl_article_textArea {
        flex:1 1 0%
    }
}

@media (max-width: 1023.98px) {
    .bl_article .bl_article_innerBlock__2columns .bl_article_textArea .bl_tableDl {
        margin-top:1.3333333333vw
    }
}

.bl_article .bl_article_img {
    margin-bottom: 6.6666666667vw
}

@media (min-width: 1024px) {
    .bl_article .bl_article_img {
        margin-bottom:min(1.7361111111vw,25px)
    }
}

@media (max-width: 1023.98px) {
    .bl_article .bl_article_img__larger {
        margin:0 -7.3333333333vw
    }
}

.bl_article .bl_article_textArea {
    width: 100%
}

.bl_article .bl_article_textArea .bl_article_text+.bl_article_text {
    margin-top: 1em
}

@media (min-width: 1024px) {
    .bl_article .bl_article_imgList {
        display:flex
    }
}

@media (min-width: 1024px) {
    .bl_article .bl_article_imgList .bl_article_img {
        width:50%
    }
}

@media (max-width: 1023.98px) {
    .bl_article .bl_article_imgList .bl_article_img:not(:last-child) {
        margin-bottom:0
    }
}

@media (max-width: 1023.98px) {
    .bl_article .bl_article_imgList .bl_article_img+.bl_article_img {
        margin-top:1px
    }
}

@media (min-width: 1024px) {
    .bl_article .bl_article_imgList .bl_article_img+.bl_article_img {
        margin-left:1px
    }
}

.bl_article .bl_article_imgList .bl_article_img img {
    width: 100%
}

.bl_article .bl_tableDl {
    display: flex;
    flex-wrap: wrap
}

.bl_article .bl_tableDl>dt {
    padding: 1.3em 0 1em .7em;
    width: 21.3333333333vw
}

@media (min-width: 1024px) {
    .bl_article .bl_tableDl>dt {
        padding-left:1.5em;
        width: min(8.3333333333vw,120px)
    }
}

.bl_article .bl_tableDl>dd {
    padding: 1.3em 0 1em 1.5em
}

@media (min-width: 1024px) {
    .bl_article .bl_tableDl>dd {
        padding-left:2.5em
    }
}

@media (max-width: 1023.98px) {
    .bl_article .bl_tableDl:first-child>dt {
        border-top:1px solid #8c98a2
    }
}

@media (max-width: 1023.98px) {
    .bl_article .bl_tableDl:first-child>dd {
        border-top:1px solid rgba(108,114,121,.3)
    }
}

.bl_article .bl_article_movie {
    position: relative;
    padding-top: 66%
}

@media (max-width: 1023.98px) {
    .bl_article .bl_article_movie {
        margin:0 -7.3333333333vw
    }
}

@media (min-width: 1024px) {
    .bl_article .bl_article_movie {
        padding-top:56.25%
    }
}

.bl_article .bl_article_movie iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%
}

.hp_color_black {
    color: #393939!important
}

.hp_color_navy {
    color: #67717a!important
}

.hp_color_gray {
    color: #8c98a2!important
}

.hp_fwBold {
    font-weight: 700!important
}

.hp_taCenter {
    text-align: center!important
}

.hp_taLeft {
    text-align: left!important
}

.hp_taRight {
    text-align: right!important
}

.hp_ti_1em {
    display: block;
    padding-left: 1em!important;
    text-indent: -1em!important
}

.hp_ti_1_5em {
    display: block;
    padding-left: 1.5em!important;
    text-indent: -1.5em!important
}

.hp_ti_2em {
    display: block;
    padding-left: 2em!important;
    text-indent: -2em!important
}

.hp_ti_2_5em {
    display: block;
    padding-left: 2.5em!important;
    text-indent: -2.5em!important
}

.hp_ti_3em {
    display: block;
    padding-left: 3em!important;
    text-indent: -3em!important
}

.hp_mt0 {
    margin-top: 0!important
}

@media (max-width: 1023.98px) {
    .hp_mt0__sm {
        margin-top:0!important
    }
}

@media (min-width: 1024px) {
    .hp_mt0__md {
        margin-top:0!important
    }
}

.hp_mb0 {
    margin-bottom: 0!important
}

@media (max-width: 1023.98px) {
    .hp_mb0__sm {
        margin-bottom:0!important
    }
}

@media (min-width: 1024px) {
    .hp_mb0__md {
        margin-bottom:0!important
    }
}

.hp_pt0 {
    padding-top: 0!important
}

@media (max-width: 1023.98px) {
    .hp_pt0__sm {
        padding-top:0!important
    }
}

.hp_pt0__md {
    padding-top: 0!important
}

.hp_pb0 {
    padding-bottom: 0!important
}

@media (max-width: 1023.98px) {
    .hp_pb0__sm {
        padding-bottom:0!important
    }
}

.hp_pb0__md {
    padding-bottom: 0!important
}

.hp_flex {
    display: flex!important
}

@media (min-width: 1024px) {
    .hp_flex__md {
        display:flex!important
    }
}

.hp_flex_column {
    display: flex!important;
    flex-direction: column!important
}

@media (min-width: 1024px) {
    .hp_flex_column__md {
        display:flex!important;
        flex-direction: column!important
    }
}

.hp_jcSb {
    justify-content: space-between!important
}

@media (min-width: 1024px) {
    .hp_jcSb__md {
        justify-content:space-between!important
    }
}

.hp_jcCenter {
    justify-content: center!important
}

@media (min-width: 1024px) {
    .hp_jcCenter__md {
        justify-content:center!important
    }
}

.hp_jcRight {
    justify-content: right!important
}

@media (min-width: 1024px) {
    .hp_jcRight__md {
        justify-content:right!important
    }
}

.hp_jcLeft {
    justify-content: left!important
}

@media (min-width: 1024px) {
    .hp_jcLeft__md {
        justify-content:left!important
    }
}

.hp_flex110 {
    flex: 1 1 0%!important
}

@media (min-width: 1024px) {
    .hp_flex110__md {
        flex:1 1 0%!important
    }
}

.hp_wsNowrap {
    white-space: nowrap!important
}

.hp_peNone {
    pointer-events: none!important
}

.hp_br0 {
    border-radius: 0!important
}

@-webkit-keyframes linelink {
    0% {
        background-position: 100% 100%;
        background-size: 100% 1px
    }

    50% {
        background-position: 100% 100%;
        background-size: 0 1px
    }

    51% {
        background-position: 0 100%;
        background-size: 0 1px
    }

    to {
        background-position: 0 100%;
        background-size: 100% 1px
    }
}

@keyframes linelink {
    0% {
        background-position: 100% 100%;
        background-size: 100% 1px
    }

    50% {
        background-position: 100% 100%;
        background-size: 0 1px
    }

    51% {
        background-position: 0 100%;
        background-size: 0 1px
    }

    to {
        background-position: 0 100%;
        background-size: 100% 1px
    }
}

@-webkit-keyframes hoverArrowNext {
    0% {
        -webkit-clip-path: inset(0 0 0 0);
        clip-path: inset(0 0 0 0)
    }

    40% {
        -webkit-clip-path: inset(0 0 0 100%);
        clip-path: inset(0 0 0 100%)
    }

    60% {
        -webkit-clip-path: inset(0 100% 0 0);
        clip-path: inset(0 100% 0 0)
    }

    to {
        -webkit-clip-path: inset(0 0 0 0);
        clip-path: inset(0 0 0 0)
    }
}

@keyframes hoverArrowNext {
    0% {
        -webkit-clip-path: inset(0 0 0 0);
        clip-path: inset(0 0 0 0)
    }

    40% {
        -webkit-clip-path: inset(0 0 0 100%);
        clip-path: inset(0 0 0 100%)
    }

    60% {
        -webkit-clip-path: inset(0 100% 0 0);
        clip-path: inset(0 100% 0 0)
    }

    to {
        -webkit-clip-path: inset(0 0 0 0);
        clip-path: inset(0 0 0 0)
    }
}

@-webkit-keyframes hoverArrowPrev {
    0% {
        -webkit-clip-path: inset(0 0 0 0);
        clip-path: inset(0 0 0 0)
    }

    40% {
        -webkit-clip-path: inset(0 100% 0 0);
        clip-path: inset(0 100% 0 0)
    }

    60% {
        -webkit-clip-path: inset(0 0 0 100%);
        clip-path: inset(0 0 0 100%)
    }

    to {
        -webkit-clip-path: inset(0 0 0 0);
        clip-path: inset(0 0 0 0)
    }
}

@keyframes hoverArrowPrev {
    0% {
        -webkit-clip-path: inset(0 0 0 0);
        clip-path: inset(0 0 0 0)
    }

    40% {
        -webkit-clip-path: inset(0 100% 0 0);
        clip-path: inset(0 100% 0 0)
    }

    60% {
        -webkit-clip-path: inset(0 0 0 100%);
        clip-path: inset(0 0 0 100%)
    }

    to {
        -webkit-clip-path: inset(0 0 0 0);
        clip-path: inset(0 0 0 0)
    }
}

.js_fadeIn {
    opacity: 0;
    transition: transform 1.2s,opacity 2s;
    transition-timing-function: cubic-bezier(.23,1,.32,1);
    transform: translateY(20px)
}

@media (min-width: 1024px) {
    .js_fadeIn {
        transform:translateY(25px)
    }
}

.js_fadeIn.show {
    opacity: 1;
    transform: translateY(0)
}

.js_fadeIn.el_ttlPage {
    opacity: 0;
    transition: opacity .8s;
    transform: translateY(0)
}

.js_fadeIn.el_ttlPage.show {
    opacity: 1
}

.js_fadeIn.el_ttlPage.show:before {
    transform: scale(1)
}

.js_fadeIn.el_ttlPage.show:after {
    transform: scale(1)
}

.js_tabCont {
    display: none
}

.js_tabCont.is_show {
    display: block
}

.slick-arrow {
    overflow: hidden;
    position: absolute;
    z-index: 5;
    outline: none;
    cursor: pointer;
    color: transparent;
    font-size: 0;
    line-height: 0
}

@media (max-width: 1023.98px) {
    .slick-arrow {
        bottom:0;
        height: 8vw
    }
}

@media (min-width: 1024px) {
    .slick-arrow {
        top:max(-3.9583333333vw,-57px);
        height: min(2.0833333333vw,30px)
    }
}

.slick-arrow:before {
    content: "";
    display: inline-block;
    width: 18.6666666667vw;
    height: 1.6vw
}

@media (min-width: 1024px) {
    .slick-arrow:before {
        width:min(6.25vw,90px);
        height: min(.4166666667vw,6px)
    }
}

@media (max-width: 1023.98px) {
    .slick-prev {
        left:20.8vw
    }
}

@media (min-width: 1024px) {
    .slick-prev {
        right:min(13.1944444444vw,190px)
    }
}

.slick-prev:before {
    background: url(/assets/img/common/carousel_arrow_prev_sm.svg) no-repeat 0 0/100% auto
}

@media (min-width: 1024px) {
    .slick-prev:before {
        background:url(/assets/img/common/carousel_arrow_prev_lg.svg) no-repeat 0 0/100% auto
    }
}

@media (min-width: 1024px) {
    .slick-prev:hover:before {
        -webkit-animation:hoverArrowPrev 1s cubic-bezier(.22,1,.36,1);
        animation: hoverArrowPrev 1s cubic-bezier(.22,1,.36,1)
    }
}

@media (max-width: 1023.98px) {
    .slick-next {
        right:20.8vw
    }
}

@media (min-width: 1024px) {
    .slick-next {
        right:min(5.5555555556vw,80px)
    }
}

.slick-next:before {
    background: url(/assets/img/common/carousel_arrow_next_sm.svg) no-repeat 0 0/100% auto
}

@media (min-width: 1024px) {
    .slick-next:before {
        background:url(/assets/img/common/carousel_arrow_next_lg.svg) no-repeat 0 0/100% auto
    }
}

@media (min-width: 1024px) {
    .slick-next:hover:before {
        -webkit-animation:hoverArrowNext 1s cubic-bezier(.22,1,.36,1);
        animation: hoverArrowNext 1s cubic-bezier(.22,1,.36,1)
    }
}

.slick-counter {
    position: absolute
}

@media (max-width: 1023.98px) {
    .slick-counter {
        bottom:0;
        left: 50%;
        transform: translateX(-50%);
        font-size: 3.7333333333vw
    }
}

@media (min-width: 1024px) {
    .slick-counter {
        top:max(-3.6111111111vw,-52px);
        right: min(21.5277777778vw,310px)
    }
}

@media (min-width: 1024px) {
    .bl_pickup {
        margin:0 auto;
        width: min(88.8888888889vw,1280px)
    }
}

.bl_pickup .bl_pickup_article_thumb {
    overflow: hidden
}

.bl_pickup .bl_pickup_article_thumb img {
    width: 100%
}

@media (min-width: 1024px) {
    .bl_pickup .bl_pickup_article_thumb img {
        transition:transform .5s
    }
}

.bl_pickup .bl_pickup_article_desc {
    padding: 5.3333333333vw 6.6666666667vw 0 0
}

@media (min-width: 1024px) {
    .bl_pickup .bl_pickup_article_desc {
        padding:min(.8333333333vw,12px) min(2.0833333333vw,30px) 0 0
    }
}

@media (min-width: 1024px) {
    .bl_pickup .bl_pickup_article>a:hover .bl_pickup_article_thumb img {
        transform:scale3d(1.1,1.1,1.1)
    }
}

@media (min-width: 1024px) {
    .bl_pickup .bl_pickup_articleList {
        display:flex;
        flex-wrap: wrap;
        justify-content: space-between
    }
}

.bl_pickup .bl_pickup_articleList .bl_pickup_article {
    width: 69.3333333333vw
}

@media (max-width: 1023.98px) {
    .bl_pickup .bl_pickup_articleList .bl_pickup_article+.bl_pickup_article {
        margin-left:1px
    }
}

.bl_pickup .bl_pickup_article__1column {
    margin: 0 auto;
    width: 85.3333333333vw
}

@media (min-width: 1024px) {
    .bl_pickup .bl_pickup_article__1column {
        width:min(77.7777777778vw,1120px)
    }
}

@media (min-width: 1024px) {
    .bl_pickup .bl_pickup_article__1column .bl_pickup_article>a {
        display:flex;
        flex-wrap: wrap
    }
}

@media (min-width: 1024px) {
    .bl_pickup .bl_pickup_article__1column .bl_pickup_article_thumb {
        width:min(22.2222222222vw,320px)
    }
}

.bl_pickup .bl_pickup_article__1column .bl_pickup_article_desc {
    padding: 8vw 8vw 6.6666666667vw;
    background-color: #fff
}

@media (min-width: 1024px) {
    .bl_pickup .bl_pickup_article__1column .bl_pickup_article_desc {
        position:relative;
        padding: min(3.8194444444vw,55px) min(3.4722222222vw,50px) min(2.7777777778vw,40px);
        width: min(55.5555555556vw,800px)
    }
}

.bl_pickup .bl_pickup_article__1column .bl_pickup_article_desc .el_ttl_03 {
    margin-bottom: 2.6666666667vw;
    font-size: 5.8666666667vw
}

@media (min-width: 1024px) {
    .bl_pickup .bl_pickup_article__1column .bl_pickup_article_desc .el_ttl_03 {
        margin-bottom:min(.9722222222vw,14px);
        font-size: min(1.6666666667vw,24px)
    }
}

.bl_pickup .bl_pickup_article__1column .bl_pickup_article_desc .el_link {
    display: block;
    margin-top: 8vw;
    text-align: right;
    color: #67717a
}

@media (min-width: 1024px) {
    .bl_pickup .bl_pickup_article__1column .bl_pickup_article_desc .el_link {
        position:absolute;
        right: min(3.4722222222vw,50px);
        bottom: min(2.7777777778vw,40px)
    }
}

@media (min-width: 1024px) {
    .bl_pickup .bl_pickup_article__1column:hover .el_link__arrow:after {
        -webkit-animation:hoverArrowNext 1s cubic-bezier(.22,1,.36,1);
        animation: hoverArrowNext 1s cubic-bezier(.22,1,.36,1)
    }
}

@media (min-width: 1024px) {
    .bl_pickup .bl_pickup_articleList__4columns .bl_pickup_article {
        width:calc(25% - .75px)
    }
}

.bl_about .bl_about_cont {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    position: relative;
    padding: 38.1333333333vw 0;
    width: 100%;
    background: url(/assets/img/common/about_bg_img_sm.jpg) no-repeat 50%/cover;
    text-align: center;
    color: #e5e6e6
}

@media (min-width: 1024px) {
    .bl_about .bl_about_cont {
        padding:min(6.3888888889vw,92px) 0 min(6.0416666667vw,87px);
        background: url(/assets/img/common/about_bg_img_lg.jpg) no-repeat 50%/cover
    }
}

@media (max-width: 1023.98px) {
    .bl_about .bl_about_cont_inner {
        margin:0 auto;
        width: 86.6666666667vw
    }
}

.bl_about .bl_about_cont_ttl {
    margin-bottom: 4vw;
    font-size: 7.4666666667vw;
    line-height: 1.4285714286
}

@media (min-width: 1024px) {
    .bl_about .bl_about_cont_ttl {
        margin-bottom:min(1.7361111111vw,25px);
        font-size: min(2.2222222222vw,32px);
        line-height: 1
    }
}

.bl_about .bl_about_cont_desc_inner+.bl_about_cont_desc_inner {
    margin: 1em -2.6666666667vw 0
}

@media (min-width: 1024px) {
    .bl_about .bl_about_cont_desc_inner+.bl_about_cont_desc_inner {
        margin:min(1.3888888889vw,20px) 0 0
    }
}

.bl_about .bl_about_cont .el_btn {
    margin: 9.3333333333vw auto 0
}

@media (max-width: 1023.98px) {
    .bl_about .bl_about_cont .el_btn {
        width:85.3333333333vw
    }
}

@media (min-width: 1024px) {
    .bl_about .bl_about_cont .el_btn {
        margin-top:min(3.8194444444vw,55px)
    }
}

.bl_product .bl_product_item_thumb {
    overflow: hidden
}

.bl_product .bl_product_item_thumb img {
    width: 100%
}

@media (min-width: 1024px) {
    .bl_product .bl_product_item_thumb img {
        transition:transform .5s
    }
}

.bl_product .bl_product_item_name {
    position: absolute;
    z-index: 1;
    bottom: 6.1333333333vw;
    left: 7.4666666667vw;
    color: #e5e6e6
}

@media (min-width: 1024px) {
    .bl_product .bl_product_item_name {
        bottom:min(1.3888888889vw,20px);
        left: min(1.7361111111vw,25px)
    }
}

.bl_product .bl_product_item_name__black {
    color: #393939
}

.bl_product .bl_product_item_name__EN {
    display: block;
    font-size: 7.4666666667vw;
    line-height: 1.2
}

@media (min-width: 1024px) {
    .bl_product .bl_product_item_name__EN {
        font-size:min(2.2222222222vw,32px)
    }
}

.bl_product .bl_product_item_name__JP {
    display: block;
    font-size: 3.7333333333vw
}

@media (min-width: 1024px) {
    .bl_product .bl_product_item_name__JP {
        font-size:min(1.1111111111vw,16px)
    }
}

.bl_product .bl_cardList .bl_cardList_item {
    position: relative
}

@media (min-width: 1024px) {
    .bl_product .bl_cardList .bl_cardList_item>a:hover .bl_product_item_thumb img {
        transform:scale3d(1.1,1.1,1.1)
    }
}

@media (min-width: 1024px) {
    .bl_product .bl_cardList__2columns {
        margin-top:0
    }
}

.bl_product .bl_cardList__2columns .bl_cardList_item+.bl_cardList_item {
    margin-top: 1px
}

@media (min-width: 1024px) {
    .bl_product .bl_cardList__2columns .bl_cardList_item+.bl_cardList_item {
        margin-top:0
    }
}

@media (min-width: 1024px) {
    .bl_product .bl_cardList__2columns .bl_cardList_item:nth-child(n+3) {
        margin-top:1px
    }
}

.bl_product .bl_cardList__3columns,.bl_product .bl_cardList__4columns,.bl_product .bl_cardList__5columns {
    display: flex;
    flex-wrap: wrap;
    margin-top: 1px;
    width: 100%
}

.bl_product .bl_cardList__3columns .bl_cardList_item,.bl_product .bl_cardList__4columns .bl_cardList_item,.bl_product .bl_cardList__5columns .bl_cardList_item {
    width: calc(50% - .5px)
}

.bl_product .bl_cardList__3columns .bl_cardList_item+.bl_cardList_item,.bl_product .bl_cardList__4columns .bl_cardList_item+.bl_cardList_item,.bl_product .bl_cardList__5columns .bl_cardList_item+.bl_cardList_item {
    margin-top: 0;
    margin-left: 1px
}

@media (max-width: 1023.98px) {
    .bl_product .bl_cardList__3columns .bl_cardList_item:nth-child(odd),.bl_product .bl_cardList__4columns .bl_cardList_item:nth-child(odd),.bl_product .bl_cardList__5columns .bl_cardList_item:nth-child(odd) {
        margin-left:0
    }
}

@media (max-width: 1023.98px) {
    .bl_product .bl_cardList__3columns .bl_cardList_item:nth-child(n+3),.bl_product .bl_cardList__4columns .bl_cardList_item:nth-child(n+3),.bl_product .bl_cardList__5columns .bl_cardList_item:nth-child(n+3) {
        margin-top:1px
    }
}

@media (max-width: 1023.98px) {
    .bl_product .bl_cardList__3columns .bl_product_item_name,.bl_product .bl_cardList__4columns .bl_product_item_name,.bl_product .bl_cardList__5columns .bl_product_item_name {
        bottom:1.3333333333vw;
        left: 2.6666666667vw
    }
}

.bl_product .bl_cardList__3columns .bl_product_item_name__EN,.bl_product .bl_cardList__4columns .bl_product_item_name__EN,.bl_product .bl_cardList__5columns .bl_product_item_name__EN {
    display: block;
    font-size: 5.3333333333vw
}

@media (max-width: 1023.98px) {
    .bl_product .bl_cardList__3columns .bl_product_item_name__EN,.bl_product .bl_cardList__4columns .bl_product_item_name__EN,.bl_product .bl_cardList__5columns .bl_product_item_name__EN {
        margin-bottom:0
    }
}

@media (min-width: 1024px) {
    .bl_product .bl_cardList__3columns .bl_product_item_name__EN,.bl_product .bl_cardList__4columns .bl_product_item_name__EN,.bl_product .bl_cardList__5columns .bl_product_item_name__EN {
        font-size:min(1.5277777778vw,22px)
    }
}

.bl_product .bl_cardList__3columns .bl_product_item_name__JP,.bl_product .bl_cardList__4columns .bl_product_item_name__JP,.bl_product .bl_cardList__5columns .bl_product_item_name__JP {
    font-size: 3.2vw
}

@media (min-width: 1024px) {
    .bl_product .bl_cardList__3columns .bl_product_item_name__JP,.bl_product .bl_cardList__4columns .bl_product_item_name__JP,.bl_product .bl_cardList__5columns .bl_product_item_name__JP {
        font-size:min(1.1111111111vw,16px)
    }
}

@media (min-width: 1024px) {
    .bl_product .bl_cardList__3columns .bl_cardList_item {
        width:calc(33.33333% - .66667px)
    }
}

@media (min-width: 1024px) {
    .bl_product .bl_cardList__3columns .bl_cardList_item:nth-child(3n+1) {
        margin-left:0
    }
}

@media (min-width: 1024px) {
    .bl_product .bl_cardList__3columns .bl_cardList_item:nth-child(n+4) {
        margin-top:1px
    }
}

@media (min-width: 1024px) {
    .bl_product .bl_cardList__3columns .bl_product_item_name {
        bottom:min(1.1805555556vw,17px)
    }
}

@media (min-width: 1024px) {
    .bl_product .bl_cardList__4columns .bl_cardList_item {
        width:calc(25% - .75px)
    }
}

@media (min-width: 1024px) {
    .bl_product .bl_cardList__4columns .bl_cardList_item:nth-child(4n+1) {
        margin-left:0
    }
}

@media (min-width: 1024px) {
    .bl_product .bl_cardList__4columns .bl_cardList_item:nth-child(n+5) {
        margin-top:1px
    }
}

@media (min-width: 1024px) {
    .bl_product .bl_cardList__5columns .bl_cardList_item {
        width:calc(20% - .8px)
    }
}

@media (min-width: 1024px) {
    .bl_product .bl_cardList__5columns .bl_cardList_item:nth-child(5n+1) {
        margin-left:0
    }
}

@media (min-width: 1024px) {
    .bl_product .bl_cardList__5columns .bl_cardList_item:nth-child(n+6) {
        margin-top:1px
    }
}

.bl_product .bl_cardList__5columns .bl_product_item_name {
    color: #393939
}

@media (max-width: 1023.98px) {
    .bl_product .bl_cardList__5columns .bl_product_item_name {
        bottom:.5333333333vw;
        left: 2.6666666667vw
    }
}

@media (min-width: 1024px) {
    .bl_product .bl_cardList__5columns .bl_product_item_name {
        bottom:min(.6944444444vw,10px);
        left: min(1.0416666667vw,15px)
    }
}

.bl_product .bl_cardList__5columns .bl_product_item_name__EN {
    display: block;
    font-size: 4.2666666667vw
}

@media (max-width: 1023.98px) {
    .bl_product .bl_cardList__5columns .bl_product_item_name__EN {
        margin-bottom:.15em
    }
}

@media (min-width: 1024px) {
    .bl_product .bl_cardList__5columns .bl_product_item_name__EN {
        font-size:min(1.1111111111vw,16px)
    }
}

.bl_product .bl_cardList__5columns .bl_product_item_name__JP {
    font-size: 3.2vw
}

@media (min-width: 1024px) {
    .bl_product .bl_cardList__5columns .bl_product_item_name__JP {
        font-size:min(.8333333333vw,12px)
    }
}

.bl_product .bl_product__1column {
    margin: 0 auto;
    width: 85.3333333333vw
}

@media (min-width: 1024px) {
    .bl_product .bl_product__1column {
        width:min(50vw,720px)
    }
}

@media (min-width: 1024px) {
    .bl_product .bl_product__1column>a {
        display:flex;
        justify-content: center
    }
}

@media (min-width: 1024px) {
    .bl_product .bl_product__1column .bl_product_item_thumb {
        width:min(25vw,360px)
    }
}

.bl_product .bl_product__1column .bl_product_item_thumb img {
    width: 100%
}

@media (min-width: 1024px) {
    .bl_product .bl_product__1column .bl_product_item_thumb img {
        transition:transform .5s
    }
}

.bl_product .bl_product__1column .bl_product_item_desc {
    position: relative;
    padding: 8vw 8vw 6.6666666667vw;
    background-color: #fff
}

@media (min-width: 1024px) {
    .bl_product .bl_product__1column .bl_product_item_desc {
        padding:min(4.0277777778vw,58px) min(1.9444444444vw,28px) min(2.7777777778vw,40px);
        width: min(25vw,360px)
    }
}

.bl_product .bl_product__1column .bl_product_item_desc .el_text {
    font-size: 4.2666666667vw
}

@media (min-width: 1024px) {
    .bl_product .bl_product__1column .bl_product_item_desc .el_text {
        font-size:min(1.25vw,18px)
    }
}

.bl_product .bl_product__1column .bl_product_item_desc .el_link {
    display: block;
    margin-top: 8vw;
    text-align: right;
    color: #67717a
}

@media (min-width: 1024px) {
    .bl_product .bl_product__1column .bl_product_item_desc .el_link {
        position:absolute;
        right: min(2.7777777778vw,40px);
        bottom: min(2.4305555556vw,35px);
        margin-top: min(2.0833333333vw,30px)
    }
}

.bl_product .bl_product__1column .bl_product_item_name {
    position: static;
    margin-bottom: 4vw;
    color: #393939
}

@media (min-width: 1024px) {
    .bl_product .bl_product__1column .bl_product_item_name {
        margin-bottom:min(2.4305555556vw,35px);
        transition: color .5s
    }
}

.bl_product .bl_product__1column .bl_product_item_name__EN {
    display: block;
    font-size: 6.4vw
}

@media (min-width: 1024px) {
    .bl_product .bl_product__1column .bl_product_item_name__EN {
        font-size:min(1.8055555556vw,26px)
    }
}

.bl_product .bl_product__1column .bl_product_item_name__JP {
    display: block;
    font-size: 3.7333333333vw
}

@media (min-width: 1024px) {
    .bl_product .bl_product__1column .bl_product_item_name__JP {
        font-size:min(1.1111111111vw,16px)
    }
}

@media (min-width: 1024px) {
    .bl_product .bl_product__1column>a:hover .bl_product_item_thumb img {
        transform:scale3d(1.1,1.1,1.1)
    }
}

@media (min-width: 1024px) {
    .bl_product .bl_product__1column>a:hover .bl_product_item_name {
        color:#8c98a2
    }
}

@media (min-width: 1024px) {
    .bl_product .bl_product__1column>a:hover .el_link__arrow:after {
        -webkit-animation:hoverArrowNext 1s cubic-bezier(.22,1,.36,1);
        animation: hoverArrowNext 1s cubic-bezier(.22,1,.36,1)
    }
}

.bl_product .el_btn {
    margin: 13.3333333333vw auto 0
}

@media (min-width: 1024px) {
    .bl_product .el_btn {
        margin-top:min(4.1666666667vw,60px)
    }
}

.bl_casestudy .bl_cardList__2columns .bl_cardList_item {
    margin-top: 0
}

@media (max-width: 1023.98px) {
    .bl_casestudy .bl_casestudy_itemList {
        padding-bottom:14.1333333333vw
    }
}

@media (min-width: 1024px) {
    .bl_casestudy .bl_casestudy_itemList__1item .bl_casestudy_item {
        margin:0 auto
    }
}

@media (min-width: 1024px) {
    .bl_casestudy .bl_casestudy_itemList__2items {
        display:flex
    }
}

.bl_casestudy .bl_casestudy_item {
    width: 100vw
}

@media (min-width: 1024px) {
    .bl_casestudy .bl_casestudy_item {
        position:relative;
        width: 50%;
        background-color: #000
    }
}

.bl_casestudy .bl_casestudy_item+.bl_casestudy_item {
    margin-left: 1px
}

.bl_casestudy .bl_casestudy_item .el_img_gradation {
    overflow: hidden
}

@media (min-width: 1024px) {
    .bl_casestudy .bl_casestudy_item .el_img_gradation {
        transition:opacity .5s
    }
}

@media (min-width: 1024px) {
    .bl_casestudy .bl_casestudy_item .el_img_gradation img {
        transition:transform .5s
    }
}

@media (max-width: 1023.98px) {
    .bl_casestudy .bl_casestudy_item .el_img_gradation:after {
        content:none
    }
}

@media (max-width: 1023.98px) {
    .bl_casestudy .bl_casestudy_item_textArea {
        padding:5.3333333333vw 6.9333333333vw 0
    }
}

@media (min-width: 1024px) {
    .bl_casestudy .bl_casestudy_item_textArea {
        position:absolute;
        z-index: 10;
        bottom: min(2.0833333333vw,30px);
        left: min(3.4722222222vw,50px);
        color: #e5e6e6
    }
}

.bl_casestudy .bl_casestudy_item_name {
    font-size: 6.4vw
}

@media (min-width: 1024px) {
    .bl_casestudy .bl_casestudy_item_name {
        font-size:min(1.8055555556vw,26px)
    }
}

.bl_casestudy .bl_casestudy_item_tag {
    display: inline-block;
    margin-top: 2.4vw;
    padding: .5em 1.35em .2em;
    border-radius: 99999px;
    font-size: 3.2vw
}

@media (max-width: 1023.98px) {
    .bl_casestudy .bl_casestudy_item_tag {
        height:8vw;
        background-color: #fff
    }
}

@media (min-width: 1024px) {
    .bl_casestudy .bl_casestudy_item_tag {
        margin-top:min(.2777777778vw,4px);
        padding: .5em 1.6em .3em;
        border: 1px solid #e5e6e6;
        transition: background-color .5s,color .5s;
        font-size: min(.8333333333vw,12px)
    }
}

@media (min-width: 1024px) {
    .bl_casestudy .bl_casestudy_item>a:hover .el_img_gradation {
        opacity:.7
    }
}

@media (min-width: 1024px) {
    .bl_casestudy .bl_casestudy_item>a:hover .bl_casestudy_item_tag {
        background-color:#e5e6e6;
        color: #393939
    }
}

@media (min-width: 1024px) {
    .bl_casestudy .bl_cardList__2columns .bl_casestudy_item {
        margin-right:0;
        width: calc(50% - .5px)
    }
}

.bl_casestudy .el_btn {
    margin: 8.5333333333vw auto 0
}

@media (min-width: 1024px) {
    .bl_casestudy .el_btn {
        margin-top:min(4.1666666667vw,60px)
    }
}

@media (min-width: 1024px) {
    .bl_catalogGallery .ly_cont_inner {
        display:flex;
        flex-wrap: wrap;
        justify-content: space-between
    }
}

@media (min-width: 1024px) {
    .bl_catalogGallery .bl_catalogGallery_sec {
        display:flex;
        flex-wrap: wrap;
        width: calc(50% - 1px)
    }
}

@media (max-width: 1023.98px) {
    .bl_catalogGallery .bl_catalogGallery_sec+.bl_catalogGallery_sec {
        margin-top:2px
    }
}

@media (min-width: 1024px) {
    .bl_catalogGallery .bl_catalogGallery_sec+.bl_catalogGallery_sec {
        margin-left:2px
    }
}

.bl_catalogGallery .bl_catalogGallery_sec>a {
    display: block;
    width: 100%;
    height: 100%
}

@media (min-width: 1024px) {
    .bl_catalogGallery .bl_catalogGallery_sec>a {
        transition:color .5s
    }
}

@media (min-width: 1024px) {
    .bl_catalogGallery .bl_catalogGallery_sec_inner {
        display:flex;
        flex-wrap: wrap;
        width: 100%
    }
}

@media (min-width: 1024px) {
    .bl_catalogGallery .bl_catalogGallery_sec .bl_catalogGallery_thumb {
        width:min(22.2222222222vw,320px)
    }
}

.bl_catalogGallery .bl_catalogGallery_sec .bl_catalogGallery_thumb img {
    width: 100%
}

.bl_catalogGallery .bl_catalogGallery_sec .bl_catalogGallery_textArea {
    flex: 1 1 0%;
    padding: 5.3333333333vw 7.4666666667vw 16vw;
    background-color: #fff
}

@media (min-width: 1024px) {
    .bl_catalogGallery .bl_catalogGallery_sec .bl_catalogGallery_textArea {
        display:flex;
        flex-direction: column;
        justify-content: center;
        padding: 0 min(3.4722222222vw,50px);
        transition: background-color .5s
    }
}

.bl_catalogGallery .bl_catalogGallery_sec .bl_catalogGallery_heading {
    font-size: 6.4vw;
    font-weight: 300
}

@media (min-width: 1024px) {
    .bl_catalogGallery .bl_catalogGallery_sec .bl_catalogGallery_heading {
        font-size:min(1.8055555556vw,26px)
    }
}

.bl_catalogGallery .bl_catalogGallery_sec .el_btn+.el_btn {
    margin-top: 2.6666666667vw
}

@media (min-width: 1024px) {
    .bl_catalogGallery .bl_catalogGallery_sec .el_btn+.el_btn {
        margin-top:min(.6944444444vw,10px)
    }
}

.bl_catalogGallery .bl_catalogGallery_sec .el_btn__bgcNavy {
    width: 53.3333333333vw;
    height: 8.5333333333vw
}

@media (max-width: 1023.98px) {
    .bl_catalogGallery .bl_catalogGallery_sec .el_btn__bgcNavy {
        margin:5.3333333333vw auto 0
    }
}

@media (min-width: 1024px) {
    .bl_catalogGallery .bl_catalogGallery_sec .el_btn__bgcNavy {
        margin-top:min(1.7361111111vw,25px);
        width: 100%;
        height: min(2.7777777778vw,40px);
        transition: background-color .5s
    }
}

.bl_catalogGallery .bl_catalogGallery_sec .el_btn__bgcNavy>a,.bl_catalogGallery .bl_catalogGallery_sec .el_btn__bgcNavy>input,.bl_catalogGallery .bl_catalogGallery_sec .el_btn__bgcNavy>span {
    padding-top: .2em
}

@media (max-width: 1023.98px) {
    .bl_catalogGallery .bl_catalogGallery_sec .el_btn__bgcNavy>a,.bl_catalogGallery .bl_catalogGallery_sec .el_btn__bgcNavy>input,.bl_catalogGallery .bl_catalogGallery_sec .el_btn__bgcNavy>span {
        font-size:3.7333333333vw
    }
}

.bl_catalogGallery .bl_catalogGallery_sec>a {
    color: #393939
}

@media (min-width: 1024px) {
    .bl_catalogGallery .bl_catalogGallery_sec>a:hover .el_btn__bgcNavy {
        background-color:#8c98a2
    }
}

.bl_useful .bl_useful_tabCont {
    display: none;
    margin-top: 11.2vw
}

@media (min-width: 1024px) {
    .bl_useful .bl_useful_tabCont {
        margin-top:min(3.8194444444vw,55px)
    }
}

.bl_useful .bl_useful_tabCont.is_show {
    display: block
}

.bl_useful .bl_useful_tabCont_heading {
    margin-bottom: 5.3333333333vw;
    text-align: center;
    font-size: 5.3333333333vw
}

@media (min-width: 1024px) {
    .bl_useful .bl_useful_tabCont_heading {
        margin-bottom:min(1.7361111111vw,25px);
        font-size: min(1.5277777778vw,22px)
    }
}

@media (max-width: 1023.98px) {
    .bl_useful .bl_cardList {
        padding-bottom:14.1333333333vw
    }
}

@media (min-width: 1024px) {
    .bl_useful .bl_cardList {
        display:block
    }
}

.bl_useful .bl_cardList .bl_cardList_item+.bl_cardList_item {
    margin-top: 0;
    margin-left: 1px
}

.bl_useful .el_btn {
    margin: 24vw auto 0
}

@media (min-width: 1024px) {
    .bl_useful .el_btn {
        margin-top:min(3.4722222222vw,50px)
    }
}

@media (min-width: 1024px) {
    .bl_useful .el_btn>a {
        padding:.8em 0 .6em;
        font-size: min(.9722222222vw,14px)
    }
}

.bl_news .bl_cardList .bl_cardList_item+.bl_cardList_item {
    margin-top: 0;
    margin-left: 1px
}

@media (min-width: 1024px) {
    .bl_news .bl_cardList .bl_cardList_item:nth-child(4n+1) {
        margin-left:0
    }
}

@media (max-width: 1023.98px) {
    .bl_news .bl_cardList .bl_cardList_item_textArea {
        display:flex;
        flex-direction: column;
        justify-content: space-between
    }
}

.bl_news .el_btn {
    margin: 9.3333333333vw auto 0
}

@media (min-width: 1024px) {
    .bl_news .el_btn {
        margin-top:min(3.4722222222vw,50px)
    }
}

@media (min-width: 1024px) {
    .bl_news .el_btn>a {
        padding:.8em 0 .6em;
        font-size: min(.9722222222vw,14px)
    }
}

.bl_contact {
    margin-bottom: -32vw
}

@media (min-width: 1024px) {
    .bl_contact {
        margin-bottom:max(-11.1111111111vw,-160px)
    }
}

.bl_contact .bl_contact_cont {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    position: relative;
    width: 100%;
    height: 138.6666666667vw;
    background: url(/assets/img/common/contact_bg_img_sm.jpg) no-repeat top/cover;
    text-align: center;
    color: #e5e6e6
}

@media (min-width: 1024px) {
    .bl_contact .bl_contact_cont {
        height:min(33.3333333333vw,480px);
        background: url(/assets/img/common/contact_bg_img_lg.jpg) no-repeat top/cover
    }
}

.bl_contact .bl_contact_cont_ttl {
    margin-bottom: 4vw;
    font-size: 9.0666666667vw;
    font-weight: 300;
    line-height: 1.4285714286
}

@media (min-width: 1024px) {
    .bl_contact .bl_contact_cont_ttl {
        margin-bottom:min(1.7361111111vw,25px);
        font-size: min(3.0555555556vw,44px);
        line-height: 1
    }
}

.bl_contact .bl_contact_cont .el_btn {
    margin: 9.3333333333vw auto 0
}

@media (max-width: 1023.98px) {
    .bl_contact .bl_contact_cont .el_btn {
        height:19.2vw
    }
}

@media (min-width: 1024px) {
    .bl_contact .bl_contact_cont .el_btn {
        margin-top:min(3.8194444444vw,55px)
    }
}

@media (max-width: 1023.98px) {
    .js_carousel__pickup .bl_pickup_article {
        position:relative
    }
}

@media (max-width: 1023.98px) {
    .js_carousel__pickup .slick-slide:not(.slick-center).bl_pickup_article:before {
        content:"";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }
}

@media (max-width: 1023.98px) {
    .js_carousel__useful .bl_cardList_item {
        position:relative
    }
}

@media (max-width: 1023.98px) {
    .js_carousel__useful .slick-slide:not(.slick-center).bl_cardList_item:before {
        content:"";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }
}

@media (min-width: 1024px) {
    .js_carousel__useful .slick-prev {
        right:min(7.6388888889vw,110px)
    }
}

@media (min-width: 1024px) {
    .js_carousel__useful .slick-next {
        right:0
    }
}

@media (min-width: 1024px) {
    .js_carousel__useful .slick-counter {
        right:min(15.9722222222vw,230px)
    }
}

@media (max-width: 1023.98px) {
    .js_carousel__news .bl_cardList_item {
        position:relative
    }
}

@media (max-width: 1023.98px) {
    .js_carousel__news .slick-slide:not(.slick-center).bl_cardList_item:before {
        content:"";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }
}

#cookie_agreement {
    display: none;
    box-sizing: border-box;
    position: fixed;
    z-index: 10000000000;
    bottom: 0;
    left: 0;
    padding: 6.6666666667vw 0;
    border-top: 1px solid rgba(140,152,162,.3);
    width: 100%;
    background: #fff
}

@media (min-width: 1024px) {
    #cookie_agreement {
        padding:min(1.7361111111vw,25px) min(18.3333333333vw,264px) min(1.5277777778vw,22px) min(1.7361111111vw,25px)
    }
}

#cookie_agreement>a {
    display: block;
    right: 4vw;
    margin: 2.6666666667vw auto 0;
    padding: 2.1333333333vw 0 1.6vw;
    width: 85.3333333333vw;
    background: #67717a;
    text-align: center;
    text-decoration: none;
    color: #fff;
    font-size: 2.9333333333vw
}

@media (min-width: 1024px) {
    #cookie_agreement>a {
        position:absolute;
        top: 50%;
        right: min(1.6666666667vw,24px);
        margin: 0;
        padding: min(.6944444444vw,10px) 0 min(.5555555556vw,8px);
        width: min(15.2777777778vw,220px);
        transition: .3s;
        transform: translateY(-50%);
        font-size: min(.8333333333vw,12px)
    }
}

@media (min-width: 1024px) {
    #cookie_agreement>a:hover {
        opacity:.7
    }
}

#cookie_agreement p {
    font-size: 2.6666666667vw;
    line-height: 1.5em
}

@media (max-width: 1023.98px) {
    #cookie_agreement p {
        margin:0 auto;
        width: 85.3333333333vw
    }
}

@media (min-width: 1024px) {
    #cookie_agreement p {
        font-size:min(.8333333333vw,12px)
    }
}

#cookie_agreement p.text {
    margin-top: 1.0666666667vw;
    font-size: 2.6666666667vw
}

@media (min-width: 1024px) {
    #cookie_agreement p.text {
        margin-top:min(.2777777778vw,4px);
        font-size: min(.7638888889vw,11px)
    }
}

@media (min-width: 1024px) {
    #cookie_agreement p.text a {
        text-decoration:none
    }
}

main:not(.un_top) {
    padding-top: 19.2vw
}

@media (min-width: 1024px) {
    main:not(.un_top) {
        padding-top:68px
    }
}

.ly_cont {
    padding: 21.3333333333vw 0 32vw
}

@media (min-width: 1024px) {
    .ly_cont {
        padding:min(8.3333333333vw,120px) 0 min(11.1111111111vw,160px)
    }
}

.ly_cont__bgcWhite {
    padding-bottom: 26.6666666667vw;
    background-color: #fff
}

@media (min-width: 1024px) {
    .ly_cont__bgcWhite {
        padding-bottom:min(8.3333333333vw,120px)
    }
}

.ly_cont_inner {
    margin: 0 auto;
    width: 85.3333333333vw
}

@media (min-width: 1024px) {
    .ly_cont_inner {
        width:min(88.8888888889vw,1280px)
    }
}

.ly_cont_inner_02 {
    margin: 0 auto;
    width: 85.3333333333vw
}

@media (min-width: 1024px) {
    .ly_cont_inner_02 {
        width:min(61.1111111111vw,880px)
    }
}

.ly_cont_inner_03 {
    width: 100%
}

@media (min-width: 1024px) {
    .ly_cont_inner_03 {
        margin:0 auto;
        width: min(100vw,1440px)
    }
}

.ly_sec+.ly_sec {
    padding-top: 26.6666666667vw
}

@media (min-width: 1024px) {
    .ly_sec+.ly_sec {
        padding-top:min(9.7222222222vw,140px)
    }
}

.ly_breadcrumb {
    border-top: 1px solid rgba(140,152,162,.3)
}

.ly_breadcrumb ul {
    display: flex;
    overflow: auto;
    margin: 0 auto;
    padding: 1.1em 4.8vw 1em;
    white-space: nowrap
}

@media (min-width: 1024px) {
    .ly_breadcrumb ul {
        padding:1.1em 0 1em;
        width: min(88.8888888889vw,1280px)
    }
}

.ly_breadcrumb ul>li {
    position: relative;
    font-size: 2.9333333333vw
}

@media (min-width: 1024px) {
    .ly_breadcrumb ul>li {
        font-size:min(.9027777778vw,13px)
    }
}

.ly_breadcrumb ul>li+li {
    margin-left: 3.2vw;
    padding-left: 9.3333333333vw
}

@media (min-width: 1024px) {
    .ly_breadcrumb ul>li+li {
        margin-left:min(1.3888888889vw,20px);
        padding-left: min(3.8194444444vw,55px)
    }
}

.ly_breadcrumb ul>li+li:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 44%;
    left: 0;
    width: 6.4vw;
    height: 1.0666666667vw;
    transform: translateY(-50%);
    background: url(/assets/img/common/icon_arrow_navy_sm.svg) no-repeat 0 0/100% auto
}

@media (min-width: 1024px) {
    .ly_breadcrumb ul>li+li:before {
        width:min(2.5vw,36px);
        height: min(.2777777778vw,4px);
        background: url(/assets/img/common/icon_arrow_navy_lg.svg) no-repeat 0 0/100% auto
    }
}

.ly_breadcrumb ul>li>a {
    transition: .3s
}

.ly_footer_inner .el_link,.ly_header_inner .el_link {
    color: #fff
}

@media (min-width: 1024px) {
    .ly_footer_inner .el_link__lineHidden .el_link_line,.ly_header_inner .el_link__lineHidden .el_link_line {
        background:url(/assets/img/common/link_line_white.png) no-repeat 100% 100%;
        background-size: 0 1px
    }
}

@media (min-width: 1024px) {
    .ly_footer_inner .el_link__lineHidden:hover .el_link_line,.ly_header_inner .el_link__lineHidden:hover .el_link_line {
        background-position:0 100%;
        background-size: 100% 1px
    }
}

@media (max-width: 1023.98px) {
    .bl_menu {
        margin:0 auto;
        width: 85.3333333333vw
    }
}

@media (min-width: 1024px) {
    .bl_menu_inner {
        display:flex;
        justify-content: space-between;
        margin: 0 auto;
        padding-bottom: min(5.9027777778vw,85px)
    }
}

@media (max-width: 1023.98px) {
    .bl_menu_itemList {
        margin-top:1.3333333333vw
    }
}

@media (min-width: 1024px) {
    .bl_menu_itemList {
        width:min(38.8888888889vw,560px)
    }
}

.bl_menu_itemList>li {
    border-bottom: 1px solid hsla(0,0%,100%,.3)
}

.bl_menu_itemList>li>a,.bl_menu_itemList>li>span {
    display: block;
    position: relative;
    padding: 4vw 0 2.6666666667vw;
    width: 100%;
    height: 100%;
    color: #fff
}

@media (min-width: 1024px) {
    .bl_menu_itemList>li>a,.bl_menu_itemList>li>span {
        padding:min(2.7777777778vw,40px) 0 min(.6944444444vw,10px)
    }
}

.bl_menu_itemList>li>a .el_text__EN,.bl_menu_itemList>li>span .el_text__EN {
    margin-right: .65em;
    font-size: 5.3333333333vw
}

@media (min-width: 1024px) {
    .bl_menu_itemList>li>a .el_text__EN,.bl_menu_itemList>li>span .el_text__EN {
        font-size:min(2.2222222222vw,32px)
    }
}

.bl_menu_itemList>li>a .el_text__JP,.bl_menu_itemList>li>span .el_text__JP {
    opacity: .9;
    font-size: 3.2vw
}

@media (min-width: 1024px) {
    .bl_menu_itemList>li>a .el_text__JP,.bl_menu_itemList>li>span .el_text__JP {
        font-size:min(1.1111111111vw,16px)
    }
}

.bl_menu_itemList>li>a {
    transition: opacity .5s
}

.bl_menu_itemList>li>a:after {
    content: "";
    display: block;
    position: absolute;
    top: 7.2vw;
    right: 0;
    width: 6.4vw;
    height: 1.3333333333vw;
    transform-origin: left;
    background: url(/assets/img/common/icon_arrow_white_header_sm.svg) no-repeat 100%/cover
}

@media (min-width: 1024px) {
    .bl_menu_itemList>li>a:after {
        top:min(4.5833333333vw,66px);
        width: min(2.5vw,36px);
        height: min(.3472222222vw,5px);
        transition: .5s;
        background: url(/assets/img/common/icon_arrow_white_header_lg.svg) no-repeat 100%/cover
    }
}

@media (min-width: 1024px) {
    .bl_menu_itemList>li>a:hover {
        opacity:.6
    }
}

@media (min-width: 1024px) {
    .bl_menu_itemList>li>a:hover:after {
        -webkit-animation:hoverArrowNext 1s cubic-bezier(.22,1,.36,1);
        animation: hoverArrowNext 1s cubic-bezier(.22,1,.36,1)
    }
}

@media (max-width: 1023.98px) {
    .bl_menu_itemList>li.el_menu_with3rdMenu>a,.bl_menu_itemList>li.el_menu_with3rdMenu>span {
        padding-bottom:.5333333333vw
    }
}

@media (max-width: 1023.98px) {
    .bl_menu_itemList_inner {
        padding-bottom:4vw
    }
}

.bl_menu_itemList_inner>li>a {
    display: block;
    position: relative;
    padding: .4em 0 .4em 5.3333333333vw;
    width: 100%;
    height: 100%;
    color: #fff;
    font-size: 3.2vw
}

@media (min-width: 1024px) {
    .bl_menu_itemList_inner>li>a {
        padding:min(.3194444444vw,4.6px) 0 min(.3194444444vw,4.6px) min(1.6666666667vw,24px);
        font-size: min(1.1111111111vw,16px)
    }
}

.bl_menu_itemList_inner>li>a:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 2.6666666667vw;
    height: 1px;
    transform: translateY(-50%);
    background-color: #fff
}

@media (min-width: 1024px) {
    .bl_menu_itemList_inner>li>a:before {
        width:min(.5555555556vw,8px)
    }
}

@media (max-width: 1023.98px) {
    .bl_menu_other {
        margin-top:13.3333333333vw
    }
}

@media (min-width: 1024px) {
    .bl_menu_other {
        width:min(27.7777777778vw,400px)
    }
}

@media (max-width: 1023.98px) {
    .bl_menu_other .bl_search_product_form {
        display:none
    }
}

@media (min-width: 1024px) {
    .bl_menu_other .bl_search_product_form input[type=text]::-moz-placeholder,.bl_menu_other .bl_search_product_form textarea::-moz-placeholder {
        font-size:min(1.1111111111vw,16px)
    }

    .bl_menu_other .bl_search_product_form input[type=text]::placeholder,.bl_menu_other .bl_search_product_form textarea::placeholder {
        font-size: min(1.1111111111vw,16px)
    }
}

@media (min-width: 1024px) {
    .bl_menu_other .bl_search_product_form {
        padding-top:min(4.1666666667vw,60px)
    }
}

@media (min-width: 1024px) {
    .bl_menu_other .bl_search_product_form .search_str .text_input {
        padding:min(.7638888889vw,11px) 0
    }
}

.bl_menu_other .bl_search_product_btn {
    margin-top: 8vw;
    border: none;
    height: 12.8vw
}

@media (min-width: 1024px) {
    .bl_menu_other .bl_search_product_btn {
        margin-top:min(3.4722222222vw,50px);
        width: 100%;
        height: min(4.4444444444vw,64px);
        font-size: min(1.1111111111vw,16px)
    }
}

@media (min-width: 1024px) {
    .bl_menu_other .bl_search_product_btn a {
        font-size:min(1.1111111111vw,16px)
    }
}

.bl_menu_other .bl_search_product_btn:after {
    width: 6.4vw;
    height: 1.3333333333vw
}

@media (min-width: 1024px) {
    .bl_menu_other .bl_search_product_btn:after {
        width:min(3.1944444444vw,46px);
        height: min(.3472222222vw,5px)
    }
}

@media (min-width: 1024px) {
    .bl_menu_itemList02 {
        margin-top:min(3.125vw,45px)
    }
}

@media (min-width: 1024px) {
    .bl_menu_itemList02>li>a,.bl_menu_itemList02>li>span {
        display:block;
        padding: .5em 0;
        width: 100%;
        height: 100%;
        color: #fff;
        font-size: min(1.3888888889vw,20px)
    }
}

@media (min-width: 1024px) {
    .bl_menu_itemList02>li.el_menu_with3rdMenu>a,.bl_menu_itemList02>li.el_menu_with3rdMenu>span {
        padding-bottom:min(.5555555556vw,8px)
    }
}

.bl_menuBottomArea {
    padding: 8vw 6.6666666667vw;
    background-color: #8c98a2
}

@media (min-width: 1024px) {
    .bl_menuBottomArea {
        padding:0 80px;
        width: 100%;
        color: #fff
    }
}

@media (min-width: 1024px) {
    .bl_menuBottomArea_inner {
        display:flex;
        align-items: center;
        justify-content: space-between;
        border-top: 1px solid hsla(0,0%,100%,.3);
        height: 80px
    }
}

@media (min-width: 1024px) {
    .bl_menuBottomArea_copy {
        font-size:14px
    }
}

.bl_menuBottomArea_menu {
    display: flex;
    flex-wrap: wrap
}

@media (min-width: 1024px) {
    .bl_menuBottomArea_menu {
        font-size:12px
    }
}

.bl_menuBottomArea_menu>li {
    position: relative;
    letter-spacing: 0
}

@media (max-width: 1023.98px) {
    .bl_menuBottomArea_menu>li {
        width:50%;
        font-size: 2.9333333333vw;
        line-height: 3.2vw
    }
}

@media (min-width: 1024px) {
    .bl_menuBottomArea_menu>li {
        font-size:min(.7638888889vw,11px)
    }
}

.bl_menuBottomArea_menu>li+li:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 3.2vw;
    transform: translateY(-50%);
    background-color: hsla(0,0%,100%,.3)
}

@media (min-width: 1024px) {
    .bl_menuBottomArea_menu>li+li:before {
        height:min(.5555555556vw,8px)
    }
}

@media (min-width: 1024px) {
    .bl_menuBottomArea_menu>li+li {
        margin-left:18px;
        padding-left: 18px
    }
}

@media (max-width: 1023.98px) {
    .bl_menuBottomArea_menu>li:nth-child(2n) {
        padding-left:3.4666666667vw
    }
}

@media (max-width: 1023.98px) {
    .bl_menuBottomArea_menu>li:nth-child(n+3) {
        margin-top:5.8666666667vw
    }
}

.bl_menuBottomArea_menu>li>a {
    transition: .5s;
    color: #fff
}

.bl_menuBottomArea_menu>li>a[target=_blank] {
    position: relative
}

.bl_menuBottomArea_menu>li>a[target=_blank]:after {
    content: "";
    display: inline-block;
    margin: 0 0 .1em .4em;
    width: 4vw;
    height: 3.4666666667vw;
    background: url(/assets/img/common/icon_blank_white.svg) no-repeat 0 0/100% auto;
    vertical-align: middle
}

@media (min-width: 1024px) {
    .bl_menuBottomArea_menu>li>a[target=_blank]:after {
        width:min(1.1805555556vw,17px);
        height: min(1.0416666667vw,15px)
    }
}

@media (min-width: 1024px) {
    .bl_menuBottomArea_menu>li>a:hover {
        opacity:.4
    }
}

@media (min-width: 1024px) {
    .bl_menuBottomArea_rightBlock {
        display:flex;
        align-items: center
    }
}

.bl_menuBottomArea_snsList {
    display: flex;
    align-items: center;
    justify-content: center
}

.bl_menuBottomArea_snsList>li {
    width: 6.4vw
}

@media (min-width: 1024px) {
    .bl_menuBottomArea_snsList>li {
        width:24px
    }
}

.bl_menuBottomArea_snsList>li+li {
    margin-left: 8.5333333333vw
}

@media (min-width: 1024px) {
    .bl_menuBottomArea_snsList>li+li {
        margin-left:32px
    }
}

.bl_menuBottomArea_snsList>li img {
    width: 100%
}

.bl_menuBottomArea_snsList>li a {
    transition: opacity .5s
}

@media (min-width: 1024px) {
    .bl_menuBottomArea_snsList>li a:hover {
        opacity:.4
    }
}

.ly_header,body.headerMenu_is_open {
    position: fixed;
    width: 100%
}

.ly_header {
    z-index: 2000;
    top: 0;
    border-bottom: 1px solid rgba(140,152,162,.3);
    height: 19.2vw;
    transition: transform .5s,background-color .3s;
    background-color: #e5e6e6
}

@media (min-width: 1024px) {
    .ly_header {
        height:68px
    }
}

.header_is_hidden .ly_header {
    overflow: hidden;
    transform: translateY(-100%)
}

.header_is_hidden .ly_header .el_languageSwitch {
    opacity: 0
}

.headerMenu_is_open .ly_header {
    overflow: auto;
    height: 100%;
    background-color: #8c98a2
}

.el_languageSwitch {
    position: relative;
    margin-top: 8.8vw;
    width: 15.2vw;
    transition: opacity .3s,background-color .3s
}

@media (min-width: 1024px) {
    .el_languageSwitch {
        margin-top:36px;
        width: 57px
    }
}

.el_languageSwitch_btn {
    position: relative;
    padding: 1.0666666667vw 0 0 2.1333333333vw;
    width: 15.2vw;
    height: 9.6vw;
    transition: background-color .3s,color .3s;
    color: #67717a;
    font-size: 4.5333333333vw;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

@media (min-width: 1024px) {
    .el_languageSwitch_btn {
        padding:4px 0 0 8px;
        width: 57px;
        height: 36px;
        cursor: pointer;
        font-size: 17px
    }
}

.el_languageSwitch_btn>a {
    display: block
}

.el_languageSwitch_btn:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: calc(50% - .53333vw);
    right: 2.6666666667vw;
    border-right: 1px solid #67717a;
    border-bottom: 1px solid #67717a;
    width: 2.1333333333vw;
    height: 2.1333333333vw;
    transform: translateY(-50%) rotate(45deg)
}

@media (min-width: 1024px) {
    .el_languageSwitch_btn:after {
        top:calc(50% - 2px);
        right: 10px;
        width: 8px;
        height: 8px;
        transition: border-color .3s
    }
}

.el_languageSwitch_itemList {
    visibility: hidden;
    opacity: 0
}

@media (min-width: 1024px) {
    .el_languageSwitch_itemList {
        transition:.3s
    }
}

.el_languageSwitch_itemList>li {
    width: 15.2vw;
    height: 9.6vw
}

@media (min-width: 1024px) {
    .el_languageSwitch_itemList>li {
        width:57px;
        height: 36px
    }
}

.el_languageSwitch_itemList>li>a {
    display: block;
    padding: 1.0666666667vw 0 0 2.1333333333vw;
    color: #fff;
    font-size: 4.5333333333vw
}

@media (min-width: 1024px) {
    .el_languageSwitch_itemList>li>a {
        padding:4px 0 0 8px;
        transition: opacity .3s;
        font-size: 17px
    }
}

@media (min-width: 1024px) {
    .el_languageSwitch_itemList>li>a:hover {
        opacity:.6
    }
}

@media (min-width: 1024px) {
    .el_languageSwitch:hover {
        background-color:rgba(53,61,67,.45)
    }
}

@media (min-width: 1024px) {
    .el_languageSwitch:hover .el_languageSwitch_btn {
        color:#fff
    }
}

@media (min-width: 1024px) {
    .el_languageSwitch:hover .el_languageSwitch_btn:after {
        border-color:#fff
    }
}

@media (min-width: 1024px) {
    .el_languageSwitch:hover .el_languageSwitch_itemList {
        visibility:visible;
        opacity: 1
    }
}

.el_languageSwitch.show {
    background-color: rgba(53,61,67,.45)
}

@media (max-width: 1023.98px) {
    .el_languageSwitch.show .el_languageSwitch_btn {
        color:#fff
    }
}

@media (max-width: 1023.98px) {
    .el_languageSwitch.show .el_languageSwitch_btn:after {
        border-color:#fff
    }
}

@media (max-width: 1023.98px) {
    .el_languageSwitch.show .el_languageSwitch_itemList {
        visibility:visible;
        opacity: 1
    }
}

.headerMenu_is_open .el_languageSwitch_btn {
    color: #fff
}

.headerMenu_is_open .el_languageSwitch_btn:after {
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff
}

.bl_headerBar .el_languageSwitch {
    margin-right: 4vw
}

@media (min-width: 1024px) {
    .bl_headerBar .el_languageSwitch {
        margin-right:20px
    }
}

@media (min-width: 1024px) {
    .headerMenu_is_open .bl_headerBar .el_languageSwitch {
        display:none
    }
}

@media (min-width: 1024px) {
    .bl_menuBottomArea .el_languageSwitch {
        margin-right:45px;
        padding-top: 8px
    }
}

.bl_headerBar {
    display: flex;
    justify-content: space-between;
    position: relative;
    padding: 0 6.4vw 0 3.7333333333vw;
    height: 19.2vw
}

@media (min-width: 1024px) {
    .bl_headerBar {
        padding:0 50px;
        height: 68px
    }
}

.headerMenu_is_open.header_is_hidden .bl_headerBar {
    transform: translateY(0)
}

@media (min-width: 1024px) {
    .headerMenu_is_open .bl_headerBar {
        align-items:flex-start
    }
}

@media (max-width: 1023.98px) {
    .bl_headerBar_logo {
        margin-top:1.0666666667vw
    }
}

.bl_headerBar_logo>a {
    display: block;
    overflow: hidden;
    width: 14.9333333333vw;
    height: 14.9333333333vw;
    transition: opacity .3s;
    background: url(/assets/img/common/logo_saliot_black.svg) no-repeat 0 0/100% auto;
    white-space: nowrap;
    text-indent: 100%
}

@media (min-width: 1024px) {
    .bl_headerBar_logo>a {
        width:60px;
        height: 60px
    }
}

@media (min-width: 1024px) {
    .headerMenu_is_open .bl_headerBar_logo {
        position:fixed;
        top: min(1.0416666667vw,15px);
        left: min(2.0833333333vw,30px)
    }
}

.headerMenu_is_open .bl_headerBar_logo>a {
    background: url(/assets/img/common/logo_saliot_white.svg) no-repeat 0 0/100% auto
}

@media (min-width: 1024px) {
    .headerMenu_is_open .bl_headerBar_logo>a {
        width:min(7.7777777778vw,112px);
        height: min(7.7777777778vw,112px)
    }
}

.bl_headerBar_rightBlock {
    display: flex;
    align-items: center;
    position: relative;
    margin-right: -2.1333333333vw
}

@media (min-width: 1024px) {
    .bl_headerBar_rightBlock {
        margin-right:0;
        font-size: min(.9027777778vw,13px)
    }
}

.bl_headerBar_rightBlock .bl_headerBar {
    padding-top: 0;
    padding-right: 4.2666666667vw
}

.bl_headerBar_rightBlock .bl_headerBar_search {
    position: absolute;
    right: calc(100% + min(.9722222222vw, 14px))
}

.bl_headerBar_rightBlock .bl_headerBar_search .search_str {
    position: relative;
    padding-bottom: min(.2777777778vw,4px);
    border-bottom: none
}

.bl_headerBar_rightBlock .bl_headerBar_search .search_str:after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    height: 1px;
    transition: width 1s cubic-bezier(.22,1,.36,1);
    background-color: #393939
}

.bl_headerBar_rightBlock .bl_headerBar_search .search_str .text_input {
    opacity: 0;
    padding-top: 0;
    padding-bottom: 0;
    width: 0;
    transition: width 1.12s cubic-bezier(.22,1,.36,1),opacity .5s .3s;
    font-size: min(.9027777778vw,13px)
}

.bl_headerBar_rightBlock .bl_headerBar_search .search_str .submit_button {
    margin-right: 0;
    margin-left: 0;
    width: min(1.3888888889vw,20px)
}

.bl_headerBar_rightBlock .bl_headerBar_search .search_str.is_show:after {
    width: 100%
}

.bl_headerBar_rightBlock .bl_headerBar_search .search_str.is_show .text_input {
    opacity: 1;
    width: min(15.2777777778vw,220px)
}

@media (min-width: 1024px) {
    .bl_headerBar_rightBlock .bl_headerBar_search:hover .search_str:after {
        width:100%
    }

    .bl_headerBar_rightBlock .bl_headerBar_search:hover .search_str .text_input {
        opacity: 1;
        width: min(15.2777777778vw,220px)
    }
}

.bl_headerBar_rightBlock .bl_headerBar_search .bl_headerBar_btnMenu span {
    background-color: #fff
}

.headerMenu_is_open .bl_headerBar_search {
    display: none
}

@media (min-width: 1024px) {
    .bl_headerBar_btnList {
        display:flex;
        margin-right: 29px
    }
}

.bl_headerBar_btnList .el_btn {
    border: none
}

@media (min-width: 1024px) {
    .bl_headerBar_btnList .el_btn {
        width:110px;
        height: 36px
    }
}

@media (min-width: 1024px) {
    .bl_headerBar_btnList .el_btn+.el_btn {
        margin-left:1px
    }
}

.bl_headerBar_btnList .el_btn a {
    font-weight: 500
}

@media (min-width: 1024px) {
    .bl_headerBar_btnList .el_btn a {
        font-size:12px
    }
}

.bl_headerBar_btnList .el_btn__bgcWhite {
    background-color: #e5e6e6
}

@media (min-width: 1024px) {
    .bl_headerBar_btnList .el_btn__bgcWhite:hover {
        background-color:#67717a
    }
}

@media (min-width: 1024px) {
    .bl_headerBar_btnList .el_btn__bgcWhite:hover a,.bl_headerBar_btnList .el_btn__bgcWhite:hover input {
        color:#fff
    }
}

.headerMenu_is_open .bl_headerBar_btnList {
    display: none
}

.bl_headerBar_btnMenu_wrap {
    display: flex;
    align-items: center;
    height: 100%
}

.bl_headerBar_btnMenu {
    position: relative;
    width: 11.7333333333vw;
    height: 11.7333333333vw;
    min-height: 0
}

@media (min-width: 1024px) {
    .bl_headerBar_btnMenu {
        width:44px;
        height: 44px;
        cursor: pointer
    }
}

.bl_headerBar_btnMenu span {
    display: inline-block;
    position: absolute;
    left: 50%;
    width: 100%;
    height: 1px;
    transition: .3s;
    transform: translateX(-50%);
    background-color: #67717a
}

.bl_headerBar_btnMenu span:first-child {
    top: 37%
}

.bl_headerBar_btnMenu span:last-child {
    bottom: 37%
}

@media (min-width: 1024px) {
    .headerMenu_is_open .bl_headerBar_btnMenu {
        position:fixed;
        top: 21px;
        right: 50px;
        height: 44px
    }
}

.headerMenu_is_open .bl_headerBar_btnMenu span {
    width: 11.7333333333vw;
    background-color: #fff
}

@media (min-width: 1024px) {
    .headerMenu_is_open .bl_headerBar_btnMenu span {
        width:44px
    }
}

.headerMenu_is_open .bl_headerBar_btnMenu span:first-child {
    top: 50%;
    transform: translate(-50%,-50%) rotate(45deg)
}

.headerMenu_is_open .bl_headerBar_btnMenu span:last-child {
    top: 50%;
    bottom: auto;
    transform: translate(-50%,-50%) rotate(-45deg)
}

.bl_headerCont {
    display: none;
    visibility: hidden;
    opacity: 0
}

.headerMenu_is_open .bl_headerCont {
    display: block;
    visibility: visible;
    opacity: 1
}

@media (min-width: 1024px) {
    .ly_header .bl_menu_inner {
        width:min(77.7777777778vw,1120px)
    }
}

@media (min-width: 1024px) {
    .ly_header .bl_menu {
        padding:calc(min(10.2777777778vw, 148px) - 68px) 0
    }
}

@media (min-width: 1024px) {
    .ly_header .bl_menuBottomArea {
        position:fixed;
        bottom: 0
    }
}

.ly_footer_inner {
    padding-top: 9.3333333333vw;
    background-color: #8c98a2
}

@media (min-width: 1024px) {
    .ly_footer_inner {
        padding-top:min(3.3333333333vw,48px)
    }
}

@media (min-width: 1024px) {
    .bl_footerCont {
        display:flex;
        margin: 0 auto;
        width: min(88.8888888889vw,1280px)
    }
}

@media (min-width: 1024px) {
    .bl_footer_info {
        width:min(35.0694444444vw,505px)
    }
}

.bl_footer_info_logo {
    width: 29.8666666667vw
}

@media (max-width: 1023.98px) {
    .bl_footer_info_logo {
        margin:0 auto
    }
}

@media (min-width: 1024px) {
    .bl_footer_info_logo {
        margin-left:max(-.9027777778vw,-13px);
        padding-top: min(1.25vw,18px);
        width: min(9.0277777778vw,130px)
    }
}

.bl_footer_info_logo>a {
    display: block
}

.bl_footer_info_text {
    margin-top: 5.3333333333vw;
    color: #fff;
    font-size: 3.2vw
}

@media (max-width: 1023.98px) {
    .bl_footer_info_text {
        text-align:center
    }
}

@media (min-width: 1024px) {
    .bl_footer_info_text {
        margin-top:min(2.7777777778vw,40px);
        font-size: min(.8333333333vw,12px)
    }
}

@media (min-width: 1024px) {
    .ly_footer .bl_menu {
        flex:1 1 0%
    }
}

@media (max-width: 1023.98px) {
    .ly_footer .bl_menu_itemList {
        margin-top:8vw
    }
}

@media (min-width: 1024px) {
    .ly_footer .bl_menu_itemList {
        width:min(26.3888888889vw,380px)
    }
}

@media (min-width: 1024px) {
    .ly_footer .bl_menu_itemList>li>a,.ly_footer .bl_menu_itemList>li>span {
        padding:min(1.7361111111vw,25px) 0 min(.3472222222vw,5px)
    }
}

@media (min-width: 1024px) {
    .ly_footer .bl_menu_itemList>li>a .el_text__EN,.ly_footer .bl_menu_itemList>li>span .el_text__EN {
        font-size:min(1.5277777778vw,22px)
    }
}

@media (min-width: 1024px) {
    .ly_footer .bl_menu_itemList>li>a .el_text__JP,.ly_footer .bl_menu_itemList>li>span .el_text__JP {
        font-size:min(.8333333333vw,12px)
    }
}

.ly_footer .bl_menu_itemList>li>a:after {
    width: 6.4vw;
    height: 1.3333333333vw;
    background: url(/assets/img/common/icon_arrow_white_footer_sm.svg) no-repeat 100%/cover
}

@media (min-width: 1024px) {
    .ly_footer .bl_menu_itemList>li>a:after {
        top:min(3.125vw,45px);
        right: 0;
        width: min(2.1527777778vw,31px);
        height: min(.3472222222vw,5px);
        background: url(/assets/img/common/icon_arrow_white_footer_lg.svg) no-repeat 100%/cover
    }
}

@media (max-width: 1023.98px) {
    .ly_footer .bl_menu_itemList_inner {
        padding-bottom:4vw
    }
}

.ly_footer .bl_menu_itemList_inner>li>a {
    font-size: 3.2vw
}

@media (min-width: 1024px) {
    .ly_footer .bl_menu_itemList_inner>li>a {
        padding:min(.1041666667vw,1.5px) 0 min(.1041666667vw,1.5px) min(1.6666666667vw,24px);
        font-size: min(.8333333333vw,12px)
    }
}

@media (min-width: 1024px) {
    .ly_footer .bl_menu_other {
        width:min(22.2222222222vw,320px)
    }
}

.ly_footer .bl_menu_other .bl_search_product_btn {
    border: none
}

@media (min-width: 1024px) {
    .ly_footer .bl_menu_other .bl_search_product_btn {
        margin-top:min(2.6388888889vw,38px);
        height: min(3.3333333333vw,48px)
    }
}

@media (min-width: 1024px) {
    .ly_footer .bl_menu_other .bl_search_product_btn a {
        font-size:min(.9722222222vw,14px)
    }
}

.ly_footer .bl_menu_other .bl_search_product_btn:after {
    width: 6.4vw;
    height: 1.3333333333vw;
    background: url(/assets/img/common/icon_arrow_navy_footer_sm.svg) no-repeat 100%/cover
}

@media (min-width: 1024px) {
    .ly_footer .bl_menu_other .bl_search_product_btn:after {
        width:min(2.1527777778vw,31px);
        height: min(.3472222222vw,5px);
        background: url(/assets/img/common/icon_arrow_navy_footer_lg.svg) no-repeat 100%/cover
    }
}

.ly_footer .bl_menu_other .bl_search_product_btn:hover:after {
    background: url(/assets/img/common/icon_arrow_white_footer_sm.svg) no-repeat 100%/cover
}

@media (min-width: 1024px) {
    .ly_footer .bl_menu_other .bl_search_product_btn:hover:after {
        background:url(/assets/img/common/icon_arrow_white_footer_lg.svg) no-repeat 100%/cover
    }
}

@media (min-width: 1024px) {
    .ly_footer .bl_menu_itemList02 {
        margin-top:min(2.0833333333vw,30px)
    }
}

@media (min-width: 1024px) {
    .ly_footer .bl_menu_itemList02>li>a,.ly_footer .bl_menu_itemList02>li>span {
        padding:.3em 0;
        font-size: min(1.1111111111vw,16px)
    }
}

@media (min-width: 1024px) {
    .ly_footer .bl_menu_itemList02>li.el_menu_with3rdMenu>a,.ly_footer .bl_menu_itemList02>li.el_menu_with3rdMenu>span {
        padding-bottom:min(.1388888889vw,2px)
    }
}

.ly_footer .bl_menuBottomArea {
    padding: 10.6666666667vw 8vw 10.1333333333vw
}

@media (min-width: 1024px) {
    .ly_footer .bl_menuBottomArea {
        margin:0 auto;
        padding: 0;
        width: min(88.8888888889vw,1280px)
    }
}

@media (min-width: 1024px) {
    .ly_footer .bl_menuBottomArea_inner {
        height:70px
    }
}

@media (max-width: 1023.98px) {
    .ly_footer .bl_menuBottomArea_snsList {
        margin-top:13.3333333333vw
    }
}

.ly_footer_menuBottomArea {
    padding: 5.3333333333vw 0
}

@media (min-width: 1024px) {
    .ly_footer_menuBottomArea {
        display:flex;
        align-items: center;
        justify-content: space-between;
        margin: 0 auto;
        padding: min(1.0416666667vw,15px) 0;
        width: min(88.8888888889vw,1280px)
    }
}

.ly_footer_menuBottomArea .ly_footer_logo {
    width: 53.3333333333vw
}

@media (max-width: 1023.98px) {
    .ly_footer_menuBottomArea .ly_footer_logo {
        margin:0 auto
    }
}

@media (min-width: 1024px) {
    .ly_footer_menuBottomArea .ly_footer_logo {
        width:180px
    }
}

.ly_footer_menuBottomArea .ly_footer_logo img {
    width: 100%
}

.ly_footer_menuBottomArea .ly_footer_copy {
    font-size: 3.4666666667vw
}

@media (max-width: 1023.98px) {
    .ly_footer_menuBottomArea .ly_footer_copy {
        margin-top:.8vw;
        text-align: center
    }
}

@media (min-width: 1024px) {
    .ly_footer_menuBottomArea .ly_footer_copy {
        font-size:14px
    }
}

.u-hidden {
    display: none!important;
    visibility: hidden
}

@media (max-width: 767.98px) {
    .u-hidden-sm {
        display:none!important;
        visibility: hidden
    }
}

.u-hidden-up-sm {
    display: none!important;
    visibility: hidden
}

@media (max-width: 767.98px) {
    .u-hidden-down-sm {
        display:none!important;
        visibility: hidden
    }
}

@media (min-width: 768px) and (max-width:1023.98px) {
    .u-hidden-md {
        display:none!important;
        visibility: hidden
    }
}

@media (min-width: 768px) {
    .u-hidden-up-md {
        display:none!important;
        visibility: hidden
    }
}

@media (max-width: 1023.98px) {
    .u-hidden-down-md {
        display:none!important;
        visibility: hidden
    }
}

@media (min-width: 1024px) and (max-width:1439.98px) {
    .u-hidden-lg {
        display:none!important;
        visibility: hidden
    }
}

@media (min-width: 1024px) {
    .u-hidden-up-lg {
        display:none!important;
        visibility: hidden
    }
}

@media (max-width: 1439.98px) {
    .u-hidden-down-lg {
        display:none!important;
        visibility: hidden
    }
}

@media (min-width: 1440px) {
    .u-hidden-lg2,.u-hidden-up-lg2 {
        display:none!important;
        visibility: hidden
    }
}

.u-hidden-down-lg2 {
    display: none!important;
    visibility: hidden
}

.u-visuallyhidden {
    overflow: hidden;
    clip: rect(0 0 0 0);
    position: absolute;
    margin: -1px;
    padding: 0;
    border: 0;
    width: 1px;
    height: 1px
}

.u-visuallyhidden.focusable:active,.u-visuallyhidden.focusable:focus {
    overflow: visible;
    clip: auto;
    position: static;
    margin: 0;
    width: auto;
    height: auto
}

.u-invisible {
    visibility: hidden
}

.clearfix:after {
    content: "";
    display: block;
    clear: both
}

@media print {
    *,:after,:before {
        background: transparent!important;
        color: #000!important;
        box-shadow: none!important;
        text-shadow: none!important
    }

    a,a:visited {
        text-decoration: underline
    }

    img,tr {
        page-break-inside: avoid
    }

    img {
        max-width: 100%!important
    }

    h2,h3,p {
        orphans: 3;
        widows: 3
    }

    h2,h3 {
        page-break-after: avoid
    }
}
