@charset "UTF-8";


/* mainvisual
------------------------------------------------- */
.mainvisual {
    width: 100%;
    height: 100vh;
    max-height: 65vw;
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 1;
}
.mainvisual .con {
    width: 50%;
    background: url("../img/top/mainvisual.jpg") center center no-repeat;
    background-size: cover;
    position: relative;
}
.mainvisual .con::after {
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.39);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}
.mainvisual .con h2 {
    width: 4.03rem;
    font-size: 0.36rem;
    font-weight: 500;
    line-height: 1.36;
    letter-spacing: 0.05em;
    color: #fff;
    white-space: nowrap;
    position: absolute;
    bottom: 1.25rem;
    right: 0;
    margin-right: 1.46rem;
    z-index: 2;
}
.mainvisual .con h2 img {
    display: block;
    margin-bottom: 0.65rem;
}

.mainvisual .slider {
    width: 50%;
    position: relative;
}
.mainvisual .slider::after {
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.36);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}
.mainvisual .slider .main-slider {
    width: 100%;
    height: 100vh;
    max-height: 65vw;
}
.mainvisual .slider .main-slider .swiper-slide {
    width: 100%;
    height: 100vh;
    max-height: 65vw;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}
.mainvisual .slider .main-slider .main1 {
    background-image: url("../img/top/mainvisual1.jpg");
}
.mainvisual .slider .main-slider .main2 {
    background-image: url("../img/top/mainvisual2.jpg");
}
@media screen and (max-width:750px){
.mainvisual {
    height: auto;
    max-height: inherit;
    display: block;
}
.mainvisual .con {
    width: 100%;
    height: 75vw;
    z-index: 5;
}
.mainvisual .con h2 {
    width: 75vw;
    font-size: 0.26rem;
    line-height: 1.35;
    bottom: -70vw;
    right: auto;
    left: 12vw;
    margin: 0;
}
.mainvisual .con h2 img {
    width: 50vw;
    margin-bottom: 60vw;
}
.mainvisual .slider {
    width: 100%;
    height: 75vw;
}
.mainvisual .slider .main-slider {
    width: 100%;
    height: 75vw;
    max-height: inherit;
}
.mainvisual .slider .main-slider .swiper-slide {
    width: 100%;
    height: 75vw;
    max-height: inherit;
}
}


/* message
------------------------------------------------- */
.message {
    background-color: #2A51C3;
    padding-bottom: 0.1rem;
    margin-top: -0.64rem;
    position: relative;
    z-index: 2;
}
.message::before {
    content: '';
    width: 100%;
    height: 56.22vw;
    background: url("../img/top/bg-img.png") center top no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    opacity: 0.84;
}
.message::after {
    content: '';
    width: 100%;
    height: 74.45vw;
    background: url("../img/top/bg.jpg") center top no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 1.44rem;
    z-index: 1;
}
.message .inner {
    z-index: 3;
}
.message .con {
    width: 4rem;
    color: #fff;
}
.message .con h3 {
    height: 0.64rem;
    font-size: 0.14rem;
    font-weight: 400;
    line-height: 0.1em;
    display: flex;
    align-items: center;
    padding-left: 0.16rem;
    margin-bottom: 0.96rem;
    position: relative;
}
.message .con h3::before {
    content: '';
    width: 1px;
    height: 1.8rem;
    background-color: #fff;
    position: absolute;
    left: 0;
    top: -0.36rem;
}
.message .con p {
    font-size: 0.18rem;
    font-weight: 600;
    line-height: 2.166;
    letter-spacing: 0.05em;
    margin-bottom: 0.4rem;
}
.message nav {
    position: absolute;
    right: 0.4rem;
    top: 0.23rem;
    z-index: 3;
}
.message nav ul {
    display: flex;
    justify-content: flex-end;
}
.message nav ul li {
    font-size: 0.14rem;
    line-height: 1.45;
    margin-left: 0.32rem;
}
.message nav ul li a {
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_78%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2078%22%20transform%3D%22translate(-687%20-732)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_143%22%20data-name%3D%22%E3%83%91%E3%82%B9%20143%22%20d%3D%22M2121.635%2C734.27l2.963%2C2.963%2C2.963-2.963%22%20transform%3D%22translate(-1431.464%202.268)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221%22%2F%3E%20%3Cg%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_3%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%203%22%20transform%3D%22translate(687%20732)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221%22%3E%20%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%226%22%20stroke%3D%22none%22%2F%3E%20%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%225.5%22%20fill%3D%22none%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E') right center no-repeat;
    background-size: 0.12rem auto;
    padding-right: 0.15rem;
    color: #fff;
    position: relative;
}
.message nav ul li a::after {
    content: '';
    width: calc(100% - 0.15rem);
    height: 1px;
    background-color: #fff;
    position: absolute;
    left: 0;
    bottom: -0.05rem;
    transform: scale(0, 1);
    transform-origin: right top;
    transition: transform 0.6s;
}
@media screen and (min-width:751px){
.message nav ul li a:hover::after {
    transform-origin: left top;
    transform: scale(1, 1);
}
}
@media screen and (max-width:750px){
.message {
    padding-bottom: 0;
    margin-top: 0;
}
.message::before {
    height: 120vw;
}
.message::after {
    height: 100%;
    background: url("../img/top/bg.jpg") center bottom no-repeat;
    background-size: 100% auto;
    top: auto;
    bottom: -1rem;
}
.message .con {
    width: 100%;
}
.message .con h3 {
    margin-bottom: 0.6rem;
}
.message .con h3::before {
    top: -0.9rem;
}
.message .con p {
    font-size: 0.18rem;
    line-height: 1.875;
    margin-bottom: 0.3rem;
}
.message nav {
    display: none;
}
}


/* data
------------------------------------------------- */
.data {
    padding: 1rem 0 0.3rem;
    position: relative;
    z-index: 3;
}
.data .headline {
    margin-bottom: 0.05rem;
}
.data .copy {
    font-size: 0.14rem;
    line-height: 1.45;
    letter-spacing: 0.04em;
    margin-bottom: 0.95rem;
}
.data .con {
    margin-bottom: 1.5rem;
    position: relative;
}
.data .con h4 {
    height: 0.98rem;
    display: flex;
    align-items: center;
    padding-left: 0.54rem;
    position: relative;
}
.data .con h4::after {
    content: '';
    width: 100vw;
    height: 100%;
    background: linear-gradient(90deg, #2A51C3 0, #00ADF4 30%, #F0EFE9 55%, rgba(255,255,255,0) 75% ,rgba(255,255,255,0) 100%);
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -50vw;
    z-index: 1;
}
.data .con h4 span {
    font-size: 0.25rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    color: #fff;
    position: relative;
    z-index: 3;
}
.data .con h4 b {
    font-size: 1.44rem;
    font-weight: 300;
    line-height: 0.98rem;
    color: rgba(255,255,255,0.12);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}
.data .con .txt1 {
    width: 5.35rem;
    line-height: 2.1875;
    padding: 0.2rem 0 0.35rem 0.48rem;
}
.data .con .txt2 {
    width: 10rem;
    line-height: 2.1875;
    padding: 0.2rem 0 0.6rem 0.48rem;
}
.data .con .fig {
    width: 4.38rem;
    position: absolute;
    right: 0;
    top: -1.38rem;
    z-index: 3;
}
.data .con2 ul {
    width: 10.16rem;
    margin-left: 0.35rem;
}
.data .con2 ul li .acc {
    margin-bottom: 0.2rem;
    cursor: pointer;
    position: relative;
}
.data .con2 ul li .acc h5 {
    font-size: 0.21rem;
    line-height: 1.4285;
    color: #2A51C3;
    border-top: 1px solid #868686;
    padding: 0.1rem 0 0.3rem 1.08rem;
    position: relative;
}
.data .con2 ul li .acc h5::before {
    content: '';
    width: 0.76rem;
    height: 0.69rem;
    background: url("../img/top/no1.svg") left top no-repeat;
    background-size: 100% auto;
    position: absolute;
    left: 0.15rem;
    top: -0.17rem;
}
.data .con2 ul li .acc span {
    width: 0.43rem;
    height: 0.43rem;
    background-color: #2A51C3;
    border: 1px solid #2A51C3;
    border-radius: 0.03rem;
    position: absolute;
    right: 0;
    top: 0.12rem;
    z-index: 2;
    box-sizing: border-box;
    overflow: hidden;
    transition: 0.4s;
}
.data .con2 ul li .acc span::after {
    content: '';
    width: 0.08rem;
    height: 0.08rem;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228.04%22%20height%3D%227.422%22%20viewBox%3D%220%200%208.04%207.422%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_124%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20124%22%20transform%3D%22translate(-2323.5%201214.03)%20rotate(-90)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_174%22%20data-name%3D%22%E3%83%91%E3%82%B9%20174%22%20d%3D%22M1207.139%2C2326.5l3.181%2C3.181%2C3.181-3.181%22%20transform%3D%22translate(0%200.798)%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221.5%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_81%22%20data-name%3D%22%E7%B7%9A%2081%22%20y1%3D%227%22%20transform%3D%22translate(1210.5%202323.5)%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221.5%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E') center center no-repeat;
    background-size: 100% auto;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -0.04rem 0 0 -0.04rem;
    transform: rotate(90deg);
    transition: 0.4s;
}
.data .con2 ul li .acc.open span {
    background-color: #fff;
}
.data .con2 ul li .acc.open span::after {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228.04%22%20height%3D%227.422%22%20viewBox%3D%220%200%208.04%207.422%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_124%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20124%22%20transform%3D%22translate(-2323.5%201214.03)%20rotate(-90)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_174%22%20data-name%3D%22%E3%83%91%E3%82%B9%20174%22%20d%3D%22M1207.139%2C2326.5l3.181%2C3.181%2C3.181-3.181%22%20transform%3D%22translate(0%200.798)%22%20fill%3D%22none%22%20stroke%3D%22%232a51c3%22%20stroke-width%3D%221.5%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_81%22%20data-name%3D%22%E7%B7%9A%2081%22%20y1%3D%227%22%20transform%3D%22translate(1210.5%202323.5)%22%20fill%3D%22none%22%20stroke%3D%22%232a51c3%22%20stroke-width%3D%221.5%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E');
    transform: rotate(270deg);
}
.data .con2 ul li .voice {
    margin: -0.1rem 0 0.85rem;
    display: none;
}
.data .con2 ul li .voice ul {
    width: auto;
    margin-left: 1.1rem;
}
.data .con2 ul li .voice ul li {
    width: 3.97rem;
    background-color: #F0EFE9;
    border-radius: 0.05rem;
    padding: 0.18rem 0.3rem 0.15rem;
    margin-right: 0.46rem;
    box-sizing: border-box;
    position: relative;
}
.data .con2 ul li .voice ul li::after {
    content: '';
    width: 0.28rem;
    height: 0.28rem;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2228%22%20height%3D%2228%22%20viewBox%3D%220%200%2028%2028%22%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip-path%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_449%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%20449%22%20width%3D%2228%22%20height%3D%2228%22%20transform%3D%22translate(0.414%20-0.083)%22%20fill%3D%22%23f0efe9%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_116%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20116%22%20transform%3D%22translate(-0.414%200.083)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_111%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20111%22%20clip-path%3D%22url(%23clip-path)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_163%22%20data-name%3D%22%E3%83%91%E3%82%B9%20163%22%20d%3D%22M7.414%2C19.917s10.272-.5%2C21%2C8c0%2C0-4-19.589-21-27s0%2C19%2C0%2C19%22%20fill%3D%22%23f0efe9%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E') right bottom no-repeat;
    background-size: 100% auto;
    position: absolute;
    right: -0.18rem;
    bottom: 0;
}
.data .con2 ul li .voice ul li h6 {
    font-size: 0.11rem;
    font-weight: 500;
    line-height: 1.27;
    color: #2A51C3;
    margin-bottom: 0.05rem;
}
.data .con2 ul li .voice ul li p {
    font-size: 0.14rem;
    line-height: 1.64;
}
.data .con2 ul li.no2 .acc h5 {
    color: #00ADF4;
}
.data .con2 ul li.no2 .acc h5::before {
    background-image: url("../img/top/no2.svg");
}
.data .con2 ul li.no2 .acc span {
    background-color: #00ADF4;
    border: 1px solid #00ADF4;
}
.data .con2 ul li.no2 .acc.open span {
    background-color: #fff;
}
.data .con2 ul li.no2 .acc.open span::after {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228.04%22%20height%3D%227.422%22%20viewBox%3D%220%200%208.04%207.422%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_124%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20124%22%20transform%3D%22translate(-2323.5%201214.03)%20rotate(-90)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_174%22%20data-name%3D%22%E3%83%91%E3%82%B9%20174%22%20d%3D%22M1207.139%2C2326.5l3.181%2C3.181%2C3.181-3.181%22%20transform%3D%22translate(0%200.798)%22%20fill%3D%22none%22%20stroke%3D%22%2300adf4%22%20stroke-width%3D%221.5%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_81%22%20data-name%3D%22%E7%B7%9A%2081%22%20y1%3D%227%22%20transform%3D%22translate(1210.5%202323.5)%22%20fill%3D%22none%22%20stroke%3D%22%2300adf4%22%20stroke-width%3D%221.5%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E');
}
.data .con2 ul li.no2 .voice ul li h6 {
    color: #00ADF4;
}
.data .con2 ul li.no3 .acc h5 {
    color: #FFC400;
}
.data .con2 ul li.no3 .acc h5::before {
    background-image: url("../img/top/no3.svg");
}
.data .con2 ul li.no3 .acc span {
    background-color: #FFC400;
    border: 1px solid #FFC400;
}
.data .con2 ul li.no3 .acc.open span {
    background-color: #fff;
}
.data .con2 ul li.no3 .acc.open span::after {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228.04%22%20height%3D%227.422%22%20viewBox%3D%220%200%208.04%207.422%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_124%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20124%22%20transform%3D%22translate(-2323.5%201214.03)%20rotate(-90)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_174%22%20data-name%3D%22%E3%83%91%E3%82%B9%20174%22%20d%3D%22M1207.139%2C2326.5l3.181%2C3.181%2C3.181-3.181%22%20transform%3D%22translate(0%200.798)%22%20fill%3D%22none%22%20stroke%3D%22%23ffc400%22%20stroke-width%3D%221.5%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_81%22%20data-name%3D%22%E7%B7%9A%2081%22%20y1%3D%227%22%20transform%3D%22translate(1210.5%202323.5)%22%20fill%3D%22none%22%20stroke%3D%22%23ffc400%22%20stroke-width%3D%221.5%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E');
}
.data .con2 ul li.no3 .voice ul li h6 {
    color: #FFC400;
}
.data .con3 ul li.no0 .voice ul li:nth-child(3),
.data .con3 ul li.no1 .voice ul li:nth-child(3) {
    margin-top: 0.34rem;
}
.data .con3 ul li .acc h5::before {
    background-image: url("../img/top/no1-2.svg");
}
.data .con3 ul li .acc h5 {
    padding-left: 1.46rem;
}
.data .con3 ul li.no0 .acc h5 {
    color: #0D2C86;
}
.data .con2 ul li.no0 .voice ul li h6 {
    color: #0D2C86;
}
.data .con2 ul li.no0 .acc span {
    background-color: #0D2C86;
    border: 1px solid #0D2C86;
}
.data .con2 ul li.no0 .acc.open span {
    background-color: #fff;
}
.data .con2 ul li.no0 .acc.open span::after {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228.04%22%20height%3D%227.422%22%20viewBox%3D%220%200%208.04%207.422%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_124%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20124%22%20transform%3D%22translate(-2323.5%201214.03)%20rotate(-90)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_174%22%20data-name%3D%22%E3%83%91%E3%82%B9%20174%22%20d%3D%22M1207.139%2C2326.5l3.181%2C3.181%2C3.181-3.181%22%20transform%3D%22translate(0%200.798)%22%20fill%3D%22none%22%20stroke%3D%22%230d2c86%22%20stroke-width%3D%221.5%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_81%22%20data-name%3D%22%E7%B7%9A%2081%22%20y1%3D%227%22%20transform%3D%22translate(1210.5%202323.5)%22%20fill%3D%22none%22%20stroke%3D%22%230d2c86%22%20stroke-width%3D%221.5%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E');
}
.data .con3 ul li.no1 .acc h5::before {
    background-image: url("../img/top/no2-2.svg");
}
.data .con3 ul li.no2 .acc h5::before {
    background-image: url("../img/top/no3-2.svg");
}
.data .con3 ul li.no3 .acc h5::before {
    width: 1.13rem;
    height: 0.57rem;
    background-image: url("../img/top/icon_other.svg");
    top: -0.18rem;
}
@media screen and (min-width:751px){
.data .con2 ul li .acc:hover span {
    background-color: #fff;
}    
.data .con2 ul li .acc:hover span::after {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228.04%22%20height%3D%227.422%22%20viewBox%3D%220%200%208.04%207.422%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_124%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20124%22%20transform%3D%22translate(-2323.5%201214.03)%20rotate(-90)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_174%22%20data-name%3D%22%E3%83%91%E3%82%B9%20174%22%20d%3D%22M1207.139%2C2326.5l3.181%2C3.181%2C3.181-3.181%22%20transform%3D%22translate(0%200.798)%22%20fill%3D%22none%22%20stroke%3D%22%232a51c3%22%20stroke-width%3D%221.5%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_81%22%20data-name%3D%22%E7%B7%9A%2081%22%20y1%3D%227%22%20transform%3D%22translate(1210.5%202323.5)%22%20fill%3D%22none%22%20stroke%3D%22%232a51c3%22%20stroke-width%3D%221.5%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E');
}
.data .con2 ul li.no2 .acc:hover span::after {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228.04%22%20height%3D%227.422%22%20viewBox%3D%220%200%208.04%207.422%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_124%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20124%22%20transform%3D%22translate(-2323.5%201214.03)%20rotate(-90)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_174%22%20data-name%3D%22%E3%83%91%E3%82%B9%20174%22%20d%3D%22M1207.139%2C2326.5l3.181%2C3.181%2C3.181-3.181%22%20transform%3D%22translate(0%200.798)%22%20fill%3D%22none%22%20stroke%3D%22%2300adf4%22%20stroke-width%3D%221.5%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_81%22%20data-name%3D%22%E7%B7%9A%2081%22%20y1%3D%227%22%20transform%3D%22translate(1210.5%202323.5)%22%20fill%3D%22none%22%20stroke%3D%22%2300adf4%22%20stroke-width%3D%221.5%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E');
}
.data .con2 ul li.no3 .acc:hover span::after {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228.04%22%20height%3D%227.422%22%20viewBox%3D%220%200%208.04%207.422%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_124%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20124%22%20transform%3D%22translate(-2323.5%201214.03)%20rotate(-90)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_174%22%20data-name%3D%22%E3%83%91%E3%82%B9%20174%22%20d%3D%22M1207.139%2C2326.5l3.181%2C3.181%2C3.181-3.181%22%20transform%3D%22translate(0%200.798)%22%20fill%3D%22none%22%20stroke%3D%22%23ffc400%22%20stroke-width%3D%221.5%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_81%22%20data-name%3D%22%E7%B7%9A%2081%22%20y1%3D%227%22%20transform%3D%22translate(1210.5%202323.5)%22%20fill%3D%22none%22%20stroke%3D%22%23ffc400%22%20stroke-width%3D%221.5%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E');
}
}
@media screen and (max-width:750px){
.data {
    padding: 25vw 0 5vw;
}
.data .copy {
    margin-bottom: 0.5rem;
}
.data .con {
    margin-bottom: 20vw;
}
.data .con h4 {
    padding-left: 0.35rem;
}
.data .con h4::after {
    background: linear-gradient(90deg, #2A51C3 0, #00ADF4 50%, #F0EFE9 95%, #fff 100%);
}
.data .con h4 span {
    font-size: 0.22rem;
    line-height: 1.35;
}
.data .con h4 b {
    left: -2vw;
    letter-spacing: -0.05em;
}
.data .con .txt1 {
    width: 100%;
    line-height: 1.75;
    padding: 0.2rem 0 0.1rem;
}
.data .con .txt2 {
    width: 100%;
    line-height: 1.75;
    padding: 0.2rem 0 0.5rem;
}
.data .con .fig {
    width: 80vw;
    position: static;
    margin: 0 auto;
}
.data .con2 ul {
    width: 100%;
    margin-left: 0;
}
.data .con2 ul li .acc h5.db {
    line-height: 1.25;
    padding: 0.1rem 0 0.1rem 1.08rem;
}
.data .con3 ul li .acc h5 {
    padding-left: 1.08rem;
}
.data .con3 ul li.no3 .acc h5 {
    padding-left: 1.35rem;
}
.data .con2 ul li .acc h5::before {
    left: 0.05rem;
}
.data .con2 ul li .voice {
    margin: -0.1rem 0 0.5rem;
}
.data .con2 ul li .voice ul {
    width: auto;
    margin-left: 0;
}
.data .con2 ul li .voice ul li {
    width: calc(100% - 0.2rem);
    padding: 0.18rem 0.3rem 0.15rem;
    margin: 0 0.2rem 5vw 0;
}
.data .con3 ul li.no0 .voice ul li:nth-child(3),
.data .con3 ul li.no1 .voice ul li:nth-child(3) {
    margin-top: 0;
}
}


/* pnav
------------------------------------------------- */
.pnav {
    padding: 1.3rem 0 1.7rem;
}
@media screen and (max-width:750px){
.pnav {
    padding: 25vw 0;
}
}


/* faq
------------------------------------------------- */
.faq {
    padding: 2rem 0 1.8rem;
}
.faq ul {
    width: 9.2rem;
    margin: 0 auto;
}
.faq ul li dl {
    padding: 0.11rem 0;
    margin-bottom: 0.2rem;
    display: flex;
    justify-content: space-between;
    position: relative;
}
.faq ul li dl::after {
    content: '';
    width: 98%;
    height: 100%;
    background-color: #F0EFE9;
    border-radius: 0.03rem;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}
.faq ul li dl dt {
    width: 5.5%;
    position: relative;
    z-index: 2;
}
.faq ul li dl dt span {
    font-size: 0.38rem;
    font-weight: 500;
    line-height: 1.3;
    color: #2A51C3;
}
.faq ul li .a dl dt span {
    color: #1BADF4;
}
.faq ul li dl dd {
    width: 94.5%;
    position: relative;
    z-index: 2;
}
.faq ul li dl dd h4 {
    width: 91.5%;
    font-size: 0.18rem;
    font-weight: 500;
    padding-top: 0.05rem;
}
.faq ul li dl dd span {
    width: 0.43rem;
    height: 0.43rem;
    background-color: #fff;
    border-radius: 0.03rem;
    position: absolute;
    right: 0.14rem;
    top: 0.03rem;
    z-index: 2;
    overflow: hidden;
    transition: 0.4s;
}
.faq ul li dl dd span::after {
    content: '';
    width: 0.08rem;
    height: 0.08rem;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228.04%22%20height%3D%227.422%22%20viewBox%3D%220%200%208.04%207.422%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_124%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20124%22%20transform%3D%22translate(-2323.5%201214.03)%20rotate(-90)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_174%22%20data-name%3D%22%E3%83%91%E3%82%B9%20174%22%20d%3D%22M1207.139%2C2326.5l3.181%2C3.181%2C3.181-3.181%22%20transform%3D%22translate(0%200.798)%22%20fill%3D%22none%22%20stroke%3D%22%232a51c3%22%20stroke-width%3D%221.5%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_81%22%20data-name%3D%22%E7%B7%9A%2081%22%20y1%3D%227%22%20transform%3D%22translate(1210.5%202323.5)%22%20fill%3D%22none%22%20stroke%3D%22%232a51c3%22%20stroke-width%3D%221.5%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E') center center no-repeat;
    background-size: 100% auto;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -0.04rem 0 0 -0.04rem;
    transform: rotate(90deg);
    transition: 0.4s;
}
.faq ul li .open dl dd span {
    background-color: #2A51C3;
}
.faq ul li .open dl dd span::after {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228.04%22%20height%3D%227.422%22%20viewBox%3D%220%200%208.04%207.422%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_124%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20124%22%20transform%3D%22translate(-2323.5%201214.03)%20rotate(-90)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_174%22%20data-name%3D%22%E3%83%91%E3%82%B9%20174%22%20d%3D%22M1207.139%2C2326.5l3.181%2C3.181%2C3.181-3.181%22%20transform%3D%22translate(0%200.798)%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221.5%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_81%22%20data-name%3D%22%E7%B7%9A%2081%22%20y1%3D%227%22%20transform%3D%22translate(1210.5%202323.5)%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221.5%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E');
    transform: rotate(270deg);
}
.faq ul li dl dd p {
    line-height: 1.875;
    padding-top: 0.1rem;
}
.faq ul li dl dd p a {
    color: #2A51C3;
    text-decoration: underline;
}
.faq ul li .q {
    cursor: pointer;
}
.faq ul li .a {
    display: none;
}
.faq ul li .a dl {
    padding: 0 0 0.25rem;
}
.faq ul li .a dl::after {
    display: none;
}
@media screen and (min-width:751px){
.faq ul li .q:hover dl dd span {
    background-color: #2A51C3;
}
.faq ul li .q:hover dl dd span::after {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228.04%22%20height%3D%227.422%22%20viewBox%3D%220%200%208.04%207.422%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_124%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20124%22%20transform%3D%22translate(-2323.5%201214.03)%20rotate(-90)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_174%22%20data-name%3D%22%E3%83%91%E3%82%B9%20174%22%20d%3D%22M1207.139%2C2326.5l3.181%2C3.181%2C3.181-3.181%22%20transform%3D%22translate(0%200.798)%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221.5%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_81%22%20data-name%3D%22%E7%B7%9A%2081%22%20y1%3D%227%22%20transform%3D%22translate(1210.5%202323.5)%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221.5%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E');
}
.faq ul li dl dd p a:hover {
    text-decoration: none;
}
}
@media screen and (max-width:750px){
.faq {
    padding: 25vw 0 23vw;
}
.faq ul {
    width: 100%;
}
.faq ul li dl {
    padding-bottom: 0.2rem;
}
.faq ul li dl::after {
    width: 95%;
}
.faq ul li dl dt {
    width: 12.5%;
}
.faq ul li dl dd {
    width: 87.5%;
    position: relative;
    z-index: 2;
}
.faq ul li dl dd h4 {
    width: 80%;
    font-size: 0.16rem;
    line-height: 1.5;
    padding-top: 0.1rem;
    box-sizing: border-box;
}
.faq ul li dl dd h4.sin {
    padding-top: 0.15rem;
}
.faq ul li dl dd p {
    line-height: 1.65;
}
}


/* recruitment
------------------------------------------------- */
.recruitment {
    background-color: #F0EFE9;
    padding: 1.3rem 0 1.4rem;
}
.recruitment .con {
    background-color: #fff;
    border-radius: 0.05rem;
    padding: 0.5rem 0.75rem 0.7rem;
    margin-bottom: 0.3rem;
}
.recruitment .con h4 {
    font-size: 0.21rem;
    font-weight: 700;
    line-height: 1.45;
    margin-bottom: 0.3rem;
}
.recruitment .con table {
    width: 100%;
}
.recruitment .con table th,
.recruitment .con table td {
    font-weight: 400;
    line-height: 1.875;
    text-align: left;
    vertical-align: top;
    padding: 0.12rem 0;
    border-top: 1px solid #BEBEBE;
    border-bottom: 1px solid #BEBEBE;
}
.recruitment .con table th {
    width: 1.35rem;
    font-weight: 500;
}
@media screen and (max-width:750px){
.recruitment {
    padding: 25vw 0 30vw;
}
.recruitment .con {
    padding: 0.4rem 5vw 0.5rem;
}
.recruitment .con h4 {
    font-size: 0.2rem;
    margin-bottom: 0.3rem;
}
.recruitment .con table th,
.recruitment .con table td {
    line-height: 1.65;
    padding: 0.15rem 0;
}
.recruitment .con table th {
    width: 1rem;
}
}