@charset "UTF-8";



/*--- common ---*/

body {

    font-family: "Noto Sans JP", sans-serif;

    font-size: 16px;

    color: #333;

    line-height: 1.625;

    margin: 0;

}



body.lock {

    overflow: hidden;

}



main {

    padding: 0;

    position: relative;

    margin-top: 110px;

}



section {

    padding: 50px 20px 30px;

}



hr {

    border-bottom: 1px solid #1D3A66;

    margin: 100px 0 60px;

}



.--gray-bg {

    background-color: #F2F6FA;

    margin: 50px 0;

    padding: 40px;

    border-bottom: 0;

}



.--gray-bg h5 {

    color: #1D3A66;

}



a {

    color: #094EA2;

}



a:hover {

    text-decoration: none;

}



ul {

    list-style: none;

}



h2 {

    font-size: 36px;

    color: #1D3A66;

    font-weight: 400;

    margin: 0 0 32px;

}



.__title--trapezoid {

    padding-left: 13px;

    position: relative;

    font-size: 18px;

    font-weight: 700;

    color: #fff;

    top: -35px;

    -ms-flex-negative: 0;

    flex-shrink: 0;

}



.__title--trapezoid span {

    position: relative;

    z-index: 5;

}



.__title--trapezoid::before {

    content: "";

    display: block;

    width: 100px;

    height: 20px;

    background: -webkit-gradient(linear, left top, right top, from(#0BB7FC), to(#4481EB));

    background: linear-gradient(to right, #0BB7FC, #4481EB);

    -webkit-transform: skewY(-16.2deg);

    transform: skewY(-16.2deg);

    position: absolute;

    top: -12px;

    left: 0;

    z-index: 1;

}



.__title--trapezoid::after {

    content: "";

    display: block;

    width: 160px;

    height: 62px;

    background-color: #0f1726;

    -webkit-transform: skewY(-16.2deg);

    transform: skewY(-16.2deg);

    position: absolute;

    top: -8px;

    left: 0;

    z-index: 2;

}



h3 {

    font-size: 32px;

    font-weight: 700;

    color: #004EA2;

    border-bottom: 1px solid #D9D9D9;

    line-height: 1.3125;

    margin: 32px 0 25px;

}



h3 span {

    padding-bottom: 0.36em;

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    position: relative;

}



h3 span::before {

    content: "";

    display: block;

    width: 100%;

    height: 1px;

    background-color: #004EA2;

    position: absolute;

    left: 0;

    bottom: -1px;

}



h4 {

    font-size: 22px;

    font-weight: 700;

    color: #004EA2;

    line-height: 1.545;

    margin: 25px 0 16px;

}



h5 {

    font-size: 18px;

    font-weight: 500;

    color: #000;

    line-height: 1.666;

    margin: 30px 0 13px;

}



h5.-center {

    text-align: center;

    font-size: 20px;

    font-weight: 700;

    margin-top: 10px;

}



.-text--center {

    text-align: center;

}



p {

    margin-bottom: 0.375em;

}



@media all and (max-width: 960px) {

    main {

        margin-top: 20.5333333333vw;

    }

}



@media all and (max-width: 767px) {

    body {

        font-size: 4.2666666667vw;

        line-height: 1.625;

    }



    main {

        padding: 0;

        position: relative;

    }



    section {

        padding: 13.3333333333vw 5.3333333333vw 8vw;

    }



    hr {

        margin: 21.3333333333vw 0 16vw;

    }



    .--gray-bg {

        background-color: #F2F6FA;

        margin: 50px 0;

        padding: 40px 0;

    }



    a {

        color: #094EA2;

    }



    ul {

        list-style: none;

    }



    h2 {

        font-size: 8vw;

        margin: 0 0 7.4666666667vw;

    }



    .__title--trapezoid {

        padding-left: 3.4666666667vw;

        font-size: 4.8vw;

        top: -9.3333333333vw;

    }



    .__title--trapezoid::before {

        width: 26.6666666667vw;

        height: 5.3333333333vw;

        top: -3.2vw;

    }



    .__title--trapezoid::after {

        width: 42.6666666667vw;

        height: 16.5333333333vw;

        top: -2.1333333333vw;

    }



    h3 {

        font-size: 8.5333333333vw;

        margin: 7.4666666667vw 0 6.6666666667vw;

    }



    h4 {

        font-size: 7.2vw;

        margin: 6.6666666667vw 0 4.2666666667vw;

    }



    h5 {

        font-size: 4.8vw;

        margin: 8vw 0 3.2vw;

    }



    h5.-center {

        font-size: 5.3333333333vw;

        margin-top: 2.6666666667vw;

    }

}



.-sp {

    display: none;

}



@media (max-width: 767px) {

    .-sp {

        display: block;

    }



    .-pc {

        display: none;

    }

}



.__inner {

    max-width: 960px;

    margin: 0 auto;

}



.list--column {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    margin: 8px 0;

}



.list--column li {

    margin-right: 18px;

}



.list--column li::before {

    content: "";

    display: inline-block;

    vertical-align: middle;

    width: 0;

    height: 0;

    border-width: 4px 0 4px 7px;

    border-style: solid;

    border-color: transparent #004EA2;

    margin: 0 6px 3px 0;

}



@media all and (max-width: 767px) {

    .list--column {

        margin: 2.1333333333vw 0;

    }



    .list--column li {

        margin-right: 4.8vw;

    }



    .list--column li::before {

        border-width: 1.0666666667vw 0 1.0666666667vw 1.8666666667vw;

        margin: 0 1.6vw 0.8vw 0;

    }

}



.heading--circle {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    margin-top: 50px;

}



.heading--circle span {

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    vertical-align: middle;

    width: 35px;

    height: 35px;

    background-color: #467DB9;

    border-radius: 50%;

    font-size: 20px;

    font-weight: 700;

    color: #fff;

    margin-right: 10px;

    -ms-flex-negative: 0;

    flex-shrink: 0;

}



@media all and (max-width: 767px) {

    .heading--circle {

        margin-top: 13.3333333333vw;

    }



    .heading--circle span {

        width: 9.3333333333vw;

        height: 9.3333333333vw;

        font-size: 5.3333333333vw;

        margin-right: 2.6666666667vw;

        margin-top: 1.0666666667vw;

    }

}



.img__box {

    width: 100%;

}



.img__box div {

    border: 1px solid #C5C5C5;

    padding: 15px;

    background-color: #fff;

}



.img__box.-blue div {

    border-color: #084BA5;

    background-color: #F2F6FA;

}



.img__box img {

    width: 100%;

}



.img__box.img--column div {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

}



.img__box.img--column img {

    -webkit-box-flex: 1;

    -ms-flex-positive: 1;

    flex-grow: 1;

    width: 50%;

}



.img__box figcaption {

    text-align: center;

    margin-top: 10px;

}



@media all and (max-width: 767px) {

    .img__box div {

        border: 0.2666666667vw solid #C5C5C5;

        padding: 4vw;

    }



    .img__box img {

        width: 100%;

    }



    .img__box.img--column div {

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column;

    }



    .img__box.img--column img {

        width: 100%;

    }



    .img__box figcaption {

        margin-top: 2.6666666667vw;

    }

}



.column2 {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    gap: 40px;

    margin-bottom: 40px;

}



.column2.-equivalent>* {

    width: 460px;

}



@media (max-width: 767px) {

    .column2 {

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column;

        gap: 10.6666666667vw;

        margin-bottom: 10.6666666667vw;

    }



    .column2.-equivalent>* {

        width: 100%;

    }



    .column2 img {

        width: 100%;

    }

}



.column3 {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    gap: 40px;

    margin-bottom: 40px;

}



.column3>* {

    width: 293px;

}



@media (max-width: 767px) {

    .column3 {

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column;

        gap: 10.6666666667vw;

        margin-bottom: 10.6666666667vw;

    }



    .column3>* {

        width: 100%;

    }

}



.column4 {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    gap: 40px;

    margin-bottom: 40px;

}



.column4>* {

    width: 210px;

}



@media (max-width: 960px) {

    .column4 {

        -ms-flex-wrap: wrap;

        flex-wrap: wrap;

        -webkit-box-pack: justify;

        -ms-flex-pack: justify;

        justify-content: space-between;

    }



    .column4>* {

        width: calc(50% - 20px);

    }

}



@media (max-width: 767px) {

    .column4 {

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column;

        gap: 10.6666666667vw;

        margin-bottom: 10.6666666667vw;

    }



    .column4>* {

        width: 100%;

    }



    .column4>* img {

        width: 100%;

    }

}



.box--gray {

    background-color: #F2F2F2;

    padding: 30px;

}



@media (max-width: 767px) {

    .box--gray {

        padding: 5.3333333333vw;

    }

}



.list--dotted {

    margin: 0 0 8px;

}



.list--dotted li {

    text-indent: -0.9em;

    padding-left: 0.9em;

    font-weight: 700;

    color: #004EA2;

    margin-bottom: 6px;

}



.list--dotted li::before {

    content: "";

    display: inline-block;

    width: 6px;

    height: 6px;

    background-color: #004EA2;

    border-radius: 50%;

    margin: 0 8px 3px 0;

}



@media (max-width: 767px) {

    .list--dotted {

        margin: 0 0 2.1333333333vw;

    }



    .list--dotted li::before {

        width: 1.6vw;

        height: 1.6vw;

        margin: 0 2.1333333333vw 0.8vw 0;

    }

}



.list--decimal {

    margin: 0 0 8px;

    counter-reset: number 0;

}



.list--decimal li {

    text-indent: -1.25em;

    padding-left: 1.25em;

    font-weight: 700;

    color: #004EA2;

    margin-bottom: 6px;

}



.list--decimal li::before {

    counter-increment: number 1;

    content: counter(number) ". ";

}



@media (max-width: 767px) {

    .list--decimal {

        margin: 0 0 2.1333333333vw;

    }

}



.table--primary {

    width: 100%;

    border-collapse: collapse;

    border-spacing: 0;

    table-layout: fixed;

    margin-top: 40px;

    font-size: 14px;

}



.table--primary thead tr th {

    min-height: 44px;

    background-color: #1D3A66;

    font-weight: 700;

    color: #fff;

    border: 1px solid #4A6185;

    padding: 0.857em;

}



.table--primary tbody tr td {

    min-height: 44px;

    text-align: center;

    border: 1px solid #C2D4E8;

    padding: 0.857em;

}



.table--primary tbody tr th {

    font-weight: 700;

    color: #001D4C;

    background-color: #AFC2DC;

    border: 1px solid #98B7D9;

    padding: 0.857em;

}



.table--primary tbody tr:nth-child(odd) {

    background-color: #F2F6FA;

}



.table--primary tbody tr:nth-child(even) {

    background-color: #D9E5F1;

}



.table--primary tbody tr.-strong {

    border: 2px solid #094DA0;

}



td img {

    max-width: 100%

}



@media (max-width: 767px) {

    .table--primary {

        margin-top: 10.6666666667vw;

        font-size: 3.7333333333vw;

    }



    .table--primary thead tr th {

        min-height: 11.7333333333vw;

    }



    .table--primary tbody tr td {

        min-height: 11.7333333333vw;

    }



    .-sp--scroll {

        width: 100%;

        overflow: auto;

    }



    .-sp--scroll table {

        table-layout: auto;

    }

}



.text--note {

    margin-top: 10px;

}



.text--note li {

    font-size: 14px;

    text-indent: -1.5em;

    padding-left: 1.5em;

    letter-spacing: 1.714;

}



.text--note li::before {

    content: "※";

    margin-right: 0.5em;

}



@media (max-width: 767px) {

    .text--note {

        margin-top: 2.6666666667vw;

    }



    .text--note li {

        font-size: 3.7333333333vw;

    }

}



.__button {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    width: 100%;

    height: 70px;

    line-height: 1.375;

    padding: 0 2em;

    max-width: 300px;

    background-color: #094EA2;

    border-radius: 6px;

    color: #fff;

    font-weight: 500;

    text-decoration: none;

    text-align: center;

    min-width: 34%;

}

.__button:hover {

    color: #fff;

}

.__button.-variable {

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    max-width: auto;

    max-width: initial;

    width: auto;

    padding: 0 2.5em;

}



.__button.-wide {

    max-width: 460px;

    font-size: 18px;

    text-align: center;

}



.__button.-small {

    height: 50px;

}



.__button[target=_blank]::after {

    content: "";

    display: block;

    width: 11px;

    height: 11px;

    background: url(https://imgs-data-brwq.oss-cn-shanghai.aliyuncs.com/jishui1007/uploads/20231007/8ce0f92a717e8734ba07b27e90c2734a.png) no-repeat 0 0;

    background-size: contain;

    margin-left: 1em;

}



@media (max-width: 767px) {

    .__button {

        width: 100%;

        height: 18.6666666667vw;

        max-width: 100%;

        border-radius: 1.6vw;

    }



    .__button.-wide {

        max-width: 100%;

        font-size: 4.8vw;

    }



    .__button.-small {

        height: 13.3333333333vw;

    }



    .__button[target=_blank]::after {

        width: 2.9333333333vw;

        height: 2.9333333333vw;

    }

}



.button__area {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    gap: 20px;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

}



.button__area.-center {

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    gap: 30px;

}



@media (max-width: 767px) {

    .button__area {

        gap: 4vw;

    }



    .button__area.-center {

        gap: 8vw;

    }



    .button__area .__button {

        margin: 0 5.3333333333vw;

    }



    .button__area .__button.-variable {

        margin: 0;

    }

}



#MainVisual {

    background: url(https://imgs-data-brwq.oss-cn-shanghai.aliyuncs.com/jishui1007/uploads/20231007/c8b50e8fe3b15c668c004fe7781aea3e.png) no-repeat center 0;

    background-size: cover;

    padding: 0 20px;

    border-bottom: 0;

}



#MainVisual h1 {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    height: 160px;

    font-size: 31px;

    font-weight: 700;

    color: #fff;

    text-align: center;

}



#MainVisual h1 span {

    font-size: 24px;

    font-weight: 400;

    display: contents;

}



@media all and (max-width: 767px) {

    #MainVisual {

        padding: 0 5.3333333333vw;

    }



    #MainVisual h1 {

        height: 42.6666666667vw;

        font-size: 6.6666666667vw;

    }



    #MainVisual h1 span {

        font-size: 5.0666666667vw;

    }

}



#Breadcrumb {

    background-color: #FAFAFA;

    padding: 0 20px;

}



#Breadcrumb ul {

    height: 40px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}



#Breadcrumb ul li {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    /* margin-right: 11px; */

    font-size: 12px;

}



#Breadcrumb ul li a {

    color: #333;

    z-index: 5;

}



#Breadcrumb ul li span {

    padding: 0 5px;

}



#Breadcrumb ul li:last-child span {

    display: none;

}



#Breadcrumb ul li:first-child::before {

    content: "";

    display: inline-block;

    width: 5px;

    height: 11px;

    margin: 4px 11px 0 0;

    width: 15px;

    height: 13px;

    background: url(https://imgs-data-brwq.oss-cn-shanghai.aliyuncs.com/jishui1007/uploads/20231007/6f358652ce4d1507759bb74a663302dd.png) no-repeat 0 0;

    margin: 0px 5px 0 0;

}



@media all and (max-width: 767px) {

    #Breadcrumb {

        display: none;

    }

}



#PageNav {

    background-color: #1D3A66;

    position: sticky;

    top: 110px;

    left: 0;

    z-index: 80;

    padding: 0 20px;

}



#PageNav ul {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    gap: 35px;

}



#PageNav ul li a {

    color: #fff;

    line-height: 1.2;

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    text-align: center;

    height: 73px;

    text-decoration: none;

    position: relative;

    padding-bottom: 11px;

}



#PageNav ul li a::before {

    content: "";

    display: block;

    width: 8px;

    height: 8px;

    border-width: 0 2px 2px 0;

    border-style: solid;

    border-color: #fff;

    -webkit-transform: rotate(45deg) translateX(-50%);

    transform: rotate(45deg) translateX(-50%);

    position: absolute;

    bottom: 11px;

    left: 50%;

}



@media all and (max-width: 960px) {

    #PageNav {

        top: 20.5333333333vw;

    }

}



@media all and (max-width: 767px) {

    #PageNav {

        top: 20.5333333333vw;

        background-color: transparent;

        position: static;

    }



    #PageNav ul {

        -webkit-box-pack: justify;

        -ms-flex-pack: justify;

        justify-content: space-between;

        gap: 4vw;

        -ms-flex-wrap: wrap;

        flex-wrap: wrap;

        padding: 5.3333333333vw 0;

    }



    #PageNav ul li {

        width: 42.6666666667vw;

        background-color: #094EA2;

        border-radius: 1.6vw;

    }



    #PageNav ul li a {

        width: 100%;

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        justify-content: center;

        text-align: center;

        height: 21.3333333333vw;

        padding: 0 1.3333333333vw 2.9333333333vw;

        font-size: 3.4666666667vw;

    }



    #PageNav ul li a::before {

        width: 2.1333333333vw;

        height: 2.1333333333vw;

        border-width: 0 0.5333333333vw 0.5333333333vw 0;

        bottom: 2.9333333333vw;

    }

}



#PageNavBtn {

    padding: 30px 20px 0;

}



#PageNavBtn ul {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    gap: 30px;

}



#PageNavBtn ul.-gap--narrow {

    gap: 13px;

}



#PageNavBtn ul li {

    -webkit-box-flex: 1;

    -ms-flex-positive: 1;

    flex-grow: 1;

    -ms-flex-preferred-size: 100%;

    flex-basis: 100%;

}



#PageNavBtn ul li .__button {

    width: 100%;

    max-width: auto;

    max-width: initial;

    font-size: 14px;

    text-align: center;

    position: relative;

    padding: 0 0.8em 11px;

    z-index: 10;

}



#PageNavBtn ul li .__button::before {

    content: "";

    display: block;

    width: 8px;

    height: 8px;

    border-width: 0 2px 2px 0;

    border-style: solid;

    border-color: #fff;

    -webkit-transform: rotate(45deg) translateX(-50%);

    transform: rotate(45deg) translateX(-50%);

    position: absolute;

    bottom: 11px;

    left: 50%;

}



@media all and (max-width: 767px) {

    #PageNavBtn {

        padding: 8vw 5.3333333333vw 0;

    }



    #PageNavBtn ul {

        -ms-flex-wrap: wrap;

        flex-wrap: wrap;

        gap: 4%;

        -webkit-box-pack: justify;

        -ms-flex-pack: justify;

        justify-content: space-between;

    }



    #PageNavBtn ul.-gap--narrow {

        gap: 4%;

    }



    #PageNavBtn ul li {

        -webkit-box-flex: 0;

        -ms-flex-positive: 0;

        flex-grow: 0;

        -ms-flex-preferred-size: 48%;

        flex-basis: 48%;

        margin-bottom: 4%;

    }



    #PageNavBtn ul li .__button {

        font-size: 3.7333333333vw;

        padding: 0 0.8em 2.9333333333vw;

    }



    #PageNavBtn ul li .__button::before {

        width: 2.1333333333vw;

        height: 2.1333333333vw;

        border-width: 0 0.5333333333vw 0.5333333333vw 0;

        bottom: 2.9333333333vw;

    }

}



#SearchContents {

    padding-top: 80px;

}



#SearchContents .__inner {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start;

    padding: 50px 0 30px;

    position: relative;

}



#SearchContents .__inner .__title--trapezoid {

    position: absolute;

    top: -15px;

}



#SearchContents .__inner .__title--trapezoid::before {

    width: 110px;

    top: -20px;

}



#SearchContents .__inner .__title--trapezoid::after {

    width: 180px;

    height: 65px;

    top: -15px;

}



.search__list {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-box-pack: start;

    -ms-flex-pack: start;

    justify-content: flex-start;

    gap: 22px;

    margin: 0 auto;

}



.-column4 .search__list {

    max-width: 546px;

}



.-column5 .search__list {

    max-width: 830px;

}



.search__list li {

    width: 120px;

}



.search__list li a {

    text-decoration: none;

}



.search__list li .__img__box {

    height: 80px;

    margin-bottom: 10px;

    background-color: #fff;

    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);

    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);

    overflow: hidden;

}



.search__list li .__img__box img {

    width: 100%;

    -webkit-transition: 0.3s;

    transition: 0.3s;

}



.search__list li p {

    font-size: 15px;

    color: #0F1726;

    line-height: 1.333;

    -webkit-transition: 0.3s;

    transition: 0.3s;

    text-align: center;

}



.search__list li:hover .__img__box img {

    -webkit-transform: scale(1.1);

    transform: scale(1.1);

}



.search__list li:hover p {

    color: #094EA2;

}


/*新增容器页面*/
.jjp .sec2 .column2.-equivalent{
    margin-top: 40px;
    margin-bottom: 0;
}

.jjp .img__box div{
   height: 100%; 
}
.jjp .list--dotted li{
    color: #000;
}
.jjp .box--gray h4{
    margin-top: 0;
}
.jjp .box--gray .column3{
    margin-bottom: 0;
}
.jjp .table--primary.spec tr th:nth-child(1){
    width: 8%;
    text-align: center;
}
.jjp .table--primary.spec tr td .column2{
    margin-bottom: 0;
}
.jjp .particle--management .column2{
    border: 1px solid #C5C5C5;
    padding: 15px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: flex-start;
}
.jjp .particle--management .column2 > div{
        width: 100px;
    height: 120px;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
}
.jjp .particle--management .column2 > div img{
        width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    padding: 5px;
}
.jjp section .__inner .column2{
    margin-bottom: 0;
}
.jjp .particle--management .column2 > p span{
    font-size: 112.5%;
    font-weight: bold;
    color: #094EA2;
}
.jjp .table--primary.spec tr td .column2 ul{
    text-align: left;
}
.jjp .table--primary.spec tbody tr td .column2 ul li::before{
    content: "・";
}


/*新增POLYELEC页面*/
section .__inner .column2{
    margin-bottom: 0;
}
.polymain hr{
   margin: 40px 0px; 
}
.__inner ul.horizontal-tiles{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    gap: 15px;
}
.__inner ul.horizontal-tiles li{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: white;
    background: #1D3A66;
    text-align: center;
    width: calc((100% - 60px) / 5);
    padding: 10px;
}
.polymain .img__box div{
    border: none;
   
}
.polymain section .pnn-info{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 40px;
}
.polymain section .pnn-info > div:first-child{
    width: 30%;
}
.polymain section .yellow-card{
    width: 50%;
}
.polymain section .pnn-info .compare{
       display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
}
.polymain section .__inner .column2 > div{
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
.polymain section .pnn-info .compare .img__box div{
    padding: 0;
}
section .column2.pnn-images{
    width: 40%;
    gap: 10px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}
section .column2.pnn-images .img__box div{
    padding: 0;
}

/*新增环境产品页面*/
#MainVisual .__inner.lp-sus h1{
        font-size: 48px;
    font-weight: 700;
    color: #fff;
    text-align: left;
    margin-bottom: 8px;
    height: auto;
}


@media all and (max-width: 767px) {

    #SearchContents {

        padding-top: 21.3333333333vw;

    }
    .pop_up .modal-body.zxbd{
        padding: 2rem .875rem;
    }



    #SearchContents .__inner {

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column;

        padding: 16vw 0 8vw;

    }



    #SearchContents .__inner .__title--trapezoid {

        top: -4vw;

    }



    #SearchContents .__inner .__title--trapezoid::before {

        width: 29.3333333333vw;

        top: -5.3333333333vw;

    }



    #SearchContents .__inner .__title--trapezoid::after {

        width: 48vw;

        height: 17.3333333333vw;

        top: -4vw;

    }



    .search__list {

        gap: 5.3333333333vw;

        padding: 0 10vw;

        -webkit-box-pack: justify;

        -ms-flex-pack: justify;

        justify-content: space-between;

    }



    .-column4 .search__list,

    .-column5 .search__list {

        max-width: 100%;

    }



    .search__list li {

        width: 32vw;

    }



    .search__list li .__img__box {

        height: 21.3333333333vw;

        margin-bottom: 5.3333333333vw;

        -webkit-box-shadow: 0 0.8vw 1.6vw rgba(0, 0, 0, 0.16);

        box-shadow: 0 0.8vw 1.6vw rgba(0, 0, 0, 0.16);

    }



    .search__list li p {

        font-size: 4vw;

    }

}



/* ヘッダー

  ------------------------------------------- */

header {

    position: fixed;

    top: 0;

    width: calc(100vw - 17px);

    background: #fff;

    z-index: 150;

}



/* header-top */

.header__top {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    height: 70px;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    font-size: 14px;

    padding: 0;

}



.header__top a.__button--contact:nth-child(2) {

    color: #fff;

}



.modal-backdrop {

    width: 100% !important;

    height: 100% !important;

}



.header__top img {

    vertical-align: top;

}



.header__top a {

    text-decoration: none;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

}



.header__logo {

    display: flex;

    align-items: center;

}



.header__top .header__logo a {

    gap: 16px;

}



.header__top .logo__txt {

    display: inline-block;

    margin: 0;

    font-size: 13px;

    font-weight: 500;

    line-height: 1.461;

    color: #0F1726;

    /*margin-left: 1rem;*/

    letter-spacing: -0.02em;

}



.header__top .logo__txt span {

    letter-spacing: -0.05em;

}



.sub-menu__area {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    gap: 20px;

}



.sub-menu__area__link {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    gap: 20px;

}



.sub-menu__area__link a {

    font-size: 13px;

    color: #707070;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}



.sub-menu__area__link a[target=_blank]::after {

    content: "";

    display: block;

    width: 11px;

    height: 11px;

    background: url(../images/icon-window-gray.png) no-repeat 0 0;

    background-size: contain;

    margin: 1px 0 0 5px;

}



.lang__select__box {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    position: relative;

}



.lang__select__box::before {

    content: "";

    display: block;

    width: 18px;

    height: 19.3px;

    background: url(../images/lang_select.png) no-repeat 0 0;

    background-size: contain;

    margin: 2px 0 0;

    position: absolute;

    left: 0;

    top: 50%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    pointer-events: none;

}



.lang__select__box::after {

    content: "";

    display: block;

    width: 6px;

    height: 6px;

    border-width: 0 1px 1px 0;

    border-style: solid;

    border-color: #707070;

    margin-left: 10px;

    position: absolute;

    right: 1px;

    top: 50%;

    -webkit-transform: translateY(-50%) rotate(45deg);

    transform: translateY(-50%) rotate(45deg);

    pointer-events: none;

}



.lang__select__box select {

    font-size: 13px;

    color: #707070;

    width: 96px;

    padding-left: 21px;

}



.sub-menu__area__linkedin img {

    width: auto;

    height: 21px;

    margin-left: 12px;

}



.__button--contact {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    width: 130px;

    height: 40px;

    color: #fff;

    background-image: -webkit-gradient(linear, left top, right top, from(#04BEFE), to(#4481EB));

    background-image: linear-gradient(to right, #04BEFE, #4481EB);

}



.__button--contact:last-child {

    /* background: transparent;

    color: #004ea2;

    border: 1px solid #004ea2; */

}



.__button--contact:last-child::before {

    /* background: url(../images/icon-mail2.svg) no-repeat 0 0 !important; */

    background-size: contain !important;

    top: 1px;

    position: relative;

}



.__button--contact::before {

    content: "";

    display: block;

    width: 17.5px;

    height: 14px;

    background: url(../images/icon-mail.svg) no-repeat 0 0;

    background-size: contain;

    margin-right: 8.5px;

}



/* IE用 */

select::-ms-expand {

    display: none;

}



/* header-bottom */

.global__nav {

    width: 100%;

    height: 40px;

    background-color: #004ea2;

    border-bottom: 3px solid #c00000;

    z-index: 10;

}



.global__nav>ul {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-pack: distribute;

    justify-content: space-around;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    height: 40px;

    -ms-flex-wrap: nowrap;

    flex-wrap: nowrap;

}



.global__nav>ul>li {

    height: 40px;

    text-align: center;

    cursor: pointer;

}



.global__nav>ul>li>a {

    color: #fff;

    display: inline-block;

    padding: 0 22px;

    line-height: 40px;

    font-size: 15px;

    text-decoration: none;

    width: 100%;

}



.global__nav>ul>li.-active,

.global__nav>ul>li:hover {

    text-decoration: none;

    border-bottom: 3px solid #fff;

    background-color: #0174DF;

}



.global__nav>ul>li:hover .child-menu-bg .child-menu {

    padding-bottom: 20px;

}



.global__nav .child-menu-bg {

    position: absolute;

    left: 0;

    width: 100vw;

    height: 0;

    background: rgba(0, 0, 0, 0.9);

    -webkit-transition: 0.3s;

    transition: 0.3s;

    cursor: default;

    overflow: hidden;

}



.global__nav .child-menu-bg .child-menu {

    text-align: left;

}



.global__nav .child-menu-bg .child-menu li {

    display: inline-block;

    width: 220px;

    margin-top: 20px;

    margin-right: 15px;

    padding: 0;

}



.global__nav .child-menu-bg .child-menu li a {

    padding: 0;

    color: #fff;

    font-size: 14px;

    line-height: 1.285;

    text-decoration: none;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    text-align: left;

}



.global__nav .child-menu-bg .child-menu li a:hover {

    text-decoration: underline;

}



.global__nav .child-menu-bg .child-menu figure {

    width: 45px;

    height: 45px;

    margin: 0 10px 0 0;

    -ms-flex-negative: 0;

    flex-shrink: 0;

}



.global__nav .child-menu-bg .child-menu img {

    width: 100%;

    height: 100%;

    -o-object-fit: contain;

    object-fit: contain;

    background: #fff;

}



.global__nav .child-menu-bg .child-menu img[src*=app3] {

    -o-object-fit: cover;

    object-fit: cover;

    border: 1px solid #ccc;

}



.global__nav .child-menu-bg.circle-icon img {

    border-radius: 50%;

}



.global__nav .child-menu-bg.circle-icon .child-menu li {

    width: 170px;

}



#SpBtn {

    display: none;

}



@media all and (max-width: 960px) {

    header {

        position: fixed;

        top: 0;

        width: 100%;

        background: #fff;

        z-index: 100;

    }



    header .-sp {

        display: block;

    }



    /* header-top */

    .header__top {

        height: 20.5333333333vw;

        font-size: 2.4vw;

        padding: 0 4vw 0 2.6666666667vw;

        border-bottom: 0.5333333333vw solid #004FA8;

    }



    .header__top img {

        width: 20.8vw;

    }



    .header__top a {

        text-decoration: none;

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

    }



    .header__top .header__logo {

        width: 29.3333333333vw;

    }



    .header__top .header__logo a {

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column;

        -webkit-box-align: center;

        -ms-flex-align: center;

        align-items: center;

        text-align: center;

        gap: 1vw;

    }



    .sub-menu__area {

        -webkit-box-orient: horizontal;

        -webkit-box-direction: reverse;

        -ms-flex-direction: row-reverse;

        flex-direction: row-reverse;

        gap: 5.3333333333vw;

    }



    .header__top .logo__txt {

        font-size: 2.4vw;

        line-height: 1.222;

        white-space: nowrap;

    }



    .header__top .logo__txt span {

        letter-spacing: -0.1em;

    }



    .sub-menu__area__link {

        display: none;

    }



    .lang__select__box {

        width: 13.3333333333vw;

        height: 10.6666666667vw;

        position: relative;

        background-color: #EDEDED;

    }



    .lang__select__box::before {

        position: absolute;

        top: 50%;

        left: 2.1333333333vw;

        -webkit-transform: translateY(-50%);

        transform: translateY(-50%);

        width: 4.8vw;

        height: 5.1013333333vw;

        margin: 0;

        pointer-events: none;

    }



    .lang__select__box::after {

        position: absolute;

        top: 50%;

        right: 1.7333333333vw;

        -webkit-transform: translateY(-50%) rotate(45deg);

        transform: translateY(-50%) rotate(45deg);

        width: 1.6vw;

        height: 1.6vw;

        border-width: 0 0.2666666667vw 0.2666666667vw 0;

        margin-left: 0;

        pointer-events: none;

    }



    .lang__select__box select {

        font-size: 13px;

        color: #707070;

        width: 100%;

        height: 100%;

        overflow: hidden;

        text-indent: -9999px;

        padding-left: 1vw;

    }



    .sub-menu__area__linkedin {

        display: none;

    }



    .__button--contact {

        width: 32vw;

        height: 10.6666666667vw;

        font-size: 3.4666666667vw;

    }



    .__button--contact::before {

        content: "";

        display: block;

        width: 4.6666666667vw;

        height: 3.7333333333vw;

        margin-right: 1.2vw;

    }



    /* header-bottom */

    .header__bottom {

        display: none;

    }



    .global__nav {

        width: 100%;

        height: calc(100vh - 20vw);

        background-color: #F2F2F2;

        border-bottom: 0;

        position: relative;

        overflow: auto;

    }



    .global__nav>ul {

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column;

        -webkit-box-align: start;

        -ms-flex-align: start;

        align-items: flex-start;

        height: auto;

        background-color: #fff;

        padding: 0;

    }



    .global__nav>ul>li {

        height: auto;

        text-align: center;

        border-bottom: 0.2666666667vw solid #AAAAAA;

        width: 100%;

        position: relative;

    }



    .global__nav>ul>li>a {

        color: #5A5A5A;

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-align: center;

        -ms-flex-align: center;

        align-items: center;

        padding: 0 5.3333333333vw;

        font-size: 4vw;

        text-decoration: none;

        width: 100%;

        height: 12.5333333333vw;

    }



    .global__nav>ul>li>a[target=_blank]::after {

        content: "";

        display: block;

        width: 2.9333333333vw;

        height: 2.9333333333vw;

        background: url(../images/icon-window-gray.png) no-repeat 0 0;

        background-size: contain;

        margin-left: auto;

    }



    .global__nav>ul>li>a>img {

        margin-right: 1vw;

        height: 5.6vw;

    }



    .global__nav>ul>li.-active,

    .global__nav>ul>li:hover {

        border-bottom: 0.2666666667vw solid #AAAAAA;

        background-color: #fff;

    }



    .global__nav>ul>li:hover .child-menu-bg .child-menu {

        padding-bottom: 0;

    }



    .global__nav>ul>li .child-open {

        position: absolute;

        top: 0;

        right: 0;

        display: block;

        width: 11.7333333333vw;

        height: 12.2666666667vw;

        background-color: #EEEEEE;

    }



    .global__nav>ul>li .child-open::before {

        content: "";

        display: block;

        width: 0.5333333333vw;

        height: 4.8vw;

        background-color: #AAAAAA;

        position: absolute;

        top: 50%;

        left: 50%;

        -webkit-transform: translate(-50%, -50%);

        transform: translate(-50%, -50%);

        -webkit-transition: 0.3s;

        transition: 0.3s;

    }



    .global__nav>ul>li .child-open::after {

        content: "";

        display: block;

        width: 4.8vw;

        height: 0.5333333333vw;

        background-color: #AAAAAA;

        position: absolute;

        top: 50%;

        left: 50%;

        -webkit-transform: translate(-50%, -50%);

        transform: translate(-50%, -50%);

    }



    .global__nav>ul>li .child-open.open::before {

        -webkit-transform: translate(-50%, -50%) rotate(90deg);

        transform: translate(-50%, -50%) rotate(90deg);

    }



    .global__nav>ul>li.product__link>a::after {

        content: "";

        display: block;

        width: 2.1333333333vw;

        height: 2.1333333333vw;

        border-width: 0.2666666667vw 0.2666666667vw 0 0;

        border-style: solid;

        border-color: #333;

        margin-left: auto;

        -webkit-transform: rotate(45deg);

        transform: rotate(45deg);

    }



    .global__nav .child-menu-bg {

        display: none;

        position: static;

        width: 100%;

        height: auto;

        background: #F7F7F7;

        cursor: default;

    }



    .global__nav .child-menu-bg .child-menu {

        text-align: left;

    }



    .global__nav .child-menu-bg .child-menu li {

        display: block;

        width: 100%;

        margin-top: 0;

        margin-right: 0;

        padding: 0;

        height: 10.9333333333vw;

        border-bottom: 0.2666666667vw solid #AAAAAA;

    }



    .global__nav .child-menu-bg .child-menu li:last-child {

        border-bottom: 0;

    }



    .global__nav .child-menu-bg .child-menu li a {

        padding: 0 5.3333333333vw 0 10.6666666667vw;

        color: #5A5A5A;

        font-size: 3.4666666667vw;

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-align: center;

        -ms-flex-align: center;

        align-items: center;

        height: 10.6666666667vw;

    }



    .global__nav .child-menu-bg .child-menu li a::after {

        content: "";

        display: block;

        width: 2.1333333333vw;

        height: 2.1333333333vw;

        border-width: 0.2666666667vw 0.2666666667vw 0 0;

        border-style: solid;

        border-color: #333;

        margin-left: auto;

        -webkit-transform: rotate(45deg);

        transform: rotate(45deg);

    }



    .global__nav .child-menu-bg .child-menu li a:hover {

        text-decoration: none;

    }



    .global__nav .child-menu-bg .child-menu figure {

        width: 11.2vw;

        height: 7.4666666667vw;

    }



    .global__nav .child-menu-bg.circle-icon .child-menu li {

        width: 100%;

    }



    .global__nav .child-menu-bg.circle-icon .child-menu li img {

        width: 7.4666666667vw;

    }



    #SpBtn {

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column;

        -webkit-box-align: center;

        -ms-flex-align: center;

        align-items: center;

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        justify-content: center;

        width: 5.8666666667vw;

        height: 4.8vw;

        position: relative;

    }



    #SpBtn span {

        display: block;

        width: 100%;

        height: 0.5333333333vw;

        background-color: #59595b;

        -webkit-transition: 0.3s;

        transition: 0.3s;

    }



    #SpBtn::before,

    #SpBtn::after {

        content: "";

        display: block;

        width: 100%;

        height: 0.5333333333vw;

        background-color: #59595b;

        position: absolute;

        z-index: 55;

        -webkit-transition: all 0;

        transition: all 0;

        -webkit-transition: 0.3s;

        transition: 0.3s;

        left: 0;

    }



    #SpBtn::before {

        -webkit-transform-origin: left top;

        transform-origin: left top;

        top: 0;

    }



    #SpBtn::after {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        bottom: 0;

    }



    #SpBtn.open span {

        opacity: 0;

    }



    #SpBtn.open::before {

        top: 0.1333333333vw;

        -webkit-transform: rotate(45deg);

        transform: rotate(45deg);

    }



    #SpBtn.open::after {

        bottom: 0.1333333333vw;

        -webkit-transform: rotate(-45deg);

        transform: rotate(-45deg);

    }

}



#MainHead,

#Products__desc {

    padding: 0 20px;

}



#MainHead .__inner,

#Products__desc .__inner {

    position: relative;

    z-index: 5;

}



#MainHead h1,

#Products__desc h1 {

    font-size: 38px;

    font-weight: 400;

    letter-spacing: -0.02em;

    line-height: 1.15;

    padding-top: 21px;

}



#MainHead h1::before,

#Products__desc h1::before {

    content: "";

    display: block;

    width: 1000px;

    height: 80px;

    background-image: -webkit-gradient(linear, left top, right top, from(#4481EB), to(#04BEFE));

    background-image: linear-gradient(to right, #4481EB, #04BEFE);

    position: absolute;

    top: 82px;

    left: -735px;

    -webkit-transform: skewY(-16.3deg);

    transform: skewY(-16.3deg);

    z-index: -1;

}



#MainHead h1::after,

#Products__desc h1::after {

    content: "";

    display: block;

    width: 0;

    height: 0;

    border-width: 290px 1000px 0 0;

    border-style: solid;

    border-color: #000 transparent transparent;

    position: absolute;

    top: -14px;

    left: -795px;

    z-index: 0;

}



#MainHead {

    height: 120px;

    background-color: #EDEDED;

    padding: 0;

}



#MainHead h1 {

    font-size: 40px;

    padding-top: 20px;

    padding-left: 60px;

    font-weight: 500;

}



#MainHead h1.pad-t40 {

    padding-top: 40px;

}



#MainHead h1::before {

    top: 110px;

}



#MainHead h1::after {

    top: 0;

}



#MainHead h1 span {

    display: block;

    font-size: 15px;

    font-weight: 500;

    color: #fff;

    letter-spacing: -0.02em;

    margin-bottom: 6px;

    position: relative;

    z-index: 1;

}



@media all and (max-width: 767px) {



    #MainHead,

    #Products__desc {

        padding: 0;

    }



    #MainHead h1,

    #Products__desc h1 {

        padding-top: 8.2666666667vw;

    }



    #MainHead h1::before,

    #Products__desc h1::before {

        width: 52vw;

        height: 10.6vw;

        top: 4.6666666667vw;

        left: 0;

    }



    #MainHead h1::after,

    #Products__desc h1::after {

        border-width: 12.2666666667vw 44vw 0 0;

        border-style: solid;

        border-color: #000 transparent transparent;

        left: 0;

    }



    #MainHead {

        height: 26.6666666667vw;

    }



    #MainHead h1 {

        font-size: 6.6666666667vw;

        padding-left: 8vw;

        padding-top: 4.2666666667vw;

    }



    #MainHead h1.pad-t40 {

        padding-top: 10.6666666667vw;

    }



    #MainHead h1 span {

        font-size: 3.2vw;

        margin-bottom: 1.6vw;

    }

}



/* フッター

  ------------------------------------------- */

footer {

    color: #ccc;

    background: #333;

    font-size: 12px;

}



footer a {

    text-decoration: none;

    font-size: 12px;

    color: #ccc;

}



footer a:hover {

    text-decoration: underline;

}



footer .__inner {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    padding: 0;

}



footer .footer__sitemap {

    padding: 38px 0 28px;

    border-bottom: 1px solid #a0a0a0;

}



footer .footer__sitemap ul {

    list-style: none;

}



footer .footer__sitemap ul li {

    line-height: 1.833;

}



footer .footer__sitemap ul li ul {

    padding-left: 1em;

}



footer .footer__sitemap ul li ul li::before {

    content: "- ";

}



footer .footer__sitemap .__inner>ul>li+li {

    margin-top: 16px;

}



footer .footer__link {

    padding: 25px 0 50px;

}



footer .footer__link dl {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start;

    color: #969696;

    gap: 32px;

    padding-right: 76px;

    border-right: 1px solid #707070;

}



footer .footer__link dl dt {

    font-size: 12px;

    font-weight: normal;

}



footer .footer__link dl dd {

    font-size: 11px;

    line-height: 1.454;

}



.table--products tbody tr td .__button:hover {

    color: #fff;

}



footer .footer__link .footer__link__box {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    gap: 30px;

}



footer .footer__link .__copyright {

    font-size: 12px;

    color: #969696;

    text-align: right;

    margin: 12px 0 0;

}



@media all and (max-width: 960px) {

    footer a {

        text-decoration: none;

        font-size: 3.2vw;

        color: #ccc;

    }



    footer a:hover {

        text-decoration: underline;

    }



    footer .__inner {

        -webkit-box-orient: vertical;

        -webkit-box-direction: reverse;

        -ms-flex-direction: column-reverse;

        flex-direction: column-reverse;

        position: relative;

        padding-bottom: 21.3333333333vw;

    }



    footer .__inner>div {

        width: 100%;

    }



    footer .footer__sitemap {

        display: none;

    }



    footer .footer__link {

        padding: 0;

        -webkit-box-orient: vertical;

        -webkit-box-direction: reverse;

        -ms-flex-direction: column-reverse;

        flex-direction: column-reverse;

    }



    footer .footer__link dl {

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column;

        gap: 0;

        padding: 8vw 0;

        border-right: 0;

        padding: 8vw 5.3333333333vw;

    }



    footer .footer__link dl dt {

        font-size: 3.2vw;

        margin-bottom: 1.2em;

    }



    footer .footer__link dl dd {

        font-size: 2.9333333333vw;

    }



    footer .footer__link .footer__link__box {

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column;

        gap: 0;

    }



    footer .footer__link .footer__link__box li {

        width: 100%;

        height: 11.7333333333vw;

        font-size: 3.2vw;

        border-bottom: 0.2666666667vw solid #A0A0A0;

    }



    footer .footer__link .footer__link__box li a {

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-align: center;

        -ms-flex-align: center;

        align-items: center;

        height: 100%;

        padding: 0 5.3333333333vw;

    }



    footer .footer__link .footer__link__box li a::after {

        content: "";

        display: block;

        width: 2.1333333333vw;

        height: 2.1333333333vw;

        border-width: 0.2666666667vw 0.2666666667vw 0 0;

        border-style: solid;

        border-color: #ccc;

        margin-left: auto;

        -webkit-transform: rotate(45deg);

        transform: rotate(45deg);

    }



    footer .footer__link .__copyright {

        position: absolute;

        font-size: 3.2vw;

        text-align: right;

        margin: 0;

        bottom: 10.9333333333vw;

        left: 0;

        padding: 0 5.3333333333vw;

    }



    footer .footer__link .__copyright p {

        font-size: 3.2vw;

    }

}



.to_top {

    position: fixed;

    right: calc(50% - 560px);

    bottom: 10px;

    display: block;

    width: 45px;

    height: 45px;

    border-radius: 4px;

    background: #004ea2;

    cursor: pointer;

    opacity: 0.8;

    -webkit-transition: 0.2s;

    transition: 0.2s;

    z-index: 10;

}



.to_top::before {

    content: "";

    position: relative;

    left: 15px;

    top: 19px;

    display: block;

    width: 13px;

    height: 13px;

    border-top: 2px solid #fff;

    border-right: 2px solid #fff;

    -webkit-transform: rotate(-45deg);

    transform: rotate(-45deg);

}



/* 追従ボタンここから 2023-02-09 */

.dl_btn {

    background-color: rgba(0, 0, 0, 0.7);

    height: 108px;

    position: sticky;

    bottom: 0;

    z-index: 10;

    padding: 0 4vw;

    margin-top: 4vw;

}



.dl_btn .dl_btn_container {

    margin: 0 auto;

    max-width: 960px;

    height: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    gap: 30px;

}



.dl_btn .dl_btn_container a {

    font-size: 20px;

    color: white;

    width: 360px;

    height: 65px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    background: -webkit-gradient(linear, left top, right top, from(#04BEFE), to(#4481EB));

    background: linear-gradient(90deg, #04BEFE, #4481EB);

    border-radius: 5px;

    text-decoration: none;

}



.dl_btn .dl_btn_container a::before {

    content: "";

    display: block;

    background-image: url(../images/mail-icon.png);

    background-size: cover;

    width: 23px;

    height: 18px;

    margin-right: 15px;

}



.dl_btn .dl_btn_container a:not(:nth-child(1))::before {

    content: "";

    display: block;

    background-image: url(../images/download-icon.png);

    background-size: cover;

    width: 19px;

    height: 23px;

    margin-right: 15px;

}



.dl_btn .dl_btn_container a span {

    font-size: 14px;

    display: block;

}



.dl_btn .dl_btn_container a .br_sp {

    display: none;

}



@media screen and (max-width: 960px) {

    .dl_btn {

        margin-top: 8vw;

    }



    .dl_btn .dl_btn_container {

        gap: 15px;

    }



    .dl_btn .dl_btn_container a:not(:nth-child(1))::before {

        margin-right: 1vw;

    }

}



@media screen and (max-width: 767px) {

    .dl_btn .dl_btn_container a {

        font-size: 16px;

    }



    .dl_btn .dl_btn_container a::before {

        margin-right: 1vw;

        margin-left: 1vw;

    }



    .dl_btn .dl_btn_container a span {

        display: none;

    }



    .dl_btn .dl_btn_container a .br_sp {

        display: block;

    }

}



/* 追従ボタンここまで 2023-02-09 */

.layui-layer-min {

    display: none !important;

}



.modal-backdrop.fade.show {

    display: block !important;

}



.pop_up .modal-header {

    position: absolute;

    top: 0rem;

    right: 1rem;

    border-bottom: none;

    z-index: 999;

    display: flex;

    align-items: center;

    line-height: 24px;

}



.pop_up .modal-header .icon-fangda {

    font-size: 1.5rem;

    display: block;

    font-weight: 600;

    color: #777777;

    cursor: pointer;

    margin-top: 3px;

}



.pop_up .modal-header .icon-fangda:hover {

    color: #000;

}



.pop_up .modal-header .close {

    padding: 0;

    margin: 0 0 0 20px;

}



.pop_up .modal-header .close span {

    font-size: 40px;

    font-weight: normal;

    height: 24px;

    display: block;

    box-sizing: border-box;

    line-height: 18px;

}



.pop_up .modal-body,

.feedback_popup .bot {

    padding: 4rem 3rem;

}



.pop_up .modal-body form .mb30,

.feedback_popup form .mb30 {

    margin: 0 15px 15px 15px;

    padding-bottom: 20px;

    border-bottom: dotted 1px #CCC;

}



.pop_up .modal-body form .left,

.feedback_popup form .left {

    font-size: 0.875rem;

    color: #333;

}



.pop_up .modal-body form .left p,

.feedback_popup form .left p {

    font-size: 12px;



}



.pop_up .modal-body form select,

.feedback_popup form select {

    border: 1px solid #858585;

    padding: 0.125rem 0.625rem;

    font-size: 0.75rem;

    color: #000;

    width: 60%;

    background: #fff;

    appearance: none;

    -moz-appearance: none;

    -webkit-appearance: none;

    /*在选择框的最右侧中间显示小箭头图片*/

    background: url(../images/jt.png) no-repeat;

    background-size: 15px 15px;

    background-position-x: 96%;

    background-position-y: center;

}



.pop_up .modal-body form .left span,

.feedback_popup form .left span {

    background: #FF0000;

    display: inline-block;

    padding: 1px 4px;

    border-radius: 3px;

    color: #fff;

    font-size: 0.75rem;

}



.pop_up .modal-body form .right input,

.feedback_popup form .right input {

    border: 1px solid #858585;

    padding: 0.125rem 0.625rem;

    font-size: 0.75rem;

    color: #000;

    width: 60%;

}





.pop_up .modal-body form .right input:focus,

.pop_up .modal-body form .right textarea:focus,

.feedback_popup form .right input:focus,

.feedback_popup form .right textarea:focus {

    border: 1px solid #000;

}



.pop_up .modal-body form .ta,

.feedback_popup form .ta {

    text-align: center;

}



.pop_up .modal-body form button,

.feedback_popup form button {

    color: #FFFFFF;

    background-color: #428BCA;

    border-color: #357EBD;

    padding: 12px 55px;

    font-size: 18px;

    line-height: 1.33;

    border-radius: 6px;

}



.pop_up .modal-body form .text,

.feedback_popup form .text {

    box-sizing: border-box;

    width: calc(100% - 30px);

    height: 250px;

    margin: 10px 15px 20px 15px;

    padding: 12px;

    overflow-x: hidden;

    overflow-y: scroll;

    border: solid 1px #CCC;

    font-size: 90%;

}



.pop_up .modal-body form .text p,

.feedback_popup .text p {

    font-size: 16px;

    margin-bottom: 15px;

}



.pop_up .modal-body form .text div,

.feedback_popup .text div {

    font-size: 14px;

    line-height: 36px;

}



.pop_up .modal {

    width: 100vw;

}



.layui-layer-max {

    width: 25px !important;

    height: 25px !important;

    background: url(../img/fd.png) no-repeat !important;

    background-size: contain !important;

}



.layui-layer-setwin { 

    right: 75px !important;

}

.layui-layer-setwin .layui-layer-close2 {

    position: absolute;

    right: -40px !important; 

    width: 21px !important;

    height: 21px !important;

    background: url(../img/gb.png) no-repeat !important;

    background-size: contain !important;

    right: -40px !important;

    top: 3px !important; 

}

.pop_up .modal-lg.active {

    width: 100vw;

    min-height: 100vh;

    margin-top: 0;

    max-width: 100vw;

    background: #fff;



}



.layui-layer-content.active {

    height: 100vh !important;

}



.pop_up .modal-lg.active .modal-body,

.feedback_popup.active .bot {

    padding-right: 20rem;

    padding-left: 20rem;

}



.pop_up .modal-open .modal {

    padding-right: 0 !important;

}



.pop_up .modal-open {

    padding-right: 0 !important;

}



.w100 {

    max-width: 100%;

}



.mb30 {

    margin-bottom: 30px;

}



.pop_up .modal-body textarea,

.feedback_popup textarea {

    width: 60%;

    border: 1px solid #858585;

    padding: 0.125rem 0.625rem;

    font-size: 0.75rem;

    height: 80px;

    outline: #000;

    resize: none;

    color: #000;

}



.pop_up .modal-body form .right input[type='checkbox'],

.feedback_popup form .right input[type='checkbox'] {

    width: auto;

}





.__inner h1 {

    margin-bottom: 0;

}



.lead {

    font-size: 16px;

}

@media (max-width: 990px) {
    .pop_up .modal-body  form.zxbd .right input{
    width: 100%;
}
    .pop_up .modal-body form .right input[type='checkbox']{
    width: auto;
}
.pop_up .modal-body  form.zxbd select{
    width: 100%;
}
.pop_up .modal-body  form.zxbd textarea{
    width: 100%;
}
}