@charset "utf-8";

.p-khc main,
.p-kic main {
    display: block
}

.p-khc p,
.p-kic p {
    line-height: 1.5
}

.p-khc p.small,
.p-kic p.small {
    line-height: 1.5rem
}

.p-khc a,
.p-kic a {
    color: #000;
    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.p-khc a:hover,
.p-kic a:hover {
    text-decoration: none
}

@media print,
screen and (min-width:769px) {

    .p-khc a:hover,
    .p-kic a:hover {
        opacity: .7
    }

    .p-khc a:hover img,
    .p-kic a:hover img {
        opacity: .7
    }

    .p-khc a img:hover,
    .p-kic a img:hover {
        opacity: .7
    }
}

.p-khc img,
.p-khc svg,
.p-kic img,
.p-kic svg {
    vertical-align: top;
    width: 100%
}

.p-khc button,
.p-kic button {
    background-color: transparent;
    border: 0;
    cursor: pointer;
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-family: 'Noto Sans', 'Noto Sans JP', 'Noto Sans SC', 'Noto Sans KR', sans-serif
}

.p-khc input[type=number],
.p-khc input[type=email],
.p-khc input[type=tel],
.p-khc input[type=submit],
.p-khc input[type=text],
.p-khc textArea,
.p-khc select,
.p-kic input[type=number],
.p-kic input[type=email],
.p-kic input[type=tel],
.p-kic input[type=submit],
.p-kic input[type=text],
.p-kic textArea,
.p-kic select {
    margin: 0;
    padding: 0;
    background: 0;
    border: 0;
    border-radius: 0;
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-family: 'Noto Sans', 'Noto Sans JP', 'Noto Sans SC', 'Noto Sans KR', sans-serif
}

.p-khc a:focus,
.p-khc button:focus,
.p-khc select:focus,
.p-khc input:focus,
.p-kic a:focus,
.p-kic button:focus,
.p-kic select:focus,
.p-kic input:focus {
    outline: 0
}

@media print,
screen and (min-width:769px) {
    .nowrap {
        white-space: nowrap
    }

    .textlink {
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.5
    }

    .textlink>a {
        display: inline-block;
        color: #000;
        position: relative;
        padding-left: 24px;
        font-weight: bold
    }

    .textlink>a:before {
        content: '';
        display: inline-block;
        width: 16px;
        height: 16px;
        background: url(../img/icon_arrow.svg) no-repeat 0 0/contain;
        margin-right: 8px;
        position: absolute;
        top: 4px;
        left: 0
    }

    .textlink>a:hover {
        text-decoration: none
    }

    .textlink.large>a:before {
        top: 6px
    }

    .textlink2 {
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.5
    }

    .textlink2>a {
        display: inline-block;
        color: #000;
        position: relative;
        padding-left: 18px
    }

    .textlink2>a:before {
        content: '';
        display: inline-block;
        width: 6px;
        height: 10px;
        background: url(../img/icon_arrow2.svg) no-repeat center/6px 10px;
        vertical-align: -2px;
        margin-right: 8px;
        position: absolute;
        top: 7px;
        left: 3px
    }

    .textlink2>a:hover {
        text-decoration: none
    }

    .textlink2.large>a:before {
        top: 8px
    }

    a.inlineLink {
        text-decoration: underline
    }

    a.inlineLink:hover {
        text-decoration: none
    }

    .pdf>a:after {
        content: '';
        display: inline-block;
        width: 16px;
        height: 16px;
        background: url(../img/icon_pdf.svg) no-repeat 0 0/contain;
        margin-left: 8px;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        vertical-align: -2px
    }

    .extarnal>a:after,
    .external>a:after {
        content: '';
        display: inline-block;
        width: 10px;
        height: 10px;
        background: url(../img/icon_extarnal.svg) no-repeat 0 0/contain;
        margin-left: 8px
    }

    .modal>a:after,
    .modal>span:after,
    .modal>button:after {
        content: '';
        display: inline-block;
        width: 10px;
        height: 10px;
        background: url(../img/icon_modal.svg) no-repeat 0 0/contain;
        margin-left: 8px
    }

    .tel:before {
        content: '';
        display: inline-block;
        width: 34px;
        height: 22px;
        background: url(../img/icon_tel.svg) no-repeat 0 0/contain;
        margin-right: 10px
    }

    .overlay {
        display: none;
        width: 100%;
        min-height: 100vh;
        height: 100%;
        background: #000;
        opacity: .6;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 10
    }

    .background--white {
        background: #fff
    }

    .background--lightGray {
        background: #f2f2f2
    }

    .background--lightBlue {
        background: #1abcef
    }

    .background--lightBlue2 {
        background: #c6eefb
    }

    .background--orange {
        background: #f29614
    }

    .background--lightOrange {
        background: #fce5c4
    }

    .background--magenda {
        background: #e10d7d
    }

    .background--lightMagenda {
        background: #fadbeb
    }

    .background--yellow {
        background: #fdd000
    }

    .background--lightYellow {
        background: #fff3bf
    }

    .background--lightGreen {
        background: #95c62a
    }

    .background--lightGreen2 {
        background: #e5f1ca
    }

    .border--white {
        border: 1px solid #fff
    }

    .border--lightGray {
        border: 1px solid #e6e6e6
    }

    .border--lightBlue {
        border: 1px solid #1abcef
    }

    .border--lightBlue2 {
        border: 1px solid #c6eefb
    }

    .border--orange {
        border: 1px solid #f29614
    }

    .border--lightOrange {
        border: 1px solid #fce5c4
    }

    .border--magenda {
        border: 1px solid #e10d7d
    }

    .border--lightMagenda {
        border: 1px solid #fadbeb
    }

    .border--yellow {
        border: 1px solid #fdd000
    }

    .border--lightYellow {
        border: 1px solid #fff3bf
    }

    .border--lightGreen {
        border: 1px solid #95c62a
    }

    .border--lightGreen2 {
        border: 1px solid #e5f1ca
    }

    .borderTop--white {
        border-top: 1px solid #fff
    }

    .borderTop--lightGray {
        border-top: 1px solid #e6e6e6
    }

    .borderTop--lightBlue {
        border-top: 1px solid #1abcef
    }

    .borderTop--lightBlue2 {
        border-top: 1px solid #c6eefb
    }

    .borderTop--orange {
        border-top: 1px solid #f29614
    }

    .borderTop--lightOrange {
        border-top: 1px solid #fce5c4
    }

    .borderTop--magenda {
        border-top: 1px solid #e10d7d
    }

    .borderTop--lightMagenda {
        border-top: 1px solid #fadbeb
    }

    .borderTop--yellow {
        border-top: 1px solid #fdd000
    }

    .borderTop--lightYellow {
        border-top: 1px solid #fff3bf
    }

    .borderTop--lightGreen {
        border-top: 1px solid #95c62a
    }

    .borderTop--lightGreen2 {
        border-top: 1px solid #e5f1ca
    }

    .borderBottom--white {
        border-bottom: 1px solid #fff
    }

    .borderBottom--lightGray {
        border-bottom: 1px solid #e6e6e6
    }

    .borderBottom--lightBlue {
        border-bottom: 1px solid #1abcef
    }

    .borderBottom--lightBlue2 {
        border-bottom: 1px solid #c6eefb
    }

    .borderBottom--orange {
        border-bottom: 1px solid #f29614
    }

    .borderBottom--lightOrange {
        border-bottom: 1px solid #fce5c4
    }

    .borderBottom--magenda {
        border-bottom: 1px solid #e10d7d
    }

    .borderBottom--lightMagenda {
        border-bottom: 1px solid #fadbeb
    }

    .borderBottom--yellow {
        border-bottom: 1px solid #fdd000
    }

    .borderBottom--lightYellow {
        border-bottom: 1px solid #fff3bf
    }

    .borderBottom--lightGreen {
        border-bottom: 1px solid #95c62a
    }

    .borderBottom--lightGreen2 {
        border-bottom: 1px solid #e5f1ca
    }

    .inner {
        max-width: 1060px;
        padding-left: 110px;
        padding-right: 110px;
        margin: auto
    }

    .inner--wide {
        max-width: 1060px;
        padding-left: 30px;
        padding-right: 30px;
        margin: auto
    }

    .stocks_table {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border: 1px solid silver
    }

    .stocks_table>dt {
        width: 150px;
        padding: 13px 30px;
        background: #e6e6e6;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .stocks_table>dd {
        width: -moz-calc(50% - 150px);
        width: calc(50% - 150px);
        padding: 0 30px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .stocks_txt {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex
    }

    .stocks_txt>.textlink {
        margin-left: auto
    }

    .reset-table table td {
        border: 0;
        vertical-align: top
    }

    .contact {
        background: #c6eefb;
        padding: 60px 40px
    }

    .contact .contactInfo {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: -15px -30px
    }

    .contact .contactInfo .colctrl__contactInfo {
        margin: 15px 30px;
        width: 460px
    }

    .contact .contactInfo .colctrl__contactInfo p {
        line-height: 2
    }

    table.table-normal .textlink,
    table.table-normal .textlink2 {
        font-size: 1.125rem;
        line-height: 1.5rem
    }
}

@media screen and (max-width:768px) {
    .nowrap {
        white-space: nowrap
    }

    .textlink {
        font-size: 4.26667vw;
        line-height: 1.5
    }

    .textlink>a {
        display: inline-block;
        color: #000;
        position: relative;
        padding-left: 6.66667vw;
        font-weight: bold
    }

    .textlink>a:before {
        content: '';
        display: inline-block;
        width: 4.26667vw;
        height: 4.26667vw;
        background: url(../img/icon_arrow.svg) no-repeat 0 0/contain;
        vertical-align: -0.53333vw;
        margin-right: 2.13333vw;
        position: absolute;
        top: 1.06667vw;
        left: 0
    }

    .textlink>a:hover {
        text-decoration: none
    }

    .textlink.large a:before {
        top: 1.33333vw
    }

    .textlink2 {
        font-size: 4.26667vw;
        line-height: 1.5
    }

    .textlink2>a {
        display: inline-block;
        color: #000;
        position: relative;
        padding-left: 3.2vw
    }

    .textlink2>a:before {
        content: '';
        display: inline-block;
        width: 1.6vw;
        height: 2.8vw;
        background: url(../img/icon_arrow2.svg) no-repeat center/1.6vw 2.8vw;
        margin-right: 1.06667vw;
        position: absolute;
        top: 1.33333vw;
        left: 0
    }

    .textlink2>a:hover {
        text-decoration: none
    }

    .textlink2.large a:before {
        top: 2vw
    }

    a.inlineLink {
        text-decoration: underline
    }

    a.inlineLink:hover {
        text-decoration: none
    }

    .pdf>a:after {
        content: '';
        display: inline-block;
        width: 16px;
        height: 16px;
        background: url(../img/icon_pdf.svg) no-repeat 0 0/contain;
        margin-left: 8px;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .extarnal>a,
    .external>a {
        padding-right: .66667vw
    }

    .extarnal>a:after,
    .external>a:after {
        content: '';
        display: inline-block;
        width: 2.66667vw;
        height: 2.66667vw;
        background: url(../img/icon_extarnal.svg) no-repeat 0 0/contain;
        vertical-align: 0;
        margin-left: 2vw
    }

    .modal>a {
        padding-right: .66667vw
    }

    .modal>a:after {
        content: '';
        display: inline-block;
        width: 2.66667vw;
        height: 2.66667vw;
        background: url(../img/icon_modal.svg) no-repeat 0 0/contain;
        vertical-align: 0;
        margin-left: 2vw
    }

    .tel:before {
        content: '';
        display: inline-block;
        width: 9.06667vw;
        height: 5.86667vw;
        background: url(../img/icon_tel.svg) no-repeat 0 0/contain;
        vertical-align: -3px;
        margin-right: 2.66667vw
    }

    .overlay {
        display: none;
        width: 100%;
        min-height: 100vh;
        height: 100%;
        background: #000;
        opacity: .6;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 10
    }

    .background--white {
        background: #fff
    }

    .background--lightGray {
        background: #f2f2f2
    }

    .background--lightBlue {
        background: #1abcef
    }

    .background--lightBlue2 {
        background: #c6eefb
    }

    .background--orange {
        background: #f29614
    }

    .background--lightOrange {
        background: #fce5c4
    }

    .background--magenda {
        background: #e10d7d
    }

    .background--lightMagenda {
        background: #fadbeb
    }

    .background--yellow {
        background: #fdd000
    }

    .background--lightYellow {
        background: #fff3bf
    }

    .background--lightGreen {
        background: #95c62a
    }

    .background--lightGreen2 {
        background: #e5f1ca
    }

    .border--white {
        border: 1px solid #fff
    }

    .border--lightGray {
        border: 1px solid #e6e6e6
    }

    .border--lightBlue {
        border: 1px solid #1abcef
    }

    .border--lightBlue2 {
        border: 1px solid #c6eefb
    }

    .border--orange {
        border: 1px solid #f29614
    }

    .border--lightOrange {
        border: 1px solid #fce5c4
    }

    .border--magenda {
        border: 1px solid #e10d7d
    }

    .border--lightMagenda {
        border: 1px solid #fadbeb
    }

    .border--yellow {
        border: 1px solid #fdd000
    }

    .border--lightYellow {
        border: 1px solid #fff3bf
    }

    .border--lightGreen {
        border: 1px solid #95c62a
    }

    .border--lightGreen2 {
        border: 1px solid #e5f1ca
    }

    .borderTop--white {
        border-top: 1px solid #fff
    }

    .borderTop--lightGray {
        border-top: 1px solid #e6e6e6
    }

    .borderTop--lightBlue {
        border-top: 1px solid #1abcef
    }

    .borderTop--lightBlue2 {
        border-top: 1px solid #c6eefb
    }

    .borderTop--orange {
        border-top: 1px solid #f29614
    }

    .borderTop--lightOrange {
        border-top: 1px solid #fce5c4
    }

    .borderTop--magenda {
        border-top: 1px solid #e10d7d
    }

    .borderTop--lightMagenda {
        border-top: 1px solid #fadbeb
    }

    .borderTop--yellow {
        border-top: 1px solid #fdd000
    }

    .borderTop--lightYellow {
        border-top: 1px solid #fff3bf
    }

    .borderTop--lightGreen {
        border-top: 1px solid #95c62a
    }

    .borderTop--lightGreen2 {
        border-top: 1px solid #e5f1ca
    }

    .borderBottom--white {
        border-bottom: 1px solid #fff
    }

    .borderBottom--lightGray {
        border-bottom: 1px solid #e6e6e6
    }

    .borderBottom--lightBlue {
        border-bottom: 1px solid #1abcef
    }

    .borderBottom--lightBlue2 {
        border-bottom: 1px solid #c6eefb
    }

    .borderBottom--orange {
        border-bottom: 1px solid #f29614
    }

    .borderBottom--lightOrange {
        border-bottom: 1px solid #fce5c4
    }

    .borderBottom--magenda {
        border-bottom: 1px solid #e10d7d
    }

    .borderBottom--lightMagenda {
        border-bottom: 1px solid #fadbeb
    }

    .borderBottom--yellow {
        border-bottom: 1px solid #fdd000
    }

    .borderBottom--lightYellow {
        border-bottom: 1px solid #fff3bf
    }

    .borderBottom--lightGreen {
        border-bottom: 1px solid #95c62a
    }

    .borderBottom--lightGreen2 {
        border-bottom: 1px solid #e5f1ca
    }

    .inner {
        padding-left: 5.33333vw;
        padding-right: 5.33333vw
    }

    .inner--wide {
        padding-left: 5.33333vw;
        padding-right: 5.33333vw
    }

    .stocks_table {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border: 1px solid silver
    }

    .stocks_table>dt {
        width: 33%;
        padding: 2.13333vw 5.33333vw;
        border-top: 1px solid silver;
        background: #e6e6e6;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .stocks_table>dt:nth-child(1) {
        border: 0
    }

    .stocks_table>dt:nth-child(1)+dd {
        border: 0
    }

    .stocks_table>dd {
        width: 67%;
        padding: 1.73333vw 5.33333vw;
        border-top: 1px solid silver;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .stocks_txt {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex
    }

    .stocks_txt>.textlink {
        margin-left: auto
    }

    .reset-table table td {
        border: 0;
        vertical-align: top
    }

    .contact {
        background: #c6eefb;
        padding: 10.66667vw 5.33333vw
    }

    .contact .contactInfo .colctrl__contactInfo {
        margin-top: 8vw
    }

    .contact .contactInfo .colctrl__contactInfo:first-child {
        margin-top: 0
    }

    .contact .contactInfo .colctrl__contactInfo p {
        line-height: 1.65
    }

    table.table-normal .textlink,
    table.table-normal .textlink2 {
        font-size: 2.734vw;
        line-height: 6.25vw
    }
}

@media print,
screen and (min-width:769px) {
    main.main {
        padding-top: 0px
    }

    .iframe .main {
        padding-top: 0
    }

    .iframe .inner {
        padding: 0 20px 0 0
    }

    .p-khc .new_window_annotation,
    .p-kic .new_window_annotation {
        padding: 0
    }

    .p-khc .new_window_annotation img,
    .p-kic .new_window_annotation img {
        vertical-align: text-bottom;
        width: 18px
    }
}

@media screen and (max-width:768px) {
    main.main {
        padding-top: 18.13333vw;
        overflow-x: auto
    }

    .iframe .main {
        padding-top: 0
    }

    .p-khc .new_window_annotation,
    .p-kic .new_window_annotation {
        padding: 0
    }

    .p-khc .new_window_annotation img,
    .p-kic .new_window_annotation img {
        vertical-align: text-bottom;
        width: 28px
    }
}

.p-khc .comp-006 a,
.p-kic .comp-006 a {
    color: #0066a7
}

.p-khc .comp-006 a:visited,
.p-kic .comp-006 a:visited {
    color: #69216c
}

.p-khc .comp-007 a,
.p-kic .comp-007 a {
    color: #0066a7
}

.p-khc .comp-007 a:visited,
.p-kic .comp-007 a:visited {
    color: #69216c
}

.p-khc .comp-008 a,
.p-kic .comp-008 a {
    color: #0066a7
}

.p-khc .comp-008 a:visited,
.p-kic .comp-008 a:visited {
    color: #69216c
}

.p-khc .comp-010 a,
.p-kic .comp-010 a {
    color: #0066a7
}

.p-khc .comp-010 a:visited,
.p-kic .comp-010 a:visited {
    color: #69216c
}

.p-khc .comp-011 a,
.p-kic .comp-011 a {
    color: #0066a7
}

.p-khc .comp-011 a:visited,
.p-kic .comp-011 a:visited {
    color: #69216c
}

.p-khc .comp-012 a,
.p-kic .comp-012 a {
    color: #0066a7
}

.p-khc .comp-012 a:visited,
.p-kic .comp-012 a:visited {
    color: #69216c
}

.p-khc .comp-013 a,
.p-kic .comp-013 a {
    color: #0066a7
}

.p-khc .comp-013 a:visited,
.p-kic .comp-013 a:visited {
    color: #69216c
}

.p-khc .comp-021 a,
.p-kic .comp-021 a {
    color: #0066a7
}

.p-khc .comp-021 a:visited,
.p-kic .comp-021 a:visited {
    color: #69216c
}

.p-khc .comp-027 a,
.p-kic .comp-027 a {
    color: #0066a7
}

.p-khc .comp-027 a:visited,
.p-kic .comp-027 a:visited {
    color: #69216c
}

.p-khc .comp-048 a,
.p-kic .comp-048 a {
    color: #0066a7
}

.p-khc .comp-048 a:visited,
.p-kic .comp-048 a:visited {
    color: #69216c
}

.p-khc .comp-063 a,
.p-kic .comp-063 a {
    color: #0066a7
}

.p-khc .comp-063 a:visited,
.p-kic .comp-063 a:visited {
    color: #69216c
}

.p-khc .comp-065 a,
.p-kic .comp-065 a {
    color: #0066a7
}

.p-khc .comp-065 a:visited,
.p-kic .comp-065 a:visited {
    color: #69216c
}

.p-khc .comp-107 a,
.p-kic .comp-107 a {
    color: #0066a7
}

.p-khc .comp-107 a:visited,
.p-kic .comp-107 a:visited {
    color: #69216c
}

.p-khc .comp-114 a,
.p-kic .comp-114 a {
    color: #0066a7
}

.p-khc .comp-114 a:visited,
.p-kic .comp-114 a:visited {
    color: #69216c
}

.p-khc .comp-115 a,
.p-kic .comp-115 a {
    color: #0066a7
}

.p-khc .comp-115 a:visited,
.p-kic .comp-115 a:visited {
    color: #69216c
}

.p-khc .dataTables_wrapper a,
.p-kic .dataTables_wrapper a {
    color: #0066a7
}

.p-khc .dataTables_wrapper a:visited,
.p-kic .dataTables_wrapper a:visited {
    color: #69216c
}

@charset "UTF-8";

.comp-n011 {
    line-height: 1.5
}

sup {
    font-size: 10px;
    top: 1px
}

sub {
    font-size: 11px;
    vertical-align: 0
}

.small sup {
    top: -4px
}

.small sub {
    vertical-align: -1px
}

.align--left {
    text-align: left
}

.align--center {
    text-align: center
}

.align--right {
    text-align: right
}

.bold {
    font-weight: bold
}

.listType--disc {
    list-style-type: disc;
    margin-left: 1.5em
}

.listType--square {
    list-style-type: square;
    margin-left: 1.5em
}

.listType--asterisk {
    list-style: none
}

.listType--asterisk li {
    margin-left: 1.5em;
    text-indent: -1.5em
}

.listType--asterisk li:before {
    content: "*";
    display: inline-block;
    width: 1.5em;
    text-indent: .24em
}

.listType--jaAsterisk {
    list-style: none
}

.listType--jaAsterisk li {
    margin-left: 1.5em;
    text-indent: -1.5em
}

.listType--jaAsterisk li:before {
    content: "※";
    display: inline-block;
    width: 1.5em;
    text-indent: .1em
}

.listType--decimal {
    list-style-type: decimal;
    margin-left: 1.5em
}

.listType--parentheses {
    margin-left: 1.5em;
    text-indent: -2.3em
}

.listType--parentheses li {
    list-style-type: none;
    list-style-position: outside;
    counter-increment: count
}

.listType--parentheses li:before {
    content: "("counter(count) ") ";
    text-align: right;
    width: 2em;
    margin-right: 5px;
    display: inline-block
}

.listType--alpha {
    text-indent: -1em;
    margin-left: 1.5em
}

.listType--alpha li {
    list-style-type: none;
    list-style-position: outside;
    counter-increment: count
}

.listType--alpha li:before {
    width: 1em;
    display: inline-block;
    text-align: center
}

.listType--alpha li:nth-child(1):before {
    content: "(a)"
}

.listType--alpha li:nth-child(2):before {
    content: "(b)"
}

.listType--alpha li:nth-child(3):before {
    content: "(c)"
}

.listType--alpha li:nth-child(4):before {
    content: "(d)"
}

.listType--alpha li:nth-child(5):before {
    content: "(e)"
}

.listType--alpha li:nth-child(6):before {
    content: "(f)"
}

.listType--alpha li:nth-child(7):before {
    content: "(g)"
}

.listType--alpha li:nth-child(8):before {
    content: "(h)"
}

.listType--alpha li:nth-child(9):before {
    content: "(i)"
}

.listType--alpha li:nth-child(10):before {
    content: "(j)"
}

.listType--alpha li:nth-child(11):before {
    content: "(k)"
}

.listType--alpha li:nth-child(12):before {
    content: "(l)"
}

.listType--alpha li:nth-child(13):before {
    content: "(m)"
}

.listType--alpha li:nth-child(14):before {
    content: "(n)"
}

.listType--alpha li:nth-child(15):before {
    content: "(o)"
}

.listType--alpha li:nth-child(16):before {
    content: "(p)"
}

.listType--alpha li:nth-child(17):before {
    content: "(q)"
}

.listType--alpha li:nth-child(18):before {
    content: "(r)"
}

.listType--alpha li:nth-child(19):before {
    content: "(s)"
}

.listType--alpha li:nth-child(20):before {
    content: "(t)"
}

.listType--alpha li:nth-child(21):before {
    content: "(u)"
}

.listType--alpha li:nth-child(22):before {
    content: "(v)"
}

.listType--alpha li:nth-child(23):before {
    content: "(w)"
}

.listType--alpha li:nth-child(24):before {
    content: "(x)"
}

.listType--alpha li:nth-child(25):before {
    content: "(y)"
}

.listType--alpha li:nth-child(26):before {
    content: "(z)"
}

.listType--alpha2 {
    margin-left: 1.5em
}

.listType--alpha2 li {
    list-style-type: upper-latin
}

.listType--kana {
    text-indent: -1em;
    margin-left: 1.5em
}

.listType--kana li {
    list-style-type: none;
    list-style-position: outside;
    counter-increment: count
}

.listType--kana li:before {
    width: 1em;
    display: inline-block;
    text-align: center
}

.listType--kana li:nth-child(1):before {
    content: "(ア)"
}

.listType--kana li:nth-child(2):before {
    content: "(イ)"
}

.listType--kana li:nth-child(3):before {
    content: "(ウ)"
}

.listType--kana li:nth-child(4):before {
    content: "(エ)"
}

.listType--kana li:nth-child(5):before {
    content: "(オ)"
}

.listType--kana li:nth-child(6):before {
    content: "(カ)"
}

.listType--kana li:nth-child(7):before {
    content: "(キ)"
}

.listType--kana li:nth-child(8):before {
    content: "(ク)"
}

.listType--kana li:nth-child(9):before {
    content: "(ケ)"
}

.listType--kana li:nth-child(10):before {
    content: "(コ)"
}

.listType--kana li:nth-child(11):before {
    content: "(サ)"
}

.listType--kana li:nth-child(12):before {
    content: "(シ)"
}

.listType--kana li:nth-child(13):before {
    content: "(ス)"
}

.listType--kana li:nth-child(14):before {
    content: "(セ)"
}

.listType--kana li:nth-child(15):before {
    content: "(ソ)"
}

.listType--kana li:nth-child(16):before {
    content: "(タ)"
}

.listType--kana li:nth-child(17):before {
    content: "(チ)"
}

.listType--kana li:nth-child(18):before {
    content: "(ツ)"
}

.listType--kana li:nth-child(19):before {
    content: "(テ)"
}

.listType--kana li:nth-child(20):before {
    content: "(ト)"
}

.listType--kana li:nth-child(21):before {
    content: "(ナ)"
}

.listType--kana li:nth-child(22):before {
    content: "(ニ)"
}

.listType--kana li:nth-child(23):before {
    content: "(ヌ)"
}

.listType--kana li:nth-child(24):before {
    content: "(ネ)"
}

.listType--kana li:nth-child(25):before {
    content: "(ノ)"
}

.listType--kana li:nth-child(26):before {
    content: "(ハ)"
}

.listType--kana li:nth-child(27):before {
    content: "(ヒ)"
}

.listType--kana li:nth-child(28):before {
    content: "(フ)"
}

.listType--kana li:nth-child(29):before {
    content: "(ヘ)"
}

.listType--kana li:nth-child(30):before {
    content: "(ホ)"
}

.listType--kana li:nth-child(31):before {
    content: "(マ)"
}

.listType--kana li:nth-child(32):before {
    content: "(ミ)"
}

.listType--kana li:nth-child(33):before {
    content: "(ム)"
}

.listType--kana li:nth-child(34):before {
    content: "(メ)"
}

.listType--kana li:nth-child(35):before {
    content: "(モ)"
}

.listType--kana li:nth-child(36):before {
    content: "(ヤ)"
}

.listType--kana li:nth-child(37):before {
    content: "(ユ)"
}

.listType--kana li:nth-child(38):before {
    content: "(ヨ)"
}

.listType--kana li:nth-child(39):before {
    content: "(ラ)"
}

.listType--kana li:nth-child(40):before {
    content: "(リ)"
}

.listType--kana li:nth-child(41):before {
    content: "(ル)"
}

.listType--kana li:nth-child(42):before {
    content: "(レ)"
}

.listType--kana li:nth-child(43):before {
    content: "(ロ)"
}

.listType--kana li:nth-child(44):before {
    content: "(ワ)"
}

.listType--kana li:nth-child(45):before {
    content: "(ヲ)"
}

.listType--kana li:nth-child(46):before {
    content: "(ン)"
}

@media print,
screen and (min-width:769px) {
    .comp-n011 {
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.5
    }

    .comp-n011 ul li,
    .comp-n011 ol li {
        line-height: 2
    }

    .x-large {
        font-size: 24px;
        font-size: 1.5rem
    }

    .large {
        font-size: 20px;
        font-size: 1.25rem
    }

    .medium {
        font-size: 16px;
        font-size: 1rem
    }

    .small {
        font-size: 14px;
        font-size: .875rem
    }

    .x-small {
        font-size: 12px;
        font-size: .75rem
    }
}

@media screen and (max-width:768px) and (min-width:470px) {
    sup {
        font-size: 2.13333vw;
        top: .26667vw
    }
}

@media screen and (max-width:768px) and (min-width:470px) and (-ms-high-contrast:none) {
    sup {
        font-size: 10px
    }
}

@media screen and (max-width:768px) and (min-width:470px) and (-ms-high-contrast:none) and (min-width:560px) {
    sup {
        font-size: 2.13333vw
    }
}

@media screen and (max-width:768px) and (min-width:470px) {
    sub {
        font-size: 2.4vw
    }
}

@media screen and (max-width:768px) and (min-width:470px) and (-ms-high-contrast:none) {
    sub {
        font-size: 11px
    }
}

@media screen and (max-width:768px) and (min-width:470px) and (-ms-high-contrast:none) and (min-width:560px) {
    sub {
        font-size: 2.4vw
    }
}

@media screen and (max-width:768px) {
    .comp-n011 {
        font-size: 4.26667vw;
        line-height: 1.5
    }

    .comp-n011 ul li,
    .comp-n011 ol li {
        line-height: 1.625
    }

    .x-large {
        font-size: 5.33333vw
    }

    .large {
        font-size: 4.8vw
    }

    .medium {
        font-size: 4.26667vw
    }

    .small {
        font-size: 3.73333vw
    }

    .x-small {
        font-size: 3.2vw
    }
}

@media print,
screen and (min-width:769px) {
    .frame {
        width: 100%
    }
}

@media screen and (max-width:768px) {
    .frame {
        width: 100%
    }
}

.n_comp-306 .modal {
    display: none;
    z-index: 200;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.n_comp-306 .modal__overlay {
    width: 200vw;
    min-height: 200vh;
    height: 100%;
    background: #000;
    opacity: .6;
    position: absolute;
    top: -50vh;
    left: -50vw;
    z-index: 0
}

.n_comp-306 .modal__inner {
    height: 100%;
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.n_comp-306 .modalType-movie .modal__inner {
    max-width: 848px
}

.n_comp-306 .modalType-movie .modal__content {
    height: auto
}

.n_comp-306 .modalType-movie .playerbox {
    padding-top: 56.25%;
    position: relative;
    width: 100%
}

.n_comp-306 .modalType-movie .playerbox iframe,
.n_comp-306 .modalType-movie .playerbox video {
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    outline: 0
}

@media print,
screen and (min-width:769px) {
    .n_comp-306 .modal__inner {
        max-width: 1060px;
        padding-left: 110px;
        padding-right: 110px;
        margin: auto
    }

    .n_comp-306 .modal__content {
        position: relative;
        width: 100%;
        height: 90%;
        background: #fff;
        padding: 75px 40px 50px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .n_comp-306 .modal__content .buttonClose {
        position: absolute;
        top: 30px;
        right: 30px;
        width: 18px;
        height: 18px
    }

    .n_comp-306 .modal__content .buttonClose button {
        width: 18px;
        height: 18px;
        position: relative;
        -webkit-transition: opacity .3s ease;
        -moz-transition: opacity .3s ease;
        transition: opacity .3s ease;
        font-size: 0;
        vertical-align: top
    }

    .n_comp-306 .modal__content .buttonClose button:before,
    .n_comp-306 .modal__content .buttonClose button:after {
        content: '';
        display: block;
        width: 22px;
        height: 2px;
        background: #000;
        position: absolute;
        top: 8px;
        left: -2px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .n_comp-306 .modal__content .buttonClose button:after {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .n_comp-306 .modal__content .buttonClose button:hover {
        opacity: .7
    }
}

@media screen and (max-width:768px) {
    .n_comp-306 .modal__inner {
        padding-left: 1.33333vw;
        padding-right: 1.33333vw
    }

    .n_comp-306 .modal__content {
        position: relative;
        width: 100%;
        height: 86%;
        background: #fff;
        padding: 16vw 0 6.66667vw;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        overflow: hidden
    }

    .n_comp-306 .modal__content .buttonClose {
        position: absolute;
        top: 1.33333vw;
        right: .66667vw;
        width: 10.66667vw;
        height: 10.66667vw
    }

    .n_comp-306 .modal__content .buttonClose button {
        width: 100%;
        height: 100%;
        font-size: 0;
        position: absolute;
        top: 0;
        left: 0
    }

    .n_comp-306 .modal__content .buttonClose button::before,
    .n_comp-306 .modal__content .buttonClose button::after {
        content: '';
        position: absolute;
        top: 5.06667vw;
        left: 2.4vw;
        width: 6.66667vw;
        height: .8vw;
        background: #000;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .n_comp-306 .modal__content .buttonClose button::after {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .n_comp-306 .modalType-movie .modal__content {
        padding: 16vw 5.33333vw 6.66667vw
    }
}

@charset "utf-8";

@media print,
screen and (min-width:769px) {
    .n_colctrl {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: -15px
    }

    .n_colctrl.medium {
        margin: -15px -30px
    }

    .n_colctrl p {
        line-height: 2
    }

    .n_colctrl p.textlink>a:before {
        top: 7px
    }

    .n_colctrl p.textlink2>a:before {
        top: 10px
    }

    .colctrl__small {
        width: 333px;
        margin: 15px
    }

    .colctrl__medium {
        width: 500px;
        margin: 15px 30px
    }

    .colctrl__large {
        width: 696px;
        margin: 15px
    }
}

@media screen and (max-width:768px) {
    .n_colctrl p {
        line-height: 1.65
    }

    .n_colctrl p.textlink>a:before {
        top: 1.33333vw
    }

    .n_colctrl p.textlink2>a:before {
        top: 2vw
    }

    .colctrl__small,
    .colctrl__medium,
    .colctrl__large {
        width: 100%;
        margin-top: 8vw
    }

    .colctrl__small:first-child,
    .colctrl__medium:first-child,
    .colctrl__large:first-child {
        margin-top: 0
    }
}

@media print,
screen and (min-width:769px) {
    .n_comp-001 {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: auto;
        background: #fff;
        z-index: 100
    }

    .noscriptMessage {
        text-align: center;
        background: #f2f2f2;
        font-weight: normal;
        font-size: 14px;
        padding: 15px 20px
    }

    .noscriptMessage br {
        display: none
    }

    .header {
        position: relative;
        z-index: 99;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex
    }

    .p-khc .header {
        border-bottom: 10px solid #e6e6e6
    }

    .header__inner {
        max-width: 1280px;
        padding: 10px 30px;
        margin: auto;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        min-height: 80px;
        width: 100%
    }

    .p-khc .header__inner {
        min-height: 75px
    }

    .header__left {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        white-space: nowrap;
        margin-right: 7%;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -moz-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .header__logo {
        width: 152px;
        height: 36px;
        display: table-cell;
        vertical-align: middle
    }

    .header__logo a {
        display: block;
        height: 100%
    }

    .header__logo a:hover {
        opacity: 1
    }

    .header__logo.is-disabled>a {
        cursor: none;
        pointer-events: none
    }

    .header__heading {
        margin-left: 30px
    }

    .header__heading .header__heading--lv1 {
        font-size: 14px;
        font-size: .875rem;
        line-height: 1.2;
        font-weight: bold
    }

    .header__heading .header__heading--lv2 {
        font-size: 12px;
        font-size: .75rem;
        color: #8c8c8c;
        display: block;
        margin-top: 6px;
        line-height: 1.2
    }

    .header__center {
        margin-left: auto
    }

    .header__swich {
        display: inline-block;
        line-height: 1.4;
        margin: 0 32px 0 auto;
        padding: 5px 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        vertical-align: middle
    }

    .header__swich .textlink a {
        font-size: 14px;
        font-size: .875rem;
        font-weight: normal
    }

    .header__swich .textlink a:before {
        top: 2px
    }

    .header__swich .extarnal a:after,
    .header__swich .external a:after {
        margin-left: 8px
    }

    .header__language {
        display: inline-block;
        white-space: nowrap;
        margin-right: auto;
        line-height: 1;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        vertical-align: middle
    }

    .header__language button {
        padding: 5px 16px 5px 28px;
        position: relative
    }

    .header__language button:before {
        content: '';
        display: inline-block;
        width: 20px;
        height: 20px;
        background: url(../img/icon_language.svg) no-repeat 0 0/100% auto;
        position: absolute;
        top: -moz-calc(50% - 10px);
        top: calc(50% - 10px);
        left: 0
    }

    .header__language button:hover {
        opacity: .7
    }

    .header__search {
        display: inline-block;
        margin-left: 10px
    }

    .header__search button {
        width: 25px;
        height: 25px;
        display: block;
        background: url(../img/icon_search.svg) no-repeat center/18px auto;
        font-size: 0
    }

    .header__search button:hover {
        opacity: .7
    }

    .globalNavi {
        position: relative;
        background: #e6e6e6;
        border-bottom: 1px solid silver
    }

    .globalNavi sub {
        font-size: .5rem;
        vertical-align: bottom
    }

    .globalNavi sup {
        font-size: .5rem;
        vertical-align: top;
        position: relative;
        top: -0.1em
    }

    .globalNavi small {
        font-size: smaller
    }

    .globalNavi i {
        font-style: italic
    }

    .globalNavi b {
        font-weight: bold !important
    }

    .p-khc .globalNavi {
        background: #fff
    }

    .globalNavi.type-search .dropMenu,
    .globalNavi.type-language .dropMenu {
        top: 0;
        background: #e6e6e6
    }

    .globalNavi.type-search .dropMenu .buttonClose,
    .globalNavi.type-language .dropMenu .buttonClose {
        top: 37px
    }

    .p-khc .globalNavi.type-search .dropMenu,
    .p-khc .globalNavi.type-language .dropMenu {
        top: -10px
    }

    .globalNavi.type-search .dropMenu .buttonClose {
        top: 47px
    }

    .globalNavi.type-search .dropMenu .dropMenu__inner {
        padding: 40px 30px
    }

    .globalNavi__inner {
        max-width: 1280px;
        margin: auto;
        padding: 0 30px
    }

    .globalNavi__list {
        width: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .globalNavi__list.is-item6 li {
        width: -moz-calc(100% / 5);
        width: calc(100% / 5)
    }

    .p-khc:lang(ja) .globalNavi__list.is-item6 li {
        width: -moz-calc(100% / 6);
        width: calc(100% / 6)
    }

    .globalNavi__list li {
        height: 100%;
        width: -moz-calc(100% / 6);
        width: calc(100% / 6)
    }

    .p-khc:lang(ja) .globalNavi__list li {
        width: -moz-calc(100% / 7);
        width: calc(100% / 7)
    }

    .globalNavi__list li a,
    .globalNavi__list li .next {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
        font-size: 14px;
        font-size: .875rem;
        line-height: 1.3;
        width: 100%;
        min-height: 60px;
        height: 100%;
        padding: 0 5%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transition: background .3s ease;
        -moz-transition: background .3s ease;
        transition: background .3s ease
    }

    .p-khc .globalNavi__list li a,
    .p-khc .globalNavi__list li .next {
        min-height: 55px;
        border-bottom: 5px solid #fff;
        -webkit-transition: border .3s ease;
        -moz-transition: border .3s ease;
        transition: border .3s ease;
        padding-top: 5px
    }

    .globalNavi__list li a:hover,
    .globalNavi__list li .next:hover {
        opacity: 1
    }

    .globalNavi__list li .next {
        cursor: pointer
    }

    .globalNavi__list li .next>span {
        padding-right: 18px;
        background: url(../img/icon_anchor.svg) no-repeat right center/10px 6px
    }

    .globalNavi__list li.is-active a,
    .globalNavi__list li.is-active .next,
    .globalNavi__list li:hover a,
    .globalNavi__list li:hover .next {
        background: #f2f2f2
    }

    .globalNavi__list li.is-active a>span::after,
    .globalNavi__list li.is-active .next>span::after,
    .globalNavi__list li:hover a>span::after,
    .globalNavi__list li:hover .next>span::after {
        -webkit-transform: rotate(-180deg);
        -moz-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }

    .p-khc .globalNavi__list li.is-active a,
    .p-khc .globalNavi__list li.is-active .next,
    .p-khc .globalNavi__list li:hover a,
    .p-khc .globalNavi__list li:hover .next {
        background: #fff
    }

    .globalNavi__list li.is-current a,
    .globalNavi__list li.is-current .next {
        background: #f2f2f2
    }

    .p-khc .globalNavi__list li.is-current a,
    .p-khc .globalNavi__list li.is-current .next {
        background: #fff
    }

    .globalNavi__list li.is-disabled>a {
        cursor: none;
        pointer-events: none
    }

    .p-khc .globalNavi__list li.globalNavi--white.is-active>span,
    .p-khc .globalNavi__list li.globalNavi--white.is-current>span,
    .p-khc .globalNavi__list li.globalNavi--white.is-current>a,
    .p-khc .globalNavi__list li.globalNavi--white:hover a,
    .p-khc .globalNavi__list li.globalNavi--white:hover .next {
        border-bottom: 5px solid #fff
    }

    .p-khc .globalNavi__list li.globalNavi--orange.is-active>span,
    .p-khc .globalNavi__list li.globalNavi--orange.is-current>span,
    .p-khc .globalNavi__list li.globalNavi--orange.is-current>a,
    .p-khc .globalNavi__list li.globalNavi--orange:hover a,
    .p-khc .globalNavi__list li.globalNavi--orange:hover .next {
        border-bottom: 5px solid #f29614
    }

    .p-khc .globalNavi__list li.globalNavi--light_blue.is-active>span,
    .p-khc .globalNavi__list li.globalNavi--light_blue.is-current>span,
    .p-khc .globalNavi__list li.globalNavi--light_blue.is-current>a,
    .p-khc .globalNavi__list li.globalNavi--light_blue:hover a,
    .p-khc .globalNavi__list li.globalNavi--light_blue:hover .next {
        border-bottom: 5px solid #1abcef
    }

    .p-khc .globalNavi__list li.globalNavi--light_green.is-active>span,
    .p-khc .globalNavi__list li.globalNavi--light_green.is-current>span,
    .p-khc .globalNavi__list li.globalNavi--light_green.is-current>a,
    .p-khc .globalNavi__list li.globalNavi--light_green:hover a,
    .p-khc .globalNavi__list li.globalNavi--light_green:hover .next {
        border-bottom: 5px solid #95c62a
    }

    .p-khc .globalNavi__list li.globalNavi--magenta.is-active>span,
    .p-khc .globalNavi__list li.globalNavi--magenta.is-current>span,
    .p-khc .globalNavi__list li.globalNavi--magenta.is-current>a,
    .p-khc .globalNavi__list li.globalNavi--magenta:hover a,
    .p-khc .globalNavi__list li.globalNavi--magenta:hover .next {
        border-bottom: 5px solid #e10d7d
    }

    .p-khc .globalNavi__list li.globalNavi--light_gray.is-active>span,
    .p-khc .globalNavi__list li.globalNavi--light_gray.is-current>span,
    .p-khc .globalNavi__list li.globalNavi--light_gray.is-current>a,
    .p-khc .globalNavi__list li.globalNavi--light_gray:hover a,
    .p-khc .globalNavi__list li.globalNavi--light_gray:hover .next {
        border-bottom: 5px solid #e6e6e6
    }

    .p-khc .globalNavi__list li.globalNavi--yellow.is-active>span,
    .p-khc .globalNavi__list li.globalNavi--yellow.is-current>span,
    .p-khc .globalNavi__list li.globalNavi--yellow.is-current>a,
    .p-khc .globalNavi__list li.globalNavi--yellow:hover a,
    .p-khc .globalNavi__list li.globalNavi--yellow:hover .next {
        border-bottom: 5px solid #fdd000
    }

    .dropMenu {
        background-color: #f2f2f2;
        position: absolute;
        top: 60px;
        left: 0;
        width: 100%;
        height: auto;
        display: none
    }

    .dropMenu::-webkit-scrollbar {
        width: 5px
    }

    .dropMenu::-webkit-scrollbar-thumb {
        background: #ccc;
        border-radius: 0
    }

    .dropMenu::-webkit-scrollbar-track {
        background: #e6e6e6;
        border-radius: 0
    }

    .p-khc .dropMenu {
        top: 56px
    }

    .dropMenu .buttonClose {
        position: absolute;
        top: 32px;
        right: 40px
    }

    .is-tablet .dropMenu .buttonClose {
        right: 30px
    }

    .dropMenu .buttonClose button {
        width: 18px;
        height: 18px;
        position: relative;
        -webkit-transition: opacity .3s ease;
        -moz-transition: opacity .3s ease;
        transition: opacity .3s ease
    }

    .dropMenu .buttonClose button:before,
    .dropMenu .buttonClose button:after {
        content: '';
        display: block;
        width: 22px;
        height: 2px;
        background: #000;
        position: absolute;
        top: 8px;
        left: -2px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .dropMenu .buttonClose button:after {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .dropMenu .buttonClose button:hover {
        opacity: .7
    }

    .dropMenu__inner {
        max-width: 1060px;
        margin: auto;
        padding: 30px;
        position: relative;
        z-index: 1
    }

    .is-tablet .dropMenu__inner {
        padding: 30px 76px 30px 30px
    }

    .dropMenu__search {
        margin: auto;
        position: relative;
        width: 600px;
        display: none
    }

    .dropMenu__search input[type=text] {
        width: 600px;
        height: 36px;
        line-height: 36px;
        padding: 10px 15px;
        font-size: 14px;
        font-size: .875rem;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        background: #fff
    }

    .dropMenu__search button {
        width: 44px;
        height: 36px;
        position: absolute;
        top: 0;
        right: 0;
        background: url(../img/icon_search.svg) no-repeat center/16px 21px;
        font-size: 0
    }

    .dropMenu__language {
        display: none;
        margin-top: 10px
    }

    .dropMenu__language .dropMenu__language__heading {
        font-size: 20px;
        font-size: 1.25rem;
        font-weight: bold
    }

    .dropMenu__language dl dt {
        margin-top: 35px
    }

    .dropMenu__language dl dt button {
        font-size: 14px;
        font-size: .875rem
    }

    .dropMenu__language .dropMenu--level2 li {
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.5;
        margin-top: 17px
    }

    .dropMenu__language .dropMenu--level2 li>a {
        display: inline-block;
        color: #000;
        position: relative;
        padding-left: 18px
    }

    .dropMenu__language .dropMenu--level2 li>a:before {
        content: '';
        display: inline-block;
        width: 6px;
        height: 10px;
        background: url(../img/icon_arrow2.svg) no-repeat center/6px 10px;
        vertical-align: -2px;
        margin-right: 8px;
        position: absolute;
        top: 7px;
        left: 3px
    }

    .dropMenu__language .dropMenu--level2 li>a:hover {
        text-decoration: none
    }

    .dropMenu__language .dropMenu--level2 li.large>a:before {
        top: 8px
    }

    .dropMenu__language .dropMenu--level2 li.is-current {
        opacity: .5
    }

    .dropMenu__language .dropMenu--level2 li.is-disabled>a {
        cursor: none;
        pointer-events: none
    }

    .dropMenu__language__list {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .dropMenu__language__list li {
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.5;
        margin-top: 10px;
        padding-right: 30px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: -moz-calc(100% / 4);
        width: calc(100% / 4);
        font-size: 14px;
        font-size: .875rem
    }

    .dropMenu__language__list li>a {
        display: inline-block;
        color: #000;
        position: relative;
        padding-left: 18px
    }

    .dropMenu__language__list li>a:before {
        content: '';
        display: inline-block;
        width: 6px;
        height: 10px;
        background: url(../img/icon_arrow2.svg) no-repeat center/6px 10px;
        vertical-align: -2px;
        margin-right: 8px;
        position: absolute;
        top: 7px;
        left: 3px
    }

    .dropMenu__language__list li>a:hover {
        text-decoration: none
    }

    .dropMenu__language__list li.large>a:before {
        top: 8px
    }
}

@media screen and (min-width:769px) and (max-width:960px) {
    .dropMenu__language__list li {
        width: -moz-calc(100% / 3);
        width: calc(100% / 3)
    }
}

@media print,
screen and (min-width:769px) {
    .dropMenu__language__list li.is-current {
        opacity: .5
    }

    .dropMenu__language__list li.is-disabled>a {
        cursor: none;
        pointer-events: none
    }

    .dropMenu--level1 {
        display: none;
        margin-top: 5px
    }

    .dropMenu--level1.is-active {
        display: block
    }

    .dropMenu--level1>li a {
        font-size: 14px;
        font-size: .875rem
    }

    .dropMenu--level1>li.is-current>.banner>a {
        opacity: .5
    }

    .dropMenu--level1>li.is-current>.banner:hover {
        opacity: 1
    }

    .dropMenu--level1>li.is-disabled>.banner>a {
        cursor: none;
        pointer-events: none
    }

    .dropMenu--level1>li>.banner {
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.5
    }

    .dropMenu--level1>li>.banner>a {
        display: inline-block;
        color: #000;
        position: relative;
        padding-left: 24px;
        font-weight: bold
    }

    .dropMenu--level1>li>.banner>a:before {
        content: '';
        display: inline-block;
        width: 16px;
        height: 16px;
        background: url(../img/icon_arrow.svg) no-repeat 0 0/contain;
        margin-right: 8px;
        position: absolute;
        top: 4px;
        left: 0
    }

    .dropMenu--level1>li>.banner>a:hover {
        text-decoration: none
    }

    .dropMenu--level1>li>.banner.large>a:before {
        top: 6px
    }

    .dropMenu--level1>li>.banner a:before {
        top: 2px
    }

    .dropMenu--level1>li>.banner img {
        display: none
    }

    .is-tablet .dropMenu--level1>li>.banner {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        position: relative;
        -webkit-transition: opacity .3s ease;
        -moz-transition: opacity .3s ease;
        transition: opacity .3s ease;
        background: #fff;
        min-height: 100px
    }

    .is-tablet .dropMenu--level1>li>.banner:hover {
        opacity: .7
    }

    .is-tablet .dropMenu--level1>li>.banner a {
        width: 100%;
        min-height: 100px;
        height: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 110px 0 45px;
        font-size: 14px;
        font-size: .875rem
    }

    .is-tablet .dropMenu--level1>li>.banner a:before {
        display: none
    }

    .is-tablet .dropMenu--level1>li>.banner a>span {
        text-indent: -20px
    }

    .is-tablet .dropMenu--level1>li>.banner a>span:before {
        content: '';
        display: inline-block;
        width: 16px;
        height: 16px;
        background: url(../img/icon_arrow.svg) no-repeat 0 0/contain;
        margin-right: 8px;
        vertical-align: -2px
    }

    .is-tablet .dropMenu--level1>li>.banner img {
        display: block;
        width: 100px;
        position: absolute;
        bottom: 0;
        right: 0
    }

    .dropMenu--level2 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 -15px
    }

    .dropMenu--level2>li {
        margin: 38px 17px 0;
        width: -moz-calc((100% / 3) - 34px);
        width: calc((100% / 3) - 34px);
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.5
    }
}

@media screen and (min-width:769px) and (max-width:960px) {
    .dropMenu--level2>li {
        width: -moz-calc((100% / 2) - 34px);
        width: calc((100% / 2) - 34px)
    }
}

@media print,
screen and (min-width:769px) {
    .dropMenu--level2>li>a {
        display: inline-block;
        color: #000;
        position: relative;
        padding-left: 24px;
        font-weight: bold
    }

    .dropMenu--level2>li>a:before {
        content: '';
        display: inline-block;
        width: 16px;
        height: 16px;
        background: url(../img/icon_arrow.svg) no-repeat 0 0/contain;
        margin-right: 8px;
        position: absolute;
        top: 4px;
        left: 0
    }

    .dropMenu--level2>li>a:hover {
        text-decoration: none
    }

    .dropMenu--level2>li.large>a:before {
        top: 6px
    }

    .dropMenu--level2>li>a {
        margin-top: 12px
    }

    .dropMenu--level2>li .banner {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        position: relative;
        -webkit-transition: opacity .3s ease;
        -moz-transition: opacity .3s ease;
        transition: opacity .3s ease;
        background: #fff;
        min-height: 100px
    }

    .dropMenu--level2>li .banner:hover {
        opacity: .7
    }

    .dropMenu--level2>li .banner a {
        width: 100%;
        min-height: 100px;
        height: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 110px 0 45px;
        font-size: 14px;
        font-size: .875rem
    }

    .dropMenu--level2>li .banner a:before {
        left: 20px
    }

    .dropMenu--level2>li .banner a>span {
        text-indent: -20px
    }

    .dropMenu--level2>li .banner a>span:before {
        content: '';
        display: inline-block;
        width: 16px;
        height: 16px;
        background: url(../img/icon_arrow.svg) no-repeat 0 0/contain;
        margin-right: 8px;
        vertical-align: -2px
    }

    .dropMenu--level2>li .banner img {
        width: 100px;
        position: absolute;
        bottom: 0;
        right: 0
    }

    .dropMenu--level2>li.is-current .banner>a {
        opacity: .5
    }

    .dropMenu--level2>li.is-disabled .banner:hover {
        opacity: 1
    }

    .dropMenu--level2>li.is-disabled .banner>a {
        cursor: none;
        pointer-events: none
    }

    .dropMenu--level3 {
        margin: 20px 0 0
    }

    .dropMenu--level3>li {
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.5;
        margin-top: 5px
    }

    .dropMenu--level3>li>a {
        display: inline-block;
        color: #000;
        position: relative;
        padding-left: 18px
    }

    .dropMenu--level3>li>a:before {
        content: '';
        display: inline-block;
        width: 6px;
        height: 10px;
        background: url(../img/icon_arrow2.svg) no-repeat center/6px 10px;
        vertical-align: -2px;
        margin-right: 8px;
        position: absolute;
        top: 7px;
        left: 3px
    }

    .dropMenu--level3>li>a:hover {
        text-decoration: none
    }

    .dropMenu--level3>li.large>a:before {
        top: 8px
    }

    .is-tablet .dropMenu--level3>li {
        margin-top: 10px
    }

    .is-tablet .dropMenu--level3>li>a {
        width: -moz-calc(100% - 18px);
        width: calc(100% - 18px);
        padding: 5px 0 5px 18px
    }

    .is-tablet .dropMenu--level3>li>a::before {
        top: 11px
    }

    .dropMenu--level3>li>a {
        font-size: 14px;
        font-size: .875rem
    }

    .dropMenu--level3>li.is-current>a {
        opacity: .5
    }

    .dropMenu--level3>li.is-disabled>a {
        cursor: none;
        pointer-events: none
    }
}

@media screen and (min-width:769px) and (-ms-high-contrast:none) {
    .globalNavi__list li a {
        display: table
    }

    .globalNavi__list li .next {
        display: table
    }

    .globalNavi__list li a>span,
    .globalNavi__list li .next>span {
        display: table-cell;
        vertical-align: middle
    }

    .dropMenu--level2>li .banner a {
        display: table
    }

    .dropMenu--level2>li .banner a>span {
        display: table-cell;
        vertical-align: middle
    }
}

@media screen and (max-width:768px) {
    .n_comp-001 {
        position: fixed;
        width: 100%;
        height: auto;
        background: #fff;
        z-index: 100
    }

    .noscriptMessage {
        text-align: center;
        background: #f2f2f2;
        font-weight: normal;
        font-size: 2.93333vw;
        padding: 1.33333vw 2.66667vw
    }

    .header {
        width: 100%;
        border-bottom: .26667vw solid silver;
        -webkit-transition: border .5s ease;
        -moz-transition: border .5s ease;
        transition: border .5s ease
    }

    .lock .header {
        border-bottom: .26667vw solid #fff
    }

    .header__inner {
        height: 16vw;
        padding-left: 5.33333vw;
        padding-right: 5.33333vw;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        position: relative;
        border-bottom: 1.86667vw solid #e6e6e6
    }

    .header__left {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 80vw
    }

    .header__logo {
        width: 24.4vw;
        height: 4.8vw
    }

    .header__logo a {
        display: block;
        height: 100%
    }

    .header__logo.is-disabled>a {
        cursor: none;
        pointer-events: none
    }

    .header__heading {
        margin-left: 4vw
    }

    .header__heading .header__heading--lv1 {
        font-size: 0vw;
        line-height: 1;
        white-space: normal
    }

    .header__heading .header__heading--lv2 {
        font-size: 2.93333vw;
        display: block;
        width: 50.66667vw
    }

    .header__menuButton {
        width: 10.66667vw;
        height: 10.66667vw;
        display: block;
        -webkit-transition: all .4s;
        -moz-transition: all .4s;
        transition: all .4s;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        position: absolute;
        top: 2.66667vw;
        right: 2.66667vw;
        cursor: pointer
    }

    .header__menuButton>span {
        display: inline-block;
        -webkit-transition: all .4s;
        -moz-transition: all .4s;
        transition: all .4s;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        position: absolute;
        left: 2.66667vw;
        width: 5.33333vw;
        height: .8vw;
        background: #000
    }

    .header__menuButton>span:nth-of-type(1) {
        top: 3.06667vw
    }

    .header__menuButton>span:nth-of-type(2) {
        top: 4.93333vw
    }

    .header__menuButton>span:nth-of-type(3) {
        top: 6.8vw
    }

    .header__menuButton.is-open>span {
        left: 2vw;
        width: 6.66667vw
    }

    .header__menuButton.is-open>span:nth-of-type(1) {
        -webkit-transform: translateY(1.73333vw) rotate(-45deg);
        -moz-transform: translateY(1.73333vw) rotate(-45deg);
        transform: translateY(1.73333vw) rotate(-45deg)
    }

    .header__menuButton.is-open>span:nth-of-type(2) {
        left: 100%;
        opacity: 0;
        -webkit-animation: active-menu-bar .8s forwards;
        -moz-animation: active-menu-bar .8s forwards;
        animation: active-menu-bar .8s forwards
    }

    .header__menuButton.is-open>span:nth-of-type(3) {
        -webkit-transform: translateY(-2vw) rotate(45deg);
        -moz-transform: translateY(-2vw) rotate(45deg);
        transform: translateY(-2vw) rotate(45deg)
    }

    @-webkit-keyframes active-menu-bar {
        100% {
            height: 0
        }
    }

    @-moz-keyframes active-menu-bar {
        100% {
            height: 0
        }
    }

    @keyframes active-menu-bar {
        100% {
            height: 0
        }
    }
}

@media screen and (max-width:768px) and (-ms-high-contrast:none) {
    .header__menuButton>span {
        -webkit-transition: none;
        -moz-transition: none;
        transition: none
    }

    .header__logo {
        width: 24.53333vw;
        height: 5.06667vw
    }

    .header__logo a {
        background: url(../img/kioxia_logo.png) no-repeat center/contain
    }
}

@media screen and (max-width:768px) {
    @supports(-ms-ime-align:auto) {
        .header__menuButton>span {
            -webkit-transition: none;
            -moz-transition: none;
            transition: none
        }

        .header__logo {
            width: 24.53333vw;
            height: 5.06667vw
        }

        .header__logo a {
            background: url(../img/kioxia_logo.png) no-repeat center/contain
        }
    }

    _:lang(x)::-ms-,
    .header__logo {
        width: 24.53333vw;
        height: 5.06667vw
    }

    _:lang(x)::-ms-,
    .header__logo a {
        background: url(../img/kioxia_logo.png) no-repeat center/contain
    }

    .globalNavi {
        position: fixed;
        top: 17.86667vw;
        left: 0;
        width: 100vw;
        max-height: -moz-calc(100% - (134/750*100vw));
        max-height: calc(100% - (134/750*100vw));
        display: none;
        overflow: hidden;
        overflow-y: scroll;
        z-index: 99
    }

    .globalNavi sub {
        font-size: .5rem;
        vertical-align: bottom
    }

    .globalNavi sup {
        font-size: .5rem;
        vertical-align: top;
        position: relative;
        top: -0.1em
    }

    .globalNavi small {
        font-size: smaller
    }

    .globalNavi i {
        font-style: italic
    }

    .globalNavi b {
        font-weight: bold !important
    }

    .globalNavi.type-language {
        display: block
    }

    .globalNavi.type-language .dropMenu {
        display: block;
        width: 100vw
    }

    .globalNavi.type-language .dropMenu .dropMenu__language {
        display: block
    }

    .globalNavi.type-menu {
        display: block
    }

    .globalNavi.type-menu .globalNavi__inner {
        display: block
    }

    .globalNavi.type-menu .dropMenu {
        display: block
    }

    .globalNavi__wrap {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        width: 300vw;
        position: relative
    }

    .globalNavi__wrap.is-level2 {
        -webkit-transform: translateX(-100vw);
        -moz-transform: translateX(-100vw);
        transform: translateX(-100vw)
    }

    .globalNavi__wrap.is-level3 {
        -webkit-transform: translateX(-200vw);
        -moz-transform: translateX(-200vw);
        transform: translateX(-200vw)
    }

    .globalNavi__inner {
        background: #fff;
        width: 100vw;
        display: none
    }

    .globalNavi__list li {
        display: block;
        height: 100%;
        border-bottom: .26667vw solid #eee
    }

    .globalNavi__list li a,
    .globalNavi__list li .next {
        font-size: 4.26667vw;
        line-height: 1.3125;
        width: 100%;
        min-height: 13.33333vw;
        height: 100%;
        padding: 2.66667vw 8vw 2.66667vw 5.33333vw;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        cursor: pointer
    }

    .globalNavi__list li .next {
        position: relative
    }

    .globalNavi__list li .next:after {
        content: '';
        display: block;
        width: 1.6vw;
        height: 2.66667vw;
        background: url(../img/icon_arrow2.svg) no-repeat center/1.6vw auto;
        position: absolute;
        top: -moz-calc(50% - 10/750*100vw);
        top: calc(50% - 10/750*100vw);
        right: 5.33333vw
    }

    .globalNavi__list li .textlink {
        font-size: 4.26667vw;
        line-height: 1.5;
        width: 100vw
    }

    .globalNavi__list li .textlink>a {
        display: inline-block;
        color: #000;
        position: relative;
        padding-left: 6.66667vw;
        font-weight: bold
    }

    .globalNavi__list li .textlink>a:before {
        content: '';
        display: inline-block;
        width: 4.26667vw;
        height: 4.26667vw;
        background: url(../img/icon_arrow.svg) no-repeat 0 0/contain;
        vertical-align: -0.53333vw;
        margin-right: 2.13333vw;
        position: absolute;
        top: 1.06667vw;
        left: 0
    }

    .globalNavi__list li .textlink>a:hover {
        text-decoration: none
    }

    .globalNavi__list li .textlink>a {
        font-size: 4.26667vw;
        line-height: 1.3125;
        width: 100%;
        min-height: 13.33333vw;
        height: 100%;
        padding: 2.66667vw 8vw 2.66667vw 5.33333vw;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        cursor: pointer;
        background: #fff;
        padding: 5.33333vw 8vw 5.33333vw 12.66667vw
    }

    .globalNavi__list li .textlink>a:before {
        top: -moz-calc(50% - (16/750*100vw));
        top: calc(50% - (16/750*100vw));
        left: 5.33333vw
    }

    .globalNavi__list li .extarnal a {
        font-weight: normal
    }

    .globalNavi__list li .extarnal a:after {
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .globalNavi__list li.is-current>a,
    .globalNavi__list li.is-current .next {
        position: relative
    }

    .globalNavi__list li.is-current>a::before,
    .globalNavi__list li.is-current .next::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 1.6vw;
        height: 100%;
        background: silver
    }

    .globalNavi__list li.is-disabled>a {
        cursor: none;
        pointer-events: none
    }

    .p-khc .globalNavi__list li.globalNavi--white.is-current .next::before {
        background: #fff
    }

    .p-khc .globalNavi__list li.globalNavi--orange.is-current .next::before {
        background: #f29614
    }

    .p-khc .globalNavi__list li.globalNavi--light_blue.is-current .next::before {
        background: #1abcef
    }

    .p-khc .globalNavi__list li.globalNavi--light_green.is-current .next::before {
        background: #95c62a
    }

    .p-khc .globalNavi__list li.globalNavi--magenta.is-current .next::before {
        background: #e10d7d
    }

    .p-khc .globalNavi__list li.globalNavi--light_gray.is-current .next::before {
        background: #e6e6e6
    }

    .p-khc .globalNavi__list li.globalNavi--yellow.is-current .next::before {
        background: #fdd000
    }

    .globalNavi__other {
        background: #f2f2f2;
        padding: 5.33333vw
    }

    .globalNavi__language button {
        position: relative;
        padding-left: 8vw;
        font-size: 3.73333vw;
        line-height: 5.06667vw
    }

    .globalNavi__language button:before {
        content: '';
        display: inline-block;
        width: 5.06667vw;
        height: 5.06667vw;
        background: url(../img/icon_language.svg) no-repeat 0 0/100%;
        position: absolute;
        top: 0;
        left: 0
    }

    .globalNavi__search,
    .globalNavi__swich {
        margin-top: 5.33333vw;
        position: relative
    }

    .globalNavi__search input[type=text],
    .globalNavi__swich input[type=text] {
        width: 89.33333vw;
        height: 10.66667vw;
        line-height: 1;
        padding: 2.66667vw 4vw;
        font-size: 4.26667vw;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        background: #fff
    }

    .globalNavi__search button,
    .globalNavi__swich button {
        width: 10.66667vw;
        height: 10.66667vw;
        position: absolute;
        top: 0;
        right: 0;
        background: url(../img/icon_search.svg) no-repeat center/4.53333vw;
        font-size: 0
    }

    .globalNavi__search .textlink a,
    .globalNavi__swich .textlink a {
        font-size: 3.2vw;
        font-weight: normal
    }

    .globalNavi__search .textlink a:before,
    .globalNavi__swich .textlink a:before {
        top: 0
    }

    .dropMenu {
        width: 200vw;
        height: auto;
        display: none
    }

    .dropMenu sup {
        top: -0.4em
    }

    .dropMenu .dropMenu__language {
        background: #f2f2f2;
        display: none
    }

    .dropMenu .dropMenu__language .dropMenu__language__heading {
        font-size: 4.26667vw;
        line-height: 1.625;
        padding: 3.33333vw 5.33333vw
    }

    .dropMenu .dropMenu__language dl {
        background: #fff;
        font-size: 4.26667vw
    }

    .dropMenu .dropMenu__language dl dt {
        display: block;
        cursor: pointer
    }

    .dropMenu .dropMenu__language dl dt>button {
        font-size: 4.26667vw;
        line-height: 1.3125;
        width: 100%;
        min-height: 13.33333vw;
        height: 100%;
        padding: 2.66667vw 8vw 2.66667vw 5.33333vw;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        cursor: pointer;
        min-height: 16vw;
        position: relative;
        display: block;
        text-align: left
    }

    .dropMenu .dropMenu__language dl dt>button:after {
        content: '';
        display: block;
        width: 3.73333vw;
        height: 3.73333vw;
        position: absolute;
        top: -moz-calc(50% - (14/750*100vw));
        top: calc(50% - (14/750*100vw));
        right: 5.33333vw;
        background: url(../img/icon_open.svg) no-repeat 0 0/100%
    }

    .dropMenu .dropMenu__language dl dt:after {
        display: block;
        content: '';
        width: -moz-calc(100% - (80/750*100vw));
        width: calc(100% - (80/750*100vw));
        height: .26667vw;
        background: #fff;
        margin: auto
    }

    .dropMenu .dropMenu__language dl dt.is-open>button:after {
        background: url(../img/icon_close.svg) no-repeat 0 0/100%
    }

    .dropMenu .dropMenu__language dl dt.is-open+dd {
        height: auto
    }

    .dropMenu .dropMenu__language dl dt.is-current {
        position: relative
    }

    .dropMenu .dropMenu__language dl dt.is-current::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 1.6vw;
        height: 100%;
        background: silver
    }

    .dropMenu .dropMenu__language dl dd {
        height: 0;
        overflow: hidden;
        -webkit-transition: height .4s ease;
        -moz-transition: height .4s ease;
        transition: height .4s ease;
        background: #e6e6e6
    }

    .p-khc .dropMenu .dropMenu__language dl dd {
        height: auto
    }

    .dropMenu .dropMenu__language dl dd .dropMenu__language__list {
        padding: 2.66667vw 0 4.53333vw
    }

    .dropMenu .dropMenu__language dl dd .dropMenu__language__list li {
        font-size: 4.26667vw;
        line-height: 1.5;
        margin-top: 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .dropMenu .dropMenu__language dl dd .dropMenu__language__list li>a {
        display: inline-block;
        color: #000;
        position: relative;
        padding-left: 3.2vw
    }

    .dropMenu .dropMenu__language dl dd .dropMenu__language__list li>a:before {
        content: '';
        display: inline-block;
        width: 1.6vw;
        height: 2.8vw;
        background: url(../img/icon_arrow2.svg) no-repeat center/1.6vw 2.8vw;
        margin-right: 1.06667vw;
        position: absolute;
        top: 1.33333vw;
        left: 0
    }

    .dropMenu .dropMenu__language dl dd .dropMenu__language__list li>a:hover {
        text-decoration: none
    }

    .dropMenu .dropMenu__language dl dd .dropMenu__language__list li a {
        display: block;
        padding: 2.66667vw 2.66667vw 2.66667vw 10vw;
        font-size: 4.26667vw
    }

    .dropMenu .dropMenu__language dl dd .dropMenu__language__list li a:before {
        top: 4vw;
        left: 5.33333vw
    }

    .dropMenu .dropMenu__language dl dd .dropMenu__language__list li.is-current {
        opacity: .5
    }

    .dropMenu .dropMenu__language dl dd .dropMenu__language__list li.is-disabled>a {
        cursor: none;
        pointer-events: none
    }

    .dropMenu .dropMenu__language .dropMenu--level2 li {
        background: #fff
    }

    .dropMenu .dropMenu__language .dropMenu--level2 li.is-disabled>a {
        cursor: none;
        pointer-events: none
    }

    .dropMenu .dropMenu__language .back {
        padding: 4vw 0
    }

    .dropMenu .dropMenu__language .back:after {
        display: none
    }

    .dropMenu .dropMenu__language .back a {
        position: relative;
        font-size: 3.2vw;
        padding: 2.66667vw 5.33333vw 2.66667vw 10.66667vw;
        display: inline-block;
        width: auto;
        min-height: 6.66667vw;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .dropMenu .dropMenu__language .back a:before {
        content: '';
        display: inline-block;
        width: 1.6vw;
        height: 2.8vw;
        background: url(../img/icon_arrow2.svg) no-repeat center/1.6vw 2.8vw;
        vertical-align: -0.26667vw;
        margin-right: 1.06667vw;
        position: absolute;
        top: -moz-calc(50% - (10/750*100vw));
        top: calc(50% - (10/750*100vw));
        left: 5.33333vw;
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .dropMenu .dropMenu--level1 {
        width: 200vw;
        position: relative;
        display: none
    }

    .dropMenu .dropMenu--level1.is-active {
        display: block
    }

    .dropMenu .dropMenu--level1>li {
        width: 100vw
    }

    .dropMenu .dropMenu--level1>li>.banner {
        font-size: 4.26667vw;
        line-height: 1.5
    }

    .dropMenu .dropMenu--level1>li>.banner>a {
        display: inline-block;
        color: #000;
        position: relative;
        padding-left: 6.66667vw;
        font-weight: bold
    }

    .dropMenu .dropMenu--level1>li>.banner>a:before {
        content: '';
        display: inline-block;
        width: 4.26667vw;
        height: 4.26667vw;
        background: url(../img/icon_arrow.svg) no-repeat 0 0/contain;
        vertical-align: -0.53333vw;
        margin-right: 2.13333vw;
        position: absolute;
        top: 1.06667vw;
        left: 0
    }

    .dropMenu .dropMenu--level1>li>.banner>a:hover {
        text-decoration: none
    }

    .dropMenu .dropMenu--level1>li>.banner>a {
        font-size: 4.26667vw;
        line-height: 1.3125;
        width: 100%;
        min-height: 13.33333vw;
        height: 100%;
        padding: 2.66667vw 8vw 2.66667vw 5.33333vw;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        cursor: pointer;
        border-bottom: 1px solid #f2f2f2;
        background: #fff;
        padding-left: 12.66667vw
    }

    .dropMenu .dropMenu--level1>li>.banner>a:before {
        top: -moz-calc(50% - (16/750*100vw));
        top: calc(50% - (16/750*100vw));
        left: 5.33333vw
    }

    .dropMenu .dropMenu--level2>li,
    .dropMenu .dropMenu--level3>li {
        border-bottom: 1px solid #f2f2f2;
        background: #fff
    }

    .dropMenu .dropMenu--level2>li img,
    .dropMenu .dropMenu--level3>li img {
        display: none
    }

    .dropMenu .dropMenu--level2>li a,
    .dropMenu .dropMenu--level3>li a {
        font-size: 4.26667vw;
        line-height: 1.3125;
        width: 100%;
        min-height: 13.33333vw;
        height: 100%;
        padding: 2.66667vw 8vw 2.66667vw 5.33333vw;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        cursor: pointer
    }

    .dropMenu .dropMenu--level2>li .next,
    .dropMenu .dropMenu--level3>li .next {
        position: relative
    }

    .dropMenu .dropMenu--level2>li .next:after,
    .dropMenu .dropMenu--level3>li .next:after {
        content: '';
        display: block;
        width: 1.6vw;
        height: 2.66667vw;
        background: url(../img/icon_arrow2.svg) no-repeat center/1.6vw auto;
        position: absolute;
        top: -moz-calc(50% - 10/750*100vw);
        top: calc(50% - 10/750*100vw);
        right: 5.33333vw
    }

    .dropMenu .dropMenu--level2>li.is-current .banner>a,
    .dropMenu .dropMenu--level3>li.is-current .banner>a {
        position: relative
    }

    .dropMenu .dropMenu--level2>li.is-current .banner>a::before,
    .dropMenu .dropMenu--level3>li.is-current .banner>a::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 1.6vw;
        height: 100%;
        background: silver
    }

    .dropMenu .dropMenu--level2>li.is-current>a,
    .dropMenu .dropMenu--level3>li.is-current>a {
        position: relative
    }

    .dropMenu .dropMenu--level2>li.is-current>a::before,
    .dropMenu .dropMenu--level3>li.is-current>a::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 1.6vw;
        height: 100%;
        background: silver
    }

    .dropMenu .dropMenu--level2>li.is-disabled>a,
    .dropMenu .dropMenu--level3>li.is-disabled>a {
        cursor: none;
        pointer-events: none
    }

    .dropMenu .dropMenu--level2>li.back,
    .dropMenu .dropMenu--level3>li.back {
        padding: 4vw 0;
        background: #f2f2f2
    }

    .dropMenu .dropMenu--level2>li.back:after,
    .dropMenu .dropMenu--level3>li.back:after {
        display: none
    }

    .dropMenu .dropMenu--level2>li.back a,
    .dropMenu .dropMenu--level3>li.back a {
        position: relative;
        font-size: 3.2vw;
        padding: 2.66667vw 5.33333vw 2.66667vw 10.66667vw;
        display: inline-block;
        width: auto;
        min-height: 6.66667vw
    }

    .dropMenu .dropMenu--level2>li.back a:before,
    .dropMenu .dropMenu--level3>li.back a:before {
        content: '';
        display: inline-block;
        width: 1.6vw;
        height: 2.8vw;
        background: url(../img/icon_arrow2.svg) no-repeat center/1.6vw 2.8vw;
        vertical-align: -0.26667vw;
        margin-right: 1.06667vw;
        position: absolute;
        top: -moz-calc(50% - (10/750*100vw));
        top: calc(50% - (10/750*100vw));
        left: 5.33333vw;
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .dropMenu .dropMenu--level3 {
        position: absolute;
        left: 100vw;
        top: 0;
        width: 100vw;
        display: none
    }

    .dropMenu .dropMenu--level3.is-active {
        display: block
    }

    .dropMenu .dropMenu--level3>li:first-child.sp {
        font-size: 4.26667vw;
        line-height: 1.5
    }

    .dropMenu .dropMenu--level3>li:first-child.sp>a {
        display: inline-block;
        color: #000;
        position: relative;
        padding-left: 6.66667vw;
        font-weight: bold
    }

    .dropMenu .dropMenu--level3>li:first-child.sp>a:before {
        content: '';
        display: inline-block;
        width: 4.26667vw;
        height: 4.26667vw;
        background: url(../img/icon_arrow.svg) no-repeat 0 0/contain;
        vertical-align: -0.53333vw;
        margin-right: 2.13333vw;
        position: absolute;
        top: 1.06667vw;
        left: 0
    }

    .dropMenu .dropMenu--level3>li:first-child.sp>a:hover {
        text-decoration: none
    }

    .dropMenu .dropMenu--level3>li:first-child.sp>a {
        font-size: 4.26667vw;
        line-height: 1.3125;
        width: 100%;
        min-height: 13.33333vw;
        height: 100%;
        padding: 2.66667vw 8vw 2.66667vw 5.33333vw;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        cursor: pointer;
        padding-left: 12.66667vw
    }

    .dropMenu .dropMenu--level3>li:first-child.sp>a:before {
        top: auto;
        left: 5.33333vw
    }
}

@media screen and (max-width:768px) and (-ms-high-contrast:none) {
    .globalNavi__list li a {
        display: table
    }

    .globalNavi__list li .next {
        display: table
    }

    .globalNavi__list li a>span,
    .globalNavi__list li .next>span {
        display: table-cell;
        vertical-align: middle
    }

    .dropMenu .dropMenu--level1>li>a {
        display: table
    }

    .dropMenu .dropMenu--level1>li>a>span {
        display: table-cell;
        vertical-align: middle
    }

    .dropMenu--level2>li .banner a {
        display: table
    }

    .dropMenu--level2>li .banner a>span {
        display: table-cell;
        vertical-align: middle
    }
}

@media print,
screen and (min-width:769px) {
    .footer {
        background: #f2f2f2
    }

    .footer>hr {
        margin: 0;
        border: 0;
        border-top: 1px solid silver
    }

    .footer__top {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        max-width: 1280px;
        margin: auto;
        padding: 54px 30px 33px
    }

    .footer__menu {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: -10px -20px;
        font-size: 14px;
        font-size: .875rem
    }

    .footer__menu>li {
        margin: 10px 20px
    }

    .footer__menu>li .textlink a {
        font-size: 14px;
        font-size: .875rem;
        font-weight: normal
    }

    .footer__menu>li .textlink a:before {
        top: 2px
    }

    .footer__menu>li.is-current .textlink>a {
        opacity: .5
    }

    .footer__menu>li.is-disabled .textlink>a {
        cursor: none;
        pointer-events: none
    }

    .footer__menu__sub {
        display: block;
        padding-top: 5px;
        color: #8c8c8c;
        font-size: 12px;
        font-size: .75rem
    }

    .footer__menu__sub sup {
        top: -1px
    }

    .footer__menu__sub sub {
        font-size: 10px;
        vertical-align: -1px
    }

    .footer__sns {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: 10px;
        margin-left: auto;
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -moz-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -moz-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .footer__sns>li {
        margin: 10px 0 0 20px
    }

    .footer__sns>li>a {
        display: block;
        width: 34px
    }

    .footer__sns>li.popup {
        position: relative
    }

    .footer__sns>li.popup>span {
        display: block;
        width: 34px;
        cursor: pointer
    }

    .footer__sns>li.popup>span:hover {
        opacity: .7
    }

    .footer__sns>li.popup .sns_popup {
        display: none;
        position: absolute;
        bottom: 50px;
        right: -10px;
        width: 238px;
        height: 270px;
        border: 1px solid #c4c4c4;
        border-radius: 15px;
        z-index: 100;
        padding: 3px;
        background-color: #fff;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .footer__sns>li.popup .sns_popup .popupClose {
        width: 18px;
        height: 18px;
        position: absolute;
        top: 12px;
        right: 12px
    }

    .footer__sns>li.popup .sns_popup .popupClose button {
        width: 16px;
        height: 16px;
        position: relative;
        -webkit-transition: opacity .3s ease;
        -moz-transition: opacity .3s ease;
        transition: opacity .3s ease;
        font-size: 0;
        vertical-align: top
    }

    .footer__sns>li.popup .sns_popup .popupClose button:before,
    .footer__sns>li.popup .sns_popup .popupClose button:after {
        content: '';
        display: block;
        width: 18px;
        height: 2px;
        background: #000;
        position: absolute;
        top: 8px;
        left: -2px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .footer__sns>li.popup .sns_popup .popupClose button:after {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .footer__sns>li.popup .sns_popup .popupClose button:hover {
        opacity: .7
    }

    .footer__sns>li.popup .sns_popup .pop-txt1 {
        line-height: 1;
        padding: 8px 0
    }

    .footer__btm {
        max-width: 1280px;
        margin: auto;
        padding: 35px 30px 15px
    }

    .footer__subMenu {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: -5px -20px;
        font-size: 12px;
        font-size: .75rem
    }

    .footer__subMenu sub {
        font-size: 10px
    }

    .footer__subMenu>li {
        margin: 5px 20px
    }

    .footer__subMenu>li.is-current>a {
        opacity: .5
    }

    .footer__subMenu>li.is-disabled>a {
        cursor: none;
        pointer-events: none
    }

    .footer__copyright {
        padding-top: 27px;
        color: #8c8c8c;
        font-size: 10px;
        font-size: .625rem;
        text-align: right
    }

    .footer__copyright>small>a {
        color: #8c8c8c
    }

    .footer__copyright>small+small {
        margin-left: 15px
    }

    .footer__copyright .extarnal>a:after,
    .footer__copyright .external>a:after {
        width: 8px;
        height: 8px
    }

    .footer__copyright .networkSecurity>a {
        position: relative;
        padding-left: 20px
    }

    .footer__copyright .networkSecurity>a:before {
        content: '';
        display: inline-block;
        position: absolute;
        top: 0;
        left: 0;
        width: 15px;
        height: 15px;
        background: url(../img/ico-network-security.png) no-repeat 0 0/contain
    }

    .buttonGotop {
        position: fixed;
        bottom: 20px;
        right: 20px;
        z-index: 98
    }

    .buttonGotop button {
        position: relative;
        top: 0;
        width: 50px;
        height: 50px;
        background: url(../img/icon_gotop.svg) no-repeat 0 0/contain;
        font-size: 0;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        transition: all .3s ease
    }

    .buttonGotop button:hover {
        opacity: .7
    }

    .buttonGotop button.is-bottom {
        top: -30px
    }
}

@media screen and (max-width:768px) {
    .footer {
        background: #f2f2f2
    }

    .footer>hr {
        margin: 0;
        border: 0;
        border-top: 1px solid silver
    }

    .footer__top {
        padding: 9.33333vw 5.33333vw 8vw
    }

    .footer__menu {
        margin: -4vw 0
    }

    .footer__menu>li {
        margin: 4vw 0;
        font-size: 3.2vw
    }

    .footer__menu>li .textlink a {
        font-size: 3.2vw;
        font-weight: normal
    }

    .footer__menu>li .textlink a:before {
        top: 0
    }

    .footer__menu>li .textlink a sup {
        top: -2px
    }

    .footer__menu>li .textlink a sub {
        vertical-align: -1px
    }

    .footer__menu>li.is-current .textlink>a {
        opacity: .5
    }

    .footer__menu>li.is-disabled .textlink>a {
        cursor: none;
        pointer-events: none
    }

    .footer__menu__sub {
        display: block;
        padding-top: 1.2vw;
        color: #8c8c8c;
        font-size: 2.93333vw
    }

    .footer__menu__sub sup {
        top: -2px
    }

    .footer__menu__sub sub {
        vertical-align: 0
    }

    .footer__sns {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: 8vw;
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -moz-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -moz-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .footer__sns>li {
        margin: 2.66667vw 0 0 5.33333vw
    }

    .footer__sns>li>a {
        display: block;
        width: 9.06667vw
    }

    .footer__sns>li.popup {
        position: relative
    }

    .footer__sns>li.popup>span {
        display: block;
        width: 9.06667vw;
        cursor: pointer
    }

    .footer__sns>li.popup>span:hover {
        opacity: .7
    }

    .footer__sns>li.popup .sns_popup {
        display: none;
        position: absolute;
        bottom: 10.66667vw;
        right: -2.66667vw;
        width: 238px;
        height: 266px;
        border: 1px solid #c4c4c4;
        border-radius: 15px;
        z-index: 100;
        padding: 3px;
        background-color: #fff;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .footer__sns>li.popup .sns_popup .popupClose {
        width: 18px;
        height: 18px;
        position: absolute;
        top: 12px;
        right: 12px
    }

    .footer__sns>li.popup .sns_popup .popupClose button {
        width: 16px;
        height: 16px;
        position: relative;
        -webkit-transition: opacity .3s ease;
        -moz-transition: opacity .3s ease;
        transition: opacity .3s ease;
        font-size: 0;
        vertical-align: top
    }

    .footer__sns>li.popup .sns_popup .popupClose button:before,
    .footer__sns>li.popup .sns_popup .popupClose button:after {
        content: '';
        display: block;
        width: 18px;
        height: 2px;
        background: #000;
        position: absolute;
        top: 8px;
        left: -2px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .footer__sns>li.popup .sns_popup .popupClose button:after {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .footer__sns>li.popup .sns_popup .popupClose button:hover {
        opacity: .7
    }

    .footer__sns>li.popup .sns_popup .pop-txt1 {
        line-height: 1;
        padding: 8px 0
    }

    .footer__btm {
        padding: 6.66667vw 5.33333vw 4.66667vw
    }

    .footer__subMenu {
        margin: -3.33333vw 0;
        font-size: 3.2vw
    }

    .footer__subMenu>li {
        margin: 3.33333vw 0
    }

    .footer__subMenu>li.is-current>a {
        opacity: .5
    }

    .footer__subMenu>li.is-disabled>a {
        cursor: none;
        pointer-events: none
    }

    .footer__copyright {
        padding-top: 8vw;
        color: #8c8c8c;
        font-size: 2.66667vw;
        text-align: right
    }

    .footer__copyright>small>a {
        color: #8c8c8c
    }

    .footer__copyright>small+small {
        margin-left: 2vw
    }

    .footer__copyright .extarnal>a:after,
    .footer__copyright .external>a:after {
        width: 2.13333vw;
        height: 2.13333vw
    }

    .footer__copyright .networkSecurity>a {
        position: relative;
        padding-left: 5.33333vw
    }

    .footer__copyright .networkSecurity>a:before {
        content: '';
        display: inline-block;
        position: absolute;
        top: 0;
        left: 0;
        width: 4vw;
        height: 4vw;
        background: url(../img/ico-network-security.png) no-repeat 0 0/contain
    }

    .buttonGotop {
        position: fixed;
        bottom: 5.33333vw;
        right: 5.33333vw;
        z-index: 98
    }

    .buttonGotop button {
        position: relative;
        top: 0;
        width: 10.66667vw;
        height: 10.66667vw;
        background: url(../img/icon_gotop.svg) no-repeat 0 0/contain;
        font-size: 0;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        transition: all .3s ease
    }

    .buttonGotop button.is-bottom {
        top: -60px
    }
}

@charset "utf-8";

@media print,
screen and (min-width:769px) {
    .breadcrumbs {
        max-width: 1280px;
        margin: auto;
        padding: 0 30px 16px
    }

    .breadcrumbs__list>li {
        display: inline;
        position: relative;
        margin-right: 20px;
        font-size: 12px;
        font-size: .75rem
    }

    .breadcrumbs__list>li sup {
        top: -1px
    }

    .breadcrumbs__list>li sub {
        font-size: 10px
    }

    .breadcrumbs__list>li::after {
        content: '/';
        position: absolute;
        width: 20px;
        text-align: center
    }

    .breadcrumbs__list>li:last-child {
        margin-right: 0;
        color: #8c8c8c
    }

    .breadcrumbs__list>li:last-child::after {
        display: none
    }
}

@media screen and (max-width:768px) {
    .breadcrumbs {
        margin: auto;
        padding: 4vw 5.33333vw
    }

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

    .breadcrumbs__list>li {
        position: relative;
        margin-right: 5.33333vw;
        font-size: 3.2vw;
        line-height: 2
    }

    .breadcrumbs__list>li sup {
        top: -1px
    }

    .breadcrumbs__list>li sub {
        vertical-align: -1px
    }

    .breadcrumbs__list>li::after {
        content: '/';
        position: absolute;
        width: 5.33333vw;
        text-align: center
    }

    .breadcrumbs__list>li:last-child {
        margin-right: 0;
        color: #8c8c8c
    }

    .breadcrumbs__list>li:last-child::after {
        display: none
    }
}

@charset "utf-8";

.comp-n006 {
    line-height: 1.5
}

.normal {
    font-weight: normal
}

@media print,
screen and (min-width:769px) {
    .heading--lv1 {
        margin-bottom: 100px;
        font-size: 30px;
        font-size: 1.875rem
    }

    h2.heading--lv2 {
        margin-bottom: 60px;
        padding-bottom: 10px;
        border-bottom: 1px solid #000;
        font-size: 24px;
        font-size: 1.5rem
    }

    h2.heading--lv2.normal {
        padding-bottom: 0;
        border-bottom: 0
    }

    h3.heading--lv3,
    h4.heading--lv4,
    h5.heading--lv5 {
        margin-bottom: 40px;
        font-size: 20px;
        font-size: 1.25rem
    }

    .relatedLinks {
        margin-bottom: 40px;
        padding: 5px 20px;
        background: #f2f2f2;
        font-size: 18px;
        font-size: 1.125rem;
        font-weight: bold
    }
}

@media screen and (max-width:768px) {
    .heading--lv1 {
        margin-bottom: 16vw;
        font-size: 6.4vw
    }

    h2.heading--lv2 {
        margin-bottom: 10.66667vw;
        padding-bottom: 2.66667vw;
        border-bottom: 1px solid #000;
        font-size: 5.33333vw
    }

    h2.heading--lv2.normal {
        padding-bottom: 0;
        border-bottom: 0
    }

    h3.heading--lv3,
    h4.heading--lv4,
    h5.heading--lv5 {
        margin-bottom: 8vw;
        font-size: 4.8vw
    }

    .relatedLinks {
        margin-bottom: 8vw;
        padding: 1.33333vw 5.33333vw;
        background: #f2f2f2;
        font-size: 4.26667vw;
        font-weight: bold
    }
}

@charset "utf-8";

@media print,
screen and (min-width:769px) {
    .image {
        width: 100%
    }

    .image.w333 {
        max-width: 333px
    }

    .image.w500 {
        max-width: 500px
    }

    .image.w696 {
        max-width: 696px
    }

    .image.wfree {
        max-width: 1060px
    }

    .image.wfree img {
        width: auto;
        max-width: 100%
    }

    .image.align--left {
        margin-right: auto
    }

    .image.align--center {
        margin-left: auto;
        margin-right: auto
    }

    .image.align--right {
        margin-left: auto
    }
}

@media screen and (max-width:768px) {
    .image {
        width: 100%
    }

    .image.w333,
    .image.w500,
    .image.w696 {
        width: 100%
    }

    .image.wfree {
        max-width: 100%
    }

    .image.wfree img {
        width: auto;
        max-width: 100%
    }

    .image.align--left {
        margin-right: auto
    }

    .image.align--center {
        margin-left: auto;
        margin-right: auto
    }

    .image.align--right {
        margin-left: auto
    }
}

@charset "UTF-8";

@media print,
screen and (min-width:769px) {
    .media--col1 .media__col {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 20px
    }

    .media--col1 .media__thum {
        margin-right: 40px;
        text-align: center
    }

    .media--col1 .media__thum>img {
        width: auto
    }

    .media--col1 .media__ttl.textlink {
        margin-top: 0;
        font-weight: bold
    }

    .media--col1 .media__sub {
        padding-left: 24px;
        padding-top: 8px;
        font-weight: bold
    }

    .media--col1 .media__sub.noLink {
        padding-left: 0
    }

    .media--col1 .media__txt {
        margin-top: 12px;
        font-size: 14px;
        font-size: .875rem
    }

    .media--col1 .media__subTxt.textlink {
        margin-top: 15px
    }
}

@media screen and (max-width:768px) {
    .media--col1 .media__col {
        padding: 5.33333vw
    }

    .media--col1 .media__thum {
        text-align: center
    }

    .media--col1 .media__thum>img {
        width: auto;
        max-width: 100%
    }

    .media--col1 .media__thum>img.sp {
        display: inline-block
    }

    .media--col1 .media__thum+.media__cont {
        margin-top: 4.66667vw
    }

    .media--col1 .media__ttl.textlink {
        font-size: 4.26667vw;
        font-weight: bold;
        line-height: 1.6
    }

    .media--col1 .media__ttl.textlink>a {
        font-size: 4.26667vw;
        line-height: 1.6
    }

    .media--col1 .media__sub {
        margin-top: 1.33333vw;
        padding-left: 6.66667vw;
        font-size: 4.26667vw;
        font-weight: bold
    }

    .media--col1 .media__sub.noLink {
        padding-left: 0
    }

    .media--col1 .media__txt {
        margin-top: 3.33333vw;
        font-size: 3.73333vw;
        line-height: 1.7
    }

    .media--col1 .media__subTxt {
        margin-top: 2.66667vw
    }
}

@charset "utf-8";

@media print,
screen and (min-width:769px) {
    .hero_banner {
        position: relative;
        border-width: 10px
    }

    .hero_banner__image {
        max-width: 1280px;
        margin: auto
    }

    .hero_banner__text {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    .hero_banner__text .inner {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        height: 100%;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .hero_banner__headline {
        width: 55.661%;
        max-width: 590px
    }

    .hero_banner__headline>p,
    .hero_banner .heading--lv1 {
        margin-bottom: 0;
        font-size: 36px;
        font-size: 2.25rem;
        line-height: 1.5;
        font-weight: bold
    }

    .hero_banner__headline>p sup,
    .hero_banner .heading--lv1 sup {
        font-size: 18px;
        font-size: 1.125rem;
        top: 1px
    }

    .hero_banner__headline>p sub,
    .hero_banner .heading--lv1 sub {
        font-size: 20px;
        font-size: 1.25rem;
        vertical-align: -1px
    }
}

@media screen and (max-width:768px) {
    .hero_banner {
        position: relative;
        border-width: 2.66667vw
    }

    .hero_banner__image {
        width: 100%
    }

    .hero_banner__text {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    .hero_banner__text .inner {
        padding-top: 14.66667vw
    }

    .hero_banner__headline>p,
    .hero_banner .heading--lv1 {
        margin-bottom: 0;
        font-size: 6.4vw;
        line-height: 1.5;
        font-weight: bold
    }

    .hero_banner__headline>p sup,
    .hero_banner .heading--lv1 sup {
        font-size: 3.2vw;
        top: .4vw
    }

    .hero_banner__headline>p sub,
    .hero_banner .heading--lv1 sub {
        font-size: 3.46667vw;
        vertical-align: -0.13333vw
    }
}

@charset "utf-8";

.inner .comp-n015 .inner {
    padding-left: 0;
    padding-right: 0
}

@media screen and (min-width:769px) {
    .frame {
        width: 100%
    }
}

@media screen and (max-width:768px) {
    .frame {
        width: 100%
    }
}

@media print,
screen and (min-width:769px) {
    .newsList__filter {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-top: -10px;
        margin-bottom: 15px
    }

    .newsList__filter>div {
        margin-top: 10px;
        margin-bottom: 10px
    }

    .newsList__filterTtl {
        font-weight: bold;
        margin-right: 43px;
        white-space: nowrap
    }

    .newsList__filterSelect {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: -5px;
        margin-bottom: -5px
    }

    .newsList__select {
        display: inline-block;
        position: relative;
        min-width: 120px;
        margin-top: 5px;
        margin-bottom: 5px;
        margin-right: 30px;
        padding: 4px 0 6px;
        border-bottom: 1px solid #000
    }

    .newsList__select.category {
        min-width: 160px
    }

    .newsList__select::before {
        content: '';
        position: absolute;
        top: 50%;
        right: 0;
        width: 6px;
        height: 10px;
        background: url(../img/icon_arrow2.svg) no-repeat 0 0/contain;
        -webkit-transform: rotate(90deg) translate(-50%);
        -moz-transform: rotate(90deg) translate(-50%);
        transform: rotate(90deg) translate(-50%)
    }

    .newsList__select select {
        width: 100%;
        font-size: 16px;
        font-size: 1rem;
        cursor: pointer;
        -webkit-appearance: none
    }

    .newsList__filterBtn>button {
        min-width: 120px;
        margin-top: 2px;
        padding: 4px 0 5px;
        border: 1px solid #000;
        background: #e6e6e6;
        font-size: 16px;
        font-size: 1rem;
        -webkit-transition: opacity .3s ease;
        -moz-transition: opacity .3s ease;
        transition: opacity .3s ease
    }

    .newsList__filterBtn>button:hover {
        opacity: .7
    }

    .newsList__search {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 45px
    }

    .newsList__searchTtl {
        margin-right: 35px;
        font-weight: bold
    }

    .newsList__searchInput>input[type=text] {
        width: 144px;
        padding: 5px;
        border: 1px solid #767676
    }

    .newsList__searchBtn {
        margin: 0 10px
    }

    .newsList__searchBtn>button {
        min-width: 120px;
        padding: 4px 0 5px;
        border: 1px solid #000;
        background: #e6e6e6;
        font-size: 16px;
        font-size: 1rem;
        -webkit-transition: opacity .3s ease;
        -moz-transition: opacity .3s ease;
        transition: opacity .3s ease
    }

    .newsList__searchBtn>button:hover {
        opacity: .7
    }

    .newsList__list>dl {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        border-top: 1px solid silver
    }

    .newsList__list>dl:first-child {
        border: 0
    }

    .newsList__list>dl:first-child>dt {
        padding: 0 12px 23px 0
    }

    .newsList__list>dl:first-child>dt+dd {
        padding: 0 0 23px 12px
    }

    .newsList__list>dl>dt {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding: 25px 12px 23px 0;
        white-space: nowrap
    }

    .newsList__list>dl>dd {
        padding: 24px 0 23px 12px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .newsList__list>dl .textlink {
        margin-left: auto
    }

    .newsList__list>dl .textlink2 {
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.5
    }

    .newsList__list>dl .textlink2>a {
        display: inline-block;
        color: #000;
        position: relative;
        padding-left: 18px
    }

    .newsList__list>dl .textlink2>a:before {
        content: '';
        display: inline-block;
        width: 6px;
        height: 10px;
        background: url(../img/icon_arrow2.svg) no-repeat center/6px 10px;
        vertical-align: -2px;
        margin-right: 8px;
        position: absolute;
        top: 7px;
        left: 3px
    }

    .newsList__list>dl .textlink2>a:hover {
        text-decoration: none
    }

    .newsList__list>dl .textlink2.large>a:before {
        top: 8px
    }

    .newsList__list>dl .textlink2>a {
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        line-height: 2
    }

    .newsList__list>dl .textlink2>a:before {
        top: 11px
    }

    .newsList__date {
        padding: 2px 3px 0;
        font-size: 14px;
        font-size: .875rem
    }

    .newsList__target {
        width: 66px;
        padding-top: 2px;
        font-size: 14px;
        font-size: .875rem
    }

    .newsList__tag {
        min-width: 100px;
        height: 20px;
        padding: 0 10px;
        margin-top: 4px;
        margin-left: auto;
        background: #e6e6e6;
        font-size: 12px;
        font-size: .75rem;
        text-align: center;
        line-height: 1.6;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .newsList__empty {
        text-align: center
    }

    .newsList__pagenation {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 6px -16px 0
    }

    .newsList__pagenation>li {
        margin: 0 16px
    }

    .newsList__pagenation>li>button {
        position: relative;
        width: 30px;
        height: 30px;
        border: 1px solid #000;
        background: #e6e6e6;
        font-size: 0;
        -webkit-transition: opacity .3s ease;
        -moz-transition: opacity .3s ease;
        transition: opacity .3s ease
    }

    .newsList__pagenation>li>button::after {
        content: '';
        display: inline-block;
        position: absolute;
        top: 50%;
        left: 11px;
        width: 6px;
        height: 10px;
        background: url(../img/icon_arrow2.svg) no-repeat 0 0/contain;
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        transform: translate(0, -50%)
    }

    .newsList__pagenation>li>button.prev::after {
        -webkit-transform: translate(0, -50%) rotate(180deg);
        -moz-transform: translate(0, -50%) rotate(180deg);
        transform: translate(0, -50%) rotate(180deg)
    }

    .newsList__pagenation>li>button:hover {
        opacity: .7
    }

    .pdfList {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 -15px -10px
    }

    .pdfList>li {
        margin: 10px 15px
    }

    .pdfList>li>a:before {
        content: '';
        display: inline-block;
        width: 16px;
        height: 16px;
        background: url(../img/icon_pdf.svg) no-repeat 0 0/contain;
        margin-right: 8px;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        vertical-align: -2px
    }
}

@media screen and (max-width:768px) {
    .newsList__filter {
        margin-bottom: 10vw
    }

    .newsList__filterTtl {
        font-weight: bold;
        font-size: 4.26667vw
    }

    .newsList__filterSelect {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 -4vw
    }

    .newsList__select {
        display: inline-block;
        position: relative;
        min-width: 32vw;
        margin: 4.66667vw 4vw 0;
        padding: 1.06667vw 0 1.6vw;
        border-bottom: 1px solid #000;
        cursor: pointer
    }

    .newsList__select.category {
        min-width: 42.66667vw
    }

    .newsList__select::before {
        content: '';
        position: absolute;
        top: 50%;
        right: 0;
        width: 1.6vw;
        height: 2.66667vw;
        background: url(../img/icon_arrow2.svg) no-repeat 0 0/contain;
        -webkit-transform: rotate(90deg) translate(-50%);
        -moz-transform: rotate(90deg) translate(-50%);
        transform: rotate(90deg) translate(-50%)
    }

    .newsList__select select {
        width: 100%;
        text-overflow: ellipsis;
        border: 0;
        font-size: 4.26667vw;
        -webkit-appearance: none
    }

    .newsList__filterBtn {
        text-align: center
    }

    .newsList__filterBtn>button {
        width: 40vw;
        margin-top: 8vw;
        padding: 1.06667vw 0 1.33333vw;
        border: 1px solid #000;
        background: #e6e6e6;
        font-size: 4.26667vw;
        -webkit-transition: opacity .3s ease;
        -moz-transition: opacity .3s ease;
        transition: opacity .3s ease
    }

    .newsList__filterBtn>button:hover {
        opacity: .7
    }

    .newsList__search {
        margin-bottom: 10vw
    }

    .newsList__searchTtl {
        font-size: 4.26667vw;
        font-weight: bold
    }

    .newsList__searchInput {
        margin-top: 4.66667vw
    }

    .newsList__searchInput>input[type=text] {
        width: 100%;
        padding: 5px;
        border: 1px solid #767676
    }

    .newsList__searchBtn {
        text-align: center
    }

    .newsList__searchBtn>button {
        width: 40vw;
        margin-top: 8vw;
        padding: 1.06667vw 0 1.33333vw;
        border: 1px solid #000;
        background: #e6e6e6;
        font-size: 4.26667vw;
        -webkit-transition: opacity .3s ease;
        -moz-transition: opacity .3s ease;
        transition: opacity .3s ease
    }

    .newsList__searchBtn>button:hover {
        opacity: .7
    }

    .newsList__list>dl {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        border-top: 1px solid silver
    }

    .newsList__list>dl:first-child {
        border: 0
    }

    .newsList__list>dl:first-child>dt {
        padding-top: 0
    }

    .newsList__list>dl>dt {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        padding-top: 5.33333vw
    }

    .newsList__list>dl>dd {
        padding: 2vw 0 4vw
    }

    .newsList__list>dl .textlink {
        padding-top: 2.66667vw;
        text-align: right
    }

    .newsList__list>dl .textlink>a {
        font-size: 4.26667vw
    }

    .newsList__list>dl .textlink>a:before {
        top: 2.4vw
    }

    .newsList__date {
        padding-right: 2.13333vw;
        font-size: 3.73333vw
    }

    .newsList__target {
        font-size: 3.73333vw
    }

    .newsList__tag {
        min-width: 26.66667vw;
        margin-left: auto;
        margin-right: 9.33333vw;
        padding: .26667vw 2.13333vw;
        background: #e6e6e6;
        font-size: 3.2vw;
        text-align: center;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .newsList__empty {
        font-size: 4.26667vw
    }

    .newsList__pagenation {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 5.33333vw -4.26667vw 0
    }

    .newsList__pagenation>li {
        margin: 0 4.26667vw;
        font-size: 4.26667vw
    }

    .newsList__pagenation>li>button {
        position: relative;
        width: 8vw;
        height: 8vw;
        border: 1px solid #000;
        background: #e6e6e6;
        font-size: 0;
        -webkit-transition: opacity .3s ease;
        -moz-transition: opacity .3s ease;
        transition: opacity .3s ease
    }

    .newsList__pagenation>li>button::after {
        content: '';
        display: inline-block;
        position: absolute;
        top: 50%;
        left: 2.66667vw;
        width: 1.6vw;
        height: 2.66667vw;
        background: url(../img/icon_arrow2.svg) no-repeat 0 0/contain;
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        transform: translate(0, -50%)
    }

    .newsList__pagenation>li>button.prev::after {
        -webkit-transform: translate(0, -50%) rotate(180deg);
        -moz-transform: translate(0, -50%) rotate(180deg);
        transform: translate(0, -50%) rotate(180deg)
    }

    .newsList__pagenation>li>button:hover {
        opacity: .7
    }

    .pdfList {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 1.33333vw -4vw -1.33333vw
    }

    .pdfList>li {
        margin: 1.33333vw 4vw
    }

    .pdfList>li>a {
        font-size: 4.26667vw
    }

    .pdfList>li>a:before {
        content: '';
        display: inline-block;
        width: 16px;
        height: 16px;
        background: url(../img/icon_pdf.svg) no-repeat 0 0/contain;
        margin-right: 8px;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        vertical-align: -2px
    }
}

@media print,
screen and (min-width:769px) {
    .anchorList {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: -20px -15px 0
    }

    .anchorList .button {
        width: 333px;
        margin: 15px 15px 0;
        min-height: 54px
    }

    .anchorList .button a {
        min-height: 54px;
        padding: 17px 55px 17px 25px
    }
}

@media screen and (max-width:768px) {
    .anchorList {
        margin: 0
    }

    .anchorList:first-child {
        margin-top: 0
    }

    .button {
        width: 100%;
        margin-top: 2.66667vw
    }
}

@charset "utf-8";

@media print,
screen and (min-width:769px) {
    .spacer.hgt40 {
        height: 40px
    }

    .spacer.hgt60 {
        height: 60px
    }
}

@media screen and (max-width:768px) {
    .spacer.hgt40 {
        height: 5.33333vw
    }

    .spacer.hgt60 {
        height: 8vw
    }
}

@charset "utf-8";

.p-khc .new_window_annotation,
.p-kic .new_window_annotation {
    padding: 0;
    font-size: .75rem;
    line-height: 1
}

.p-khc .new_window_annotation li,
.p-kic .new_window_annotation li {
    display: inline-block;
    padding-right: 10px
}

.p-khc .new_window_annotation img,
.p-kic .new_window_annotation img {
    vertical-align: text-bottom;
    margin-right: 5px
}

@media screen and (min-width:769px) {

    .p-khc .new_window_annotation img,
    .p-kic .new_window_annotation img {
        width: 18px;
        height: 18px
    }
}

@media screen and (max-width:768px) {

    .p-khc .new_window_annotation,
    .p-kic .new_window_annotation {
        display: grid;
        font-size: 3.385vw;
        line-height: 7.466vw
    }

    .p-khc .new_window_annotation img,
    .p-kic .new_window_annotation img {
        width: 28px;
        height: 28px
    }
}

@media print,
screen and (min-width:769px) {
    .newsHeadLine__inner {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        padding: 28px 30px 20px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .newsHeadLine__inner .textlink {
        margin-top: auto;
        margin-left: auto;
        padding-bottom: 6px
    }

    .newsHeadLine__ticker {
        width: 80%;
        overflow: hidden
    }

    .newsHeadLine__list {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex
    }

    .newsHeadLine__list>li {
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: 100%
    }

    .newsHeadLine__desc {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex
    }

    .newsHeadLine__date {
        padding-right: 6px;
        font-size: 14px;
        font-size: .875rem
    }

    .newsHeadLine__target {
        padding-right: 10px;
        font-size: 14px;
        font-size: .875rem
    }

    .newsHeadLine__tag {
        min-width: 100px;
        height: 20px;
        padding: 0 10px;
        background: #e6e6e6;
        font-size: 12px;
        font-size: .75rem;
        text-align: center;
        line-height: 1.6;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .newsHeadLine__txt {
        width: 100%;
        padding-top: 15px;
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.5
    }

    .newsHeadLine__txt>a {
        display: inline-block;
        color: #000;
        position: relative;
        padding-left: 18px
    }

    .newsHeadLine__txt>a:before {
        content: '';
        display: inline-block;
        width: 6px;
        height: 10px;
        background: url(../img/icon_arrow2.svg) no-repeat center/6px 10px;
        vertical-align: -2px;
        margin-right: 8px;
        position: absolute;
        top: 7px;
        left: 3px
    }

    .newsHeadLine__txt>a:hover {
        text-decoration: none
    }

    .newsHeadLine__txt.large>a:before {
        top: 8px
    }

    .newsHeadLine__txt>a {
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
}

@media screen and (max-width:768px) {
    .newsHeadLine__inner {
        padding: 8vw 5.33333vw 6.66667vw;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .newsHeadLine__inner .textlink {
        padding-top: 2.66667vw;
        text-align: right
    }

    .newsHeadLine__ticker {
        overflow: hidden
    }

    .newsHeadLine__list {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex
    }

    .newsHeadLine__list>li {
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: 100%
    }

    .newsHeadLine__desc {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex
    }

    .newsHeadLine__date {
        padding-right: 2.13333vw;
        font-size: 3.73333vw
    }

    .newsHeadLine__target {
        font-size: 3.73333vw
    }

    .newsHeadLine__tag {
        min-width: 26.66667vw;
        margin-left: auto;
        padding: .26667vw 2.13333vw;
        background: #e6e6e6;
        font-size: 3.2vw;
        text-align: center;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .newsHeadLine__txt {
        padding-top: 2vw;
        font-size: 4.26667vw;
        line-height: 1.5
    }

    .newsHeadLine__txt>a {
        display: inline-block;
        color: #000;
        position: relative;
        padding-left: 3.2vw
    }

    .newsHeadLine__txt>a:before {
        content: '';
        display: inline-block;
        width: 1.6vw;
        height: 2.8vw;
        background: url(../img/icon_arrow2.svg) no-repeat center/1.6vw 2.8vw;
        margin-right: 1.06667vw;
        position: absolute;
        top: 1.33333vw;
        left: 0
    }

    .newsHeadLine__txt>a:hover {
        text-decoration: none
    }

    .newsHeadLine__txt>a {
        font-size: 4.26667vw;
        line-height: 1.7
    }

    .newsHeadLine__txt>a:before {
        top: 2vw
    }
}

@media print,
screen and (min-width:769px) {
    .accordion {
        position: relative;
        border-bottom: 1px solid silver
    }

    .accordion.border-top {
        border-top: 1px solid silver
    }

    .accordion.is-open .accordion__heading>*:after {
        background: url(../img/icon_close.svg) no-repeat 0 0/100%
    }

    .accordion.is-open .accordion__body {
        display: block;
        visibility: visible;
        height: auto
    }

    .accordion__heading>* {
        font-size: 20px;
        font-size: 1.25rem;
        line-height: 1.5;
        width: 100%;
        height: 100%;
        min-height: 100px;
        padding: 35px 60px 35px 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        text-align: left;
        position: relative;
        cursor: pointer;
        font-weight: bold
    }

    .accordion__heading>*:after {
        content: '';
        display: block;
        width: 14px;
        height: 14px;
        position: absolute;
        top: -moz-calc(50% - 7px);
        top: calc(50% - 7px);
        right: 20px;
        background: url(../img/icon_open.svg) no-repeat 0 0/100%
    }

    .accordion__heading>*.normal {
        font-weight: normal
    }

    .accordion__body {
        padding-bottom: 40px;
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.625;
        display: none;
        visibility: hidden;
        height: 0;
        -webkit-transition: height .4s ease;
        -moz-transition: height .4s ease;
        transition: height .4s ease
    }
}

@media screen and (max-width:768px) {
    .accordion {
        position: relative;
        border-bottom: .26667vw solid silver
    }

    .accordion.border-top {
        border-top: .26667vw solid silver
    }

    .accordion.is-open .accordion__heading>*:after {
        background: url(../img/icon_close.svg) no-repeat 0 0/100%
    }

    .accordion.is-open .accordion__body {
        display: block;
        visibility: visible;
        height: auto
    }

    .accordion__heading>* {
        font-size: 4.8vw;
        line-height: 1.66667;
        width: 100%;
        height: 100%;
        min-height: 20vw;
        padding: 6vw 10.66667vw 6vw 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        text-align: left;
        position: relative;
        cursor: pointer;
        font-weight: bold
    }

    .accordion__heading>*:after {
        content: '';
        display: block;
        width: 3.73333vw;
        height: 3.73333vw;
        position: absolute;
        top: -moz-calc(50% - (14/750*100vw));
        top: calc(50% - (14/750*100vw));
        right: 2.66667vw;
        background: url(../img/icon_open.svg) no-repeat 0 0/100%
    }

    .accordion__body {
        padding-bottom: 5.33333vw;
        font-size: 4.26667vw;
        line-height: 1.625;
        display: none;
        visibility: hidden;
        height: 0;
        -webkit-transition: height .4s ease;
        -moz-transition: height .4s ease;
        transition: height .4s ease
    }
}

#prod_document {
    margin-left: 110px;
    margin-right: 110px
}

.document_list {
    padding: 0 0 0 30px;
    list-style: disc;
    text-indent: 0
}

.document_list li {
    font-size: 1.125rem;
    line-height: 1.5rem;
    margin-top: .9rem;
    margin-bottom: .9rem
}

.document_list li .icon-win {
    padding: 0 26px 0 0;
    background: url("../img/ico-new-window-off.png") no-repeat right center / 20px;
    text-decoration: none;
    color: #0066a7
}

.document_list li .icon-win:hover {
    background: url("../img/ico-new-window-on.png") no-repeat right center / 20px;
    text-decoration: underline
}

.document_list li .icon-pdf {
    padding: 0 26px 0 0;
    background: url("../img/ico-pdf.png") no-repeat right center / 20px;
    text-decoration: none;
    color: #0066a7
}

.document_list li .icon-pdf:hover {
    text-decoration: underline
}

.document_list li .icon-xls {
    padding: 0 26px 0 0;
    background: url("../img/ico-prm-xls.png") no-repeat right center / 20px;
    text-decoration: none;
    color: #0066a7
}

.document_list li .icon-xls:hover {
    text-decoration: underline
}

@media screen and (max-width:768px) {
    #prod_document {
        margin-left: 5.599vw;
        margin-right: 5.599vw
    }

    .document_list li .document_list {
        padding: 0 0 0 6.906vw
    }

    .document_list li {
        font-size: 3.385vw;
        line-height: 4.618vw;
        margin-top: 1.797vw;
        margin-bottom: 1.797vw
    }

    .document_list li .document_list {
        padding: 0 0 0 3vw
    }

    .document_list li .icon-win {
        padding: 0 5.598vw 0 0
    }

    .document_list li .icon-pdf {
        padding: 2px 26px 1px 0 !important
    }

    .document_list li .icon-xls {
        padding: 2px 26px 1px 0 !important
    }
}

@charset "UTF-8";

.comp-n136 td img {
    width: auto
}

#prod_description {
    margin-left: 110px;
    margin-right: 110px
}

.description_list {
    padding: 0 0 0 30px;
    list-style: disc;
    text-indent: 0
}

.description_list li {
    font-size: 1.125rem;
    line-height: 1.5rem;
    margin-top: .9rem;
    margin-bottom: .9rem
}

.description_list a {
    text-decoration: none;
    color: #0066a7
}

.description_list a :hover {
    text-decoration: underline
}

@media screen and (max-width:768px) {
    #prod_description {
        margin-left: 5.599vw;
        margin-right: 5.599vw
    }

    .description_list {
        padding: 0 0 0 6.906vw
    }

    .description_list li {
        font-size: 3.385vw;
        line-height: 4.618vw;
        margin-top: 1.797vw;
        margin-bottom: 1.797vw
    }
}

@charset "utf-8";

@media print,
screen and (min-width:769px) {
    .localNavi {
        padding: 40px 0;
        height: 315px;
        background: #fff;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .localNavi.is-lv4 {
        height: auto !important
    }

    .localNavi.is-lv4 .localMenu--lv3 {
        border: 0;
        margin-left: 0 !important
    }

    .localNavi.is-lv4 .localMenu--lv3 ul {
        width: 100% !important;
        min-width: inherit
    }

    .localNavi.is-lv4 .localMenu--lv3 ul li.is-open {
        width: 100%
    }

    .localNavi.is-lv4 .localMenu--lv3 .localMenu__body {
        position: static;
        padding: 0
    }

    .localNavi__inner {
        max-width: 1060px;
        padding-left: 30px;
        padding-right: 30px;
        margin: auto;
        height: 100%
    }

    .localMenu {
        position: relative
    }

    .localMenu_wrap {
        overflow: hidden
    }

    .localMenu--lv3 {
        border-bottom: 1px solid silver;
        overflow: hidden
    }

    .localMenu--lv3>ul {
        width: auto;
        min-width: 1060px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex
    }

    .localMenu--lv3>ul>li {
        padding-left: 30px
    }

    .localMenu--lv3>ul>li:first-child {
        padding-left: 0
    }

    .localMenu--lv3>ul>li.is-open .localMenu__heading:after {
        background-color: #000
    }

    .localMenu--lv3>ul>li.is-open .localMenu__heading:hover:after {
        background-color: rgba(0, 0, 0, 0.2)
    }

    .localMenu--lv3>ul>li.is-open .localMenu__body {
        display: block
    }

    .localMenu--lv3>ul>li.is-current .localMenu__heading>button {
        opacity: .5
    }

    .localMenu__heading {
        height: 100%;
        min-height: 60px;
        position: relative
    }

    .localMenu__heading:after {
        content: '';
        display: block;
        width: 100%;
        height: 4px;
        background-color: #fff;
        position: absolute;
        bottom: 0;
        left: 0
    }

    .localMenu__heading:hover:after {
        background-color: rgba(0, 0, 0, 0.2)
    }

    .localMenu__heading button {
        padding-left: 30px;
        padding-right: 30px;
        width: auto;
        min-width: 150px;
        height: 100%;
        text-align: center;
        padding-bottom: 4px
    }

    .localMenu__heading button sup {
        top: -1px
    }

    .localMenu__body {
        display: none;
        position: absolute;
        left: 0;
        top: 61px;
        width: 100%;
        padding: 25px 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        background: #fff;
        z-index: 10
    }

    .localMenu__body>.textlink.is-current>a {
        opacity: .5
    }

    .localMenu__body>.textlink.is-disabled>a {
        cursor: none;
        pointer-events: none
    }

    .localMenu--lv4 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-top: 10px
    }

    .localMenu--lv4 li {
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.5;
        margin-top: 10px;
        padding-right: 30px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: -moz-calc(100% / 4);
        width: calc(100% / 4)
    }

    .localMenu--lv4 li>a {
        display: inline-block;
        color: #000;
        position: relative;
        padding-left: 18px
    }

    .localMenu--lv4 li>a:before {
        content: '';
        display: inline-block;
        width: 6px;
        height: 10px;
        background: url(../img/icon_arrow2.svg) no-repeat center/6px 10px;
        vertical-align: -2px;
        margin-right: 8px;
        position: absolute;
        top: 7px;
        left: 3px
    }

    .localMenu--lv4 li>a:hover {
        text-decoration: none
    }

    .localMenu--lv4 li.large>a:before {
        top: 8px
    }
}

@media screen and (min-width:769px) and (max-width:960px) {
    .localMenu--lv4 li {
        width: -moz-calc(100% / 3);
        width: calc(100% / 3)
    }
}

@media print,
screen and (min-width:769px) {
    .localMenu--lv4 li.is-current {
        opacity: .5
    }

    .localMenu--lv4 li.is-disabled>a {
        cursor: none;
        pointer-events: none
    }

    .localMenu__control {
        position: absolute;
        top: 0;
        width: 100%
    }

    .localMenu__control .prev,
    .localMenu__control .next {
        position: absolute;
        font-size: 0;
        content: '';
        display: inline-block;
        width: 20px;
        height: 20px;
        background: url(../img/icon_arrow2.svg) no-repeat 0 0/contain;
        position: absolute;
        top: 20px
    }

    .localMenu__control .prev {
        left: -25px;
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .localMenu__control .next {
        right: -25px
    }
}

@media screen and (max-width:768px) {
    .localNavi .button {
        margin-top: 11.73333vw
    }

    .localNavi .button>button {
        min-height: 13.33333vw;
        height: auto;
        padding-right: 10.66667vw
    }

    .localNavi a,
    .localNavi button,
    .localNavi .localMenu__top {
        text-align: left
    }

    .localNavi__inner {
        padding-left: 5.33333vw;
        padding-right: 5.33333vw
    }

    .localMenu {
        position: fixed;
        top: 17.86667vw;
        left: 0;
        width: 100vw;
        max-height: -moz-calc(100% - (134/750*100vw));
        max-height: calc(100% - (134/750*100vw));
        background: #fff;
        display: none;
        overflow: hidden;
        overflow-y: scroll;
        z-index: 99
    }

    .localMenu .buttonClose {
        position: absolute;
        top: 1.33333vw;
        right: 2vw;
        width: 10.66667vw;
        height: 10.66667vw
    }

    .localMenu .buttonClose button {
        width: 100%;
        height: 100%;
        font-size: 0;
        position: absolute;
        top: 0;
        left: 0
    }

    .localMenu .buttonClose button::before,
    .localMenu .buttonClose button::after {
        content: '';
        position: absolute;
        top: 5.06667vw;
        left: 3.2vw;
        width: 4.53333vw;
        height: .53333vw;
        background: #000;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .localMenu .buttonClose button::after {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .localMenu__top {
        font-size: 4.26667vw;
        line-height: 1.3125;
        width: 100%;
        min-height: 13.33333vw;
        height: 100%;
        padding: 2.66667vw 8vw 2.66667vw 5.33333vw;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        cursor: pointer;
        position: relative;
        padding: 0 10.66667vw 0 5.33333vw;
        background: #f2f2f2;
        cursor: default
    }

    .localMenu--lv3 {
        width: 100%;
        overflow: hidden
    }

    .localMenu--lv3 ul>li:last-child .localMenu__heading:after {
        display: none
    }

    .localMenu--lv3 ul>li .textlink {
        padding-top: 4vw
    }

    .localMenu--lv3 ul>li .textlink a {
        display: block;
        padding: 1.33333vw 2.66667vw 1.33333vw 12.66667vw;
        font-size: 4.26667vw
    }

    .localMenu--lv3 ul>li .textlink a:before {
        top: 2.66667vw;
        left: 5.33333vw
    }

    .localMenu--lv3 ul>li.is-open .localMenu__heading>button:after {
        background: url(../img/icon_close.svg) no-repeat 0 0/100%
    }

    .localMenu--lv3 ul>li.is-open .localMenu__body {
        display: block;
        visibility: visible;
        height: auto
    }

    .localMenu--lv3 ul>li.is-current .localMenu__heading>button {
        position: relative
    }

    .localMenu--lv3 ul>li.is-current .localMenu__heading>button::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 1.6vw;
        height: 100%;
        background: silver
    }

    .localMenu__heading {
        display: block;
        border-bottom: 1px solid #f2f2f2;
        cursor: pointer
    }

    .localMenu__heading>button {
        font-size: 4.26667vw;
        line-height: 1.3125;
        width: 100%;
        min-height: 13.33333vw;
        height: 100%;
        padding: 2.66667vw 8vw 2.66667vw 5.33333vw;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        cursor: pointer;
        min-height: 16vw;
        position: relative;
        padding-right: 10.66667vw
    }

    .localMenu__heading>button:after {
        content: '';
        display: block;
        width: 3.73333vw;
        height: 3.73333vw;
        position: absolute;
        top: -moz-calc(50% - (14/750*100vw));
        top: calc(50% - (14/750*100vw));
        right: 5.33333vw;
        background: url(../img/icon_open.svg) no-repeat 0 0/100%
    }

    .localMenu__heading>button sup {
        top: -4px
    }
}

@media screen and (max-width:768px) and (-ms-high-contrast:none) {
    .localMenu__heading>button sup {
        top: -2px
    }
}

@media screen and (max-width:768px) {
    .localMenu__heading>button sub {
        -webkit-transform: translateY(4px);
        -moz-transform: translateY(4px);
        transform: translateY(4px)
    }

    .localMenu__body {
        display: none;
        visibility: hidden;
        height: 0;
        background: #f2f2f2;
        -webkit-transition: height .4s ease;
        -moz-transition: height .4s ease;
        transition: height .4s ease
    }

    .localMenu__body>.textlink.is-current>a {
        opacity: .5
    }

    .localMenu__body>.textlink.is-disabled>a {
        cursor: none;
        pointer-events: none
    }

    .localMenu--lv4 {
        padding: 0 0 4.53333vw
    }

    .localMenu--lv4 li {
        margin-top: 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .localMenu--lv4 li a {
        display: block;
        position: relative;
        padding: 2.66667vw 5.33333vw 2.66667vw 10vw;
        font-size: 4.26667vw
    }

    .localMenu--lv4 li a:before {
        content: '';
        display: inline-block;
        width: 1.6vw;
        height: 2.8vw;
        background: url(../img/icon_arrow2.svg) no-repeat center/1.6vw 2.8vw;
        vertical-align: -0.26667vw;
        margin-right: 1.06667vw;
        position: absolute;
        top: -moz-calc(50% - (10/750*100vw));
        top: calc(50% - (10/750*100vw));
        left: 5.33333vw
    }

    .localMenu--lv4 li a sup {
        top: -4px
    }
}

@media screen and (max-width:768px) and (-ms-high-contrast:none) {
    .localMenu--lv4 li a sup {
        top: -2px
    }
}

@media screen and (max-width:768px) {
    .localMenu--lv4 li.is-current {
        opacity: .5
    }

    .localMenu--lv4 li.is-disabled {
        pointer-events: none;
        cursor: none
    }
}

@media screen and (max-width:768px) and (-ms-high-contrast:none) {
    .localMenu__top {
        display: table
    }

    .localMenu__top p {
        display: table-cell;
        vertical-align: middle
    }

    .localMenu__heading>button {
        display: block;
        text-align: left
    }
}

@charset "utf-8";

@media print,
screen and (min-width:769px) {
    .button__layout.center .button {
        margin-left: auto;
        margin-right: auto
    }

    .button__layout.right .button {
        margin-left: auto
    }

    .button__layout.inline {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: -15px
    }

    .button__layout.inline .button {
        margin: 15px
    }

    .button__layout.inline.row2 {
        margin-left: 0;
        margin-right: 0
    }

    .button__layout.inline.left {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .button__layout.inline.right {
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -moz-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .button {
        background: #fff;
        width: 333px;
        min-height: 50px
    }

    .button button,
    .button a,
    .button>span,
    .button input[type=submit] {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border: 1px solid #000;
        background: #e6e6e6;
        width: 100%;
        height: 100%;
        min-height: 50px;
        padding: 8px 25px;
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 1.55556;
        font-weight: bold;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        cursor: pointer;
        position: relative;
        -webkit-transition: opacity .3s ease;
        -moz-transition: opacity .3s ease;
        transition: opacity .3s ease;
        text-align: center
    }

    .button button:hover,
    .button a:hover,
    .button>span:hover,
    .button input[type=submit]:hover {
        opacity: .7
    }

    .button button sup,
    .button a sup,
    .button>span sup,
    .button input[type=submit] sup {
        top: -4px
    }

    .button button sub,
    .button a sub,
    .button>span sub,
    .button input[type=submit] sub {
        -webkit-transform: translateY(4px);
        -moz-transform: translateY(4px);
        transform: translateY(4px)
    }

    .button.breakall button,
    .button.breakall a,
    .button.breakall>span,
    .button.breakall input[type=submit] {
        word-break: break-all
    }

    .button.plus button:after,
    .button.plus a:after,
    .button.plus>span:after,
    .button.plus input[type=submit]:after {
        content: '';
        display: block;
        width: 14px;
        height: 14px;
        position: absolute;
        top: -moz-calc(50% - 7px);
        top: calc(50% - 7px);
        right: 20px;
        background: url(../img/icon_open.svg) no-repeat 0 0/100%
    }

    .button.extarnal a:after,
    .button .external a:after {
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .button.pdf a:after {
        content: '';
        display: inline-block;
        width: 16px;
        height: 16px;
        background: url(../img/icon_pdf.svg) no-repeat 0 0/contain;
        margin-left: 8px;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .button.modal a:after,
    .button.modal span:after,
    .button.modal button:after {
        content: '';
        display: inline-block;
        width: 10px;
        height: 10px;
        background: url(../img/icon_modal.svg) no-repeat 0 0/contain;
        margin-left: 8px;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .button.disabled button,
    .button.disabled a,
    .button.disabled>span,
    .button.disabled input[type=submit] {
        pointer-events: none;
        border: 1px solid #e6e6e6;
        background: #e6e6e6;
        color: #8c8c8c
    }

    .button.anchor {
        min-height: 76px
    }

    .button.anchor a {
        min-height: 76px;
        border: 0;
        background: #f2f2f2;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        text-align: left;
        font-size: 14px;
        font-size: .875rem;
        font-weight: normal;
        padding: 8px 55px 8px 25px
    }

    .button.anchor a:after {
        content: '';
        display: inline-block;
        width: 13px;
        height: 8px;
        background: url(../img/icon_anchor.svg) no-repeat 0 0/contain;
        position: absolute;
        top: -moz-calc(50% - 4px);
        top: calc(50% - 4px);
        right: 20px
    }

    .button.anchor a sub {
        -webkit-transform: translateY(2px);
        -moz-transform: translateY(2px);
        transform: translateY(2px)
    }
}

@media screen and (max-width:768px) {
    .button__layout.center .button {
        margin-left: auto;
        margin-right: auto
    }

    .button__layout.right .button {
        margin-left: auto
    }

    .button__layout.inline {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .button__layout.inline .button {
        margin-top: 4vw
    }

    .button__layout.inline .button:first-child {
        margin-top: 0
    }

    .button__layout.inline.row2 {
        margin-left: 0;
        margin-right: 0
    }

    .button__layout.inline.row2 .button:nth-child(3) {
        margin-top: 30px
    }

    .button {
        width: 100%;
        min-height: 13.33333vw
    }
}

@media screen and (max-width:768px) and (-ms-high-contrast:none) {
    .button {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media screen and (max-width:768px) {

    .button button,
    .button a,
    .button>span,
    .button input[type=submit] {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border: .26667vw solid #000;
        background: #e6e6e6;
        width: 100%;
        height: 100%;
        min-height: 13.33333vw;
        padding: 1.06667vw 3.33333vw;
        font-size: 4.26667vw;
        line-height: 1.55556;
        font-weight: bold;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        cursor: pointer;
        position: relative
    }

    .button button sup,
    .button a sup,
    .button>span sup,
    .button input[type=submit] sup {
        top: -4px
    }
}

@media screen and (max-width:768px) and (min-width:376px) {

    .button button sup,
    .button a sup,
    .button>span sup,
    .button input[type=submit] sup {
        top: -1.06667vw
    }
}

@media screen and (max-width:768px) {

    .button button sub,
    .button a sub,
    .button>span sub,
    .button input[type=submit] sub {
        -webkit-transform: translateY(4px);
        -moz-transform: translateY(4px);
        transform: translateY(4px)
    }
}

@media screen and (max-width:768px) and (min-width:376px) {

    .button button sub,
    .button a sub,
    .button>span sub,
    .button input[type=submit] sub {
        -webkit-transform: translateY(1.06667vw);
        -moz-transform: translateY(1.06667vw);
        transform: translateY(1.06667vw)
    }
}

@media screen and (max-width:768px) {

    .button.breakall button,
    .button.breakall a,
    .button.breakall>span,
    .button.breakall input[type=submit] {
        word-break: break-all
    }

    .button.plus button:after,
    .button.plus a:after,
    .button.plus>span:after,
    .button.plus input[type=submit]:after {
        content: '';
        display: block;
        width: 3.73333vw;
        height: 3.73333vw;
        position: absolute;
        top: -moz-calc(50% - (14/750*100vw));
        top: calc(50% - (14/750*100vw));
        right: 5.33333vw;
        background: url(../img/icon_open.svg) no-repeat 0 0/100%
    }

    .button.extarnal a:after,
    .button .external a:after {
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .button.pdf a:after {
        content: '';
        display: inline-block;
        width: 4.26667vw;
        height: 4.26667vw;
        background: url(../img/icon_pdf.svg) no-repeat 0 0/contain;
        margin-left: 1.06667vw;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .button.modal a:after {
        content: '';
        display: inline-block;
        width: 2.66667vw;
        height: 2.66667vw;
        background: url(../img/icon_modal.svg) no-repeat 0 0/contain;
        margin-left: 1.06667vw;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .button.disabled button,
    .button.disabled a,
    .button.disabled>span,
    .button.disabled input[type=submit] {
        pointer-events: none;
        border: .26667vw solid #e6e6e6;
        background: #e6e6e6;
        color: #8c8c8c
    }

    .button.anchor {
        min-height: 12vw
    }

    .button.anchor a {
        min-height: 12vw;
        border: 0;
        background: #f2f2f2;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        font-size: 3.73333vw;
        line-height: 1.71429;
        padding: 1.06667vw 13.33333vw 1.06667vw 3.33333vw;
        height: 100%;
        font-weight: normal
    }

    .button.anchor a:after {
        content: '';
        display: inline-block;
        width: 3.33333vw;
        height: 2vw;
        background: url(../img/icon_anchor.svg) no-repeat 0 0/contain;
        position: absolute;
        top: -moz-calc(50% - (7.5/750*100vw));
        top: calc(50% - (7.5/750*100vw));
        right: 5.33333vw
    }

    .button.anchor a sub {
        -webkit-transform: translateY(2px);
        -moz-transform: translateY(2px);
        transform: translateY(2px)
    }
}

@media screen and (max-width:768px) and (min-width:376px) {
    .button.anchor a sub {
        -webkit-transform: translateY(0.53333vw);
        -moz-transform: translateY(0.53333vw);
        transform: translateY(0.53333vw)
    }
}

@charset "UTF-8";

@media print,
screen and (min-width:769px) {
    .media--col2 .media__row {
        margin: 0 -30px
    }
}

@media screen and (min-width:769px) and (min-width:961px) {
    .media--col2 .media__row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media print,
screen and (min-width:769px) {
    .media--col2 .media__col {
        margin: 100px 30px 0;
        overflow: hidden
    }

    .media--col2 .media__col:nth-child(1) {
        margin-top: 0
    }
}

@media screen and (min-width:769px) and (min-width:961px) {
    .media--col2 .media__col {
        width: -moz-calc((100% / 2) - 60px);
        width: calc((100% / 2) - 60px)
    }

    .media--col2 .media__col:nth-child(2) {
        margin-top: 0
    }
}

@media print,
screen and (min-width:769px) {
    .media--col2 .media__col h2.heading--lv2 sup {
        font-size: 12px;
        font-size: .75rem;
        top: -7px
    }

    .media--col2 .media__col h2.heading--lv2 sub {
        font-size: 14px;
        font-size: .875rem;
        vertical-align: -1px
    }

    .media--col2 .media__h2 {
        width: 100%;
        margin-bottom: 60px;
        padding-bottom: 18px;
        border-bottom: 1px solid #000
    }

    .media--col2 .media__cont {
        margin-top: 38px
    }

    .media--col2 .media__ttl {
        font-size: 20px;
        font-size: 1.25rem;
        font-weight: bold
    }

    .media--col2 .media__ttl.textlink>a {
        font-size: 20px;
        font-size: 1.25rem
    }

    .media--col2 .media__sub {
        margin-top: 8px;
        padding-left: 24px;
        font-weight: bold
    }

    .media--col2 .media__sub.noLink {
        padding-left: 0
    }

    .media--col2 .media__txt {
        margin-top: 17px;
        line-height: 2
    }

    .media--col2.khc .media__thum {
        border-bottom-width: 10px;
        border-bottom-style: solid;
        border-bottom-color: transparent;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        overflow: hidden
    }

    .media--col2.khc .media__thum>img {
        margin-bottom: -10px
    }

    .media--col2.khc .media__col.white .media__thum {
        border-bottom-color: #fff
    }

    .media--col2.khc .media__col.lightGray .media__thum {
        border-bottom-color: #e6e6e6
    }

    .media--col2.khc .media__col.lightBlue .media__thum {
        border-bottom-color: #1abcef
    }

    .media--col2.khc .media__col.orange .media__thum {
        border-bottom-color: #f29614
    }

    .media--col2.khc .media__col.magenda .media__thum {
        border-bottom-color: #e10d7d
    }

    .media--col2.khc .media__col.yellow .media__thum {
        border-bottom-color: #fdd000
    }

    .media--col2.khc .media__col.lightGreen .media__thum {
        border-bottom-color: #95c62a
    }

    .media--col2.kic .media__cont {
        position: relative;
        height: 100%;
        margin: -30px 30px 0;
        padding: 25px 30px;
        background: #fff
    }

    .media--col2.kic .media__ttl {
        font-size: 16px;
        font-size: 1rem
    }

    .media--col2.kic .media__ttl.textlink>a {
        font-size: 16px;
        font-size: 1rem
    }

    .media--col2.kic .media__txt {
        margin-top: 10px;
        font-size: 14px;
        font-size: .875rem
    }

    .media--col2 .textlink+.textlink,
    .media--col2 .textlink2+.textlink2,
    .media--col2 .textlink2+.textlink {
        margin-top: 10px
    }

    .media--col2 .textlink+.textlink2 {
        margin-top: 20px
    }
}

@media screen and (max-width:768px) {
    .media--col2 .media__col {
        margin-top: 16vw
    }

    .media--col2 .media__col:first-child {
        margin-top: 0
    }

    .media--col2 .media__col h2.heading--lv2 sup {
        top: -1.06667vw
    }

    .media--col2 .media__col h2.heading--lv2 sub {
        vertical-align: -0.26667vw
    }

    .media--col2 .media__h2 {
        width: 100%;
        margin-bottom: 8vw;
        padding-bottom: 4.66667vw;
        border-bottom: 1px solid #000
    }

    .media--col2 .media__cont {
        margin-top: 6vw
    }

    .media--col2 .media__ttl {
        font-size: 4.8vw;
        font-weight: bold
    }

    .media--col2 .media__ttl.textlink>a {
        font-size: 4.8vw;
        line-height: 1.6
    }

    .media--col2 .media__sub {
        display: block;
        margin-top: 1.33333vw;
        padding-left: 6.66667vw;
        font-size: 4.26667vw;
        font-weight: bold;
        line-height: 1.4
    }

    .media--col2 .media__sub.noLink {
        padding-left: 0
    }

    .media--col2 .media__txt {
        margin-top: 2.66667vw;
        font-size: 4.26667vw;
        line-height: 1.6
    }

    .media--col2.khc .media__thum {
        border-bottom-width: 2.66667vw;
        border-bottom-style: solid;
        border-bottom-color: transparent;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        overflow: hidden
    }

    .media--col2.khc .media__thum>img {
        margin-bottom: -2.66667vw
    }

    .media--col2.khc .media__col.white .media__thum {
        border-bottom-color: #fff
    }

    .media--col2.khc .media__col.lightGray .media__thum {
        border-bottom-color: #e6e6e6
    }

    .media--col2.khc .media__col.lightBlue .media__thum {
        border-bottom-color: #1abcef
    }

    .media--col2.khc .media__col.orange .media__thum {
        border-bottom-color: #f29614
    }

    .media--col2.khc .media__col.magenda .media__thum {
        border-bottom-color: #e10d7d
    }

    .media--col2.khc .media__col.yellow .media__thum {
        border-bottom-color: #fdd000
    }

    .media--col2.khc .media__col.lightGreen .media__thum {
        border-bottom-color: #95c62a
    }

    .media--col2.kic .media__row+.media__row {
        padding-top: 16vw
    }

    .media--col2.kic .media__cont {
        position: relative;
        margin: -8vw 5.33333vw 0;
        padding: 6.66667vw 5.33333vw;
        background: #fff
    }

    .media--col2.kic .media__txt {
        margin-top: 2vw;
        font-size: 3.73333vw;
        line-height: 1.75
    }

    .media--col2 .textlink+.textlink,
    .media--col2 .textlink2+.textlink2,
    .media--col2 .textlink2+.textlink {
        margin-top: 2.66667vw
    }

    .media--col2 .textlink+.textlink2 {
        margin-top: 5.33333vw
    }
}

@charset "UTF-8";

@media print,
screen and (min-width:769px) {
    .media--col3 .media__row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: -30px -15px
    }

    .media--col3 .media__col {
        width: 333.33px;
        margin: 30px 15px
    }

    .media--col3 .media__cont {
        margin-top: 25px
    }

    .media--col3 .media__ttl {
        font-weight: bold
    }

    .media--col3 .media__sub {
        margin-top: 5px;
        padding-left: 24px;
        font-weight: bold
    }

    .media--col3 .media__sub.noLink {
        padding-left: 0
    }

    .media--col3 .media__txt {
        margin-top: 12px;
        font-size: 14px;
        font-size: .875rem
    }

    .media--col3.khc .media__thum {
        border-bottom-width: 10px;
        border-bottom-style: solid;
        border-bottom-color: transparent;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        overflow: hidden
    }

    .media--col3.khc .media__thum>img {
        margin-bottom: -10px
    }

    .media--col3.khc .media__col.white .media__thum {
        border-bottom-color: #fff
    }

    .media--col3.khc .media__col.lightGray .media__thum {
        border-bottom-color: #e6e6e6
    }

    .media--col3.khc .media__col.lightBlue .media__thum {
        border-bottom-color: #1abcef
    }

    .media--col3.khc .media__col.orange .media__thum {
        border-bottom-color: #f29614
    }

    .media--col3.khc .media__col.magenda .media__thum {
        border-bottom-color: #e10d7d
    }

    .media--col3.khc .media__col.yellow .media__thum {
        border-bottom-color: #fdd000
    }

    .media--col3.khc .media__col.lightGreen .media__thum {
        border-bottom-color: #95c62a
    }

    .media--col3.khc .media__thum {
        border-bottom-width: 8px
    }

    .media--col3.khc .media__thum>img {
        margin-bottom: -8px
    }
}

@media screen and (max-width:768px) {
    .media--col3 .media__col {
        margin-top: 16vw
    }

    .media--col3 .media__col:first-child {
        margin-top: 0
    }

    .media--col3 .media__cont {
        margin-top: 4vw
    }

    .media--col3 .media__ttl {
        font-size: 4.26667vw;
        font-weight: bold
    }

    .media--col3 .media__ttl.textlink>a {
        font-size: 4.26667vw;
        line-height: 1.6
    }

    .media--col3 .media__sub {
        display: block;
        margin-top: 1.06667vw;
        padding-left: 6.66667vw;
        font-size: 4.26667vw;
        font-weight: bold;
        line-height: 1.4
    }

    .media--col3 .media__sub.noLink {
        padding-left: 0
    }

    .media--col3 .media__txt {
        margin-top: 1.33333vw;
        font-size: 3.73333vw;
        line-height: 1.7
    }

    .media--col3.khc .media__thum {
        border-bottom-width: 2.66667vw;
        border-bottom-style: solid;
        border-bottom-color: transparent;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        overflow: hidden
    }

    .media--col3.khc .media__thum>img {
        margin-bottom: -2.66667vw
    }

    .media--col3.khc .media__col.white .media__thum {
        border-bottom-color: #fff
    }

    .media--col3.khc .media__col.lightGray .media__thum {
        border-bottom-color: #e6e6e6
    }

    .media--col3.khc .media__col.lightBlue .media__thum {
        border-bottom-color: #1abcef
    }

    .media--col3.khc .media__col.orange .media__thum {
        border-bottom-color: #f29614
    }

    .media--col3.khc .media__col.magenda .media__thum {
        border-bottom-color: #e10d7d
    }

    .media--col3.khc .media__col.yellow .media__thum {
        border-bottom-color: #fdd000
    }

    .media--col3.khc .media__col.lightGreen .media__thum {
        border-bottom-color: #95c62a
    }

    .media--col3.khc .media__thum {
        border-bottom-width: 1.6vw
    }

    .media--col3.khc .media__thum>img {
        margin-bottom: -1.6vw
    }
}

@media print,
screen and (min-width:769px) {
    .heroImg {
        position: relative;
        width: 100%;
        max-width: 1320px;
        margin: auto
    }

    .heroImg__inner {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .heroImg__item {
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: 100%;
        max-width: 1280px
    }

    .p-kic .heroImg__item {
        margin: 0 20px
    }

    .heroImg__item>a {
        display: block;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        transition: all .3s ease
    }

    .heroImg__item>a:hover {
        opacity: .9
    }

    .heroImg__control {
        position: relative;
        max-width: 1060px;
        padding-left: 30px;
        padding-right: 30px;
        margin: auto;
        margin-top: 20px;
        line-height: 0;
        text-align: right
    }

    .heroImg__indicators {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    .heroImg__indicators>li {
        width: 8px;
        height: 8px;
        margin: 0 10px;
        border-radius: 50%;
        background: silver;
        cursor: pointer;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        transition: all .3s ease
    }

    .heroImg__indicators>li:hover {
        opacity: .7
    }

    .heroImg__indicators>li.is-active {
        background: #000;
        cursor: default;
        opacity: 1
    }

    .heroImg__autoPlay {
        width: 30px;
        height: 30px;
        background: url(../img/icon_stop.svg) no-repeat 0 0/contain;
        font-size: 0;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        transition: all .3s ease
    }

    .heroImg__autoPlay:hover {
        opacity: .7
    }

    .heroImg__autoPlay.is-pause {
        background: url(../img/icon_play.svg) no-repeat 0 0/contain
    }
}

@media screen and (max-width:768px) {
    .heroImg {
        position: relative;
        width: 100vw;
        margin: auto;
        overflow: hidden
    }

    .heroImg__inner {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex
    }

    .p-kic .heroImg__inner {
        margin-left: 2.66667vw
    }

    .heroImg__item {
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: 100%
    }

    .p-kic .heroImg__item {
        width: 89.33333vw;
        margin: 0 2.66667vw
    }

    .heroImg__item>a {
        display: block
    }

    .heroImg__item>a:hover img {
        opacity: .9
    }

    .heroImg__control {
        position: relative;
        margin: 4vw 5.33333vw 0;
        line-height: 0;
        text-align: right
    }

    .heroImg__indicators {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    .heroImg__indicators>li {
        width: 2.13333vw;
        height: 2.13333vw;
        margin: 0 2vw;
        border-radius: 50%;
        background: silver;
        cursor: pointer;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        transition: all .3s ease
    }

    .heroImg__indicators>li:hover {
        opacity: .7
    }

    .heroImg__indicators>li.is-active {
        background: #000;
        cursor: default;
        opacity: 1
    }

    .heroImg__autoPlay {
        width: 8vw;
        height: 8vw;
        background: url(../img/icon_stop.svg) no-repeat 0 0/contain;
        font-size: 0;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        transition: all .3s ease
    }

    .heroImg__autoPlay:hover {
        opacity: .7
    }

    .heroImg__autoPlay.is-pause {
        background: url(../img/icon_play.svg) no-repeat 0 0/contain
    }
}

@media print,
screen and (min-width:769px) {
    .top__product {
        overflow: hidden
    }

    .top__product .inner {
        padding-top: 100px;
        padding-bottom: 100px;
        position: relative
    }

    .top__product .inner>* {
        position: relative;
        z-index: 1
    }

    .top__product .top__product__heading {
        font-size: 28px;
        font-size: 1.75rem;
        line-height: .85714
    }

    .top__product .top__product__heading sup {
        font-size: 14px;
        font-size: .875rem;
        top: -2px
    }

    .top__product .top__product__heading sub {
        font-size: 16px;
        font-size: 1rem;
        vertical-align: -2px
    }

    .top__product .top__product__heading>a {
        display: inline-block;
        font-size: 28px;
        font-size: 1.75rem;
        color: #000;
        position: relative;
        padding-left: 24px;
        font-weight: bold
    }

    .top__product .top__product__heading>a sup {
        font-size: 14px;
        font-size: .875rem;
        top: -2px
    }

    .top__product .top__product__heading>a sub {
        font-size: 16px;
        font-size: 1rem;
        vertical-align: -2px
    }

    .top__product .top__product__heading>a:before {
        content: '';
        display: inline-block;
        width: 16px;
        height: 16px;
        background: url(../img/icon_arrow.svg) no-repeat 0 0/contain;
        margin-right: 8px;
        position: absolute;
        top: 4px;
        left: 0
    }

    .top__product .top__product__heading>a:hover {
        text-decoration: none
    }

    .top__product .top__product__text {
        margin-top: 38px
    }

    .top__product .top__product__list {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: 15px;
        min-width: 430px
    }

    .top__product .top__product__list li {
        width: 180px;
        min-height: 180px;
        margin-left: 30px;
        margin-top: 30px;
        text-align: center
    }

    .top__product .top__product__list li a,
    .top__product .top__product__list li>span {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        height: 100%
    }

    .top__product .top__product__list li img {
        margin-top: -10px;
        width: 180px;
        height: 120px
    }

    .top__product .top__product__list li p {
        font-weight: bold;
        padding: 8px 10px 10px;
        -webkit-transition: opacity .3s ease;
        -moz-transition: opacity .3s ease;
        transition: opacity .3s ease;
        display: block;
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .top__product .top__product__list li p>span {
        font-weight: normal;
        font-size: 14px;
        font-size: .875rem
    }

    .top__product .top__product__list li a:hover,
    .top__product .top__product__list li a:hover img,
    .top__product .top__product__list li a:hover p {
        opacity: .85
    }

    .top__product .textlink {
        margin-top: 40px;
        font-weight: bold
    }

    .top__product .button {
        margin-top: 30px
    }

    .top__product.left .top__product__bg {
        width: 674px;
        position: absolute;
        bottom: 0;
        right: 7px;
        z-index: 0
    }

    .top__product.left .inner .top__product__heading,
    .top__product.left .inner .top__product__text,
    .top__product.left .inner .top__product__list,
    .top__product.left .inner .textlink,
    .top__product.left .inner .button {
        margin-right: 250px
    }

    .top__product.left .inner .top__product__list {
        margin-left: -30px
    }

    .top__product.right .top__product__bg {
        width: 659px;
        position: absolute;
        bottom: 0;
        left: 7px;
        z-index: 0
    }

    .top__product.right .inner .top__product__heading,
    .top__product.right .inner .top__product__text,
    .top__product.right .inner .textlink,
    .top__product.right .inner .button {
        margin-left: 250px
    }

    .top__product.right .inner .top__product__list {
        margin-left: 220px
    }

    .top__product.background--white .top__product__list li {
        background: #e6e6e6
    }

    .top__product.background--lightGray {
        background: #d4d4d4
    }

    .top__product.background--lightGray .top__product__list li {
        background: #e6e6e6
    }

    .top__product.background--lightBlue .top__product__list li {
        background: #8cddf7
    }

    .top__product.background--orange .top__product__list li {
        background: #f9cb89
    }

    .top__product.background--magenda .top__product__list li {
        background: #f086be
    }

    .top__product.background--yellow .top__product__list li {
        background: #fee880
    }

    .top__product.background--lightGreen .top__product__list li {
        background: #cae394
    }
}

@media screen and (max-width:768px) {
    .top__product {
        overflow: hidden
    }

    .top__product .inner {
        padding-top: 13.33333vw;
        padding-bottom: 37.33333vw;
        position: relative;
        padding-left: 5.33333vw;
        padding-right: 5.33333vw
    }

    .top__product .inner>* {
        position: relative;
        z-index: 1
    }

    .top__product .top__product__heading {
        font-size: 6.4vw;
        line-height: 1.2;
        font-weight: normal
    }

    .top__product .top__product__heading sup {
        font-size: 3.2vw
    }

    .top__product .top__product__heading sub {
        font-size: 3.46667vw;
        vertical-align: -0.66667vw
    }

    .top__product .top__product__heading>a {
        display: inline-block;
        font-size: 6.4vw;
        line-height: 2;
        color: #000;
        position: relative;
        padding-left: 6.66667vw
    }

    .top__product .top__product__heading>a:before {
        content: '';
        display: inline-block;
        width: 4.26667vw;
        height: 4.26667vw;
        background: url(../img/icon_arrow.svg) no-repeat 0 0/contain;
        vertical-align: -0.53333vw;
        margin-right: 2.13333vw;
        position: absolute;
        top: 4.26667vw;
        left: 0
    }

    .top__product .top__product__heading>a:hover {
        text-decoration: none
    }

    .top__product .top__product__text {
        margin-top: 6.66667vw;
        font-size: 4.26667vw;
        line-height: 1.625
    }

    .top__product .top__product__text sub {
        vertical-align: -1px
    }

    .top__product .top__product__list {
        margin-top: 1.33333vw
    }

    .top__product .top__product__list li {
        display: block;
        margin-top: 5.33333vw;
        background: #e6e6e6;
        text-align: center
    }

    .top__product .top__product__list li a,
    .top__product .top__product__list li>span {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        min-height: 20.26667vw;
        padding: 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .top__product .top__product__list li img {
        width: 26.66667vw
    }

    .top__product .top__product__list li p {
        font-weight: bold;
        text-align: center;
        font-size: 4.26667vw;
        line-height: 1.3125;
        width: -moz-calc(100% - (240/750*100vw));
        width: calc(100% - (240/750*100vw))
    }

    .top__product .top__product__list li p>span {
        font-weight: normal;
        font-size: 3.73333vw
    }

    .top__product .top__product__list li p sub {
        vertical-align: -1px
    }

    .top__product .textlink {
        margin-top: 8vw;
        font-weight: bold
    }

    .top__product .textlink a {
        line-height: 1.3125;
        font-size: 4.26667vw
    }

    .top__product .textlink a:before {
        top: .53333vw
    }

    .top__product .button {
        margin-top: 7.2vw;
        width: 58.66667vw
    }

    .top__product.left .top__product__bg {
        width: 89.86667vw;
        position: absolute;
        bottom: -4.66667vw;
        right: -14vw;
        z-index: 0
    }

    .top__product.right .top__product__list li {
        background: #8cddf7
    }

    .top__product.right .top__product__bg {
        width: 87.86667vw;
        position: absolute;
        bottom: -15.33333vw;
        left: -12vw;
        z-index: 0
    }

    .top__product.right .inner .textlink {
        margin-left: auto;
        text-align: right;
        max-width: 64vw
    }

    .top__product.right .inner .button {
        margin-left: auto
    }

    .top__product.background--white .top__product__list li {
        background: #e6e6e6
    }

    .top__product.background--lightGray {
        background: #d4d4d4
    }

    .top__product.background--lightGray .top__product__list li {
        background: #e6e6e6
    }

    .top__product.background--lightBlue .top__product__list li {
        background: #8cddf7
    }

    .top__product.background--orange .top__product__list li {
        background: #f9cb89
    }

    .top__product.background--magenda .top__product__list li {
        background: #f086be
    }

    .top__product.background--yellow .top__product__list li {
        background: #fee880
    }

    .top__product.background--lightGreen .top__product__list li {
        background: #cae394
    }
}

@charset "UTF-8";

@media print,
screen and (min-width:769px) {
    .media--col1L .media__col {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -moz-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .media--col1L .media__col .left {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex
    }

    .media--col1L .media__col.left .media__thum {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .media--col1L .media__col.left .media__cont {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -moz-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .media--col1L .media__cont {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
        width: 50.944%;
        padding: 60px 40px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .media--col1L .media__cont .textlink+p {
        margin-top: 10px
    }

    .media--col1L .media__cont p {
        line-height: 2
    }

    .media--col1L .media__thum {
        width: 47.171%
    }
}

@media screen and (max-width:768px) {
    .media--col1L .media__cont {
        padding: 6.66667vw 5.33333vw 2.66667vw 5.33333vw
    }

    .media--col1L .media__cont .textlink+p {
        margin-top: 2.66667vw
    }

    .media--col1L .media__cont p {
        line-height: 1.65
    }
}

@media print,
screen and (min-width:769px) {
    .emergency {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        padding: 28px 30px;
        border: 1px solid #e10d7d;
        background: #fff
    }

    .emergency__ttl {
        position: relative;
        margin-right: 25px;
        padding-left: 30px;
        white-space: nowrap
    }

    .emergency__ttl:before {
        content: '';
        display: inline-block;
        width: 20px;
        height: 20px;
        position: absolute;
        top: 0;
        left: 0;
        margin-right: 10px;
        background: url(../img/icon_attention.svg) no-repeat 0 0/contain
    }

    .emergency__list>li {
        margin-top: 10px;
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.5
    }

    .emergency__list>li>a {
        display: inline-block;
        color: #000;
        position: relative;
        padding-left: 18px
    }

    .emergency__list>li>a:before {
        content: '';
        display: inline-block;
        width: 6px;
        height: 10px;
        background: url(../img/icon_arrow2.svg) no-repeat center/6px 10px;
        vertical-align: -2px;
        margin-right: 8px;
        position: absolute;
        top: 7px;
        left: 3px
    }

    .emergency__list>li>a:hover {
        text-decoration: none
    }

    .emergency__list>li.large>a:before {
        top: 8px
    }

    .emergency__list>li:first-child {
        margin-top: 0
    }
}

@media screen and (max-width:768px) {
    .emergency {
        padding: 8vw 5.06667vw 6.66667vw;
        border: 1px solid #e10d7d;
        background: #fff
    }

    .emergency__ttl {
        position: relative;
        padding-left: 8vw;
        font-size: 4.26667vw
    }

    .emergency__ttl:before {
        content: '';
        display: inline-block;
        width: 5.33333vw;
        height: 5.33333vw;
        position: absolute;
        top: 0;
        left: 0;
        margin-right: 2.66667vw;
        background: url(../img/icon_attention.svg) no-repeat 0 0/contain
    }

    .emergency__list {
        margin-top: 4vw
    }

    .emergency__list>li {
        margin-top: 2.66667vw;
        font-size: 4.26667vw;
        line-height: 1.5;
        line-height: 1.6
    }

    .emergency__list>li>a {
        display: inline-block;
        color: #000;
        position: relative;
        padding-left: 3.2vw
    }

    .emergency__list>li>a:before {
        content: '';
        display: inline-block;
        width: 1.6vw;
        height: 2.8vw;
        background: url(../img/icon_arrow2.svg) no-repeat center/1.6vw 2.8vw;
        margin-right: 1.06667vw;
        position: absolute;
        top: 1.33333vw;
        left: 0
    }

    .emergency__list>li>a:hover {
        text-decoration: none
    }

    .emergency__list>li:first-child {
        margin-top: 0
    }

    .emergency__list>li>a {
        font-size: 4.26667vw
    }

    .emergency__list>li>a::before {
        top: 1.6vw
    }
}

.comp-n006 a:hover {
    text-decoration: underline
}

img.cq-image-placeholder {
    width: auto
}

.spacer.visible {
    background: linear-gradient(-135deg, #e0ffff, #e0ffff)
}

.comp-n007 .image img {
    height: auto
}

.inner .n_colctrl .inner,
.inner .accordion .inner,
.irbox .inner {
    padding-left: 0;
    padding-right: 0
}

.irbox .media__thum .comp-n007 img {
    max-width: 359px;
    width: 100%
}