@charset "UTF-8";


/* mainvisual
------------------------------------------------- */
.mainvisual {
    background: url("../img/common/mainvisual_bg1.jpg") center bottom no-repeat;
    background-size: 100% auto;
    padding: 1.7rem 0 0.94rem;
    margin-bottom: 0.57rem;
    position: relative;
}
.mainvisual::after {
    content: 'RECRUIT';
    font-size: 1.83rem;
    font-weight: 500;
    line-height: 1.45;
    letter-spacing: normal;
    color: #fff;
    opacity: 0.28;
    position: absolute;
    right: 50%;
    top: 0.35rem;
    margin-right: -0.6rem;
    z-index: 1;
    white-space: nowrap;
}
.mainvisual .inner {
    max-width: 12.1rem;
    z-index: 2;
}
.mainvisual h1 {
    font-size: 0.2rem;
    font-weight: 400;
    line-height: 1.45;
    letter-spacing: 0.03em;
    color: #fff;
    opacity: 0;
}
.mainvisual.isAnimate h1 {
    animation: fadeIn 1s ease 0.3s 1 forwards;
}
.mainvisual h1 span {
    display: block;
    font-size: 0.72rem;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0.2em;
    padding-bottom: 0.09rem;
}

@media screen and (max-width:750px){
.mainvisual {
    background-image: url("../img/aboutus/mainvisual2.jpg");
    background-size: 100% 100%;
    padding: 1.1rem 0 0.6rem;
    margin-bottom: 0.4rem;
}
.mainvisual::after {
    font-size: 0.7rem;
    right: auto;
    left: -2vw;
    top: 0.4rem;
    margin-right: 0;
}
.mainvisual h1 {
    font-size: 0.16rem;
}
.mainvisual h1 span {
    font-size: 0.45rem;
    padding-bottom: 0.07rem;
    letter-spacing: 0.17em;
    white-space: nowrap;
}
}


/* /info
------------------------------------------------- */
/*  cont1  */
.info .cont1 {
    margin-bottom: 0.5rem;
}
.info .cont1.last {
    margin-bottom: 1rem;
}
.info .cont1 .sec {
    background-color: #F0FDF8;
    border: 1px solid #0AD38A;
    border-radius: 0.22rem;
    padding: 0.42rem 0.52rem 0.15rem;
}
.info .cont1 .sec h2 {
    font-size: 0.18rem;
    font-weight: 400;
    line-height: 1.45;
    letter-spacing: 0.02em;
    margin-bottom: 0.25rem;
    position: relative;
}
.info .cont1 .sec h2::before {
    content: '';
    width: 0.02rem;
    height: 100%;
    background-color: #0AD38A;
    position: absolute;
    left: -0.21rem;
    top: 0;
}
.info .cont1 .sec h2 span {
    display: block;
    font-size: 0.25rem;
    font-weight: 700;
    letter-spacing: normal;
}
.info .cont1 .sec .box {
    background-color: #fff;
    border-radius: 0.17rem;
    padding: 0.2rem 0.3rem;
    margin-bottom: 0.2rem;
}
.info .cont1 .sec .box dl {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.info .cont1 .sec .box dl dt {
    width: 12.5%;
    font-weight: 500;
    line-height: 1.875;
    letter-spacing: 0.06em;
}
.info .cont1 .sec .box dl dd {
    width: 87.5%;
    line-height: 1.875;
    letter-spacing: 0.06em;
    border-left: 1px solid #9F9F9F;
    padding-left: 1em;
    box-sizing: border-box;
}
.info .cont1 .sec.sec2 {
    background-color: #F4F9FF;
    border: 1px solid #046AEC;
}
.info .cont1 .sec.sec2 h2::before {
    background-color: #046AEC;
}
.info .cont1 .sec.sec3 {
    background: linear-gradient(180deg, rgba(138,253,211,0.34), rgba(10,211,138,0.34), rgba(4,106,236,0.34));
    border: 1px solid #42F0B1;
}
.info .cont1 .sec.sec3 h2::before {
    background-color: #1A1A1A;
}
.info .cont1 .sec.sec3 .box dl dt {
    width: 17%;
}
.info .cont1 .sec.sec3 .box dl dd {
    width: 83%;
}
@media screen and (max-width:750px){
.info .cont1 {
    margin-bottom: 0.4rem;
}
.info .cont1.last {
    margin-bottom: 0.75rem;
}
.info .cont1 .sec {
    padding: 0.3rem 5vw 0.15rem;
}
.info .cont1 .sec h2 {
    font-size: 0.16rem;
    padding-left: 5vw;
}
.info .cont1 .sec h2::before {
    left: 0;
}
.info .cont1 .sec h2 span {
    font-size: 0.22rem;
    line-height: 1.25;
    padding-bottom: 0.1rem;
}
.info .cont1 .sec .box {
    padding: 0.2rem;
}
.info .cont1 .sec .box dl {
    width: 100%;
    display: block;
}
.info .cont1 .sec .box dl dt {
    width: 100%;
    font-size: 0.15rem;
    line-height: 1.75;
    letter-spacing: normal;
    padding-bottom: 0.5em;
}
.info .cont1 .sec .box dl dd {
    width: 100%;
    font-size: 0.15rem;
    line-height: 1.75;
    letter-spacing: normal;
    border-left: none;
    border-top: 1px solid #9F9F9F;
    padding: 0.5em 0 0;
}
.info .cont1 .sec.sec3 h2 span {
    padding-bottom: 0;
}
.info .cont1 .sec.sec3 .box dl dt,
.info .cont1 .sec.sec3 .box dl dd {
    width: 100%;
}
}


/* /faq
------------------------------------------------- */
/*  cont1  */
.faq .cont1 {
    padding-bottom: 0.65rem;
}
.faq .cont1 .sec {
    background: linear-gradient(90deg, rgba(138,253,211,1), rgba(10,211,138,1), rgba(4,106,236,1));
    border-radius: 0.22rem;
    padding: 0.2rem 0.35rem;
    margin-bottom: 0.25rem;
    position: relative;
}
.faq .cont1 .sec::before {
    content: '';
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    background-color: #fff;
    border-radius: 0.22rem;
    position: absolute;
    left: 1px;
    top: 1px;
    z-index: 1;
}
.faq .cont1 .sec .con {
    display: none;
    padding-top: 0.25rem;
    position: relative;
    z-index: 2;
}
.faq .cont1 .sec dl {
    display: flex;
    justify-content: space-between;
    padding: 0.05rem 0;
    cursor: pointer;
    position: relative;
    z-index: 2;
}
.faq .cont1 .sec .con dl {
    cursor: default;
}
.faq .cont1 .sec dl dt {
    width: 5%;
}
.faq .cont1 .sec dl dt span {
    font-size: 0.43rem;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.1em;
    color: #0AD38A;
}
.faq .cont1 .sec .con dl dt span {
    color: #046AEC;
}
.faq .cont1 .sec dl dd {
    width: 95%;
}
.faq .cont1 .sec dl dd h2 {
    font-size: 0.18rem;
    font-weight: 500;
    line-height: 1.45;
    letter-spacing: 0.02em;
    padding: 0.1rem 0.9rem 0 0;
    transition: 0.2s;
}
.faq .cont1 .sec dl.open dd h2 {
    color: #0AD38A;
}
.faq .cont1 .sec dl dd h2 span {
    display: block;
    width: 0.52rem;
    height: 0.2rem;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -0.08rem;
    transition: 0.4s;
}
.faq .cont1 .sec dl.open dd h2 span {
    transform: rotate(-180deg);
}
.faq .cont1 .sec dl dd h2 span::before,
.faq .cont1 .sec dl dd h2 span::after {
    content: '';
    width: 100%;
    height: 0.02rem;
    background-color: #1A1A1A;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -0.01rem;
}
.faq .cont1 .sec dl dd h2 span::after {
    width: 0.02rem;
    height: 100%;
    left: 50%;
    top: 0;
    margin: 0 0 0 -0.01rem;
}
.faq .cont1 .sec dl.open dd h2 span::before {
    transform: rotate(20deg);
}
.faq .cont1 .sec dl.open dd h2 span::after {
    transform: rotate(-20deg);
    width: 100%;
    height: 0.02rem;
    left: 0;
    top: 50%;
    margin: -0.01rem 0 0;
}
.faq .cont1 .sec dl dd p {
    line-height: 2.1875;
    letter-spacing: 0.04em;
    padding: 0.075rem 0.9rem 0 0;
}
.faq .cont1 .sec dl dd p a {
    text-decoration: underline;
}
@media screen and (min-width:751px){
.faq .cont1 .sec dl.acc:hover dd h2 {
    color: #0AD38A;
    text-decoration: underline;
}
.faq .cont1 .sec dl dd p a:hover {
    text-decoration: none;
}
}
@media screen and (max-width:750px){
.faq .cont1 {
    padding-bottom: 0.6rem;
}
.faq .cont1 .sec {
    border-radius: 0.22rem;
    padding: 0.2rem 5vw 0.25rem;
    margin-bottom: 0.2rem;
}
.faq .cont1 .sec .con {
    padding-top: 0.15rem;
}
.faq .cont1 .sec dl {
    padding: 0;
}
.faq .cont1 .sec dl dt {
    width: 12%;
}
.faq .cont1 .sec dl dt span {
    font-size: 0.32rem;
}
.faq .cont1 .sec dl dd {
    width: 88%;
}
.faq .cont1 .sec dl dd h2 {
    font-size: 0.16rem;
    line-height: 1.5;
    padding: 0.05rem 0.5rem 0 0;
}
.faq .cont1 .sec dl dd h2 span {
    width: 0.35rem;
}
.faq .cont1 .sec dl dd p {
    font-size: 0.15rem;
    line-height: 1.75;
    letter-spacing: normal;
    padding: 0.05rem 0 0;
}
}


/* /movie
------------------------------------------------- */
/*  mainvisual  */
.movie .mainvisual {
    background-image: url("../img/common/mainvisual_bg2.jpg");
}
.movie .mainvisual::after {
    content: 'MOVIE';
    margin-right: 1.5rem;
}
@media screen and (max-width:750px){
.movie .mainvisual {
    background-image: url("../img/aboutus/mainvisual.jpg");
}
}

/*  cont1  */
.movie .cont1 {
    padding-bottom: 0.85rem;
    position: relative;
}
.movie .cont1 .sec {
    height: 2.52rem;
    background: linear-gradient(90deg, rgba(0,52,139,0.85) 0, rgba(4,106,236,0.85) 25%, rgba(10,211,138,0.85) 50%, rgba(10,211,138,0.85) 75%, rgba(138,253,211,0.85) 100%);
    border-radius: 0.22rem;
    padding: 0.2rem 0.25rem;
    box-sizing: border-box;
}
.movie .cont1 .sec h2 {
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.02em;
    color: #fff;
}
.movie .cont1 .sec h2 span {
    font-size: 0.88rem;
    display: block;
    font-weight: 100;
    line-height: 1;
    letter-spacing: 0.06em;
}
.movie .cont1 .sec .video {
    width: 4.13rem;
    position: absolute;
    right: 0.52rem;
    top: 0.6rem;
    z-index: 2;
}
.movie .cont1 .sec .video a {
    display: block;
    width: 100%;
    height: 100%;
    background-color: #fff;
    position: relative;
}
.movie .cont1 .sec .video a::after {
    content: '';
    width: 0.57rem;
    height: 0.57rem;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2257%22%20height%3D%2257%22%20viewBox%3D%220%200%2057%2057%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_6635%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%206635%22%20transform%3D%22translate(-930.5%20-554.5)%22%3E%20%3Ccircle%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_18%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%2018%22%20cx%3D%2228.5%22%20cy%3D%2228.5%22%20r%3D%2228.5%22%20transform%3D%22translate(930.5%20554.5)%22%20fill%3D%22red%22%2F%3E%20%3Cpath%20id%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2_1%22%20data-name%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2%201%22%20d%3D%22M13.181%2C0%2C26.362%2C20.306H0Z%22%20transform%3D%22translate(972.037%20570.031)%20rotate(90)%22%20fill%3D%22%23fff%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E') center center no-repeat;
    background-size: cover;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -0.285rem 0 0 -0.285rem;
    transition: 0.4s;
}
.movie .cont1 .sec .video a img {
    transition: 0.4s;
}
.movie .cont1 .nami1 {
    width: 16.5147rem;
    height: 2.4728rem;
    position: absolute;
    right: 50%;
    top: 1.46rem;
    margin-right: -0.6rem;
    z-index: 1;
}
.movie .cont1 .nami1 .st0 {
    fill: none;
    stroke: #fff;
    stroke-width: 200px;
    stroke-dasharray: 3000px;
    stroke-dashoffset: 3000px;
}
.movie .cont1.isAnimate .nami1 .st0 {
    animation: nami 1.5s 0s forwards;
}
.movie .cont1 .nami1 #nami1 {
    mask: url(#mask-wrapper1);
}
@media screen and (min-width:751px){
.movie .cont1 .sec .video a:hover img {
    opacity: 0.8;
}
.movie .cont1 .sec .video a:hover::after {
    transform: scale(1.2);
}
}
@media screen and (max-width:750px){
.movie .cont1 {
    padding-bottom: 0.77rem;
}
.movie .cont1 .sec {
    padding: 0.25rem 5vw;
}
.movie .cont1 .sec h2 {
    font-size: 0.14rem;
}
.movie .cont1 .sec h2 span {
    font-size: 0.64rem;
}
.movie .cont1 .sec .video {
    width: 80vw;
    right: 5vw;
    top: 1.25rem;
}
.movie .cont1 .nami1 {
    top: 1.1rem;
    margin-right: -1.8rem;
    z-index: -1;
}
}

/*  cont2  */
.movie .cont2 {
    padding-bottom: 0.95rem;
}
.movie .cont2 .sec {
    background: linear-gradient(90deg, rgba(0,52,139,0.85) 0, rgba(4,106,236,0.85) 25%, rgba(10,211,138,0.85) 50%, rgba(10,211,138,0.85) 75%, rgba(138,253,211,0.85) 100%);
    border-radius: 0.22rem;
    padding: 0.2rem 0.85rem 1px 0.25rem;
    box-sizing: border-box;
}
.movie .cont2 .sec h2 {
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.02em;
    color: #fff;
    margin-bottom: 0.4rem;
}
.movie .cont2 .sec h2 span {
    font-size: 0.88rem;
    display: block;
    font-weight: 100;
    line-height: 1;
    letter-spacing: 0.06em;
}
.movie .cont2 .sec .box {
    height: 2.33rem;
    padding-left: 0.65rem;
    margin-bottom: 0.67rem;
    position: relative;
}
.movie .cont2 .sec .con {
    width: calc(100% - 4.13rem);
    color: #fff;
}
.movie .cont2 .sec .con h3 {
    font-size: 0.2rem;
    font-weight: 500;
    line-height: 1.45;
    border-bottom: 0.01rem solid #fff;
    padding-bottom: 0.14rem;
    margin-bottom: 0.15rem;
}
.movie .cont2 .sec .con h3 span {
    font-size: 0.12rem;
    font-weight: 400;
    line-height: 1.15;
    letter-spacing: 0.06em;
    color: rgba(255,255,255,0.5);
    padding-right: 0.1rem;
}
.movie .cont2 .sec .con h4 {
    font-weight: 400;
    line-height: 1.5;
}
.movie .cont2 .sec .con h4 span {
    font-size: 0.12rem;
    font-weight: 400;
    line-height: 1.4;
    padding-right: 0.1rem;
}
.movie .cont2 .sec .con p {
    display: inline-block;
    font-weight: 400;
    line-height: 1.875;
    padding: 0.2rem;
    position: relative;
}
.movie .cont2 .sec .con p::before,
.movie .cont2 .sec .con p::after {
    content: '“';
    font-size: 0.93rem;
    font-family: "Work Sans", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    letter-spacing: normal;
    color: rgba(255,255,255,0.21);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}
.movie .cont2 .sec .con p::after {
    transform: scale(-1, -1);
    left: auto;
    right: 0;
    top: auto;
    bottom: 0;
}
.movie .cont2 .sec .con p span {
    position: relative;
    z-index: 2;
}
.movie .cont2 .sec .video {
    width: 4.13rem;
    position: absolute;
    right: 0;
    top: 0;
}
.movie .cont2 .sec .video a {
    display: block;
    width: 100%;
    height: 100%;
    background-color: #fff;
    position: relative;
}
.movie .cont2 .sec .video a::after {
    content: '';
    width: 0.57rem;
    height: 0.57rem;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2257%22%20height%3D%2257%22%20viewBox%3D%220%200%2057%2057%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_6635%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%206635%22%20transform%3D%22translate(-930.5%20-554.5)%22%3E%20%3Ccircle%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_18%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%2018%22%20cx%3D%2228.5%22%20cy%3D%2228.5%22%20r%3D%2228.5%22%20transform%3D%22translate(930.5%20554.5)%22%20fill%3D%22red%22%2F%3E%20%3Cpath%20id%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2_1%22%20data-name%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2%201%22%20d%3D%22M13.181%2C0%2C26.362%2C20.306H0Z%22%20transform%3D%22translate(972.037%20570.031)%20rotate(90)%22%20fill%3D%22%23fff%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E') center center no-repeat;
    background-size: cover;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -0.285rem 0 0 -0.285rem;
    transition: 0.4s;
}
.movie .cont2 .sec .video a img {
    transition: 0.4s;
}
@media screen and (min-width:751px){
.movie .cont2 .sec .video a:hover img {
    opacity: 0.8;
}
.movie .cont2 .sec .video a:hover::after {
    transform: scale(1.2);
}
}
@media screen and (max-width:750px){
.movie .cont2 {
    padding-bottom: 0.8rem;
}
.movie .cont2 .sec {
    padding: 0.25rem 5vw 1px;
}
.movie .cont2 .sec h2 {
    font-size: 0.14rem;
    margin-bottom: 0.4rem;
}
.movie .cont2 .sec h2 span {
    font-size: 0.64rem;
}
.movie .cont2 .sec .box {
    height: auto;
    padding: 0;
    margin-bottom: 0.45rem;
}
.movie .cont2 .sec .con {
    width: 100%;
}
.movie .cont2 .sec .con h3 {
    font-size: 0.18rem;
    padding-bottom: 0.1rem;
    margin-bottom: 0.09rem;
}
.movie .cont2 .sec .con h3 span {
    font-size: 0.1rem;
}
.movie .cont2 .sec .con h3 span.spbl {
    display: block;
    margin-bottom: 0.05rem;
}
.movie .cont2 .sec .con h4 {
    margin-bottom: 0.15rem;
}
.movie .cont2 .sec .con h4 span {
    font-size: 0.11rem;
}
.movie .cont2 .sec .con p {
    font-size: 0.15rem;
    line-height: 1.75;
    padding: 0.15rem;
}
.movie .cont2 .sec .con p::before,
.movie .cont2 .sec .con p::after {
    font-size: 0.7rem;
}
.movie .cont2 .sec .video {
    width: 100%;
    margin-bottom: 0.05rem;
    position: static;
}
}


/* /careermodel
------------------------------------------------- */
.careermodel .mainvisual::after {
    content: 'JOB&PEOPLE';
    margin-right: -4.8rem;
}

/*  cont1  */
.careermodel .cont1 {
    margin-top: 2rem;
    padding-bottom: 0.45rem;
    position: relative;
}
.careermodel .cont1::after {
    content: '';
    width: 3.76rem;
    height: 3.76rem;
    border: 0.005rem solid #0AD38A;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: -1.29rem;
    margin-left: -1.88rem;
    z-index: 1;
}
.careermodel .cont1 h2 {
    font-size: 0.14rem;
    font-weight: 700;
    line-height: 1.45;
    letter-spacing: 0.06em;
    color: #0AD38A;
    text-align: center;
    margin-bottom: 1em;
    position: relative;
    z-index: 2;
}
.careermodel .cont1 p {
    width: 7.9rem;
    margin: 0 auto;
    letter-spacing: 0.04em;
    position: relative;
    z-index: 2;
}
@media screen and (max-width:750px){
.careermodel .cont1 {
    margin-top: 1rem;
    padding-bottom: 0.3rem;
}
.careermodel .cont1::after {
    width: 3.4rem;
    height: 3.4rem;
    top: -0.7rem;
    margin-left: -1.7rem;
}
.careermodel .cont1 h2 {
    font-size: 0.12rem;
}
.careermodel .cont1 p {
    width: 82%;
    font-size: 0.14rem;
    line-height: 1.75;
    letter-spacing: normal;
}  
}

/*  cont2  */
.careermodel .cont2 {
    margin-bottom: 0.16rem;
    position: relative;
    z-index: 2;
}
.careermodel .cont2 .box {
    width: 100%;
    padding: 0 0.25rem;
    background-color: #F0FDF8;
    border: 0.01rem solid #92F5D1;
    border-radius: 0.22rem;
    box-sizing: border-box;
}
.careermodel .cont2 .box .ttlbox {
    display: flex;
    align-items: center;
    cursor: pointer;
}
.careermodel .cont2 .box .ttlbox .no {
    width: 14%;
    font-size: 0.88rem;
    font-weight: 200;
    line-height: 1.08;
    letter-spacing: 0.06em;
    color: #42F0B1;
    padding-top: 0.2em;
    position: relative;
}
.careermodel .cont2 .box .ttlbox .no b {
    display: block;
    line-height: 1;
    font-size: 0.14rem;
    font-weight: 300;
    letter-spacing: 0.06em;
    color: #42F0B1;
    position: absolute;
    left: 0.25rem;
    top: 0.15rem;
}
.careermodel .cont2 .box .ttlbox h3 {
    width: 78.9%;
    font-size: 0.25rem;
    font-weight: 700;
    line-height: 1.45;
    transition: 0.2s;
}
.careermodel .cont2 .box .ttlbox.open h3 {
    color: #0AD38A;
}
.careermodel .cont2 .box .ttlbox span {
    width: 0.55rem;
    height: 0.55rem;
    margin-left: 1.6%;
    display: block;
    position: relative;
    transition: 0.4s;
}
.careermodel .cont2 .box .ttlbox.open span {
    transform: rotate(-180deg);
}
.careermodel .cont2 .box .ttlbox span::before,
.careermodel .cont2 .box .ttlbox span::after {
    content: '';
    width: 0.55rem;
    height: 0.02rem;
    background-color: #42F0B1;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -0.01rem;
}
.careermodel .cont2 .box .ttlbox span::after {
    width: 0.02rem;
    height: 0.55rem;
    left: 50%;
    top: 0;
    margin: 0 0 0 -0.01rem;
}
.careermodel .cont2 .box .ttlbox.open span::before {
    transform: rotate(25deg);
}
.careermodel .cont2 .box .ttlbox.open span::after {
    transform: rotate(-115deg);
}
.careermodel .cont2 .box .sec {
    padding: 0.32rem 0;
    display: none;
}
.careermodel .cont2 .box .sec .photo {
    width: 2.3rem;
    margin-left: 0.3rem;
}
.careermodel .cont2 .box .sec .photo img {
    width: 100%;
    height: 2.3rem;
    border: 0.01rem solid #42F0B1;
    border-radius: 50%;
}
.careermodel .cont2 .box .sec .photo p {
    font-size: 0.14rem;
    line-height: 1.6;
    letter-spacing: 0.06em;
    text-align: center;
    padding-top: 0.15rem;
}
.careermodel .cont2 .box .sec .photo p span {
    display: block;
    font-size: 0.18rem;
}
.careermodel .cont2 .box .sec .con {
    width: 7.12rem;
    margin-right: 0.3rem;
}
.careermodel .cont2 .box .sec .con ul li {
    background-color: rgba(210,247,233,0.52);
    border-radius: 0.14rem;
    margin-bottom: 0.16rem;
    padding: 0.3rem 0.3rem 0.3rem 0.48rem;
    box-sizing: border-box;
}
.careermodel .cont2 .box .sec .con ul li dl {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.careermodel .cont2 .box .sec .con ul li dl dt {
    width: 0.94rem;
}
.careermodel .cont2 .box .sec .con ul li dl dt h4 {
    height: 0.42rem;
    font-size: 0.18rem;
    font-weight: 400;
    letter-spacing: 0.06em;
    background-color: #8FEDCB;
    border-radius: 0.3rem;
    color: #049D66;
    display: flex;
    justify-content: center;
    align-items: center;
}
.careermodel .cont2 .box .sec .con ul li dl dd {
    width: 5.1rem;
}
.careermodel .cont2 .box .sec .con ul li dl dd p {
    line-height: 2.1875;
    letter-spacing: 0.04em;
}
.careermodel .cont2 .box .sec .copy {
    width: 9.94rem;
    margin: 0 auto;
    padding-top: 0.3rem;
    font-size: 0.14rem;
    line-height: 2.14285;
    letter-spacing: 0.04em;
}
@media screen and (min-width:751px){
.careermodel .cont2 .box .ttlbox:hover h3 {
    color: #0AD38A;
    text-decoration: underline;
}
}
@media screen and (max-width:750px){
.careermodel .cont2 {
    margin-bottom: 0.15rem;
}
.careermodel .cont2 .box {
    padding: 0 5vw;
}
.careermodel .cont2 .box .ttlbox {
    display: block;
    position: relative;
}
.careermodel .cont2 .box .ttlbox .no {
    width: 100%;
    font-size: 0.7rem;
}
.careermodel .cont2 .box .ttlbox .no b {
    font-size: 0.12rem;
    left: 0.175rem;
    top: 0.1rem;
}
.careermodel .cont2 .box .ttlbox h3 {
    width: 100%;
    font-size: 0.20rem;
    padding-bottom: 0.25rem;
}
.careermodel .cont2 .box .ttlbox span {
    width: 0.4rem;
    height: 0.4rem;
    margin: 0;
    position: absolute;
    right: 0;
    top: 0.2rem;
}
.careermodel .cont2 .box .ttlbox span::before,
.careermodel .cont2 .box .ttlbox span::after {
    width: 0.4rem;
}
.careermodel .cont2 .box .ttlbox span::after {
    width: 0.02rem;
    height: 0.4rem;
}
.careermodel .cont2 .box .sec {
    padding: 0.32rem 0;
    display: none;
}
.careermodel .cont2 .box .sec .photo {
    width: 1.8rem;
    margin: 0 auto 0.25rem;
}
.careermodel .cont2 .box .sec .photo img {
    height: 1.8rem;
}
.careermodel .cont2 .box .sec .photo p {
    padding-top: 0.1rem;
}
.careermodel .cont2 .box .sec .con {
    width: 100%;
    margin-right: 0;
}
.careermodel .cont2 .box .sec .con ul li {
    margin-bottom: 0.15rem;
    padding: 6vw 5vw 0.3rem;
}
.careermodel .cont2 .box .sec .con ul li dl {
    display: block;
}
.careermodel .cont2 .box .sec .con ul li dl dt {
    width: 100%;
    margin-bottom: 0.1rem;
}
.careermodel .cont2 .box .sec .con ul li dl dt h4 {
    width: 30vw;
    height: 0.3rem;
    font-size: 0.16rem;
    margin: 0 auto;
}
.careermodel .cont2 .box .sec .con ul li dl dd {
    width: 100%;
}
.careermodel .cont2 .box .sec .con ul li dl dd p {
    font-size: 0.14rem;
    line-height: 1.75;
    letter-spacing: normal;
}
.careermodel .cont2 .box .sec .copy {
    width: 100%;
    margin: 0 auto;
    padding-top: 0.2rem;
    font-size: 0.14rem;
    line-height: 1.75;
    letter-spacing: normal;
} 
}


/* /job-people
------------------------------------------------- */
/*  otherfv  */
.job#contents {
    padding-top: 0;
}
.job .otherfv::after {
    content: 'JOB&PEOPLE';
    margin-right: -4.8rem;
}
@media screen and (max-width:750px){
.job#contents {
    padding-top: 0.45rem;
}
.job .otherfv {
    background: url("../img/job-people/top/mainvisual_sp.jpg") center top no-repeat;
    background-size: auto 100%;
    padding: 1.1rem 0 1.4rem;
    margin-bottom: 0.4rem;
}
}

/*  cont1  */
.job .cont1 {
    padding-bottom: 0.5rem;
    text-align: center;
}
.job .cont1 h2 {
    font-size: 0.14rem;
    font-weight: 700;
    color: #0AD38A;
    letter-spacing: 0.04em;
}
.job .cont1 p {
    letter-spacing: 0.04em;
}
@media screen and (max-width:750px){
.job .cont1 h2 {
    padding-bottom: 0.1rem;
}
.job .cont1 p {
    line-height: 1.75;
    text-align: left;
    letter-spacing: normal;
}
}

/*  tab  */
.job .tab .tabArea {
    display: flex;
    justify-content: center;
}
.job .tab .tabArea .one_tab {
    width: 2.53rem;
    height: 0.67rem;
}
.job .tab .tabArea .one_tab a {
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, #8AFDD3, #0AD38A, #04AD70);
    border-radius: 0 0.25rem 0 0;
    font-size: 0.25rem;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}
.job .tab .tabArea .one_tab:nth-child(2) a {
    background: linear-gradient(180deg, #8AEBFD, #0053BC);
}
.job .tab .tabArea .one_tab:nth-child(3) a {
    background: linear-gradient(180deg, #FEE8B1, #F59131, #F37B2D, #FF1D00);
}
.job .tab .tabArea .one_tab a::after {
    content: '';
    width: 100%;
    height: 100%;
    background-color: #000;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0.49;
    transition: 0.4s;
}
.job .tab .tabArea .one_tab a.select {
    cursor: default;
}
.job .tab .tabArea .one_tab a.select::after {
    opacity: 0;
}

.job .tab .tabArea.bottom .one_tab a {
    border-radius: 0 0 0.25rem 0;
    background: linear-gradient(0deg, #8AFDD3, #0AD38A, #04AD70);
}
.job .tab .tabArea.bottom .one_tab:nth-child(2) a {
    background: linear-gradient(0deg, #8AEBFD, #0053BC);
}
.job .tab .tabArea.bottom .one_tab:nth-child(3) a {
    background: linear-gradient(0deg, #FEE8B1, #F59131, #F37B2D, #FF1D00);
}


.job .tab .contents .tab_main {
    display: none;
    border-top: 0.05rem solid #04AD70;
    border-bottom: 0.05rem solid #04AD70;
    background: url("../img/job-people/top/bg2.jpg") center 4rem no-repeat;
    background-size: 100% auto;
    position: relative;
    z-index: 2;
}
.job .tab .contents .tab_main::before {
    content: '';
    width: 100%;
    height: 4rem;
    background: linear-gradient(180deg, #8AFDD3, #0AD38A, #04AD70);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    opacity: 0.86;
}
.job .tab .contents .tab_main::after {
    content: '';
    width: 100%;
    height: 4rem;
    background: url("../img/job-people/top/bg1.jpg") center center no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}
.job .tab .contents #tab02.tab_main {
    border-color: #046AEC;
    background-image: url("../img/job-people/top/bg3.jpg");
}
.job .tab .contents #tab02.tab_main::before {
    background: linear-gradient(180deg, #8AEBFD, #046AEC, #0053BC);
}
.job .tab .contents #tab03.tab_main {
    border-color: #F37B2D;
    background-image: url("../img/job-people/top/bg4.jpg");
}
.job .tab .contents #tab03.tab_main::before {
    background: linear-gradient(180deg, #FEE8B1, #F59131, #F37B2D, #FF1D00);
}
.job .tab .contents .tab_main.is_show {
    display: block;
}
@media screen and (min-width:751px){
.job .tab .tabArea .one_tab a:hover::after {
    opacity: 0;
}
}
@media screen and (max-width:750px){
.job .tab .tabArea .one_tab {
    width: 33.33%;
    height: 0.7rem;
}
.job .tab .tabArea .one_tab a {
    font-size: 0.18rem;
    line-height: 1.3;
}
.job .tab .contents .tab_main {
    background: url("../img/job-people/top/bg2.jpg") center 3.7rem no-repeat;
    background-size: 100% auto;
}
.job .tab .contents .tab_main::before {
    height: 3.7rem;
}
.job .tab .contents .tab_main::after {
    height: 3.7rem;
}
.job .tab .contents #tab02.tab_main {
    background-image: url("../img/job-people/top/bg3.jpg");
}
.job .tab .contents #tab03.tab_main {
    background-image: url("../img/job-people/top/bg4.jpg");
}
}

/*  cont2  */
.job .cont2 {
    padding: 1.4rem 0 2.35rem;
    color: #fff;
    position: relative;
    z-index: 2;
}
.job .cont2::after {
    content: '';
    width: 11rem;
    height: 4rem;
    background: linear-gradient(180deg, #8AFDD3, #0AD38A, #04AD70);
    position: absolute;
    left: 50%;
    top: 0.67rem;
    margin-left: -5.5rem;
    opacity: 0.41;
}
.job #tab02 .cont2::after {
    background: linear-gradient(180deg, #8AEBFD, #046AEC, #0053BC);
}
.job #tab03 .cont2::after {
    background: linear-gradient(180deg, #FEE8B1, #F59131, #F37B2D, #FF1D00);
}
.job .cont2 h3 {
    font-weight: 400;
    letter-spacing: 0.06em;
    padding-bottom: 0.3rem;
    text-align: center;
    position: relative;
    z-index: 2;
}
.job .cont2 h3::after {
    content: '';
    width: 0.01rem;
    height: 0.2rem;
    background-color: #fff;
    position: absolute;
    left: 50%;
    bottom: 0.1rem;
}
.job .cont2 p {
    width: 7.6rem;
    font-size: 0.18rem;
    font-weight: 500;
    line-height: 2.22;
    letter-spacing: 0.04em;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}
@media screen and (max-width:750px){
.job .cont2 {
    padding: 0.5rem 0 1.75rem;
}
.job .cont2::after {
    content: '';
    width: 90%;
    height: 3.8rem;
    left: 5%;
    top: 0.3rem;
    margin-left: 0;
}
.job .cont2 h3 {
    padding-bottom: 0.25rem;
}
.job .cont2 h3::after {
    bottom: 0.05rem;
}
.job .cont2 p {
    width: 90%;
    font-size: 0.16rem;
    line-height: 1.875;
    letter-spacing: normal;
}
}

/*  cont3  */
.job .cont3 {
    padding-bottom: 1.4rem;
}
.job .cont3 h3 {
    font-size: 0.25rem;
    font-weight: 500;
    letter-spacing: 0.02em;
    color: #04AD70;
    padding-bottom: 0.4rem;
    position: relative;
}
.job .cont3 h3::after {
    content: '';
    width: 0.01rem;
    height: 0.4rem;
    background-color: rgba(66,240,177,0.55);
    position: absolute;
    left: 0;
    bottom: 0.05rem;
}
.job .cont3 h3 span {
    font-size: 0.88rem;
    font-weight: 100;
    line-height: 1.17;
    letter-spacing: 0.06em;
    color: rgba(66,240,177,0.55);
    position: absolute;
    left: 0.32rem;
    top: -0.3rem;
    z-index: -1;
}
.job .cont3 h3 span.ls0 {
    letter-spacing: normal;
}
.job #tab02 .cont3 h3 {
    color: #046AEC;
}
.job #tab02 .cont3 h3::after {
    background-color: rgba(170,216,255,0.64);
}
.job #tab02 .cont3 h3 span {
    color: rgba(170,216,255,0.64);
}
.job #tab03 .cont3 h3 {
    color: #F59131;
}
.job #tab03 .cont3 h3::after {
    background-color: rgba(252,168,84,0.21);
}
.job #tab03 .cont3 h3 span {
    color: rgba(252,168,84,0.21);
}
.job .cont3 .con {
    width: 4.05rem;
}
.job .cont3 .con p {
    letter-spacing: 0.04em;
    margin-bottom: 0.25rem;
}
.job .cont3 .con ul li {
    height: 0.38rem;
    background-color: #fff;
    border-radius: 0.3rem;
    font-size: 0.14rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    padding: 0 0.2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 0.1rem 0.15rem 0;
    position: relative;
}
.job .cont3 .con ul li::after {
    content: '';
    width: calc(100% + 0.02rem);
    height: calc(100% + 0.02rem);
    background: linear-gradient(90deg, #64F0B8, #0031FF);
    border-radius: 0.3rem;
    position: absolute;
    left: -0.01rem;
    top: -0.01rem;
    z-index: -1;
}
.job .cont3 .list {
    width: 6.1rem;
}
.job .cont3 .list ul li {
    width: 2.8rem;
}
.job .cont3 .list ul li a {
    display: block;
}
.job .cont3 .list ul li a .photo {
    width: 100%;
    height: 3.8rem;
    border-radius: 0.15rem;
    margin-bottom: 0.2rem;
    overflow: hidden;
    position: relative;
}
.job .cont3 .list ul li a .photo::after {
    content: '';
    width: 100%;
    height: 100%;
    background-color: #000;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    transition: 0.4s;
    opacity: 0;
}
.job .cont3 .list ul li a .photo img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.4s;
}
.job .cont3 .list ul li a .photo span {
    font-family: "fot-udkakugoc60-pro", sans-serif;
    font-style: normal;
    color: #fff;
    font-size: 0.24rem;
    letter-spacing: 0.1em;
    line-height: 1.5;
    position: absolute;
    left: 0.2rem;
    bottom: -3rem;
    z-index: 4;
    transition: 0.4s;
}
.job .cont3 .list ul li a .photo .nami {
    width: 240%;
    position: absolute;
    left: 0.2rem;
    bottom: 0.2rem;
    opacity: 0.8;
    z-index: 3;
}
.job .cont3 .list ul li a .photo .nami .st0 {
    fill: none;
    stroke: #fff;
    stroke-width: 200px;
    stroke-dasharray: 3000px;
    stroke-dashoffset: 3000px;
}
.job .cont3 .list ul li a .photo .nami #nami03 {
    mask: url(#mask-wrapper03);
}
.job .cont3 .list ul li a .photo .nami #nami04 {
    mask: url(#mask-wrapper04);
}
.job .cont3 .list ul li a .photo .nami #nami05 {
    mask: url(#mask-wrapper05);
}
.job .cont3 .list ul li a .photo .nami #nami06 {
    mask: url(#mask-wrapper06);
}
.job .cont3 .list ul li a .photo .nami #nami07 {
    mask: url(#mask-wrapper07);
}
.job .cont3 .list ul li a .photo .nami #nami08 {
    mask: url(#mask-wrapper08);
}
.job .cont3 .list ul li a .photo .nami #nami09 {
    mask: url(#mask-wrapper09);
}
.job .cont3 .list ul li a .photo .nami #nami10 {
    mask: url(#mask-wrapper10);
}
.job .cont3 .list ul li a .photo .nami #nami11 {
    mask: url(#mask-wrapper11);
}
.job .cont3 .list ul li a h4 {
    font-size: 0.21rem;
    font-weight: 400;
    line-height: 1.45;
    margin-bottom: 0.1rem;
}
.job .cont3 .list ul li a h4 span {
    display: block;
    font-size: 0.14rem;
    font-weight: 400;
    letter-spacing: 0.04em;
    margin-bottom: 0.05rem;
}
.job .cont3 .list ul li a h4 span::before {
    content: '■';
    color: #04AD70;
    padding-right: 0.5em;
}
.job #tab02 .cont3 .list ul li a h4 span::before {
    color: #046AEC;
}
.job #tab03 .cont3 .list ul li a h4 span::before {
    color: #F59131;
}
.job .cont3 .list ul li a p {
    font-size: 0.12rem;
    line-height: 1.66;
    letter-spacing: 0.04em;
}
@media only screen and (min-width: 751px) {
.job .cont3 .list ul li a:hover .photo::after {
    opacity: 0.55;
}
.job .cont3 .list ul li a:hover .photo img {
    transform: scale(1.1);
}
.job .cont3 .list ul li a:hover .photo span {
    bottom: 0.25rem; 
}
.job .cont3 .list ul li a:hover .photo .nami .st0 {
    animation: nami 1s 0.4s forwards;
}
}
@media screen and (max-width:750px){
.job .cont3 {
    padding-bottom: 0.5rem;
}
.job .cont3.last {
    padding-bottom: 0;
}
.job .cont3 h3 {
    font-size: 0.22rem;
    line-height: 1.35;
    padding-bottom: 0.6rem;
}
.job .cont3 h3 span {
    font-size: 0.7rem;
    letter-spacing: normal;
    left: 0.2rem;
    top: -0.3rem;
    white-space: nowrap;
}
.job .cont3 .con {
    width: 100%;
    margin-bottom: 0.4rem;
}
.job .cont3 .con p {
    letter-spacing: normal;
    margin-bottom: 0.25rem;
}
.job .cont3 .con ul {
    display: flex;
}
.job .cont3 .con ul li {
    height: 0.32rem;
    font-size: 0.12rem;
    margin: 0 0.1rem 0.1rem 0;
}
.job .cont3 .list {
    width: 100%;
}
.job .cont3 .list ul li {
    width: 66.66vw;
    margin: 0 auto 0.4rem;
}
.job .cont3 .list ul li a .photo {
    width: 100%;
    height: 83.2vw;
}

.job .cont3 .list ul li a h4 {
    font-size: 0.18rem;
    letter-spacing: normal;
    padding-left: 0.21rem;
}
.job .cont3 .list ul li a h4 span {
    letter-spacing: normal;
    margin-bottom: 0.05rem;
    margin-left: -0.21rem;
}
.job .cont3 .list ul li a p {
    letter-spacing: normal;
    margin-left: 0.21rem;
}
}


/* /training
------------------------------------------------- */
/*  mainvisual  */
.training .mainvisual::after {
    content: 'ENVIRONMENT';
    margin-right: -6rem;
}
@media screen and (max-width:750px){
.training .swipe {
    width: 30vw;
    position: absolute;
    left: 50%;
    top: 30vw;
    margin-left: -15vw;
}
.training .isAnimate.swipe {
    animation: fadeOut 0.5s ease 2s 1 forwards;
}
}

/*  pnav  */
.training .pnav {
    padding-bottom: 0.65rem;
}
.training .pnav .btnst1 li {
    margin-right: 0.2rem;
}
.training .pnav .btnst1 li a {
    width: auto;
    border: 0.01rem solid #DBDBDB;
}
.training .pnav .btnst1 li a span {
    margin-left: 0.2rem;
}
.training .pnav .btnst1 li a span::before {
    width: 0.1rem;
    height: 0.12rem;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%229.061%22%20height%3D%2212.061%22%20viewBox%3D%220%200%209.061%2012.061%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_153%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20153%22%20transform%3D%22translate(2142.03%20-761.5)%20rotate(90)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_3%22%20data-name%3D%22%E3%83%91%E3%82%B9%203%22%20d%3D%22M782.5%2C2130l4%2C4-4%2C4%22%20transform%3D%22translate(-14%203.5)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221.5%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_28%22%20data-name%3D%22%E7%B7%9A%2028%22%20x2%3D%2211%22%20transform%3D%22translate(761.5%202137.5)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221.5%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E') center bottom no-repeat;
    background-size: cover;
    right: 0.08rem;
    top: 50%;
    margin-top: -0.06rem;
}
.training .pnav .btnst1 li a span::after {
    content: '';
    left: -2%;
    top: -104%;
}
@media screen and (min-width:751px){
.training .pnav .btnst1 li a:hover span::before {
    animation: move-arrow3 1.2s 0.1s infinite;
}
.training .pnav .btnst1 li a:hover span::after {
    left: -2%;
    top: -2%;
}
}
@media screen and (max-width:750px){
.training .pnav {
    padding-bottom: 0.45rem;
}
.training .pnav .btnst1 li {
    width: 86%;
    margin: 0 auto 0.15rem;
}
.training .pnav .btnst1 li a span {
    margin-left: 0.2rem;
}
}

/*  cont1  */
.training .cont1 {
    background: url("../img/training/cont1_bg.jpg") center top no-repeat;
    background-size: 100% auto;
    padding-bottom: 1.35rem;
}
.training .cont1 .titbox {
    height: 2.45rem;
    background: linear-gradient(0deg, #04AD70, #0AD38A, #8AFDD3);
    padding-top: 0.54rem;
    color: #fff;
    box-sizing: border-box;
}
.training .cont1 .titbox h2 {
    background: url("../img/training/cont1_tit.svg") left center no-repeat;
    background-size: 0.5646rem auto;
    font-size: 0.2rem;
    font-weight: 500;
    padding-left: 0.78rem;
    display: flex;
    align-items: center;
    margin-bottom: 0.15rem;
}
.training .cont1 .titbox h2 span {
    font-size: 0.3rem;
    font-weight: 500;
    padding-left: 0.15rem;
}
.training .cont1 .titbox p {
    font-weight: 500;
    line-height: 1.875;
    letter-spacing: 0.04em;
    padding-left: 0.78rem;
}
.training .cont1 .over {
    margin-top: -0.2rem;
}
.training .cont1 .overp {
    font-size: 0.13rem;
    text-align: center;
    padding: 0.05rem 0 0.5rem;
}
.training .cont1 .mb {
    margin-bottom: 0.35rem;
}
.training .cont1 dl {
    width: 10.1rem;
    margin: 0 auto;
    padding-bottom: 1rem;
    display: flex;
    justify-content: space-between;
    position: relative;
}
.training .cont1 dl::after {
    content: '';
    width: 0.01rem;
    height: 100%;
    background: linear-gradient(180deg, #0AD38A, #008FE0);
    position: absolute;
    left: 0.59rem;
    top: 0;
    z-index: 1;
}
.training .cont1 dl dt {
    width: 1.17rem;
    position: relative;
    z-index: 2;
}
.training .cont1 dl dt span {
    width: 100%;
    height: 1.12rem;
    background-color: #fff;
    border: 0.01rem solid #0AD38A;
    border-radius: 0.11rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.18rem;
    font-weight: 700;
    color: #0AD38A;
    text-align: center;
}
.training .cont1 dl dd {
    width: 8.35rem;
}
.training .cont1 dl dd h3 {
    font-size: 0.3rem;
    font-weight: 500;
    line-height: 1.45;
    color: #0AD38A;
    margin: -0.05rem 0 0.25rem;
}
.training .cont1 dl dd h4 {
    font-size: 0.24rem;
    font-weight: 400;
    line-height: 1.45;
    color: #0AD38A;
    margin-bottom: 0.2rem;
    padding-left: 0.3rem;
    position: relative;
}
.training .cont1 dl dd h4::before {
    content: '';
    width: 0.24rem;
    height: 0.02rem;
    background-color: #0AD38A;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -0.01rem;
}
.training .cont1 dl dd .txt {
    letter-spacing: 0.04em;
    margin: -0.2rem 0 0.35rem;
}
.training .cont1 dl dd .photo,
.training .cont1 dl dd .photo .infiniteslide_wrap ul li {
    width: 3.9rem;
}
.training .cont1 dl dd .con {
    width: 4.1rem;
}
.training .cont1 dl dd .con.wi {
    width: 100%;
    margin-bottom: 1rem;
}
.training .cont1 dl dd .con .area span {
    width: 1.2rem;
    height: 0.32rem;
    background-color: #fff;
    border: 0.01rem solid #DBDBDB;
    border-radius: 0.3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.13rem;
    letter-spacing: 0.1em;
    text-align: center;
    box-sizing: border-box;
}
.training .cont1 dl dd .con h5 {
    font-size: 0.18rem;
    font-weight: 700;
    line-height: 1.45;
    padding: 0.1rem 0 0.05rem;
}
.training .cont1 dl dd .con p {
    letter-spacing: 0.04em;
}
.training .cont1 .sec {
    padding: 0.2rem 0 0.85rem;
}
.training .cont1 .sec .seccon {
    width: 4.05rem;
    min-height: 1.43rem;
    background-color: #fff;
    border: 0.01rem solid #0AD38A;
    border-radius: 0.15rem;
    padding: 0.2rem 0.3rem 0;
    box-sizing: border-box;
}
.training .cont1 .sec .seccon h6 {
    font-weight: 700;
    color: #0AD38A;
    line-height: 1.5;
    margin-bottom: 0.05rem;
}
.training .cont1 .sec .seccon p {
    font-size: 0.14rem;
    line-height: 1.785;
}
.training .cont1 .box {
    width: 10.1rem;
    height: 1.66rem;
    margin: 0 auto;
    background-color: #0AD38A;
    border-radius: 0.21rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.training .cont1 .box p {
    font-size: 0.24rem;
    line-height: 1.65;
    letter-spacing: normal;
    color: #fff;
    text-align: center;
    position: relative;
    z-index: 2;
}
.training .cont1 .dl1::after {
    background: linear-gradient(180deg, #FF8E00, #0AD38A);
}
.training .cont1 .dl1 dt span {
    border: 0.01rem solid #FF8E00;
    color: #FF8E00;
}
.training .cont1 .dl1 dd h3 {
    color: #FF8E00;
}
.training .cont1 .dl3 {
    padding-bottom: 0.4rem;
}
.training .cont1 .dl3::after {
    display: none;
}
.training .cont1 .dl3 dt span {
    border: 0.01rem solid #008FE0;
    color: #008FE0;
}
.training .cont1 .dl3 dd h3 {
    color: #008FE0;
}
.training .cont1 .dl3 dd h4 {
    color: #008FE0;
}
.training .cont1 .dl3 dd h4::before {
    background-color: #008FE0;
}
.training .cont1 .dl3 dd .con .area span {
    width: 1.47rem;
}
@media screen and (max-width:750px){
.training .cont1 {
    background-size: 100% 100%;
    padding-bottom: 1rem;
}
.training .cont1 .titbox {
    height: 3rem;
    padding-top: 0.3rem;
}
.training .cont1 .titbox h2 {
    background-position: left 0.15rem;
    background-size: 0.45168rem auto;
    font-size: 0.16rem;
    padding-left: 0.6rem;
    display: block;
    margin-bottom: 0.2rem;
}
.training .cont1 .titbox h2 span {
    display: block;
    font-size: 0.22rem;
    padding-left: 0;
    line-height: 1.45;
}
.training .cont1 .titbox p {
    font-size: 0.14rem;
    line-height: 1.75;
    letter-spacing: normal;
    padding-left: 0;
}
.training .cont1 .over {
    width: 100%;
    margin-top: -0.3rem;
    padding-bottom: 0.1rem;
    overflow-x: auto;
    position: relative;
}
.training .cont1 .over::-webkit-scrollbar {
    width: 100%;
    height: 0.1rem;
    background-color: #FFF;
    border: 0.01rem solid #707070;
    border-radius: 0.06rem;
    box-sizing: border-box;
}
.training .cont1 .over::-webkit-scrollbar-thumb {
    --bg-opacity: 1;
    background-color: #707070;
    background-clip: padding-box;
    border-radius: 0.06rem;
}
.training .cont1 .over picture {
    width: 200vw;
}
.training .cont1 .over picture .swipe {
    top: 5vw;
}
.training .cont1 .overp {
    font-size: 0.11rem;
    padding-bottom: 0.7rem;
}
.training .cont1 .mb {
    margin-bottom: 0.45rem;
}
.training .cont1 dl {
    width: 100%;
    padding-bottom: 0.6rem;
}
.training .cont1 dl::after {
    left: 0.41rem;
}
.training .cont1 dl dt {
    width: 0.8rem;
}
.training .cont1 dl dt span {
    height: 0.75rem;
    font-size: 0.14rem;
}
.training .cont1 dl dd {
    width: calc(100% - 1rem);
}
.training .cont1 dl dd h3 {
    font-size: 0.24rem;
    margin: 0 0 0.2rem;
}
.training .cont1 dl dd h4 {
    font-size: 0.2rem;
    margin-bottom: 0.15rem;
    padding-left: 0.25rem;
}
.training .cont1 dl dd h4::before {
    width: 0.2rem;
    top: 0.15rem;
}
.training .cont1 dl dd .txt {
    font-size: 0.14rem;
    line-height: 1.875;
    letter-spacing: normal;
    margin: -0.1rem 0 0.4rem;
}
.training .cont1 dl dd .photo {
    width: 100%;
    margin-top: 0.2rem;
}
.training .cont1 dl dd .photo .infiniteslide_wrap ul li {
    width: 100%;
}
.training .cont1 dl dd .con {
    width: 100%;
}
.training .cont1 dl dd .con.wi {
    margin-bottom: 0.5rem;
}
.training .cont1 dl dd .con .area span {
    width: 1rem;
    height: 0.24rem;
    font-size: 0.11rem;
}
.training .cont1 dl dd .con h5 {
    font-size: 0.18rem;
}
.training .cont1 dl dd .con p {
    font-size: 0.14rem;
    line-height: 1.75;
    letter-spacing: normal;
}
.training .cont1 .sec {
    padding: 0.2rem 0 0.4rem;
}
.training .cont1 .sec .seccon {
    width: 100%;
    min-height: inherit;
    padding: 5vw;
    margin-bottom: 5vw;
}
.training .cont1 .sec .seccon h5 {
    font-size: 0.15rem;
    margin-bottom: 0.05rem;
}
.training .cont1 .sec .seccon p {
    font-size: 0.13rem;
    line-height: 1.75;
}
.training .cont1 .box {
    width: 100%;
    height: 1.7rem;
    border-radius: 0.2rem;
    padding: 8vw 4vw;
    box-sizing: border-box;
}
.training .cont1 .box p {
    font-size: 0.18rem;
    line-height: 1.5;
}
}

/*  cont2  */
.training .cont2 .titbox {
    height: 2.85rem;
    background: linear-gradient(0deg, #04AD70, #0AD38A, #8AFDD3);
    padding-top: 0.5rem;
    color: #fff;
    box-sizing: border-box;
}
.training .cont2 .titbox h2 {
    background: url("../img/training/cont2_tit.svg") left center no-repeat;
    background-size: 0.6338rem auto;
    font-size: 0.2rem;
    font-weight: 500;
    padding: 0.05rem 0 0.05rem 0.78rem;
    display: flex;
    align-items: center;
    margin-bottom: 0.05rem;
}
.training .cont2 .titbox h2 span {
    font-size: 0.3rem;
    font-weight: 500;
    padding-left: 0.15rem;
}
.training .cont2 .titbox p {
    font-weight: 500;
    line-height: 1.875;
    letter-spacing: 0.04em;
    padding-left: 0.78rem;
}
.training .cont2 .outer {
    background-color: #fff;
    border-radius: 0.22rem 0.22rem 0 0;
    padding: 0.72rem 0 2.3rem;
    margin-top: -0.34rem;
}
.training .cont2 .outer h3 {
    font-size: 0.24rem;
    font-weight: 700;
    line-height: 1.45;
    margin-bottom: 0.22rem;
    position: relative;
}
.training .cont2 .outer h3::after {
    content: '';
    width: 8.5rem;
    height: 0.01rem;
    background-color: #707070;
    position: absolute;
    right: 0;
    top: 50%;
}
.training .cont2 .outer .over {
    width: 100%;
    padding-bottom: 0.1rem;
    margin-bottom: 0.65rem;
    overflow-x: auto;
    position: relative;
}
.training .cont2 .outer .over::-webkit-scrollbar {
    width: 100%;
    height: 0.1rem;
    background-color: #FFF;
    border: 0.01rem solid #707070;
    border-radius: 0.06rem;
    box-sizing: border-box;
}
.training .cont2 .outer .over::-webkit-scrollbar-thumb {
    --bg-opacity: 1;
    background-color: #707070;
    background-clip: padding-box;
    border-radius: 0.06rem;
}
.training .cont2 .outer h4 {
    font-weight: 700;
    line-height: 1.75;
    text-align: center;
    margin: -0.4rem 0 0.3rem;
}
.training .cont2 .outer .box1 {
    width: 10.1rem;
    border: 0.01rem solid #0AD38A;
    border-radius: 0.15rem;
    text-align: center;
    margin: 0 auto 0.35rem;
    padding: 0.2rem;
    box-sizing: border-box;
}
.training .cont2 .outer .box1 h5 {
    font-weight: 700;
    line-height: 1.5;
    color: #0AD38A;
    margin-bottom: 0.1rem;
}
.training .cont2 .outer .box1 p {
    font-size: 0.14rem;
    line-height: 1.785;
}
.training .cont2 .outer .box2 {
    width: 10.1rem;
    height: 1.66rem;
    margin: 0 auto;
    background-color: #0AD38A;
    border-radius: 0.21rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.training .cont2 .outer .box2 p {
    font-size: 0.24rem;
    line-height: 1.65;
    color: #fff;
    text-align: center;
    position: relative;
    z-index: 2;
}
@media screen and (max-width:750px){
.training .cont2 .titbox {
    height: 3.5rem;
    padding-top: 0.3rem;
}
.training .cont2 .titbox h2 {
    background-position: left 0.1rem;
    background-size: 0.50704rem auto;
    font-size: 0.16rem;
    padding: 0 0 0 0.65rem;
    display: block;
    margin-bottom: 0.2rem;
}
.training .cont2 .titbox h2 span {
    display: block;
    font-size: 0.22rem;
    padding-left: 0;
    line-height: 1.45;
}
.training .cont2 .titbox p {
    font-size: 0.14rem;
    line-height: 1.75;
    letter-spacing: normal;
    padding-left: 0;
}
.training .cont2 .outer {
    background-color: #fff;
    border-radius: 0.2rem 0.2rem 0 0;
    padding: 0.5rem 0 1rem;
}
.training .cont2 .outer h3 {
    font-size: 0.2rem;
    margin-bottom: 0.2rem;
}
.training .cont2 .outer h3::after {
    width: 1.3rem;
}
.training .cont2 .outer .over {
    margin-bottom: 0.6rem;
}
.training .cont2 .outer .over picture {
    width: 240vw;
}
.training .cont2 .outer h4 {
    font-size: 0.18rem;
    line-height: 1.6;
    margin: -0.2rem 0 0.3rem;
    text-align: left;
}
.training .cont2 .outer .box1 {
    width: 100%;
    margin: 0 auto 0.35rem;
    padding: 0.2rem;
}
.training .cont2 .outer .box1 h5 {
    font-size: 0.15rem;
}
.training .cont2 .outer .box1 p {
    font-size: 0.13rem;
    line-height: 1.75;
    text-align: left;
}
.training .cont2 .outer .box2 {
    width: 100%;
    height: 1.7rem;
    border-radius: 0.2rem;
    padding: 8vw 4vw;
    box-sizing: border-box;
}
.training .cont2 .outer .box2 p {
    font-size: 0.18rem;
    line-height: 1.5;
}
}

/*  cont3  */
.training .cont3 .titbox {
    height: 1.95rem;
    background: linear-gradient(0deg, #04AD70, #0AD38A, #8AFDD3);
    padding-top: 0.5rem;
    color: #fff;
    box-sizing: border-box;
}
.training .cont3 .titbox h2 {
    background: url("../img/training/cont3_tit.svg") left center no-repeat;
    background-size: 0.6585rem auto;
    font-size: 0.2rem;
    font-weight: 500;
    padding: 0.05rem 0 0.05rem 0.78rem;
    display: flex;
    align-items: center;
}
.training .cont3 .titbox h2 span {
    font-size: 0.3rem;
    font-weight: 500;
    padding-left: 0.15rem;
}
.training .cont3 .outer {
    background: url("../img/training/cont3_bg.jpg") center 0.62rem no-repeat #fff;
    background-size: 100% auto;
    border-radius: 0.22rem 0.22rem 0 0;
    padding: 0.8rem 0;
    margin-top: -0.34rem;
}
.training .cont3 .outer .list {
    width: 10.1rem;
    margin: 0 auto;
    padding-bottom: 0.35rem;
}
.training .cont3 .outer .list li {
    background: url("../img/training/cont3_icon1.svg") 0.49rem 0.6rem no-repeat #fff;
    background-size: 0.7537rem auto;
    border: 0.01rem solid #0AD38A;
    border-radius: 0.15rem;
    margin-bottom: 0.2rem;
    padding: 0.32rem 0.45rem 0.35rem 1.6rem;
    box-sizing: border-box;
}
.training .cont3 .outer .list li.no2 {
    background: url("../img/training/cont3_icon2.svg") 0.46rem 0.6rem no-repeat #fff;
    background-size: 0.81rem auto;
}
.training .cont3 .outer .list li.no3 {
    background: url("../img/training/cont3_icon3.svg") 0.49rem 0.6rem no-repeat #fff;
    background-size: 0.7537rem auto;
}
.training .cont3 .outer .list li.no4 {
    background: url("../img/training/cont3_icon4.svg") 0.46rem 0.6rem no-repeat #fff;
    background-size: 0.81rem auto;
}
.training .cont3 .outer .list li h3 {
    font-size: 0.24rem;
    font-weight: 700;
    line-height: 1.45;
    color: #0AD38A;
    margin-bottom: 0.15rem;
}
.training .cont3 .outer .list li p {
    font-size: 0.14rem;
    letter-spacing: 0.04em;
}
.training .cont3 .outer .list li .con {
    margin: 0.2rem 0.7rem 0 0;
}
.training .cont3 .outer .box {
    width: 10.1rem;
    height: 2.2rem;
    margin: 0 auto 0.8rem;
    background-color: #0AD38A;
    border-radius: 0.21rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.training .cont3 .outer .box p {
    font-size: 0.24rem;
    line-height: 1.65;
    color: #fff;
    text-align: center;
    position: relative;
    z-index: 2;
}
@media screen and (max-width:750px){
.training .cont3 .titbox {
    height: 1.85rem;
    padding-top: 0.35rem;
}
.training .cont3 .titbox h2 {
    background-position: left 0.1rem;
    background-size: 0.5268rem auto;
    font-size: 0.16rem;
    padding: 0 0 0 0.65rem;
    display: block;
    margin-bottom: 0.2rem;
}
.training .cont3 .titbox h2 span {
    display: block;
    font-size: 0.22rem;
    padding-left: 0;
    line-height: 1.45;
}
.training .cont3 .outer {
    background: url("../img/training/cont3_bg.jpg") center bottom no-repeat #fff;
    border-radius: 0.2rem 0.2rem 0 0;
    padding: 0.5rem 0 0.2rem;
}
.training .cont3 .outer .list {
    width: 100%;
    padding-bottom: 0.45rem;
}
.training .cont3 .outer .list li {
    background-position: 5vw 5vw;
    background-size: 0.482368rem auto;
    margin-bottom: 0.2rem;
    padding: 5vw;
}
.training .cont3 .outer .list li.no2 {
    background-position: 5vw 5vw;
    background-size: 0.5184rem auto;
}
.training .cont3 .outer .list li.no3 {
    background-position: 5vw 5vw;
    background-size: 0.482368rem auto;
}
.training .cont3 .outer .list li.no4 {
    background-position: 5vw 5vw;
    background-size: 0.5184rem auto;
}
.training .cont3 .outer .list li h3 {
    font-size: 0.2rem;
    margin-bottom: 0.2rem;
    padding: 0.1rem 0 0 0.625rem;
    white-space: nowrap;
}
.training .cont3 .outer .list li p {
    line-height: 1.75;
    letter-spacing: normal;
}
.training .cont3 .outer .list li .con {
    margin: 0.2rem 0 0;
}
.training .cont3 .outer .box {
    width: 100%;
    height: 2.6rem;
    border-radius: 0.2rem;
    padding: 8vw 4vw;
    box-sizing: border-box;
}
.training .cont3 .outer .box p {
    font-size: 0.18rem;
    line-height: 1.5;
}
}


/* /hrd
------------------------------------------------- */
/*  mainvisual  */
.hrd .mainvisual::after {
    content: 'ENVIRONMENT';
    margin-right: -6rem;
}


/*  cont1  */
.hrd .cont1 {
    background: url("../img/hrd/cont1_bg.jpg") center top no-repeat;
    background-size: 100% auto;
    padding-bottom: 2.2rem;
    text-align: center;
}
.hrd .cont1 .txt {
    letter-spacing: 0.04em;
    margin-bottom: 0.75rem;
}
.hrd .cont1 .box {
    background: linear-gradient(180deg, #ffffff, rgba(255,255,255,0));
    border-radius: 0.2rem 0.2rem 0 0;
    padding: 0.55rem 0 0.8rem;
}
.hrd .cont1 .box h2 {
    font-size: 0.24rem;
    margin-bottom: 0.25rem;
    position: relative;
}
.hrd .cont1 .box h2::after {
    content: '';
    width: 0.75rem;
    height: 0.75rem;
    border: 0.01rem solid rgba(10,211,138,0.51);
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -0.375rem 0 0 -0.375rem;
}
.hrd .cont1 .box h2 span {
    font-weight: 500;
    line-height: 1;
    padding: 0.28rem 0;
    position: relative;
    z-index: 2;
}
.hrd .cont1 .box p,
.hrd .cont1 .box ul li {
    font-size: 0.3rem;
    letter-spacing: 0.1em;
    line-height: 1.66;
}
@media screen and (max-width:750px){
.hrd .cont1 {
    background-size: 100% 100%;
    padding-bottom: 2.2rem;
}
.hrd .cont1 .txt {
    font-size: 0.14rem;
    line-height: 1.875;
    letter-spacing: normal;
    margin-bottom: 0.25rem;
    text-align: left;
}
.hrd .cont1 .box {
    border-radius: 0.2rem 0.2rem 0 0;
    padding: 0.3rem 0.2rem 0.4rem;
}
.hrd .cont1 .box h2 {
    font-size: 0.2rem;
    margin-bottom: 0.35rem;
}
.hrd .cont1 .box h2::after {
    width: 0.6rem;
    height: 0.6rem;
    margin: -0.3rem 0 0 -0.3rem;
}
.hrd .cont1 .box p,
.hrd .cont1 .box ul li {
    font-size: 0.22rem;
    letter-spacing: 0.1em;
    line-height: 1.55;
    text-align: left;
}
}

/*  cont2  */
.hrd .cont2 {
    background-color: #fff;
    border-radius: 0.22rem 0.22rem 0 0;
    margin-top: -2.2rem;
    padding-top: 0.6rem;
    position: relative;
}
.hrd .cont2 h3 {
    font-size: 0.24rem;
    margin-bottom: 0.48rem;
    text-align: center;
    position: relative;
}
.hrd .cont2 h3::after {
    content: '';
    width: 0.75rem;
    height: 0.75rem;
    border: 0.01rem solid rgba(10,211,138,0.51);
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -0.375rem 0 0 -0.375rem;
}
.hrd .cont2 h3 span {
    font-weight: 500;
    line-height: 1;
    padding: 0.28rem 0;
    position: relative;
    z-index: 2;
}
.hrd .cont2 .box {
    width: 100%;
    background: url("../img/hrd/cont2_bg1.jpg") center top no-repeat;
    background-size: 100% auto;
    border: 0.01rem solid #0AD38A;
    border-radius: 0.22rem;
    padding: 0.2rem 0 0.7rem;
    margin-bottom: 0.3rem;
    position: relative;
}
.hrd .cont2 .box .no {
    font-size: 0.24rem;
    font-weight: 300;
    line-height: 1.16;
    letter-spacing: 0.06em;
    color: #0AD38A;
    display: flex;
    align-items: center;
    position: absolute;
    left: 0;
    top: 0;
}
.hrd .cont2 .box .no span {
    font-size: 0.88rem;
    font-weight: 100;
    letter-spacing: normal;
}
.hrd .cont2 .box .sec {
    width: 8.85rem;
    margin-top: 0.35rem;
}
.hrd .cont2 .box .sec h4 {
    font-size: 0.24rem;
    font-weight: 700;
    line-height: 1.45;
    margin-bottom: 0.45rem;
}
.hrd .cont2 .box .sec .con {
    width: 4.52rem;
}
.hrd .cont2 .box .sec picture {
    width: 3.9rem;
}
.hrd .cont2 .box.box1 {
    background-size: 100% 100%;
    padding-bottom: 0.5rem;
}
.hrd .cont2 .box.box1 .txt {
    letter-spacing: 0.04em;
    margin-bottom: 0.4rem;
}
.hrd .cont2 .box.box1 .sec1 picture {
    width: 3.9rem;
}
.hrd .cont2 .box.box1 .sec1 picture p {
    font-weight: 700;
    line-height: 1.875;
    padding-top: 0.2rem;
}
.hrd .cont2 .box.box1 .sec1 .con {
    width: 4.53rem;
}
.hrd .cont2 .box.box1 .sec1 .con ul li {
    width: 100%;
    background-color: #fff;
    margin-bottom: 0.125rem;
    padding: 0.2rem 0.28rem 0.1rem;
    box-sizing: border-box;
}
.hrd .cont2 .box.box1 .sec1 .con ul li h5 {
    margin-bottom: 0.1rem;
    position: relative;
}
.hrd .cont2 .box.box1 .sec1 .con ul li h5::after {
    content: '';
    width: 100%;
    height: 0.01rem;
    background-color: #0AD38A;
    position: absolute;
    right: 0;
    top: 50%;
    z-index: 1;
}
.hrd .cont2 .box.box1 .sec1 .con ul li h5 span {
    background-color: #fff;
    font-weight: 700;
    line-height: 1.5;
    color: #0AD38A;
    padding-right: 0.1rem;
    position: relative;
    z-index: 2;
}
.hrd .cont2 .box.box1 .sec1 .con ul li h6 {
    font-size: 0.14rem;
    font-weight: 700;
    line-height: 1.785;
}
.hrd .cont2 .box.box1 .sec1 .con ul li p {
    font-size: 0.14rem;
    line-height: 1.785;
    margin-bottom: 0.1rem;
}
.hrd .cont2 .box.box1 .sec1 .con ul li ul {
    margin-bottom: 0.1rem;
}
.hrd .cont2 .box.box1 .sec1 .con ul li ul li {
    background: none;
    border-radius: 0;
    font-size: 0.14rem;
    line-height: 1.785;
    margin: 0;
    padding: 0 0 0 1em;
    text-indent: -1em;
}
.hrd .cont2 .box.box1 .sec1 .con ul li ul li::before {
    content: '・';
}
.hrd .cont2 .box.box2 {
    z-index: 2;
}
.hrd .cont2 .box.box2 .sec h4 {
    margin-bottom: 0.55rem;
}
.hrd .cont2 .box.box3 {
    z-index: 3;
}
.hrd .cont2 .box.box3 .sec h4 {
    margin-bottom: 0;
}
@media screen and (max-width:750px){
.hrd .cont2 {
    border-radius: 0.2rem 0.2rem 0 0;
    margin-top: -2rem;
    padding-top: 0.4rem;
}
.hrd .cont2 h3 {
    font-size: 0.2rem;
    margin-bottom: 0.35rem;
}
.hrd .cont2 h3::after {
    width: 0.6rem;
    height: 0.6rem;
    margin: -0.3rem 0 0 -0.3rem;
}
.hrd .cont2 .box {
    width: 90%;
    border-radius: 0.2rem;
    padding: 0.1rem 0 0.4rem;
    margin: 0 auto 0.2rem;
}
.hrd .cont2 .box .no {
    font-size: 0.18rem;
    position: static;
}
.hrd .cont2 .box .no span {
    font-size: 0.6rem;
}
.hrd .cont2 .box .sec {
    width: 100%;
    margin-top: 0.05rem;
}
.hrd .cont2 .box .sec h4 {
    font-size: 0.2rem;
    margin-bottom: 0.25rem;
}
.hrd .cont2 .box .sec .con {
    width: 100%;
}
.hrd .cont2 .box .sec .con p {
    font-size: 0.15rem;
    line-height: 1.875;
    letter-spacing: normal;
    margin-bottom: 0.3rem;
}
.hrd .cont2 .box .sec picture {
    width: 100%;
}
.hrd .cont2 .box.box1 {
    background-size: 100% 100%;
    padding-bottom: 0.1rem;
}
.hrd .cont2 .box.box1 .txt {
    font-size: 0.15rem;
    line-height: 1.875;
    letter-spacing: normal;
    margin-bottom: 0.3rem;
}
.hrd .cont2 .box.box1 .sec1 picture {
    width: 100%;
}
.hrd .cont2 .box.box1 .sec1 picture p {
    font-size: 0.14rem;
    line-height: 1.75;
    padding: 0.2rem 0;
}
.hrd .cont2 .box.box1 .sec1 .con {
    width: 100%;
}
.hrd .cont2 .box.box1 .sec1 .con ul li {
    width: 100%;
    background-size: 100% 100%;
    border-radius: 0.2rem;
    margin-bottom: 0.15rem;
    padding: 5vw 5vw 0.1rem;
}
.hrd .cont2 .box.box1 .sec1 .con ul li h5 {
    font-size: 0.15rem;
    margin-bottom: 0.1rem;
}
.hrd .cont2 .box.box1 .sec1 .con ul li h6 {
    font-size: 0.13rem;
    line-height: 1.75;
}
.hrd .cont2 .box.box1 .sec1 .con ul li p {
    font-size: 0.13rem;
    line-height: 1.75;
    margin-bottom: 0.1rem;
}
.hrd .cont2 .box.box1 .sec1 .con ul li ul {
    margin-bottom: 0.1rem;
}
.hrd .cont2 .box.box1 .sec1 .con ul li ul li {
    font-size: 0.13rem;
    line-height: 1.75;
}
.hrd .cont2 .box.box1 .sec1 .con ul li ul li::before {
    content: '・';
}
.hrd .cont2 .box.box2 {
    z-index: 2;
}
.hrd .cont2 .box.box2 .sec h4,
.hrd .cont2 .box.box3 .sec h4 {
    margin-bottom: 0.25rem;
}
.hrd .cont2 .box.box3 .sec .con p {
    margin-bottom: 0.05rem;
}
}

/*  cont3  */
.hrd .cont3 {
    padding: 0.88rem 0 1.4rem;
}
.hrd .cont3 .box {
    width: 10.1rem;
    background-color: #fff;
    border: 0.01rem solid #F59131;
    border-radius: 0.21rem;
    margin: 0 auto;
    padding: 0.55rem 1.025rem 0.35rem;
    box-sizing: border-box;
}
.hrd .cont3 .box h3 {
    font-size: 0.24rem;
    margin-bottom: 0.4rem;
    text-align: center;
    position: relative;
}
.hrd .cont3 .box h3::after {
    content: '';
    width: 0.75rem;
    height: 0.75rem;
    border: 0.01rem solid rgba(245,145,49,0.51);
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -0.375rem 0 0 -0.375rem;
}
.hrd .cont3 .box h3 span {
    font-weight: 500;
    line-height: 1;
    padding: 0.28rem 0;
    position: relative;
    z-index: 2;
}
.hrd .cont3 .box h4 {
    font-size: 0.3rem;
    font-weight: 400;
    letter-spacing: 0.1em;
    color: #F59131;
    margin-bottom: 0.2rem;
    text-align: center;
}
.hrd .cont3 .box picture {
    width: 3.9rem;
}
.hrd .cont3 .box .con {
    width: 3.7rem;
}
.hrd .cont3 .box .con p {
    letter-spacing: 0.04em;
}
@media screen and (max-width:750px){
.hrd .cont3 {
    padding: 0.4rem 0 0;
}
.hrd .cont3 .box {
    width: 100%;
    border-radius: 0.2rem;
    padding: 0.3rem 5vw 0.35rem;
}
.hrd .cont3 .box h3 {
    font-size: 0.2rem;
    margin-bottom: 0.35rem;
    line-height: 1.25;
}
.hrd .cont3 .box h3::after {
    width: 0.6rem;
    height: 0.6rem;
    margin: -0.3rem 0 0 -0.3rem;
}
.hrd .cont3 .box h4 {
    font-size: 0.22rem;
    margin-bottom: 0.2rem;
    text-align: center;
    line-height: 1.5;
}
.hrd .cont3 .box picture {
    width: 100%;
}
.hrd .cont3 .box .con {
    width: 100%;
}
.hrd .cont3 .box .con p {
    font-size: 0.15rem;
    line-height: 1.875;
    letter-spacing: normal;
    margin-top: 0.15rem;
}
}


/* recommendnav
------------------------------------------------- */
.recommendnav {
    padding-top: 0.8rem; 
    position: relative;
    z-index: 3;
}
.recommendnav ul li {
    width: 4.25rem;
    height: 2.5rem;
    margin: 0 0.25rem;
}
.recommendnav ul li a {
    width: 100%;
    height: 100%;
    border-radius: 0.05rem;
    display: flex;
    align-items: center;
    padding: 0 0.28rem;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
}
.recommendnav ul li a::after {
    content: '';
    width: 100%;
    height: 100%;
    background-color: #000;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0.41;
    transition: 0.4s;
}
.recommendnav ul li a picture {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    transition: 0.4s;
}
.recommendnav ul li a picture img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.recommendnav ul li a p {
    font-size: 0.24rem;
    font-weight: 300;
    line-height: 1.45;
    color: #fff;
    position: relative;
    z-index: 2;
}
.recommendnav ul li a p span {
    display: block;
    font-size: 0.14rem;
    font-weight: 500;
    line-height: 1.185;
    color: #0AD38A;
    padding-bottom: 0.05rem;
    transition: 0.4s;
}
@media screen and (min-width:751px){
.recommendnav ul li a:hover::after {
    opacity: 0.21;
}
.recommendnav ul li:nth-child(1) a:hover::after {
    opacity: 0;
}
.recommendnav ul li a:hover picture {
    transform: scale(1.1);
}   
.recommendnav ul li a:hover p span {
    color: #fff;
}
}
@media screen and (max-width:750px){
.recommendnav {
    padding: 0.6rem 0 0; 
}
.recommendnav ul li {
    width: 90%;
    height: 2rem;
    margin: 0 auto 0.2rem;
}
.recommendnav ul li a {
    padding: 0 0.15rem;
}
.recommendnav ul li a::after {
    opacity: 0.51;
}
.recommendnav ul li a p {
    font-size: 0.2rem;
}
.recommendnav ul li a p span {
    font-size: 0.12rem;
}
}


/* /privacy
------------------------------------------------- */
/*  mainvisual  */
.privacy .mainvisual::after {
    content: 'PRIVACY POLICY';
    margin-right: -6.2rem;
}

/*  cont1  */
.privacy .cont1 {
    margin-bottom: 0.5rem;
}
.privacy .cont1.last {
    margin-bottom: 1rem;
}
.privacy .cont1 .sec {
    background-color: #F0FDF8;
    border: 1px solid #0AD38A;
    border-radius: 0.22rem;
    padding: 0.42rem 0.52rem 0.15rem;
}
.privacy .cont1 .sec h2 {
    font-size: 0.18rem;
    font-weight: 400;
    line-height: 1.45;
    letter-spacing: 0.02em;
    margin-bottom: 0.25rem;
    position: relative;
}
.privacy .cont1 .sec h2::before {
    content: '';
    width: 0.02rem;
    height: 100%;
    background-color: #0AD38A;
    position: absolute;
    left: -0.21rem;
    top: 0;
}
.privacy .cont1 .sec h2 span {
    display: block;
    font-size: 0.25rem;
    font-weight: 700;
    letter-spacing: normal;
}
.privacy .cont1 .sec .box {
    background-color: #fff;
    border-radius: 0.17rem;
    padding: 0.2rem 0.3rem;
    margin-bottom: 0.2rem;
}
.privacy .cont1 .sec .box h3 {
    font-weight: 700;
    padding: 0.2rem 0 0.05rem;
}
.privacy .cont1 .sec .box p.mb {
    margin-bottom: 0.15rem;
}
.privacy .cont1 .sec .box p a {
    text-decoration: underline;
}
.privacy .cont1 .sec .box ul li {
    padding-left: 1em;
    text-indent: -1em;
}
.privacy .cont1 .sec .box ul li::before {
    content: '・';
}
.privacy .cont1 .sec .box ol {
    list-style: none;
	counter-reset: number 0;
}
.privacy .cont1 .sec .box ol li{
	text-indent: -1em;
	padding-left: 1em;
}
.privacy .cont1 .sec .box ol li:before{
	counter-increment: number 1;
	content: counter(number) ". ";
}
.privacy .cont1 .sec .box ol.num-list2 {
	counter-reset: number 0;
}
.privacy .cont1 .sec .box ol.num-list2 li{
	text-indent: -1.5em;
	padding-left: 1.5em;
}
.privacy .cont1 .sec .box ol.num-list2 li:before{
	counter-increment: number 1;
	content: "("counter(number) ") ";
}
.privacy .cont1 .sec.sec2 {
    background-color: #F4F9FF;
    border: 1px solid #046AEC;
}
.privacy .cont1 .sec.sec2 h2::before {
    background-color: #046AEC;
}
.privacy .cont1 .sec.sec3 {
    background: linear-gradient(180deg, rgba(138,253,211,0.34), rgba(10,211,138,0.34), rgba(4,106,236,0.34));
    border: 1px solid #42F0B1;
}
.privacy .cont1 .sec.sec3 h2::before {
    background-color: #1A1A1A;
}
@media screen and (min-width:751px){
.privacy .cont1 .sec .box p a:hover {
    text-decoration: none;
}
}
@media screen and (max-width:750px){
.privacy .cont1 {
    margin-bottom: 0.4rem;
}
.privacy .cont1.last {
    margin-bottom: 0.75rem;
}
.privacy .cont1 .sec {
    padding: 0.3rem 5vw 0.15rem;
}
.privacy .cont1 .sec h2 {
    font-size: 0.16rem;
    padding-left: 5vw;
}
.privacy .cont1 .sec h2::before {
    left: 0;
}
.privacy .cont1 .sec h2 span {
    font-size: 0.22rem;
    line-height: 1.25;
    padding-bottom: 0.1rem;
}
.privacy .cont1 .sec .box {
    padding: 0.2rem;
}
.privacy .cont1 .sec .box h3,
.privacy .cont1 .sec .box p,
.privacy .cont1 .sec .box ul li,
.privacy .cont1 .sec .box ol li {
    font-size: 0.15rem;
    line-height: 1.75;
}
.privacy .cont1 .sec .box p span {
    font-size: 0.12rem;
}
.privacy .cont1 .sec.sec3 h2 span {
    padding-bottom: 0;
}
}