@charset "UTF-8";


/* maintit
------------------------------------------------- */
.maintit {
    width: 100%;
    height: 5.3rem;
    padding: 3.02rem 0 0 1.7rem;
    margin-bottom: 0.85rem;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
}
.maintit::before {
    content: '';
    width: 4.18rem;
    height: 5.5rem;
    background: url("../img/common/maintit_bg.svg") right bottom no-repeat;
    background-size: 100% auto;
    position: absolute;
    left: 0;
    top: -0.2rem;
    z-index: 1;
}
.maintit h1 {
    font-size: 0.18rem;
    font-weight: 700;
    line-height: 1.45;
    letter-spacing: 0.02em;
    clip-path: inset(0 100% 0 0);
    position: relative;
    z-index: 2;
}
.maintit.isAnimate h1 {
    animation: mask 1s ease-in-out 0.7s 1 forwards;
}
.maintit h1 span {
    display: inline-block;
    background: linear-gradient(90deg, #004BDE, #CA60CB, #FFBB00);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 1rem;
    font-weight: 200;
    line-height: 1.1;
}
.maintit .pnav {
    width: 3.4rem;
    height: 2.25rem;
    background: linear-gradient(90deg, #004BDE, #CA60CB, #FFBB00);
    border-radius: 0.2rem 0 0 0.2rem;
    padding: 0.27rem 0 0 0.29rem;
    position: absolute;
    right: 0;
    top: 3.05rem;
    box-sizing: border-box;
    z-index: 2;
}
.maintit .pnav ul {
    width: 2.83rem;
}
.maintit .pnav ul li {
    margin-bottom: 0.1rem;
}
.maintit .pnav ul li a {
    display: block;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%229.666%22%20height%3D%225.06%22%20viewBox%3D%220%200%209.666%205.06%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_504%22%20data-name%3D%22%E3%83%91%E3%82%B9%20504%22%20d%3D%22M4116.5%2C365.5l5%2C4%2C4-4%22%20transform%3D%22translate(-4116.188%20-365.11)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221%22%2F%3E%3C%2Fsvg%3E') right center no-repeat;
    background-size: 0.09rem auto;
    letter-spacing: 0.03em;
    color: #fff;
    padding-bottom: 0.03rem;
    box-sizing: border-box;
    position: relative;
}
.maintit .pnav ul li a::before,
.maintit .pnav ul li a::after {
    content: '';
    width: 100%;
    height: 0.01rem;
    background-color: rgba(255,255,255,0.5);
    position: absolute;
    left: 0;
    bottom: 0;
}
.maintit .pnav ul li a::after {
    background: linear-gradient(270deg, #004BDE, #CA60CB, #FFBB00);
    transform: scale(0, 1);
    transform-origin: right top;
    transition: transform 0.4s;
}
.maintit .pnav ul li a span {
    display: inline-block;
    width: 0.3rem;
    font-size: 0.14rem;
}
@media screen and (min-width:751px){
.maintit .pnav ul li a:hover {
    background-position: right 65%;
}
.maintit .pnav ul li a:hover::after {
    transform-origin: left top;
    transform: scale(1, 1);
}
}
@media screen and (max-width:750px){
.maintit {
    height: auto;
    min-height: 2.7rem;
    padding: 2.02rem 0 0 1.35rem;
    margin-bottom: 0.5rem;
}
.maintit::before {
    width: 2rem;
    height: 2.6315rem;
    top: 0;
}
.maintit h1 {
    font-size: 0.14rem;
}
.maintit h1 span {
    font-size: 0.42rem;
    line-height: 1;
    margin-top: 0.1rem;
}
.maintit h1 span .spon {
    display: inline;
}
.maintit .pnav {
    width: 3rem;
    height: 2rem;
    padding: 0.25rem 0 0 0.29rem;
}
.maintit .pnav ul {
    font-size: 0.14rem;
    width: 2.45rem;
}
.maintit .pnav ul li a span {
    font-size: 0.13rem;
}
}


/* message
------------------------------------------------- */
/* mainvisual */
.message .mainvisual {
    width: 100%;
    padding-top: 2.07rem;
    position: relative;
    z-index: 2;
}
.message .mainvisual h1 {
    font-size: 0.18rem;
    font-weight: 700;
    line-height: 1.45;
    letter-spacing: 0.02em;
    text-align: center;
    margin-bottom: 0.1rem;
    position: relative;
    z-index: 2;
    opacity: 0;
}
.message .mainvisual.isAnimate h1 {
    animation: fadeIn 0.7s ease 0.8s 1 forwards;
}
.message .mainvisual h1 span {
    display: inline-block;
    background: linear-gradient(90deg, #004BDE, #CA60CB, #FFBB00);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 1rem;
    font-weight: 200;
    line-height: 1.1;
}
.message .mainvisual .photo {
    width: 100%;
    position: relative;
}
.message .mainvisual .photo img {
    display: block;
    border-radius: 0.4rem;
    position: relative;
    z-index: 2;
}
.message .mainvisual .photo::after {
    content: '';
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #00C9FF, #CA60CB, #FFBB00);
    border-radius: 0.4rem;
    position: absolute;
    left: 0;
    top: -0.09rem;
    z-index: 1;
}
.message .mainvisual .titbox-arrow {
    width: 4.0051rem;
    height: 2.7352rem;
    position: absolute;
    right: 50%;
    margin-right: 0.64rem;
    top: -0.65rem;
    z-index: 2;
}
.message .mainvisual .titbox-arrow .st0 {
    fill: #004bde;
}
.message .mainvisual .titbox-arrow .st1 {
    stroke: #fff;
    stroke-miterlimit: 10;
    stroke-width: 200px;
    stroke-dasharray: 1000px;
    stroke-dashoffset: 1000px;
}
.message .mainvisual.isAnimate .titbox-arrow .st1 {
    animation: entry-arrow 1.5s 0.2s forwards;
}
.message .mainvisual .titbox-arrow #text3 {
    mask: url(#mask-wrapper3);
}
@media screen and (max-width:750px){
.message .mainvisual {
    padding-top: 1.5rem;
}
.message .mainvisual h1 {
    font-size: 0.14rem;
    margin-bottom: 0.15rem;
}
.message .mainvisual h1 span {
    font-size: 0.42rem;
}
.message .mainvisual .photo img {
    border-radius: 0.2rem;
}
.message .mainvisual .photo::after {
    border-radius: 0.2rem;
}
.message .mainvisual .titbox-arrow {
    width: 2.5rem;
    height: 1.70732rem;
    top: -0.1rem;
}
}

/* cont1 */
.message .cont1 {
    padding: 2.5rem 0 6.25rem;
    margin-top: -1.5rem;
    position: relative;
    z-index: 1;
}
.message .cont1::after {
    content: '';
    width: 100%;
    height: 22.5rem;
    background: url("../img/message/bg1.jpg") center top no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    transition: 2s ease-in-out 0.1s;
}
.message .cont1 .inner {
    z-index: 4;
}
.message .cont1 h2 {
    width: 2.313rem;
    margin-left: 0.34rem;
}
.message .cont1 .con {
    width: 7.13rem;
    margin-right: 0.1rem;
    position: relative;
}
.message .cont1 .con p {
    font-weight: 700;
    line-height: 2.3125;
    color: #fff;
    padding-bottom: 0.4rem;
}
.message .cont1 .con p:last-child {
    padding-bottom: 0;
}
.message .cont1 .cont1-arrow {
    width: 3.59rem;
    height: 4.06rem;
    position: absolute;
    right: -0.76rem;
    top: 11.8rem;
    z-index: 3;
    mix-blend-mode: multiply;
    opacity: .4;
}
.message .cont1 .cont1-arrow .st2 {
    stroke: #fff;
    stroke-miterlimit: 10;
    stroke-width: 300px;
    stroke-dasharray: 1000px;
    stroke-dashoffset: 1000px;
}
.message .cont1 .cont1-arrow .st3 {
    fill: #f0a138;
}
.message .cont1 .cont1-arrow.isAnimate .st2 {
    animation: entry-arrow 1.5s 0.1s forwards;
}
.message .cont1 .cont1-arrow #text4 {
    mask: url(#mask-wrapper4);
}
@media screen and (max-width:750px){
.message .cont1 {
    padding: 2rem 0 5rem;
}
.message .cont1::after {
    height: 110%;
}
.message .cont1 h2 {
    width: 1.5rem;
    margin: 0 auto 0.5rem;
}
.message .cont1 .con {
    width: 100%;
    margin-right: 0;
}
.message .cont1 .con p {
    line-height: 1.85;
    padding-bottom: 0.2rem;
}
.message .cont1 .cont1-arrow {
    width: 2.5rem;
    height: 2.82729rem;
    right: -0.5rem;
    top: 18rem;
}
}

/* cont2 */
.message .cont2 {
    padding: 0.8rem 0 1.6rem;
    margin-top: -3.5rem;
    text-align: center;
    position: relative;
    overflow: hidden;
    z-index: 2;
}
.message .cont2::after {
    content: '';
    width: 138.5vw;
    height: 138.5vw;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    margin-left: -69.25vw;
    top: 0;
    z-index: 1;
}
.message .cont2 .inner {
    z-index: 2;
}
.message .cont2 h3 {
    font-size: 0.4rem;
    line-height: 1.45;
    letter-spacing: 0.02em;
    font-weight: 700;
    margin-bottom: 0.45rem;
}
.message .cont2 h3 span {
    display: inline-block;
    background: linear-gradient(90deg, #00C9FF, #CA60CB, #FFBB00);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 0.28rem;
    font-weight: 700;
    line-height: 1;
    margin-top: 0.37rem;
    position: relative;
}
.message .cont2 h3 span::before {
    content: '';
    width: 0.01rem;
    height: 0.21rem;
    background-color: #1A1A1A;
    position: absolute;
    left: 50%;
    top: -0.3rem;
}
.message .cont2 ul {
    padding: 0 0.09rem;
}
.message .cont2 ul li {
    width: 3.27rem;
    height: 3.27rem;
    padding-top: 0.89rem;
    box-sizing: border-box;
    position: relative;
}
.message .cont2 ul li::before,
.message .cont2 ul li::after {
    content: '';
    width: 3.27rem;
    height: 3.27rem;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -1.635rem 0 0 -1.635rem;
    z-index: 2;
}
.message .cont2 ul li::after {
    width: 3.43rem;
    height: 3.43rem;
    background: linear-gradient(135deg, #00C9FF, #CA60CB, #FFBB00);
    margin: -1.715rem 0 0 -1.715rem;
    z-index: 1;
}
.message .cont2 ul li .cover {
    position: relative;
    z-index: 3;
}
.message .cont2 ul li h4 {
    font-size: 0.3rem;
    font-weight: 300;
    line-height: 1.45;
    letter-spacing: 0.02em;
}
.message .cont2 ul li h4 span {
    display: block;
    font-size: 0.12rem;
    font-weight: 400;
    line-height: 1.16;
    letter-spacing: normal;
    color: #004BDE;
    margin-bottom: 0.16rem;
}
.message .cont2 ul li p {
    line-height: 1.5;
    letter-spacing: 0.02em;
    margin-top: 0.13rem;
}
@media screen and (max-width:750px){
.message .cont2 {
    padding: 0.8rem 0 0.8rem;
    margin-top: -4rem;
}
.message .cont2 h3 {
    font-size: 0.36rem;
    margin-bottom: 0.8rem;
}
.message .cont2 h3 span {
    font-size: 0.22rem;
    line-height: 1.25;
}
.message .cont2 h3 span .spon {
    display: inline;
}
.message .cont2 ul {
    padding: 0;
}
.message .cont2 ul li {
    width: 74vw;
    height: 74vw;
    margin: -10vw auto 0;
    padding-top: 0.4rem;
}
.message .cont2 ul li:first-child {
    padding-top: 0.8rem;
}
.message .cont2 ul li::before,
.message .cont2 ul li::after {
    width: 74vw;
    height: 74vw;
    margin: -37vw 0 0 -37vw;
}
.message .cont2 ul li::after {
    width: 76vw;
    height: 76vw;
    margin: -38vw 0 0 -38vw;
}
}

/* cont3 */
.message .cont3 {
    background: url("../img/message/bg2.jpg") center top no-repeat;
    background-size: 100% auto;
    border-radius: 0 0 0.4rem 0.4rem;
    color: #fff;
    padding: 1.4rem 0 1rem;
    position: relative;
    z-index: 3;
}
.message .cont3 h3 {
    font-size: 0.4rem;
    font-weight: 700;
    line-height: 1.45;
    letter-spacing: 0.02em;
    text-align: center;
    padding-bottom: 0.49rem;
    position: relative;
}
.message .cont3 h3::after {
    content: '';
    width: 0.01rem;
    height: 0.21rem;
    background-color: #fff;
    position: absolute;
    left: 50%;
    bottom: 0.16rem;
}
.message .cont3 p {
    width: 7.61rem;
    line-height: 2.3125;
    margin: 0 auto;
}
@media screen and (max-width:750px){
 .message .cont3 {
    background-size: cover;
    border-radius: 0 0 0.2rem 0.2rem;
    padding: 0.6rem 0 0.5rem;
}
.message .cont3 h3 {
    font-size: 0.3rem;
}
.message .cont3 p {
    width: 100%;
    line-height: 1.85;
} 
}


/* about
------------------------------------------------- */
/* contents */
.about #contents {
    background: url("../img/about/maintit.jpg") right top no-repeat;
    background-size: 7.43rem auto;
}
@media screen and (max-width:750px){
.about #contents {
    background-size: 70% auto;
}   
}

/* maintit */
.about .maintit {
    margin-bottom: 0.37rem;
}
@media screen and (max-width:750px){
.about .maintit {
    margin-bottom: 80vw;
}
}

/* copy, mobius */
.about .copy {
    font-weight: 700;
    letter-spacing: 0.02em;
    margin-top: 0.3rem;
    position: relative;
    z-index: 2;
}
.about .copy .co1 {
    color: #004BDE;
}
.about .copy .co2 {
    color: #FF9F1F;
}
.about .mobius {
    width: 8.39rem;
    height: 4.45rem;
    background: url("../img/about/mobius.svg") center center no-repeat;
    background-size: 100% auto;
    margin: 0.68rem auto 0;
    position: relative;
    z-index: 3;
}
.about .mobius h3,
.about .mobius h5 {
    font-size: 0.3rem;
    font-weight: 500;
    line-height: 1.8;
    letter-spacing: -0.04em;
    color: #004BDE;
    text-align: center;
}
.about .mobius h3.soft,
.about .mobius h5.soft {
    color: #FF9F1F;
}
.about .mobius h3 span,
.about .mobius h5 span {
    display: block;
    font-size: 0.12rem;
    font-weight: 400;
    line-height: 1.16;
    letter-spacing: normal;
    color: #B2B2B2;
    padding-top: 0.24rem;
    position: relative;
}
.about .mobius h3 span::before,
.about .mobius h5 span::before {
    content: '';
    width: 0.01rem;
    height: 0.15rem;
    background-color: #1A1A1A;
    position: absolute;
    left: 50%;
    top: 0;
}
@media screen and (max-width:750px){
.about .copy {
    letter-spacing: normal;
    ;animation-fill-mode: 1.85;
    margin-top: 0.3rem;
}
.about .mobius {
    width: 100vw;
    height: 53.039vw;
    margin: 0.35rem 0 0 -5vw;
}
.about .mobius h3,
.about .mobius h5 {
    font-size: 0.18rem;
    line-height: 1.8;
}
.about .mobius h3 span,
.about .mobius h5 span {
    font-size: 0.1rem;
    padding-top: 0.2rem;
}
}

/* cont1 */
.about .cont1 {
    background-color: #F4F4F4;
    border-radius: 0.4rem;
    padding: 1.1rem 0 0.98rem;
    margin-bottom: 1.1rem;
}
.about .cont1 .headline3 b {
    letter-spacing: -0.1em;
}
.about .mobius h3.infra {
    position: absolute;
    left: 1.3rem;
    top: 1.8rem;
}
.about .mobius h3.soft {
    position: absolute;
    right: 1.29rem;
    top: 1.8rem;
}
.about .cont1 .sec {
    margin-top: -1.14rem;
    position: relative;
    z-index: 2;
}
.about .cont1 .sec::before,
.about .cont1 .sec::after {
    content: '';
    width: 9.9rem;
    height: 9.11rem;
    background-color: #fff;
    border-radius: 0.3rem;
    position: absolute;
    left: 50%;
    top: -1.55rem;
    margin-left: -4.95rem;
    z-index: 1;
}
.about .cont1 .sec::after {
    width: 5.9rem;
    height: 8.8rem;
    background: linear-gradient(180deg, #1DC9FF 0, #1DC9FF 45%, #fff 100%);
    border-radius: 0.2rem;
    top: -3.68rem;
    margin-left: -2.95rem;
    z-index: 2;
}
.about .cont1 .sec .box {
    position: relative;
    z-index: 3;
}
.about .cont1 .box h4 {
    font-size: 0.21rem;
    font-weight: 700;
    line-height: 1.425;
    letter-spacing: 0.02em;
    text-align: center;
    margin: 1.55rem 0 0.35rem;
}
.about .cont1 .box ul li {
    width: 29%;
    margin-bottom: 0.21rem;
}
.about .cont1 .box ul li:nth-child(2) {
    margin: 0 6.5% 0.21rem;
}
.about .cont1 .box ul li:nth-child(4),
.about .cont1 .box ul li:nth-child(5) {
    margin: 0 3.25% 0.21rem;
}
.about .cont1 .box ul li h5 {
    font-size: 0.14rem;
    font-weight: 500;
    line-height: 1.57;
    letter-spacing: 0.02em;
    padding: 0.15rem 0 0.06rem;
}
.about .cont1 .box ul li p {
    font-size: 0.12rem;
    line-height: 1.833;
    letter-spacing: 0.02em;
    color: #959595;
}
.about .cont1 .box .illust {
    width: 2.7rem;
    position: absolute;
    left: 50%;
    bottom: -1.45rem;
    margin-left: -1.35rem;
}
.about .cont1 h6 {
    font-size: 0.21rem;
    font-weight: 700;
    line-height: 1.9;
    letter-spacing: -0.04em;
    text-align: center;
    padding: 2.56rem 0 0.3rem;
}
.about .cont1 .list li {
    width: 25%;
    height: 1.79rem;
    border-left: 0.01rem solid #707070;
    font-size: 0.14rem;
    font-weight: 700;
    line-height: 1.57;
    letter-spacing: 0.02em;
    text-align: center;
    padding-top: 0.22rem;
    box-sizing: border-box;
}
.about .cont1 .list li:last-child {
    border-right: 0.01rem solid #707070;
}
.about .cont1 .list li img {
    display: block;
    width: 1.01rem;
    margin: 0 auto 0.18rem;
}
@media screen and (max-width:750px){
.about .cont1 {
    border-radius: 0.2rem;
    padding: 1.1rem 0 0.5rem;
    margin-bottom: 0.5rem;
}
.about .mobius h3.infra {
    left: 0.4rem;
    top: 0.65rem;
}
.about .mobius h3.soft {
    right: 0.35rem;
    top: 0.65rem;
}  
.about .cont1 .sec {
    margin-top: -1.14rem;
}
.about .cont1 .sec::before,
.about .cont1 .sec::after {
    content: '';
    width: 100vw;
    height: 9.3rem;
    border-radius: 0.2rem;
    left: -5vw;
    top: -1.5rem;
    margin-left: 0;
}
.about .cont1 .sec::after {
    width: 60vw;
    height: 6.5rem;
    border-radius: 0.2rem;
    left: 15vw;
    top: -1rem;
    margin-left: 0;
}
.about .cont1 .box h4 {
    font-size: 0.20rem;
    margin: 1.55rem 0 0.35rem;
}
.about .cont1 .box ul {
    display: flex;
    justify-content: space-between;
}
.about .cont1 .box ul li {
    width: 47.5%;
    margin-bottom: 0.25rem;
}
.about .cont1 .box ul li:nth-child(2),
.about .cont1 .box ul li:nth-child(4),
.about .cont1 .box ul li:nth-child(5) {
    margin: 0 0 0.25rem;
}
.about .cont1 .box ul li h5 {
    font-size: 0.14rem;
    line-height: 1.45;
    padding: 0.1rem 0 0.06rem;
}
.about .cont1 .box ul li p {
    font-size: 0.12rem;
    line-height: 1.45;
    letter-spacing: normal;
}
.about .cont1 .box .illust {
    width: 2rem;
    bottom: -1rem;
    margin-left: -1rem;
}
.about .cont1 h6 {
    font-size: 0.18rem;
    line-height: 1.5;
    padding: 1.75rem 0 0.2rem;
}
.about .cont1 .list {
    display: flex;
    flex-wrap: wrap;
}
.about .cont1 .list li {
    width: 48%;
    border-left: none;
    border-bottom: 0.01rem solid #707070;
    padding-top: 0.2rem;
}
.about .cont1 .list li:nth-child(3),
.about .cont1 .list li:last-child {
    border: none;
}
.about .cont1 .list li img {
    margin: 0 auto 0.15rem;
}
}

/* cont2 */
.about .cont2 {
    background: url("../img/about/cont2_bg.jpg") center bottom no-repeat;
    background-size: 100% auto;
    padding: 2rem 0 1.5rem;
}
.about .cont2 .headline3 span {
    color: #EBEBEB;
}
.about .cont2 .graph {
    width: 3.58rem;
    margin: 0 auto 0.12rem;
    position: relative;
}
.about .cont2 .graph .illust {
    width: 1.501rem;
    position: absolute;
    right: -0.84rem;
    top: 0.48rem;
}
.about .cont2 .graph .illust span {
    width: 1.35rem;
    font-size: 0.12rem;
    line-height: 1.66;
    letter-spacing: 0.02em;
    position: absolute;
    left: 0.86rem;
    top: 1.26rem;
}
.about .cont2 .mobius {
    margin-top: -1.03rem;
    position: relative;
    z-index: 2;
}
.about .cont2 .mobius h3.infra {
    left: 1.01rem;
}
.about .cont2 .mobius h3.soft {
    right: 0.85rem;
}
.about .cont2 .mobius h3.ict {
    width: 100%;
    font-size: 0.24rem;
    font-weight: 900;
    line-height: 1.45;
    color: #BE5BC2;
    text-align: center;
    position: absolute;
    left: 0;
    top: 1.8rem;
}
.about .cont2 .sec {
    width: 7.5rem;
    margin: -0.2rem auto 0;
    position: relative;
}
.about .cont2 .sec::before,
.about .cont2 .sec::after {
    content: '';
    width: 0.01rem;
    height: 95%;
    background-color: #707070;
    position: absolute;
    left: 0;
    top: 0;
}
.about .cont2 .sec::after {
    left: auto;
    right: 0;
}
.about .cont2 .sec ul {
    width: 6.1rem;
    margin: 0 auto;
    padding-top: 0.82rem;
}
.about .cont2 .sec ul li {
    width: 1.72rem;
}
.about .cont2 .sec ul li h4 {
    font-size: 0.21rem;
    font-weight: 500;
    line-height: 1.45;
    letter-spacing: -0.04em;
    color: #004BDE;
    margin-bottom: 0.08rem;
}
.about .cont2 .sec ul li:nth-child(2) h4 {
    color: #BE5BC2;
}
.about .cont2 .sec ul li:nth-child(3) h4 {
    color: #FF9F1F;
}
.about .cont2 .sec ul li p {
    height: 0.95rem;
    font-size: 0.14rem;
    font-weight: 700;
    line-height: 1.57;
    letter-spacing: 0.02em;
}
.about .cont2 .sec ul li .btnst a {
    width: 100%;
    height: 2.3rem;
    padding-right: 0;
}
.about .cont2 .sec ul li .btnst a::after {
    height: 0.02rem;
    background-color: #fff;
}
.about .cont2 .sec ul li .btnst a img {
    display: block;
    width: 0.62rem;
    margin: 0 auto 0.05rem;
    transition: 0.4s;
}
.about .cont2 .sec ul li .btnst a .ar {
    top: auto;
    bottom: 0.1rem;
}
.about .cont2 .sec ul li:nth-child(2) .btnst a {
    color: #BE5BC2;
}
.about .cont2 .sec ul li:nth-child(2) .btnst a::before,
.about .cont2 .sec ul li:nth-child(2) .btnst a .ar {
    background-color: #BE5BC2;
}
.about .cont2 .sec ul li:nth-child(3) .btnst a {
    color: #FF9F1F;
}
.about .cont2 .sec ul li:nth-child(3) .btnst a::before,
.about .cont2 .sec ul li:nth-child(3) .btnst a .ar {
    background-color: #FF9F1F;
}
.about .cont2 .sec h5 {
    font-size: 0.36rem;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: -0.04em;
    text-align: center;
    padding: 0.85rem 0 0.07rem;
}
.about .cont2 .sec .txt {
    letter-spacing: 0.02em;
    text-align: center;
}
.about .cont2 .sec .map {
    width: 6.6rem;
    margin: 0.32rem 0 0 0.21rem;
}
.about .cont2 .voicelist {
    margin: 0.9rem 0 0.4rem;
}
.about .cont2 .voicelist li {
    width: 3.2rem;
    height: 1.4rem;
    color: #fff;
    padding-top: 0.07rem;
    box-sizing: border-box;
    position: relative;
}
.about .cont2 .voicelist li::before,
.about .cont2 .voicelist li::after {
    content: '';
    width: 0.1139rem;
    height: 100%;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2211.887%22%20height%3D%22139.269%22%20viewBox%3D%220%200%2011.887%20139.269%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_1082%22%20data-name%3D%22%E3%83%91%E3%82%B9%201082%22%20d%3D%22M3110.136%2C6103.474h-11.387v138.269h11.387%22%20transform%3D%22translate(-3098.249%20-6102.974)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221%22%2F%3E%3C%2Fsvg%3E') left top no-repeat;
    background-size: 100% auto;
    position: absolute;
    left: 0;
    top: 0;
}
.about .cont2 .voicelist li::after {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2211.887%22%20height%3D%22139.269%22%20viewBox%3D%220%200%2011.887%20139.269%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_1084%22%20data-name%3D%22%E3%83%91%E3%82%B9%201084%22%20d%3D%22M3098.749%2C6103.474h11.387v138.269h-11.387%22%20transform%3D%22translate(-3098.749%20-6102.974)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221%22%2F%3E%3C%2Fsvg%3E');
    left: auto;
    right: 0;
}
.about .cont2 .voicelist li h6 {
    font-size: 0.12rem;
    font-weight: 400;
    line-height: 1.16;
    color: #1A1A1A;
    text-align: center;
    padding-bottom: 0.29rem;
    position: relative;
}
.about .cont2 .voicelist li h6::after {
    content: '';
    width: 0.16rem;
    height: 0.01rem;
    background-color: #fff;
    position: absolute;
    left: 50%;
    bottom: 0.15rem;
    margin-left: -0.08rem;
}
.about .cont2 .voicelist li p {
    width: 2.53rem;
    font-weight: 500;
    line-height: 1.6875;
    color: #fff;
    margin: 0 auto;
}
.about .cont2 .interview {
    text-align: center;
}
@media screen and (min-width:751px){
.about .cont2 .sec ul li .btnst a:hover img {
    opacity: 0.7;
}
}
@media screen and (max-width:750px){
.about .cont2 {
    background: url("../img/about/cont2_bg.jpg") center bottom no-repeat;
    background-size: auto 9.5rem;
    padding: 2rem 0 1.5rem;
}
.about .cont2 .graph {
    width: 60vw;
    margin: 0.35rem 0 0.26rem 0;
}
.about .cont2 .graph .illust {
    width: 1.3rem;
    top: 0;
    right: -0.9rem;
}
.about .cont2 .graph .illust span {
    width: 1.1rem;
    font-size: 0.1rem;
    line-height: 1.3;
    letter-spacing: normal;
    left: 0.5rem;
    top: 1.1rem;
}
.about .cont2 .mobius {
    margin: -0.8rem 0 0.35rem -5vw;
}
.about .cont2 .mobius h3.infra {
    left: 0.45rem;
}
.about .cont2 .mobius h3.soft {
    right: 0.4rem;
}
.about .cont2 .mobius h3.infra span,
.about .cont2 .mobius h3.infra span::before,
.about .cont2 .mobius h3.soft span,
.about .cont2 .mobius h3.soft span::before {
    display: none;
}
.about .cont2 .mobius h3.ict {
    font-size: 0.18rem;
    font-weight: 500;
    top: 1.05rem;
}
.about .cont2 .sec {
    width: 100%;
    margin: 0 auto;
}
.about .cont2 .sec::before,
.about .cont2 .sec::after {
    display: none;
}
.about .cont2 .sec::after {
    left: auto;
    right: 5%;
    top: 0;
}
.about .cont2 .sec ul {
    width: 100%;
    margin: 0 auto;
    padding-top: 0;
}
.about .cont2 .sec ul li {
    width: 95%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0.2rem auto; 
}
.about .cont2 .sec ul li:nth-child(2) {
    border-top: 0.01rem solid #707070;
    border-bottom: 0.01rem solid #707070;
    padding: 0.25rem 0;
}
.about .cont2 .sec ul li .box {
    width: 60%;
}
.about .cont2 .sec ul li h4 {
    font-size: 0.21rem;
    font-weight: 500;
    line-height: 1.45;
    letter-spacing: -0.04em;
    color: #004BDE;
    margin-bottom: 0.08rem;
}
.about .cont2 .sec ul li h4 {
    font-size: 0.21rem;
    font-weight: 500;
    line-height: 1.45;
    letter-spacing: -0.04em;
    color: #004BDE;
    margin-bottom: 0.08rem;
}
.about .cont2 .sec ul li p {
    height: auto;
    font-size: 0.14rem;
    font-weight: 700;
    line-height: 1.57;
    letter-spacing: 0.02em;
}
.about .cont2 .sec ul li .btnst {
    width: 40%;
}
.about .cont2 .sec ul li .btnst a {
    width: 100%;
    height: auto;
    padding: 0 0 0.1rem;
}
.about .cont2 .sec ul li .btnst a img {
    width: 0.4rem;
    margin: 0 auto 0.05rem;
}
.about .cont2 .sec ul li .btnst a .ar {
    top: auto;
    bottom: 0.1rem;
}
.about .cont2 .sec h5 {
    font-size: 0.26rem;
    white-space: nowrap;
    padding: 0.5rem 0 0.2rem;
}
.about .cont2 .sec .txt {
    line-height: 1.75;
    letter-spacing: normal;
    text-align: left;
}
.about .cont2 .sec .map {
    width: 100%;
    margin: -0.2rem 0 0;
}
.about .cont2 .voicelist {
    margin: 0.5rem 0;
}
.about .cont2 .voicelist li {
    width: 90%;
    height: 1rem;
    padding-top: 0.07rem;
    margin: 0 auto 0.1rem;
}
.about .cont2 .voicelist li::before,
.about .cont2 .voicelist li::after {
    width: 0.08rem;
    background-position: left center;
}
.about .cont2 .voicelist li::after {
    background-position: right center;
}
.about .cont2 .voicelist li p {
    width: 90%;
    font-size: 0.13rem;
    line-height: 1.5;
}
.about .cont2 .interview a {
    display: block;
    width: 90%;
    height: 0.5rem;
    margin: 0 auto;
    text-align: left;
    line-height: 1.5;
    box-sizing: border-box;
}
.about .cont2 .interview a .ar {
    top: 0.1rem;
}
}

/* cont3 */
.about .cont3 {
    background-color: #F4F4F4;
    border-radius: 0.4rem;
    padding: 2.5rem 0 1.16rem;
    margin: -0.65rem 0 1rem;
    position: relative;
    z-index: 2;
}
.about .cont3 h3 {
    font-size: 0.3rem;
    font-weight: 500;
    line-height: 1.33;
    letter-spacing: -0.04em;
    margin: 0.25rem 0 0.08rem;
    position: relative;
    z-index: 2;
}
.about .cont3 .copy {
    margin: 0 0 0.1rem;
}
.about .cont3 .sec {
    position: relative;
}
.about .cont3 .sec ul li {
    width: 0.88rem;
    margin-right: 0.64rem;
    text-align: center;
}
.about .cont3 .sec ul li:nth-child(7) {
    margin: 0;
}
.about .cont3 .sec ul li div {
    overflow: hidden;
}
.about .cont3 .sec ul li:nth-child(1) div {
    width: 1.7042rem;
}
.about .cont3 .sec ul li:nth-child(2) div {
    width: 1.7365rem;
}
.about .cont3 .sec ul li:nth-child(3) div {
    width: 1.7712rem;
}
.about .cont3 .sec ul li:nth-child(4) div {
    width: 1.8289rem;
}
.about .cont3 .sec ul li:nth-child(5) div {
    width: 1.8797rem;
}
.about .cont3 .sec ul li:nth-child(6) div {
    width: 1.9351rem;
}
.about .cont3 .sec ul li:nth-child(7) div {
    width: 1.9558rem;
}
.about .cont3 .sec ul li div img {
    transition: 0.4s;
}
.about .cont3 .sec ul li:nth-child(1) div img {
    transform: translateX(-5em) translateY(40em);
    transition-delay: 0.2s;
}
.about .cont3 .sec ul li:nth-child(2) div img {
    transform: translateX(-8em) translateY(40em);
    transition-delay: 0.4s;
}
.about .cont3 .sec ul li:nth-child(3) div img {
    transform: translateX(-10em) translateY(40em);
    transition-delay: 0.6s;
}
.about .cont3 .sec ul li:nth-child(4) div img {
    transform: translateX(-12em) translateY(40em);
    transition-delay: 0.8s;
}
.about .cont3 .sec ul li:nth-child(5) div img {
    transform: translateX(-14em) translateY(40em);
    transition-delay: 1s;
}
.about .cont3 .sec ul li:nth-child(6) div img {
    transform: translateX(-16em) translateY(40em);
    transition-delay: 1.2s;
}
.about .cont3 .sec ul li:nth-child(7) div img {
    transform: translateX(-18em) translateY(40em);
    transition-delay: 1.4s;
}
.about .cont3 .sec.isAnimate ul li div img {
    transform: translateX(0) translateY(0);
}
.about .cont3 .sec ul li span {
    display: block;
    height: 0.5rem;
    font-size: 0.14rem;
    line-height: 1.425;
    letter-spacing: 0.02em;
    padding-top: 0.1rem;
    box-sizing: border-box;
}
.about .cont3 .sec .yoso {
    width: 1.84rem;
    height: 1.84rem;
    background: linear-gradient(180deg, #00C9FF, #CA60CB, #FFBB00);
    border-radius: 50%;
    font-weight: 700;
    letter-spacing: 0.02em;
    color: #fff;
    text-align: center;
    padding-top: 0.325rem;
    position: absolute;
    right: -0.43rem;
    top: -0.78rem;
    box-sizing: border-box;
    opacity: 0;
}
.about .cont3 .sec.isAnimate .yoso {
    animation: fade 0.7s ease 1.8s 1 forwards;
}
.about .cont3 .sec .yoso span {
    display: block;
    font-size: 0.64rem;
    line-height: 1;
    letter-spacing: -0.08em;
}
.about .cont3 .sec .yoso b {
    display: block;
    font-size: 0.18rem;
    font-weight: 700;
    letter-spacing: 0.02em;
}
.about .cont3 .sec .note {
    font-size: 0.12rem;
    letter-spacing: 0.02em;
    line-height: 1.66;
    color: #959595;
    padding-top: 0.4rem;
}
.about .cont3 h4 {
    font-size: 0.36rem;
    font-weight: 400;
    line-height: 1.11;
    text-align: center;
    padding: 1rem 0 0.35rem;
}
.about .cont3 .graph {
    position: relative;
}
.about .cont3 .graph .logo {
    display: none;
}
.about .cont3 .graph .illust {
    width: 1.4931rem;
    position: absolute;
    left: 5.51rem;
    bottom: -0.02rem;
    opacity: 0;
}
.about .cont3 .graph.isAnimate .illust {
    animation: fadeInLeft 0.7s ease 0.7s 1 forwards;
}
.about .cont3 .box {
    position: relative;
}
.about .cont3 .box::before,
.about .cont3 .box::after {
    content: '';
    width: 100%;
    height: 2.63rem;
    background-color: #fff;
    border-radius: 0.2rem;
    position: absolute;
    left: 0;
    top: 0.53rem;
    z-index: 1;
}
.about .cont3 .box::after {
    width: 5.9rem;
    height: 2.98rem;
    background: linear-gradient(360deg, #1DC9FF, #fff);
    left: 50%;
    margin-left: -2.95rem;
    z-index: 2;
}
.about .cont3 .box ul {
    position: relative;
    z-index: 3;
}
.about .cont3 .box ul li {
    width: 4.2rem;
    height: 2.67rem;
    background-color: #004BDE;
    border-radius: 0.2rem;
    padding: 0.26rem 0.26rem 0;
    margin: 0 0.21rem;
    color: #fff;
    box-sizing: border-box;
}
.about .cont3 .box ul li:nth-child(2) {
    background-color: #FF9F1F;
}
.about .cont3 .box ul li h5 {
    background-color: #fff;
    border-radius: 0.1rem;
    font-size: 0.21rem;
    font-weight: 400;
    line-height: 2.57;
    letter-spacing: -0.04em;
    text-align: center;
    color: #004BDE;
    margin-bottom: 0.2rem;
}
.about .cont3 .box ul li:nth-child(2) h5 {
    color: #FF9F1F;
}
.about .cont3 .box ul li p {
    border-left: 0.01rem solid #fff;
    padding-left: 0.08rem;
    margin-bottom: 0.19rem;
}
.about .cont3 .box h6 {
    font-weight: 700;
    line-height: 1.5;
    color: #fff;
    text-align: center;
    padding-top: 0.31rem;
    position: relative;
    z-index: 3;
}
@media screen and (max-width:750px){
.about .cont3 {
    border-radius: 0.2rem;
    padding: 2rem 0 0.9rem;
    margin: -0.65rem 0 0.5rem;
}
.about .cont3 h3 {
    font-size: 0.24rem;
    white-space: nowrap;
    margin: 0.25rem 0 0.08rem;
    position: relative;
    z-index: 2;
}
.about .cont3 .copy {
    margin: 0 0 1rem;
}
.about .cont3 .sec ul {
    display: flex;
    margin-left: -4.5vw;
}
.about .cont3 .sec ul li {
    width: 0.42rem;
    margin-right: 0.05rem;
}
.about .cont3 .sec ul li:nth-child(1) div {
    width: 0.76689rem;
}
.about .cont3 .sec ul li:nth-child(2) div {
    width: 0.781425rem;
}
.about .cont3 .sec ul li:nth-child(3) div {
    width: 0.79704rem;
}
.about .cont3 .sec ul li:nth-child(4) div {
    width: 0.823rem;
}
.about .cont3 .sec ul li:nth-child(5) div {
    width: 0.845865rem;
}
.about .cont3 .sec ul li:nth-child(6) div {
    width: 0.870795rem;
}
.about .cont3 .sec ul li:nth-child(7) div {
    width: 0.88011rem;
}
.about .cont3 .sec ul li span {
    height: 0.3rem;
    font-size: 0.10rem;
}
.about .cont3 .sec .yoso {
    transform: scale(0.6);
    top: -1.5rem;
}
.about .cont3 .sec .yoso span {
    display: block;
    font-size: 0.64rem;
    line-height: 1;
    letter-spacing: -0.08em;
}
.about .cont3 .sec .yoso b {
    display: block;
    font-size: 0.18rem;
    font-weight: 700;
    letter-spacing: 0.02em;
}
.about .cont3 h4 {
    font-size: 0.26rem;
    line-height: 1.45;
    padding: 0.7rem 0 0.35rem;
}
.about .cont3 .graph .logo {
    display: block;
    width: 40vw;
    margin: 0 auto;
}
.about .cont3 .graph {
    width: 96vw;
    margin-left: -3vw;
    margin-bottom: 3vw;
}
.about .cont3 .graph .illust {
    display: none;
}
.about .cont3 .box {
    position: relative;
}
.about .cont3 .box::before,
.about .cont3 .box::after {
    content: '';
    width: 100%;
    height: 95%;
    left: 0;
    top: 0.53rem;
    z-index: 1;
}
.about .cont3 .box::after {
    width: 70vw;
    height: 90%;
    left: 10vw;
    margin-left: 0;
    z-index: 2;
}
.about .cont3 .box ul li {
    width: 90%;
    height: auto;
    padding: 5vw;
    margin: 0 auto 0.2rem;
}
.about .cont3 .box ul li h5 {
    font-size: 0.18rem;
    line-height: 2.;
    margin-bottom: 0.2rem;
}
.about .cont3 .box ul li p {
    font-size: 0.14rem;
    line-height: 1.75;
    margin-bottom: 0.15rem;
}
.about .cont3 .box h6 {
    padding: 0 0 0.3rem;
}
}

/* cont4 */
.about .cont4 {
    padding-top: 2rem; 
}
.about .cont4 .headline3 span {
    color: #EBEBEB;
}
.about .cont4 h3 {
    font-size: 0.96rem;
    font-weight: 100;
    line-height: 1.16;
    margin: 0.8rem 0 0.05rem;
    position: relative;
    z-index: 2;
}
.about .cont4 .copy {
    margin: 0 0 1.07rem;
}
.about .cont4 .box {
    position: relative;
    margin-bottom: 0.01rem;
}
.about .cont4 .box::after {
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.51);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}
.about .cont4 .box2::after {
    background-color: rgba(0,0,0,0.67);
}
.about .cont4 .box3::after {
    background-color: rgba(0,0,0,0.27);
}
.about .cont4 .box .icon {
    width: 1.93rem;
    position: absolute;
    left: 50%;
    top: -1.0825rem;
    margin-left: -0.965rem;
    z-index: 3;
    animation: fluffy 2s infinite;
}
.about .cont4 .box2 .icon {
    top: -1.03rem;
    animation: fluffy 1.8s infinite;
}
.about .cont4 .box3 .icon {
    top: -1.0325rem;
    animation: fluffy 2.1s infinite;
}
.about .cont4 .box .cover {
    width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    z-index: 2;
}
.about .cont4 .box h4 {
    font-size: 0.36rem;
    font-weight: 400;
    line-height: 1.25;
    text-align: center;
    color: #fff;
}
.about .cont4 .box3 h4 {
    padding-top: 0.9rem;
}
.about .cont4 .box h4 span {
    font-weight: 700;
}
.about .cont4 .box p {
    font-weight: 500;
    line-height: 2.5;
    text-align: center;
    color: #fff;
    padding-top: 0.15rem;
}
.about .cont4 .box .mobius {
    margin-top: 0.24rem;
}
.about .cont4 .box .mobius ul {
    padding-top: 0.27rem;
}
.about .cont4 .box .mobius ul li {
    font-size: 0.14rem;
    line-height: 1.57;
    font-weight: 700;
    letter-spacing: 0.02em;
    padding-left: 1em;
    text-indent: -1em;
}
.about .cont4 .box .mobius ul li::before {
    content: '・';
}
.about .cont4 .box .mobius .con1 {
    position: absolute;
    left: 1.58rem;
    top: 1.21rem;
}
.about .cont4 .box .mobius .con2 {
    position: absolute;
    right: 1.29rem;
    top: 1.21rem;
}
.about .cont4 .box .btnst {
    text-align: center;
    margin-top: 0.6rem;
}
@media screen and (max-width:750px){
.about .cont4 h3 {
    font-size: 0.6rem;
    margin: 0.6rem 0 0.05rem;
}
.about .cont4 .copy {
    margin: 0 0 1.07rem;
}
.about .cont4 .box {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 0.01rem;
    padding: 1.2rem 0.1rem;
}
.about .cont4 .box1 {
    background-image: url("../img/about/cont4_bg1.jpg");
    background-position: 85% center;
}   
.about .cont4 .box2 {
    background-image: url("../img/about/cont4_bg2.jpg");
    padding-bottom: 3rem;
    background-position: 40% center;
}   
.about .cont4 .box3 {
    background-image: url("../img/about/cont4_bg3.jpg");
}   
.about .cont4 .box .icon {
    width: 1.4rem;
    top: -0.75rem;
    margin-left: -0.7rem;
}
.about .cont4 .box2 .icon {
    top: -0.7rem;
}
.about .cont4 .box3 .icon {
    top: -0.7rem;
}
.about .cont4 .box .cover {
    position: relative;
    left: 0;
    top: 0;
    transform: translateY(0) translateX(0);
}
.about .cont4 .box h4 {
    font-size: 0.28rem;
}
.about .cont4 .box3 h4 {
    padding-top: 0;
}
.about .cont4 .box p {
    font-size: 0.14rem;
    line-height: 1.5;
}
.about .cont4 .box .mobius {
    margin: 0.2rem 0 0 -2.5vw;
}
.about .cont4 .box .mobius ul {
    width: 65%;
    padding-top: 0.1rem;
    margin: 0 auto;
}
.about .cont4 .box .mobius ul li {
    font-size: 0.12rem;
    line-height: 1.5;
    letter-spacing: normal;
    margin-bottom: 0.02rem;
}
.about .cont4 .box .mobius ul li::before {
    content: '・';
}
.about .cont4 .box .mobius .con1 {
    width: 50%;
    left: 0.1rem;
    top: 0.65rem;
}
.about .cont4 .box .mobius .con1 h5 {
    margin-right: 0.05rem;
}
.about .cont4 .box .mobius .con1 ul {
    width: 90%;
    height: 1.6rem;
    background-color: rgba(255,255,255,0.8);
    border-radius: 0.05rem;
    margin: 0.95rem 0 0 2%;
    padding: 0.15rem 0.1rem;
    box-sizing: border-box;
}
.about .cont4 .box .mobius .con2 {
    width: 50%;
    right: 0.05rem;
    top: 0.65rem;
}
.about .cont4 .box .mobius .con2 h5 {
    margin-right: 0.05rem;
}
.about .cont4 .box .mobius .con2 ul {
    width: 90%;
    height: 1.6rem;
    background-color: rgba(255,255,255,0.8);
    border-radius: 0.05rem;
    margin: 0.95rem 0 0 5%;
    padding: 0.15rem 0.1rem;
    box-sizing: border-box;
}
.about .cont4 .box .btnst {
    margin-top: 0.3rem;
}
}


/* staff
------------------------------------------------- */
/* maintit */
.post-type-archive-staff .maintit,
.tax-jobtype .maintit {
    margin-bottom: 0;
}
@media screen and (max-width:750px){
.post-type-archive-staff .maintit,
.tax-jobtype .maintit {
    padding-top: 1.6rem;
}
}

/* cont1 */
.post-type-archive-staff .cont1,
.tax-jobtype .cont1 {
    padding-top: 0.37rem;
}
.post-type-archive-staff .cont1 .inner,
.tax-jobtype .cont1 .inner {
    max-width: 11.66rem;
    padding-left: 0.89rem;
    box-sizing: border-box;
}
.post-type-archive-staff .cont1 h2,
.tax-jobtype .cont1 h2 {
    width: 5.3rem;
    font-weight: 700;
    line-height: 1.1875;
    margin-bottom: 0.27rem;
    position: relative;
}
.post-type-archive-staff .cont1 h2::before,
.tax-jobtype .cont1 h2::before {
    content: '';
    width: 90%;
    height: 0.01rem;
    background-color: #707070;
    position: absolute;
    right: 0;
    top: 50%;
    z-index: 1;
}
.post-type-archive-staff .cont1 h2 span,
.tax-jobtype .cont1 h2 span {
    background-color: #fff;
    padding-right: 0.1rem;
    position: relative;
    z-index: 2;
}
.post-type-archive-staff .cont1 .mnav,
.tax-jobtype .cont1 .mnav {
    width: 5.3rem;
    padding-bottom: 0.3rem;
}
.post-type-archive-staff .cont1 .mnav ul li,
.tax-jobtype .cont1 .mnav ul li {
    width: 32%;
    margin: 0 2% 0.15rem 0;
}
.post-type-archive-staff .cont1 .mnav ul li:nth-child(3n),
.tax-jobtype .cont1 .mnav ul li:nth-child(3n) {
    margin-right: 0;
}
.post-type-archive-staff .cont1 .mnav ul li input,
.tax-jobtype .cont1 .mnav ul li input {
    display: none;
}
.post-type-archive-staff .cont1 .mnav ul li label span,
.tax-jobtype .cont1 .mnav ul li label span,
.post-type-archive-staff .cont1 .mnav ul li button,
.tax-jobtype .cont1 .mnav ul li button {
    width: 100%;
    height: 0.29rem;
    background-color: #fff;
    border: 0.01rem solid #004BDE;
    border-radius: 3em;
    font-size: 0.14rem;
    letter-spacing: -0.04em;
    white-space: nowrap;
    color: #797979;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    appearance: none;
    cursor: pointer;
    transition: 0.4s;
}
.post-type-archive-staff .cont1 .mnav ul li input[type=radio]:checked+span,
.tax-jobtype .cont1 .mnav ul li input[type=radio]:checked+span {
    background-color: #004BDE;
    color: #fff;
    pointer-events: none;
}
.post-type-archive-staff .cont1 .stafflist,
.tax-jobtype .cont1 .stafflist {
    min-height: 1.7rem;
    position: relative;
}
.post-type-archive-staff .cont1 .stafflist ul,
.tax-jobtype .cont1 .stafflist ul {
    background-color: #fff;
}
.post-type-archive-staff .cont1 .stafflist ul li,
.tax-jobtype .cont1 .stafflist ul li {
    width: 25%;
    margin: 0 8.33% 0.5rem 0;
    animation-name: fade;
    animation-duration: 2s;
    transition: all 0.2s;
}
.post-type-archive-staff .cont1 .stafflist ul li a,
.tax-jobtype .cont1 .stafflist ul li a {
    display: block;
    width: 100%;
    height: 100%;
}
.post-type-archive-staff .cont1 .stafflist ul li a .cover,
.tax-jobtype .cont1 .stafflist ul li a .cover {
    width: 100%;
    height: 3.6rem;
    border-radius: 0.1rem;
    overflow: hidden;
    position: relative;
}
.post-type-archive-staff .cont1 .stafflist ul li a .cover img,
.tax-jobtype .cont1 .stafflist ul li a .cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.post-type-archive-staff .cont1 .stafflist ul li a .cover::after,
.tax-jobtype .cont1 .stafflist ul li a .cover::after {
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(26,26,26,0.53);
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    z-index: 1;
    transition: 0.4s;
}
.post-type-archive-staff .cont1 .stafflist ul li a .cover p,
.tax-jobtype .cont1 .stafflist ul li a .cover p {
    width: 2.1rem;
    font-size: 0.18rem;
    font-weight: 700;
    line-height: 1.45;
    letter-spacing: 0.059em;
    color: #fff;
    position: absolute;
    left: 0.19rem;
    bottom: -100%;
    z-index: 2;
    transition: 0.4s;
}
.post-type-archive-staff .cont1 .stafflist ul li a .cover p br,
.tax-jobtype .cont1 .stafflist ul li a .cover p br {
    display: none;
}
.post-type-archive-staff .cont1 .stafflist ul li a .cover span,
.tax-jobtype .cont1 .stafflist ul li a .cover span {
    display: inline-block;
    width: 0.28rem;
    height: 0.28rem;
    background-color: #004BDE;
    border-radius: 50%;
    position: absolute;
    right: 0.12rem;
    bottom: 0.13rem;
    overflow: hidden;
    z-index: 3;
}
.post-type-archive-staff .cont1 .stafflist ul li a .cover span::before,
.tax-jobtype .cont1 .stafflist ul li a .cover span::before {
    content: '';
    width: 0.09rem;
    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.829%22%20height%3D%227.876%22%20viewBox%3D%220%200%208.829%207.876%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_62%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2062%22%20transform%3D%22translate(-726.171%20-2415)%22%3E%20%3Cline%20id%3D%22%E7%B7%9A_37%22%20data-name%3D%22%E7%B7%9A%2037%22%20y1%3D%227%22%20x2%3D%228%22%20transform%3D%22translate(726.5%202415.5)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_115%22%20data-name%3D%22%E3%83%91%E3%82%B9%20115%22%20d%3D%22M734.5%2C2420.5v-5h-5%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E') right top no-repeat;
    background-size: 100% auto;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -0.04rem 0 0 -0.045rem;
}
.post-type-archive-staff .cont1 .stafflist ul li a h3,
.tax-jobtype .cont1 .stafflist ul li a h3 {
    font-size: 0.18rem;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.04em;
    padding: 0.15rem 0 0.05rem;
}
.post-type-archive-staff .cont1 .stafflist ul li a h3 span,
.tax-jobtype .cont1 .stafflist ul li a h3 span {
    display: block;
    font-size: 0.3rem;
}
.post-type-archive-staff .cont1 .stafflist ul li a .year,
.post-type-archive-staff .cont1 .stafflist ul li a ul li,
.tax-jobtype .cont1 .stafflist ul li a .year,
.tax-jobtype .cont1 .stafflist ul li a ul li {
    width: 100%;
    margin: 0;
    font-size: 0.12rem;
    line-height: 1.66;
    letter-spacing: 0.04em;
    color: #797979;
    display: list-item !important;
    opacity: 1 !important;
}
.post-type-archive-staff .cont1 .stafflist ul li a ul li.infra,
.tax-jobtype .cont1 .stafflist ul li a ul li.infra,
.post-type-archive-staff .cont1 .stafflist ul li a ul li.software,
.tax-jobtype .cont1 .stafflist ul li a ul li.software,
.post-type-archive-staff .cont1 .stafflist ul li a ul li.ict,
.tax-jobtype .cont1 .stafflist ul li a ul li.ict {
    display: none !important;
}
.post-type-archive-staff .cont1 .stafflist .nohit,
.tax-jobtype .cont1 .stafflist .nohit {
    padding: 0.4rem 0 1rem;
}
.post-type-archive-staff .cont1 .stafflist .nohit.po,
.tax-jobtype .cont1 .stafflist .nohit.po {
    height: 1.7rem;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    box-sizing: border-box;
    opacity: 0;
}
.post-type-archive-staff .cont1 .stafflist .nohit.po.active,
.tax-jobtype .cont1 .stafflist .nohit.po.active {
    opacity: 1;
}
@media screen and (min-width:751px){
.post-type-archive-staff .cont1 .mnav ul li label:hover span,
.tax-jobtype .cont1 .mnav ul li label:hover span,
.post-type-archive-staff .cont1 .mnav ul li button:hover,
.tax-jobtype .cont1 .mnav ul li button:hover {
    background-color: #004BDE;
    color: #fff;
}
.post-type-archive-staff .cont1 .stafflist ul li a:hover .cover::after,
.tax-jobtype .cont1 .stafflist ul li a:hover .cover::after {
    opacity: 1;
}
.post-type-archive-staff .cont1 .stafflist ul li a:hover .cover p,
.tax-jobtype .cont1 .stafflist ul li a:hover .cover p {
    bottom: 0.16rem;
}
.post-type-archive-staff .cont1 .stafflist ul li a:hover .cover span::before,
.tax-jobtype .cont1 .stafflist ul li a:hover .cover span::before {
    animation: move-arrow 1.3s infinite;
}
}
@media screen and (max-width:750px){
.post-type-archive-staff .cont1,
.tax-jobtype .cont1 {
    padding-top: 0.5rem;
}
.post-type-archive-staff .cont1 .inner,
.tax-jobtype .cont1 .inner {
    padding-left: 0;
}
.post-type-archive-staff .cont1 h2,
.tax-jobtype .cont1 h2 {
    width: 100%;
}
.post-type-archive-staff .cont1 h2 span,
.tax-jobtype .cont1 h2 span {
    background-color: #fff;
    padding-right: 0.1rem;
    position: relative;
    z-index: 2;
}
.post-type-archive-staff .cont1 .mnav,
.tax-jobtype .cont1 .mnav {
    width: 100%;
    padding-bottom: 0.3rem;
}
.post-type-archive-staff .cont1 .mnav ul,
.tax-jobtype .cont1 .mnav ul {
    display: flex;
    justify-content: space-between;
}
.post-type-archive-staff .cont1 .mnav ul li,
.tax-jobtype .cont1 .mnav ul li {
    width: 48%;
    height: 0.28rem;
    font-size: 0.13rem;
    margin: 0 0 0.1rem;
}
.post-type-archive-staff .cont1 .stafflist ul,
.tax-jobtype .cont1 .stafflist ul {
    display: flex;
    justify-content: space-between;
}
.post-type-archive-staff .cont1 .stafflist ul li,
.tax-jobtype .cont1 .stafflist ul li {
    width: 48%;
    margin: 0 0 0.4rem;
}
.post-type-archive-staff .cont1 .stafflist ul li a .cover,
.tax-jobtype .cont1 .stafflist ul li a .cover {
    height: 2.15rem;
}
.post-type-archive-staff .cont1 .stafflist ul li a .cover span,
.tax-jobtype .cont1 .stafflist ul li a .cover span {
    right: 0.075rem;
    bottom: 0.075rem;
}
.post-type-archive-staff .cont1 .stafflist ul li a h3,
.tax-jobtype .cont1 .stafflist ul li a h3 {
    font-size: 0.16rem;
    padding: 0.15rem 0 0.05rem;
}
.post-type-archive-staff .cont1 .stafflist ul li a h3 span,
.tax-jobtype .cont1 .stafflist ul li a h3 span {
    font-size: 0.26rem;
}
.post-type-archive-staff .cont1 .stafflist ul li a ul,
.tax-jobtype .cont1 .stafflist ul li a ul {
    display: block;
}
}


/* single-detail
------------------------------------------------- */
/* mainvisual */
.single-staff .mainvisual {
    margin-bottom: 1rem;
}
.single-staff .mainvisual .con {
    width: 2.96rem;
    padding: 0 0 0.37rem 0.47rem;
    box-sizing: border-box;
    position: relative;
    z-index: 2;
    opacity: 0;
}
.single-staff .mainvisual .con {
    animation: fadeInLeft 0.7s ease 0.5s 1 forwards;
}
.single-staff .mainvisual .con .titbox {
    position: relative;
}
.single-staff .mainvisual .con .titbox::before {
    content: '';
    width: 3.14rem;
    height: 1.1rem;
    background: linear-gradient(90deg, #004BDE, #CA60CB, #FFBB00);
    border-radius: 0 0.2rem 0.2rem 0;
    position: absolute;
    left: -0.47rem;
    top: -0.15rem;
    z-index: 1;
}
.single-staff .mainvisual .con .titbox h1 {
    font-size: 0.36rem;
    font-weight: 300;
    line-height: 1.166;
    color: #fff;
    position: relative;
    z-index: 3;
}
.single-staff .mainvisual .con .titbox .titbox-arrow {
    width: 2.83rem;
    height: 2.27rem;
    position: absolute;
    left: -1.3rem;
    top: -0.86rem;
    z-index: 2;
}
.single-staff .mainvisual .con .titbox .titbox-arrow .st1 {
    stroke: #fff;
    stroke-miterlimit: 10;
    stroke-width: 120px;
    stroke-dasharray: 1000px;
    stroke-dashoffset: 1000px;
}
.single-staff .mainvisual .con .titbox .titbox-arrow .st2 {
    fill: #004bde;
}
.single-staff .mainvisual .con.isAnimate .titbox .titbox-arrow .st1 {
    animation: entry-arrow 1.5s 0.8s forwards;
}
.single-staff .mainvisual .con .titbox .titbox-arrow #text2 {
    mask: url(#mask-wrapper2);
}
.single-staff .mainvisual .con h2 {
    font-size: 0.18rem;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.04em;
    padding: 0.35rem 0 0.15rem;
}
.single-staff .mainvisual .con h2 span {
    display: block;
    font-size: 0.36rem;
}
.single-staff .mainvisual .con .year,
.single-staff .mainvisual .con ul li {
    width: 100%;
    margin: 0;
    font-size: 0.14rem;
    line-height: 1.785;
    letter-spacing: 0.04em;
    color: #797979;
}
.single-staff .mainvisual .photo {
    width: calc(100% - 2.96rem);
    border-radius: 0 0 0 0.4rem;
    position: relative;
    overflow: hidden;
}
.single-staff .mainvisual .photo h3 {
    font-size: 0.4rem;
    font-weight: 700;
    line-height: 1.45;
    letter-spacing: 0.04em;
    color: #fff;
    position: absolute;
    left: 0.45rem;
    bottom: 0.37rem;
}
@media screen and (max-width:750px){
.single-staff .mainvisual {
    margin-bottom: 0.7rem;
}
.single-staff .mainvisual .con {
    width: 100%;
    padding: 148vw 0 0 5vw;
}
.single-staff .mainvisual .con .titbox::before {
    width: 3.25rem;
    height: 0.65rem;
    left: -0.47rem;
    top: -0.15rem;
    z-index: 1;
}
.single-staff .mainvisual .con .titbox h1 {
    font-size: 0.30rem;
}
.single-staff .mainvisual .con .titbox .titbox-arrow {
    width: 2rem;
    height: 1.6042rem;
    left: -0.7rem;
    top: -0.8rem;
}
.single-staff .mainvisual .con h2 {
    padding: 0.2rem 0 0.05rem;
}
.single-staff .mainvisual .con h2 span {
    display: inline-block;
    padding-left: 0.2rem;
}
.single-staff .mainvisual .con .year {
    line-height: 1.75;
    letter-spacing: normal;
}
.single-staff .mainvisual .con ul {
    display: flex;
}
.single-staff .mainvisual .con ul li {
    width: auto;
    line-height: 1.75;
    letter-spacing: normal;
    margin-right: 0.1rem;
}
.single-staff .mainvisual .photo {
    width: 100%;
    position: absolute;
    left: 0;
    top: 21.5vw;
    overflow: inherit;
}
.single-staff .mainvisual .photo img {
    display: block;
    border-radius: 0.2rem 0 0 0.2rem;
}
.single-staff .mainvisual .photo h3 {
    font-size: 0.24rem;
    line-height: 1.45;
    letter-spacing: normal;
    color: #1A1A1A;
    left: 5vw;
    bottom: -30vw;
}
}

/* cont1 */
.single-staff .cont1 {
    margin-bottom: 1.2rem;
}
.single-staff .cont1 .sec h2 {
    width: 32%;
}
.single-staff .cont1 .sec h2 {
    font-size: 0.21rem;
    font-weight: 700;
    line-height: 1.45;
}
.single-staff .cont1 .sec h2 span {
    display: inline-block;
    background: linear-gradient(90deg, #004BDE, #CA60CB, #FFBB00);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 0.12rem;
    font-weight: 400;
    margin-bottom: 0.05rem;
    position: relative;
}
.single-staff .cont1 .sec h2 span::before {
    content: '';
    width: 100vw;
    height: 0.01rem;
    background-color: #707070;
    position: absolute;
    right: calc(100% + 0.12rem);
    top: 50%;
}
.single-staff .cont1 .sec .con {
    width: 65.5%;
    margin-top: 0.25rem;
}
.single-staff .cont1 .sec .con h3 {
    font-size: 0.3rem;
    font-weight: 400;
    line-height: 1.45;
    color: #004BDE;
    margin-bottom: 0.2rem;
}
.single-staff .cont1 .sec .con p {
    letter-spacing: 0.02em;
}
.single-staff .cont1 .photo {
    width: 100%;
    border-radius: 0.4rem;
    overflow: hidden;
    margin-top: 1.1rem;
}
@media screen and (max-width:750px){
.single-staff .cont1 {
    margin-bottom: 0.7rem;
}
.single-staff .cont1 .sec h2 {
    width: 100%;
}
.single-staff .cont1 .sec h2 span::before {
    right: calc(100% + 0.05rem);
}
.single-staff .cont1 .sec .con {
    width: 100%;
    margin-top: 0.2rem;
}
.single-staff .cont1 .sec .con h3 {
    font-size: 0.24rem;
    margin-bottom: 0.2rem;
}
.single-staff .cont1 .sec .con p {
    line-height: 1.75;
    letter-spacing: normal;
}
.single-staff .cont1 .photo {
    width: 100%;
    border-radius: 0.2rem;
    margin-top: 0.4rem;
}
}

/* cont2 */
.single-staff .cont2 h3 {
    font-size: 0.21rem;
    font-weight: 400;
    line-height: 1.65;
    letter-spacing: 0.04em;
    margin-bottom: 0.125rem;
    overflow: hidden;
}
.single-staff .cont2 h3 span {
    display: inline-block;
    background: linear-gradient(180deg, #004BDE, #CA60CB, #FFBB00);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 0.3rem;
    font-weight: 600;
    line-height: 1;
    margin-right: 0.2rem;
}
.single-staff .cont2 .sec {
    background-color: #F4F4F4;
    border-radius: 0.4rem 0 0 0.4rem;
    padding: 0.25rem 0 0.25rem 0.3rem;
    position: relative;
}
.single-staff .cont2 .sec::after {
    content: '';
    width: 100vw;
    height: 100%;
    background-color: #F4F4F4;
    position: absolute;
    left: 90%;
    top: 0;
}
.single-staff .cont2 .sec .photo {
    width: 2.4rem;
    min-height: 1.92rem;
    border-radius: 0.18rem;
    overflow: hidden;
}
.single-staff .cont2 .sec .photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.single-staff .cont2 .sec .slider {
    width: 7.94rem;
}
.single-staff .cont2 .sec .slider .slider-schedule {
    width: 67.86vw;
}
.single-staff .cont2 .sec .slider .slider-schedule .swiper-wrapper {
    padding-bottom: 0.1rem;
    overflow-x: auto;
}
.single-staff .cont2 .sec .slider .swiper-slide {
    width: 2.75rem;
    margin-right: 0.35rem;
}
.single-staff .cont2 .sec .slider .swiper-slide dl {
    font-size: 0.18rem;
    color: #004BDE;
    margin: 0.07rem 0 0.15rem;
    position: relative;
}
.single-staff .cont2 .sec .slider .swiper-slide dl::before {
    content: '';
    width: 0.1rem;
    height: 0.1rem;
    background-color: #004BDE;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0.26rem;
    z-index: 2;
}
.single-staff .cont2 .sec .slider .swiper-slide dl::after {
    content: '';
    width: calc(100% + 0.35rem);
    height: 0.01rem;
    background-color: #707070;
    position: absolute;
    left: 0;
    top: 0.31rem;
    z-index: 1;
}
.single-staff .cont2 .sec .slider .swiper-slide:last-child dl::after {
    display: none;
}
.single-staff .cont2 .sec .slider .swiper-slide dl dt {
    font-weight: 600;
    line-height: 1.16;
    margin-bottom: 0.23rem;
}
.single-staff .cont2 .sec .slider .swiper-slide dl dd {
    font-weight: 700;
    line-height: 1.9;
}
.single-staff .cont2 .sec .slider .swiper-slide p {
    background-color: #FFFFFF;
    border-radius: 0.18rem;
    font-size: 0.14rem;
    line-height: 1.785;
    letter-spacing: 0.02em;
    padding: 0.22rem;
}
@media only screen and (min-width:1366px){
.single-staff .cont2 .sec .slider .slider-schedule {
    width: calc(50vw + 2.44rem);
}
}
@media screen and (max-width:750px){
.single-staff .cont2 h3 {
    font-size: 0.16rem;
}
.single-staff .cont2 h3 span {
    font-size: 0.26rem;
}
.single-staff .cont2 .sec {
    border-radius: 0.2rem 0 0 0.2rem;
    padding: 5vw 0 5vw 5vw;
}
.single-staff .cont2 .sec .photo {
    width: 80%;
    margin-bottom: 0.1rem;
}
.single-staff .cont2 .sec .photo img {
    border-radius: 0.18rem;
}
.single-staff .cont2 .sec .slider {
    width: calc(100% + 5vw);
}
.single-staff .cont2 .sec .slider .slider-schedule {
    width: 100%;
}
.single-staff .cont2 .sec .slider .swiper-slide {
    width: 60vw;
    margin-right: 0.2rem;
}
.single-staff .cont2 .sec .slider .swiper-slide dl::after {
    width: calc(100% + 0.2rem);
}
.single-staff .cont2 .sec .slider .swiper-slide p {
    line-height: 1.75;
    letter-spacing: normal;
    padding: 0.15rem;
}
}

/* cont3 */
.single-staff .cont3 {
    padding-bottom: 0.4rem;
}
.single-staff .cont3 .photo-last {
    width: 100%;
    border-radius: 0.4rem;
    margin-top: 1.3rem;
    overflow: hidden;
}
.single-staff .cont3 .btnst {
    margin-top: 0.9rem;
    display: flex;
    justify-content: center;
}
.single-staff .cont3 .btnst a {
    color: #1A1A1A;
    padding-right: 0.4rem;
}
.single-staff .cont3 .btnst a .ar::before {
    width: 0.12rem;
    height: 0.12rem;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212.52%22%20height%3D%2212.313%22%20viewBox%3D%220%200%2012.52%2012.313%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_387%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20387%22%20transform%3D%22translate(-725.843%20-2191.843)%22%3E%20%3Cline%20id%3D%22%E7%B7%9A_289%22%20data-name%3D%22%E7%B7%9A%20289%22%20x2%3D%228%22%20y2%3D%228%22%20transform%3D%22translate(737.863%202198)%20rotate(135)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_1334%22%20data-name%3D%22%E3%83%91%E3%82%B9%201334%22%20d%3D%22M4%2C0V4H0%22%20transform%3D%22translate(732.207%202198)%20rotate(135)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E');
    margin: -0.06rem 0 0 -0.06rem;
}
@media screen and (min-width:751px){
.single-staff .cont3 .btnst a:hover .ar::before {
    animation: move-arrow-prev 1.3s infinite;
}
}
@media screen and (max-width:750px){
.single-staff .cont3 {
    padding-bottom: 0.2rem;
}
.single-staff .cont3 .photo-last {
    width: 100vw;
    border-radius: 0.2rem;
    margin: 0.7rem 0 0 -5vw;
}
.single-staff .cont3 .btnst {
    margin-top: 0.5rem;
}
}


/* location
------------------------------------------------- */
/* maintit */
.location .maintit {
    margin-bottom: 0.05rem;
}
@media screen and (max-width:750px){
.location .maintit {
    margin-bottom: 70vw;
}
}

/* cont1 */
.location .cont1 {
    padding: 0.8rem 0 1.2rem;
}
.location .cont1 .headline1 {
    margin-bottom: 0;
}
.location .cont1 .copy {
    font-weight: 500;
    letter-spacing: 0.02em;
    padding-bottom: 0.3rem;
}
.location .cont1 .box1 {
    background-color: #F4F4F4;
    border-radius: 0.4rem;
    overflow: hidden;
}
.location .cont1 .box1 .swiper {
    border-radius: 0.4rem;
    overflow: hidden;
}
.location .cont1 .box1 .swiper .swiper-button-next,
.location .cont1 .box1 .swiper .swiper-button-prev {
    width: 0.25rem;
    height: 0.5rem;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2227.121%22%20height%3D%2252.4%22%20viewBox%3D%220%200%2027.121%2052.4%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_1330%22%20data-name%3D%22%E3%83%91%E3%82%B9%201330%22%20d%3D%22M8684.475%2C995.662l-25%2C26%2C25%2C25%22%20transform%3D%22translate(-8658.074%20-994.969)%22%20fill%3D%22none%22%20stroke%3D%22%23707070%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E') left center no-repeat;
    background-size: 100% auto;
    margin-top: -0.25rem;
    left: 0.24rem;
    transition: 0.4s;
}
.location .cont1 .box1 .swiper .swiper-button-next {
    left: auto;
    right: 0.24rem;
    transform: scale(-1, 1);
}
.location .cont1 .box1 .swiper .swiper-button-next::after,
.location .cont1 .box1 .swiper .swiper-button-prev::after {
    display: none;
}
.location .cont1 .box1 .swiper .swiper-pagination.swiper-pagination-bullets {
    bottom: 0.15rem;
}
.location .cont1 .box1 .swiper .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
    width: 0.1rem;
    height: 0.1rem;
    background-color: #B2B2B2;
    margin: 0 0.06rem;
    opacity: 1;
    transition: 0.4s;
}
.location .cont1 .box1 .swiper .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #FFFFFF;
}
.location .cont1 .box1 p {
    letter-spacing: 0.02em;
    padding: 0.35rem 0.4rem;
}
.location .cont1 .box2 {
    padding: 0.3rem 0.4rem 0;
}
.location .cont1 .box2 dl {
    display: flex;
    letter-spacing: 0.02em;
    padding-bottom: 0.15rem;
}
.location .cont1 .box2 dl dt {
    width: 8.5%;
}
.location .cont1 .box2 dl dd {
    width: 91.5%;
}
.location .cont1 .box2 dl dd .btnst {
    margin-top: 0.15rem;
}
@media screen and (min-width:751px){
.location .cont1 .box1 .swiper .swiper-button-prev:hover {
    left: 0.2rem;
    opacity: 0.5;
}
.location .cont1 .box1 .swiper .swiper-button-next:hover {
    right: 0.2rem;
    opacity: 0.5;
}
.location .cont1 .box1 .swiper .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet:hover {
    background-color: #FFFFFF;
}
}
@media screen and (max-width:750px){
.location .cont1 {
    padding: 0.6rem 0 0.4rem;
}
.location .cont1 .copy {
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1.75;
    padding-bottom: 0.3rem;
}
.location .cont1 .box1 {
    width: 100vw;
    margin-left: -5vw;
    border-radius: 0.2rem;
}
.location .cont1 .box1 .swiper {
    border-radius: 0.2rem;
}
.location .cont1 .box1 .swiper .swiper-button-next,
.location .cont1 .box1 .swiper .swiper-button-prev {
    display: none;
}
.location .cont1 .box1 .swiper .swiper-pagination.swiper-pagination-bullets {
    bottom: 0.05rem;
}
.location .cont1 .box1 .swiper .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
    width: 0.08rem;
    height: 0.08rem;
}
.location .cont1 .box1 p {
    line-height: 1.75;
    letter-spacing: normal;
    padding: 0.3rem 5vw;
}
.location .cont1 .box2 {
    padding: 0.3rem 0 0;
}
.location .cont1 .box2 dl {
    display: block;
    line-height: 1.75;
    letter-spacing: normal;
    padding-bottom: 0.15rem;
}
.location .cont1 .box2 dl dt {
    width: 100%;
    font-weight: 700;
    padding-bottom: 0.05rem;
}
.location .cont1 .box2 dl dd {
    width: 100%;
}
.location .cont1 .box2 dl dd .btnst {
    margin-top: 0.15rem;
}
}


/* education
------------------------------------------------- */
/* maintit */
@media screen and (max-width:750px){
.education .maintit {
    padding-top: 1.6rem;
}
}

/* cont1 */
.education .cont1 {
    position: relative;
    z-index: 2;
}
.education .cont1 .sec {
    position: relative;
}
.education .cont1 .sec .month {
    width: 1.26rem;
    background: linear-gradient(180deg, #00C9FF, #CA60CB, #FFBB00);
    border-radius: 0.2rem 0 0 0.2rem;
    color: #fff;
    text-align: center;
    padding-top: 1rem;
    position: relative;
}
.education .cont1 .sec .month::before,
.education .cont1 .sec .month::after {
    content: '';
    width: 0.66rem;
    height: 0.01rem;
    background-color: #fff;
    position: absolute;
    left: 0.31rem;
    top: 0.31rem;
}
.education .cont1 .sec .month::after {
    top: auto;
    bottom: 1.88rem;
}
.education .cont1 .sec .month ul li {
    font-size: 0.18rem;
    font-weight: 700;
    line-height: 1.45;
    letter-spacing: 0.02em;
    margin-bottom: 0.08rem;
    position: relative;
}
.education .cont1 .sec .month ul li:nth-child(3) {
    margin-bottom: 2.12rem;
}
.education .cont1 .sec .month ul li:nth-child(4) {
    margin-bottom: 1.58rem;
}
.education .cont1 .sec .month ul li:nth-child(5) {
    margin-bottom: 0.67rem;
}
.education .cont1 .sec .month ul li:nth-child(6) {
    margin-bottom: 2.2rem;
}
.education .cont1 .sec .month ul li:nth-child(7) {
    margin-bottom: 1.26rem;
}
.education .cont1 .sec .month ul li:nth-child(7)::after {
    content: '';
    width: 0.66rem;
    height: 0.01rem;
    background-color: #fff;
    position: absolute;
    left: 0.31rem;
    bottom: -0.7rem;
}
.education .cont1 .sec .month ul li:nth-child(8) {
    margin-bottom: 2.1rem;
}
.education .cont1 .sec .month ul li:nth-child(9) {
    margin-bottom: 0.82rem;
}
.education .cont1 .sec .month ul li:nth-child(10) {
    margin-bottom: 0.49rem;
}
.education .cont1 .sec .month ul li:nth-child(11) {
    margin-bottom: 1.38rem;
}
.education .cont1 .sec .month ul li:nth-child(11)::after {
    content: '';
    width: 0.66rem;
    height: 0.01rem;
    background-color: #fff;
    position: absolute;
    left: 0.31rem;
    bottom: -0.85rem;
}
.education .cont1 .sec .month ul li:nth-child(12) {
    margin-bottom: 0.5rem;
}
.education .cont1 .sec .month ul li:nth-child(13) {
    margin-bottom: 2.05rem;
}
.education .cont1 .sec .system {
    width: 9.67rem;
}
.education .cont1 .sec .system .box {
    margin-bottom: 0.2rem;
}.education .cont1 .sec .system .box1 {
    background-color: #F4F4F4;
    border-radius: 0 0.2rem 0.2rem 0;
}
.education .cont1 .sec .system .box5,
.education .cont1 .sec .system .box4 {
    margin-bottom: 0;
}
.education .cont1 .sec .system .box h2 {
    background-color: #F4F4F4;
    border-radius: 0 0.2rem 0 0;
}
.education .cont1 .sec .system .box5 h2 {
    border-radius: 0;
}
.education .cont1 .sec .system .box h2 span {
    display: block;
    width: 100%;
    background-color: #1DC6FE;
    border-radius: 0 0.2rem 0.2rem 0;
    font-size: 0.24rem;
    font-weight: 500;
    line-height: 2.5;
    color: #fff;
    text-align: center;
}
.education .cont1 .sec .system .box2 h2 span {
    background-color: #31B0F3;
}
.education .cont1 .sec .system .box3 h2 span {
    background-color: #C065CE;
}
.education .cont1 .sec .system .box4 h2 span {
    background-color: #E69061;
}
.education .cont1 .sec .system .box5 h2 span {
    background-color: #F5AA25;
}
.education .cont1 .sec .system .box ul li {
    width: 3.4rem;
    background-color: #DFE8FB;
    padding: 0.22rem 0.3rem 0.15rem;
    box-sizing: border-box;
    position: relative;
}
.education .cont1 .sec .system .box ul li:nth-child(2) {
    width: 3.4rem;
    background-color: #FEEED7;
}
.education .cont1 .sec .system .box ul li:nth-child(3) {
    width: 2.7rem;
    background-color: #F4F4F4;
    border-radius: 0 0 0.2rem 0;
}
.education .cont1 .sec .system .box2 ul li:nth-child(3)::before,
.education .cont1 .sec .system .box2 ul li:nth-child(3)::after {
    content: '';
    width: 9.67rem;
    height: 1rem;
    background-color: #F4F4F4;
    position: absolute;
    right: 0;
    top: 2.6rem;
}
.education .cont1 .sec .system .box2 ul li:nth-child(3)::after {
    height: 0.64rem;
    top: auto;
    bottom: 0;
    border-radius: 0 0 0.2rem 0;
}
.education .cont1 .sec .system .box4 ul li:nth-child(3) {
    border-radius: 0;
}
.education .cont1 .sec .system .box h3 {
    background-color: #004BDE;
    border-radius: 0.11rem;
    font-size: 0.18rem;
    font-weight: 700;
    line-height: 2.77;
    text-align: center;
    color: #fff;
    margin-bottom: 0.2rem;
}
.education .cont1 .sec .system .box ul li:nth-child(2) h3 {
    background-color: #FF9F1F;
}
.education .cont1 .sec .system .box ul li:nth-child(3) h3 {
    background-color: #959595;
}
.education .cont1 .sec .system .box p {
    font-weight: 500;
    line-height: 2.1875;
    letter-spacing: 0.02em;
    position: relative;
    z-index: 2;
}
.education .cont1 .sec .system .box p.pb1 {
    padding-bottom: 1.72rem;
}
.education .cont1 .sec .system .box p.pb2 {
    padding-bottom: 1.3rem;
}
.education .cont1 .sec .system .box p.pb3 {
    padding-bottom: 2.52rem;
}
.education .cont1 .sec .system .box p.pb4 {
    padding-bottom: 1.32rem;
}
.education .cont1 .sec .system .box p.pb5 {
    padding-bottom: 0.25rem;
}
.education .cont1 .sec .system .box p.pb6 {
    padding-bottom: 2.7rem;
}
.education .cont1 .sec .system .box p.lh {
    line-height: 1.5625;
    margin: 0.15rem 0;
}
.education .cont1 .sec .system .box p.txt1 {
    position: absolute;
    left: -6.65rem;
    top: 2.75rem;
}
.education .cont1 .sec .system .box p.txt2 {
    position: absolute;
    left: -6.65rem;
    bottom: 0.15rem;
}
.education .cont1 .sec .system .box1 p {
    padding: 0.36rem 0 0.3rem 0.3rem;
}
.education .cont1 .sec .system .box ul li:nth-child(3) p {
    color: #797979;
}
.education .cont1 .sec .system .box p span {
    color: #1DC9FF;
}
.education .cont1 .sec .system .box ul li:nth-child(1) p span {
    color: #004BDE;
}
.education .cont1 .sec .system .box ul li:nth-child(2) p span {
    color: #FF9F1F;
}
.education .cont1 .sec .system .box ul li:nth-child(3) p span {
    color: #797979;
}
.education .cont1 .sec .system .box p.note {
    font-size: 0.14rem;
    font-weight: 400;
    line-height: 1.785;
}
.education .cont1 .sec .photo1 {
    width: 1.04rem;
    position: absolute;
    left: -0.57rem;
    top: 0.58rem;
}
.education .cont1 .sec .photo2 {
    width: 1.54rem;
    position: absolute;
    right: 1.6rem;
    bottom: 5.35rem;
}
.education .cont1 .sec .photo3 {
    width: 1.96rem;
    position: absolute;
    right: -0.39rem;
    bottom: -1.82rem;
}
.education .cont1 .fig {
    display: none;
}
@media screen and (max-width:750px){
.education .cont1 .sec {
    display: none;
}
.education .cont1 .fig {
    display: block;
}
}

/* cont2 */
.education .cont2 {
    background: url("../img/education/bg.jpg") center bottom no-repeat;
    background-size: 100% auto;
    padding: 2.02rem 0 0.9rem;
    margin: -1.58rem 0 4rem;
    position: relative;
    z-index: 1;
}
.education .cont2::before,
.education .cont2::after {
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.24);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}
.education .cont2::before {
    height: 6.51rem;
    background: linear-gradient(180deg, rgba(255,255,255,1), rgba(255,255,255,0));
    z-index: 2;
}
.education .cont2 .inner {
    z-index: 3;
}
.education .cont2 .inner::after {
    content: '';
    width: 7.5rem;
    height: 4.9rem;
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 45%, rgba(255,255,255,0) 100%);
    border-radius: 0.2rem;
    position: absolute;
    left: 50%;
    top: -2.18rem;
    margin-left: -3.75rem;
    z-index: 1;
}
.education .cont2 h2 {
    font-size: 0.4rem;
    font-weight: 700;
    line-height: 1.45;
    letter-spacing: 0.059em;
    text-align: center;
    padding-bottom: 0.28rem;
    position: relative;
    z-index: 2;
}
.education .cont2 ul {
    padding-bottom: 0.88rem;
    position: relative;
    z-index: 2;
}
.education .cont2 ul li {
    width: 2.38rem;
    height: 2.38rem;
    padding-top: 0.52rem;
    box-sizing: border-box;
    position: relative;
}
.education .cont2 ul li::before,
.education .cont2 ul li::after {
    content: '';
    width: 2.38rem;
    height: 2.38rem;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -1.19rem 0 0 -1.19rem;
    z-index: 2;
}
.education .cont2 ul li::after {
    width: 2.48rem;
    height: 2.48rem;
    background: linear-gradient(0deg, #00C9FF, #CA60CB, #FFBB00);
    margin: -1.24rem 0 0 -1.24rem;
    z-index: 1;
}
.education .cont2 ul li h3 {
    font-size: 0.24rem;
    font-weight: 500;
    line-height: 1.45;
    text-align: center;
    position: relative;
    z-index: 3;
}
.education .cont2 ul li h3 span {
    display: block;
    font-size: 0.12rem;
    font-weight: 400;
    line-height: 1.16;
    color: #004BDE;
    margin-bottom: 0.17rem;
}
.education .cont2 h4 {
    font-size: 0.4rem;
    font-weight: 700;
    line-height: 1.45;
    letter-spacing: 0.059em;
    color: #fff;
    text-align: center;
    padding-bottom: 0.12rem;
}
.education .cont2 p {
    width: 10.2rem;
    letter-spacing: 0.02em;
    color: #fff;
    margin: 0 auto;
}
.education .cont2 .photo3 {
    display: none;
}
@media screen and (max-width:750px){
.education .cont2 {
    background-size: auto 90%;
    padding: 1rem 0 0.5rem;
    margin: 0 0 0.5rem;
    position: relative;
}
.education .cont2 h2 {
    font-size: 0.3rem;
    letter-spacing: 0.05em;
    padding-bottom: 0.28rem;
}
.education .cont2 ul {
    padding-bottom: 0.4rem;
    display: flex;
    flex-wrap: wrap;
}
.education .cont2 ul li {
    width: 42vw;
    height: 42vw;
    padding-top: 0.2rem;
    box-sizing: border-box;
    position: relative;
    margin-bottom: 5vw;
}
.education .cont2 ul li::before,
.education .cont2 ul li::after {
    width: 42vw;
    height: 42vw;
    margin: -21vw 0 0 -21vw;
}
.education .cont2 ul li::after {
    width: 44vw;
    height: 44vw;
    margin: -22vw 0 0 -22vw;
}
.education .cont2 ul li h3 {
    font-size: 0.18rem;
    line-height: 1.45;
}
.education .cont2 ul li h3 span {
    font-size: 0.12rem;
    margin-bottom: 0.17rem;
}
.education .cont2 h4 {
    font-size: 0.3rem;
    letter-spacing: normal;
    padding-bottom: 0.12rem;
}
.education .cont2 p {
    width: 100%;
    line-height: 1.75;
    letter-spacing: normal;
}
.education .cont2 .photo3 {
    display: block;
    width: 1.372rem;
    position: absolute;
    right: -0.65rem;
    top: -0.8rem;
    z-index: 3;
}
}


/* welfare
------------------------------------------------- */
/* cont1 */
.welfare .cont1 {
    padding-bottom: 0.7rem;
}
.welfare .cont1 .sec {
    width: 9rem;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}
.welfare .cont1 .sec .welfarelist li {
    width: 100%;
    height: 0.8rem;
    background-color: #fff;
    border-radius: 0.2rem;
    box-shadow: 0 0 0.06rem 0 rgba(0,75,222,0.38);
    padding: 0.05rem 0 0.05rem 0.25rem;
    margin-bottom: 0.28rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    position: relative;
    z-index: 2;
}
.welfare .cont1 .sec .welfarelist li::after {
    content: '';
    width: 0.01rem;
    height: 0.39rem;
    background-color: #707070;
    position: absolute;
    left: 2.5rem;
    top: 0.21rem;
}
.welfare .cont1 .sec .welfarelist li.db {
    height: 1.1rem;
}
.welfare .cont1 .sec .welfarelist li.db::after {
    height: 0.7rem;
}
.welfare .cont1 .sec .welfarelist li h4 {
    width: 2.3rem;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 0.5109rem auto;
    font-size: 0.18rem;
    font-weight: 500;
    line-height: 1.45;
    letter-spacing: 0.02em;
    color: #004BDE;
    padding: 0.13rem 0 0.13rem 0.58rem;
    box-sizing: border-box;
    position: relative;
}
.welfare .cont1 .sec .welfarelist li:nth-child(1) h4 {
    background-image: url("../img/welfare/icon01.svg");
}
.welfare .cont1 .sec .welfarelist li:nth-child(2) h4 {
    background-image: url("../img/welfare/icon02.svg");
}
.welfare .cont1 .sec .welfarelist li:nth-child(3) h4 {
    background-image: url("../img/welfare/icon03.svg");
}
.welfare .cont1 .sec .welfarelist li p {
    width: 6.23rem;
    letter-spacing: 0.02em;
}
@media screen and (max-width:750px){
.welfare .cont1 {
    padding-bottom: 0.4rem;
}
.welfare .cont1 .sec {
    width: 100%;
}
.welfare .cont1 .sec .welfarelist li {
    height: auto;
    padding: 0.2rem;
    margin-bottom: 0.2rem;
    display: block;
}
.welfare .cont1 .sec .welfarelist li::after {
    width: calc(100% - 0.4rem);
    height: 0.01rem;
    left: 0.2rem;
    top: 0.825rem;
}
.welfare .cont1 .sec .welfarelist li.db {
    height: auto;
}
.welfare .cont1 .sec .welfarelist li.db::after {
    height: 0.01rem;
    top: 1rem;
}
.welfare .cont1 .sec .welfarelist li h4 {
    width: 100%;
}
.welfare .cont1 .sec .welfarelist li p {
    width: 100%;
    line-height: 1.75;
    letter-spacing: normal;
    padding-top: 0.2rem;
}
.welfare .cont1 .sec .welfarelist li.db p {
    padding-top: 0.15rem;
}
}

/* cont2 */
.welfare .cont2 .sec .headline2::before {
    background-color: #8459D2;
}
.welfare .cont2 .sec .welfarelist li {
    box-shadow: 0 0 0.06rem 0 rgba(132,89,210,0.45);
}
.welfare .cont2 .sec .welfarelist li h4 {
    color: #8459D2;
}
.welfare .cont2 .sec .welfarelist li:nth-child(1) h4 {
    background-image: url("../img/welfare/icon04.svg");
}
.welfare .cont2 .sec .welfarelist li:nth-child(2) h4 {
    background-image: url("../img/welfare/icon05.svg");
}
.welfare .cont2 .sec .welfarelist li:nth-child(3) h4 {
    background-image: url("../img/welfare/icon06.svg");
}
.welfare .cont2 .box {
    background-color: rgba(132,89,210,0.86);
    padding: 0.97rem 0.55rem 0.55rem;
    border-radius: 0.2rem;
    color: #fff;
    margin-top: -0.67rem;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
}
.welfare .cont2 .box h5 {
    font-size: 0.18rem;
    font-weight: 700;
    line-height: 1.45;
    letter-spacing: 0.02em;
    text-align: center;
    padding-bottom: 0.38rem;
}
.welfare .cont2 .box ul li {
    width: 33.3334%;
    border-left: 0.01rem solid #fff;
    box-sizing: border-box;
}
.welfare .cont2 .box ul li:last-child {
    border-right: 0.01rem solid #fff;
}
.welfare .cont2 .box ul li h6 {
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0.02em;
    text-align: center;
    padding-bottom: 0.17rem;
}
.welfare .cont2 .box ul li .time {
    height: 1.4rem;
    font-size: 0.45rem;
    line-height: 1.22;
    letter-spacing: 0.02em;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 0.15rem;
}
.welfare .cont2 .box ul li .time b {
    display: block;
    font-size: 0.2rem;
    font-weight: 400;
}
.welfare .cont2 .box ul li p {
    width: 2.25rem;
    font-size: 0.14rem;
    line-height: 1.785;
    letter-spacing: 0.02em;
    margin: 0 auto;
}
@media screen and (max-width:750px){
.welfare .cont2 .box {
    width: 100vw;
    margin: -2.8rem 0 0.2rem -5vw;
    padding: 3rem 5vw 0.55rem;
}
.welfare .cont2 .box h5 {
    padding-bottom: 0.4rem;
}
.welfare .cont2 .box ul li {
    width: 100%;
    border-top: 0.01rem solid #fff;
    border-left: none;
    padding: 0.25rem 0;
}
.welfare .cont2 .box ul li:last-child {
    border-bottom: 0.01rem solid #fff;
    border-right: none;
}
.welfare .cont2 .box ul li h6 {
    padding-bottom: 0.2rem;
}
.welfare .cont2 .box ul li .time {
    height: auto;
    font-size: 0.4rem;
    line-height: 1.1;
    padding-bottom: 0.15rem;
}
.welfare .cont2 .box ul li .time b {
    font-size: 0.18rem;
    padding-bottom: 0.075rem;
}
.welfare .cont2 .box ul li p {
    width: 90%;
    line-height: 1.75;
    letter-spacing: normal;
    margin: 0 auto;
}
}

/* cont3 */
.welfare .cont3 .sec .headline2::before {
    background-color: #DB7D89;
}
.welfare .cont3 .sec .welfarelist li {
    box-shadow: 0 0 0.06rem 0 rgba(230,133,145,1);
}
.welfare .cont3 .sec .welfarelist li h4 {
    color: #E68591;
}
.welfare .cont3 .sec .welfarelist li:nth-child(1) h4 {
    background-image: url("../img/welfare/icon07.svg");
}

/* cont4 */
.welfare .cont4 .sec .headline2::before {
    background-color: #FEBA02;
}
.welfare .cont4 .sec .welfarelist li {
    box-shadow: 0 0 0.06rem 0 rgba(254,186,2,0.71);
}
.welfare .cont4 .sec .welfarelist li h4 {
    color: #FEBA02;
}
.welfare .cont4 .sec .welfarelist li:nth-child(1) h4 {
    background-image: url("../img/welfare/icon08.svg");
}
.welfare .cont4 .sec .welfarelist li:nth-child(2) h4 {
    background-image: url("../img/welfare/icon09.svg");
}
.welfare .cont4 .sec .welfarelist li:nth-child(3) h4 {
    background-image: url("../img/welfare/icon10.svg");
}
.welfare .cont4 .sec .welfarelist li:nth-child(4) h4 {
    background-image: url("../img/welfare/icon11.svg");
}
.welfare .cont4 .sec .welfarelist li:nth-child(5) h4 {
    background-image: url("../img/welfare/icon12.svg");
}
.welfare .cont4 .sec .welfarelist li:nth-child(6) h4 {
    background-image: url("../img/welfare/icon13.svg");
}


/* faq
------------------------------------------------- */
/* maintit */
.faq .maintit {
    margin-bottom: 0.05rem;
}
@media screen and (max-width:750px){
.faq .maintit {
    margin-bottom: 70vw;
}
}

/* cont1 */
.faq .cont1 {
    padding: 0.8rem 0 0.5rem;
}
.faq #anchor2 .cont1,
.faq #anchor4 .cont1 {
    background-color: #F4F4F4;
    border-radius: 0.4rem;
    padding: 0.7rem 0;
}
.faq #anchor4 .cont1 {
    margin-bottom: 3.5rem;
}
.faq #anchor2 .cont1 .headline1::before,
.faq #anchor3 .cont1 .headline1::before,
.faq #anchor4 .cont1 .headline1::before {
    display: none;
}
.faq .cont1 .sec {
    width: 9rem;
    margin: 0 auto;
    border-top: 0.01rem solid #B2B2B2;
    padding: 0.2rem 0;
}
.faq .cont1 .sec .answer {
    display: none;
}
.faq .cont1 .sec dl {
    display: flex;
    align-items: center;
    margin-bottom: 0.2rem;
    position: relative;
}
.faq .cont1 .sec dl.q {
    cursor: pointer;
}
.faq .cont1 .sec .answer dl {
    padding-bottom: 0.2rem;
}
.faq .cont1 .sec dl dt {
    width: 8.55%;
}
.faq .cont1 .sec dl dt span {
    display: inline-block;
    font-size: 0.62rem;
    font-weight: 300;
    line-height: 1;
    color: #004BDE;
}
.faq #anchor2 .cont1 .sec dl dt span {
    color: #8459D2;
}
.faq #anchor3 .cont1 .sec dl dt span {
    color: #E68591;
}
.faq #anchor4 .cont1 .sec dl dt span {
    color: #FEBA02;
}
.faq .cont1 .sec .answer dl dt span {
    background: linear-gradient(180deg, #004BDE, #CA60CB, #FFBB00);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 0.74rem;
    font-weight: 600;
}
.faq .cont1 .sec dl dd {
    width: 76.11%;
}
.faq .cont1 .sec dl dd h3 {
    font-size: 0.18rem;
    font-weight: 700;
    line-height: 1.45;
    letter-spacing: 0.04em;
}
.faq .cont1 .sec dl dd p {
    font-size: 0.14rem;
    line-height: 1.785;
    letter-spacing: 0.02em;
}
.faq .cont1 .sec dl dd p a {
    text-decoration: underline;
}
.faq .cont1 .sec dl dd span {
    width: 0.58rem;
    height: 0.58rem;
    background-color: #004BDE;
    border-radius: 50%;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -0.29rem;
    transition: 0.4s;
}
.faq #anchor2 .cont1 .sec dl dd span {
    background-color: #8459D2;
}
.faq #anchor3 .cont1 .sec dl dd span {
    background-color: #E68591;
}
.faq #anchor4 .cont1 .sec dl dd span {
    background-color: #FEBA02;
}
.faq .cont1 .sec dl dd span::before,
.faq .cont1 .sec dl dd span::after {
    content: '';
    width: 0.25rem;
    height: 0.03rem;
    background-color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -0.015rem 0 0 -0.125rem;
}
.faq .cont1 .sec dl dd span::after {
    width: 0.03rem;
    height: 0.25rem;
    margin: -0.125rem 0 0 -0.015rem;
}
.faq .cont1 .sec dl.open dd span {
    transform: rotate(360deg);
}
.faq .cont1 .sec dl.open dd span::after {
    opacity: 0;
}
@media screen and (min-width:751px){
.faq .cont1 .sec dl:hover dd span {
    width: 0.48rem;
    height: 0.48rem;
    right: 0.05rem;
    margin-top: -0.24rem;
}
.faq .cont1 .sec dl.open:hover dd span {
    width: 0.58rem;
    height: 0.58rem;
    right: 0;
    margin-top: -0.29rem;
}
.faq .cont1 .sec dl dd p a:hover {
    text-decoration: none;
}
}
@media screen and (max-width:750px){
.faq .cont1 {
    padding: 0.6rem 0 0.5rem;
}
.faq #anchor2 .cont1,
.faq #anchor4 .cont1 {
    border-radius: 0.2rem;
    padding: 0.5rem 0;
}
.faq #anchor4 .cont1 {
    margin-bottom: 2rem;
}
.faq .cont1 .sec {
    width: 100%;
    padding: 0.2rem 0 0.1rem;
}
.faq .cont1 .sec dl {
    display: flex;
    align-items: center;
    margin-bottom: 0.2rem;
    position: relative;
}
.faq .cont1 .sec .answer dl {
    padding-bottom: 0.1rem;
}
.faq .cont1 .sec dl dt {
    width: 15%;
}
.faq .cont1 .sec dl dt span {
    font-size: 0.48rem;
}
.faq .cont1 .sec .answer dl dt span {
    font-size: 0.48rem;
}
.faq .cont1 .sec dl dd {
    width: 70%;
}
.faq .cont1 .sec .answer dl dd {
    width: 85%;
}
.faq .cont1 .sec dl dd h3 {
    font-size: 0.16rem;
    letter-spacing: normal;
    line-height: 1.5;
}
.faq .cont1 .sec dl dd p {
    font-size: 0.14rem;
    line-height: 1.6;
    letter-spacing: normal;
}
.faq .cont1 .sec dl dd span {
    width: 0.32rem;
    height: 0.32rem;
    margin-top: -0.16rem;
}
.faq .cont1 .sec dl dd span::before,
.faq .cont1 .sec dl dd span::after {
    width: 0.2rem;
    height: 0.02rem;
    margin: -0.01rem 0 0 -0.1rem;
}
.faq .cont1 .sec dl dd span::after {
    width: 0.02rem;
    height: 0.2rem;
    margin: -0.1rem 0 0 -0.01rem;
}
}


/* career, recruitment
------------------------------------------------- */
/* maintit */
@media screen and (max-width:750px){
.career .maintit {
    padding-top: 1.6rem;
}
.recruitment .maintit {
    padding-top: 1.4rem;
}
}

/* cont1 */
.career .cont1,
.recruitment .cont1 {
    padding-bottom: 0.55rem;
}
.career .cont1 .sec,
.recruitment .cont1 .sec {
    width: 9rem;
    margin: 0 auto;
}
.career .cont1 .sec .joblist li,
.recruitment .cont1 .sec .joblist li {
    margin-bottom: 0.95rem;
}
.career .cont1 .sec .joblist li .box,
.recruitment .cont1 .sec .joblist li .box {
    border: 0.01rem solid rgba(0,75,222,0.5);
    border-radius: 0.2rem;
    padding: 0.4rem;
    letter-spacing: 0.02em;
    box-sizing: border-box;
}
.career .cont1 .sec .termsbox,
.recruitment .cont1 .sec .termsbox {
    padding-bottom: 0.5rem;
    letter-spacing: 0.02em;
}
.career .cont1 .sec .termsbox h3,
.recruitment .cont1 .sec .termsbox h3 {
    font-size: 0.18rem;
    font-weight: 700;
    line-height: 1.45;
    letter-spacing: normal;
    border-bottom: 0.01rem solid #B2B2B2;
    padding-bottom: 0.12rem;
    margin-bottom: 0.1rem;
}
.career .cont1 .sec table,
.recruitment .cont1 .sec table {
    width: 100%;
    letter-spacing: 0.02em;
    margin-bottom: 0.5rem;
}
.career .cont1 .sec table th,
.career .cont1 .sec table td,
.recruitment .cont1 .sec table th,
.recruitment .cont1 .sec table td {
    font-weight: 400;
    text-align: left;
    vertical-align: top;
    border-top: 0.01rem solid #B2B2B2;
    border-bottom: 0.01rem solid #B2B2B2;
    padding: 0.13rem 0;
}
.career .cont1 .sec table th,
.recruitment .cont1 .sec table th {
    width: 11.5%;
    font-weight: 700;
}
@media screen and (max-width:750px){
.career .cont1,
.recruitment .cont1 {
    padding-bottom: 0.5rem;
}
.career .cont1 .sec,
.recruitment .cont1 .sec {
    width: 100%;
}
.career .cont1 .sec .joblist li,
.recruitment .cont1 .sec .joblist li {
    margin-bottom: 0.4rem;
}
.career .cont1 .sec .joblist li .box,
.recruitment .cont1 .sec .joblist li .box {
    padding: 0.2rem;
    line-height: 1.75;
    letter-spacing: normal;
}
.career .cont1 .sec .termsbox,
.recruitment .cont1 .sec .termsbox {
    padding-bottom: 0.4rem;
    line-height: 1.75;
    letter-spacing: normal;
}
.career .cont1 .sec table,
.recruitment .cont1 .sec table {
    width: 100%;
    letter-spacing: normal;
    margin-bottom: 0;
}
.career .cont1 .sec table th,
.career .cont1 .sec table td,
.recruitment .cont1 .sec table th,
.recruitment .cont1 .sec table td {
    display: block;
    line-height: 1.75;
    border: none;
    padding: 0 0 0.2rem;
}
.career .cont1 .sec table th,
.recruitment .cont1 .sec table th {
    width: 100%;
    border-top: 0.01rem solid #B2B2B2;
    padding: 0.2rem 0 0.1rem;
}
.career .cont1 .sec table tr:last-child td,
.recruitment .cont1 .sec table tr:last-child td {
    border-bottom: 0.01rem solid #B2B2B2;
}
}

/* information
------------------------------------------------- */
/* maintit */
.blog .maintit {
    height: 4rem;
    padding: 2rem 0 0 1.33rem;
    margin-bottom: 0;
}
.blog .maintit::before {
    opacity: 0.07;
}
.blog .maintit h1 span {
    background: none;
    -webkit-background-clip: border-box;
    -webkit-text-fill-color: #B2B2B2;
}
@media screen and (max-width:750px){
.blog .maintit {
    height: auto;
    padding: 1.6rem 0 0 5vw;
    margin-bottom: 0.5rem;
}
}

/* cont1 */
.blog .cont1 {
    padding-bottom: 0.01rem;
}
.blog .cont1 .headline1 {
  margin-bottom: 0;
}
.blog .cont1 .sec {
    width: 9rem;
    margin: 0 auto 1rem;
}
.blog .cont1 .sec ul {
    border-top: 0.01rem solid #B2B2B2;
}
.blog .cont1 .sec ul li {
    border-bottom: 0.01rem solid #B2B2B2;
    padding: 0.1rem 0;
}
.blog .cont1 .sec ul li a {
    display: block;
    width: 100%;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%229%22%20height%3D%2210%22%20viewBox%3D%220%200%209%2010%22%3E%20%3Cpath%20id%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2_2%22%20data-name%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2%202%22%20d%3D%22M5%2C0l5%2C9H0Z%22%20transform%3D%22translate(9)%20rotate(90)%22%20fill%3D%22%23b2b2b2%22%2F%3E%3C%2Fsvg%3E') 96% center no-repeat;
    background-size: 0.1rem auto;
    border-radius: 0.09rem;
    padding: 0.32rem 0.7rem 0.32rem 0;
    box-sizing: border-box;
}
.blog .cont1 .sec ul li a dl {
    display: flex;
    align-items: center;
}
.blog .cont1 .sec ul li a dl dt {
    font-size: 0.14rem;
    color: #959595;
    white-space: nowrap;
}
.blog .cont1 .sec ul li a dl dd ul {
    display: flex;
    align-items: center;
    border: none;
    padding: 0 0.2rem;
}
.blog .cont1 .sec ul li a dl dd ul li {
    font-size: 0.12rem;
    font-weight: 500;
    line-height: 1.66;
    border: 0.01rem solid #004BDE;
    border-radius: 0.15rem;
    color: #004BDE;
    text-align: center;
    padding: 0 0.11rem;
    margin-right: 0.06rem;
    white-space: nowrap;
}
.blog .cont1 .sec ul li a dl dd p {
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0.02em;
}
@media screen and (min-width:751px){
.blog .cont1 .sec ul li a:hover {
    background-color: #F4F4F4;
    background-position: 98% center;
}
}
@media screen and (max-width:750px){
.blog .cont1 {
    padding-bottom: 0.01rem;
}
.blog .cont1 .headline1 {
  margin-bottom: 0;
}
.blog .cont1 .sec {
    width: 100%;
}
.blog .cont1 .sec ul li {
    padding: 0.1rem 0;
}
.blog .cont1 .sec ul li a {
    background-size: 0.08rem auto;
    padding: 0.1rem 0.3rem 0.1rem 0;
}
.blog .cont1 .sec ul li a dl {
    align-items: flex-start;
    flex-wrap: wrap;
}
.blog .cont1 .sec ul li a dl dd ul {
    padding-right: 0;
}
.blog .cont1 .sec ul li a dl dd:last-child {
    width: 100%;
    margin-top: 0.1rem;
}
}


/* information
------------------------------------------------- */
/* maintit */
.single-post .maintit {
    height: 2.75rem;
    padding: 2rem 0 0 1.33rem;
    margin-bottom: 0;
}
.single-post .maintit::before {
    opacity: 0.07;
}
@media screen and (max-width:750px){
.single-post .maintit {
    height: auto;
    min-height: inherit;
    padding: 1.6rem 0 0 5vw;
    margin-bottom: 0.4rem;
}
}

/* cont1 */
.single-post .cont1 {
    padding-bottom: 0.2rem;
}
.single-post .cont1 .ttlbox {
    padding-bottom: 0.25rem;
    margin-bottom: 0.6rem;
    position: relative;
}
.single-post .cont1 .ttlbox::after {
    content: '';
    width: 100%;
    height: 0.01rem;
    background: linear-gradient(90deg, #004BDE, #CA60CB, #FFBB00);
    position: absolute;
    left: 0;
    bottom: 0;
}
.single-post .cont1 .ttlbox ul {
    display: flex;
    align-items: center;
    padding-bottom: 0.1rem;
}
.single-post .cont1 .ttlbox ul li {
    font-size: 0.12rem;
    font-weight: 500;
    line-height: 1.66;
    border: 0.01rem solid #004BDE;
    border-radius: 0.15rem;
    color: #004BDE;
    text-align: center;
    padding: 0 0.11rem;
    margin-right: 0.06rem;
    white-space: nowrap;
}
.single-post .cont1 .ttlbox ul li:last-child {
    font-size: 0.14rem;
    font-weight: 400;
    line-height: 1.66;
    border: none;
    color: #959595;
    text-align: left;
    padding: 0;
    margin: 0 0.1rem;
}
.single-post .cont1 .ttlbox h2 {
    font-size: 0.4rem;
    font-weight: 700;
    line-height: 1.5;
}
.single-post .cont1 .sec {
    width: 9rem;
    margin: 0 auto;
}
.single-post .cont1 .sec .prevnext {
    border-top: 0.01rem solid #B2B2B2;
    padding-top: 0.35rem;
    margin-top: 0.35rem;
}
.single-post .cont1 .sec .prevnext li {
    width: 1.5rem;
}
.single-post .cont1 .sec .prevnext li a {
    width: 100%;
    height: 0.43rem;
    font-weight: 500;
    color: #004BDE;
    display: flex;
    align-items: center;
    position: relative;
}
.single-post .cont1 .sec .prevnext li a::before,
.single-post .cont1 .sec .prevnext li a::after {
    content: '';
    width: 100%;
    height: 0.01rem;
    background-color: #004BDE;
    position: absolute;
    left: 0;
    bottom: 0;
}
.single-post .cont1 .sec .prevnext li a::after {
    background-color: #FF7F00;
    transform: scale(0, 1);
    transform-origin: right top;
    transition: transform 0.4s;
}
.single-post .cont1 .sec .prevnext li:nth-child(1) a {
    justify-content: flex-end;
}
.single-post .cont1 .sec .prevnext li a span {
    display: inline-block;
    width: 0.28rem;
    height: 0.28rem;
    background-color: #004BDE;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -0.14rem;
    overflow: hidden;
}
.single-post .cont1 .sec .prevnext li a span::before {
    content: '';
    width: 0.12rem;
    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%2212.52%22%20height%3D%2212.313%22%20viewBox%3D%220%200%2012.52%2012.313%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_387%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20387%22%20transform%3D%22translate(-725.843%20-2191.843)%22%3E%20%3Cline%20id%3D%22%E7%B7%9A_289%22%20data-name%3D%22%E7%B7%9A%20289%22%20x2%3D%228%22%20y2%3D%228%22%20transform%3D%22translate(737.863%202198)%20rotate(135)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_1334%22%20data-name%3D%22%E3%83%91%E3%82%B9%201334%22%20d%3D%22M4%2C0V4H0%22%20transform%3D%22translate(732.207%202198)%20rotate(135)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E') left center no-repeat;
    background-size: 100% auto;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -0.06rem 0 0 -0.06rem;
}
.single-post .cont1 .sec .prevnext li:nth-child(2) {
    width: auto;
}
.single-post .cont1 .sec .prevnext li:nth-child(2) a {
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2235%22%20height%3D%2222%22%20viewBox%3D%220%200%2035%2022%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_340%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20340%22%20transform%3D%22translate(-812%20-2263)%22%3E%20%3Cg%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_306%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%20306%22%20transform%3D%22translate(812%202263)%22%20fill%3D%22none%22%20stroke%3D%22%23d3d3d3%22%20stroke-width%3D%221%22%3E%20%3Crect%20width%3D%2235%22%20height%3D%2222%22%20rx%3D%229%22%20stroke%3D%22none%22%2F%3E%20%3Crect%20x%3D%220.5%22%20y%3D%220.5%22%20width%3D%2234%22%20height%3D%2221%22%20rx%3D%228.5%22%20fill%3D%22none%22%2F%3E%20%3C%2Fg%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_339%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20339%22%20transform%3D%22translate(-41%20-13)%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_307%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%20307%22%20width%3D%224%22%20height%3D%224%22%20transform%3D%22translate(866%202282)%22%20fill%3D%22%23797979%22%2F%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_310%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%20310%22%20width%3D%224%22%20height%3D%224%22%20transform%3D%22translate(866%202288)%22%20fill%3D%22%23797979%22%2F%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_308%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%20308%22%20width%3D%224%22%20height%3D%224%22%20transform%3D%22translate(872%202282)%22%20fill%3D%22%23797979%22%2F%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_309%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%20309%22%20width%3D%224%22%20height%3D%224%22%20transform%3D%22translate(872%202288)%22%20fill%3D%22%23797979%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E') right center no-repeat;
    background-size: 0.35rem auto;
    color: #1A1A1A;
    padding-right: 0.48rem;
    box-sizing: border-box;
}
.single-post .cont1 .sec .prevnext li:nth-child(2) a::before,
.single-post .cont1 .sec .prevnext li:nth-child(2) a::after {
    display: none;
}
.single-post .cont1 .sec .prevnext li:nth-child(3) a span {
    left: auto;
    right: 0;
    transform: scale(-1, 1);
}
@media screen and (min-width:751px){
.single-post .cont1 .sec .prevnext li a:hover::after {
    transform-origin: left top;
    transform: scale(1, 1);
}
.single-post .cont1 .sec .prevnext li a:hover span::before {
    animation: move-arrow-prev 1.3s infinite;
}   
}
@media screen and (max-width:750px){
.single-post .cont1 {
    padding-bottom: 0.1rem;
}
.single-post .cont1 .ttlbox {
    margin-bottom: 0.4rem;
}
.single-post .cont1 .ttlbox h2 {
    font-size: 0.28rem;
}
.single-post .cont1 .sec {
    width: 100%;
}
.single-post .cont1 .sec .prevnext ul {
    display: flex;
}
.single-post .cont1 .sec .prevnext li {
    font-size: 0.13rem;
    width: 0.9rem;
}
.single-post .cont1 .sec .prevnext li a span {
    width: 0.22rem;
    height: 0.22rem;
    margin-top: -0.11rem;
}
.single-post .cont1 .sec .prevnext li a span::before {
    width: 0.1rem;
    height: 0.1rem;
    margin: -0.05rem 0 0 -0.05rem;
}
.single-post .cont1 .sec .prevnext li:nth-child(2) a {
    display: block;
    text-align: center;
    line-height: 1.5;
    background-position: center bottom;
    padding: 0 0 0.65rem;
}
}

/* cont1 - free */
.single-post .cont1 .sec .cont h1,
.single-post .cont1 .sec .cont h2 {
	font-size: 0.3rem;
    font-weight: 400;
    line-height: 1.45;
    padding-bottom: 0.1rem;
}
.single-post .cont1 .sec .cont h3,
.single-post .cont1 .sec .cont h4 {
	font-size: 0.26rem;
    font-weight: 400;
    line-height: 1.45;
    padding-bottom: 0.1rem;
}
.single-post .cont1 .sec .cont h5,
.single-post .cont1 .sec .cont h6 {
	font-size: 0.22rem;
    font-weight: 400;
    line-height: 1.45;
    padding-bottom: 0.1rem;
}
.single-post .cont1 .sec .cont p {
    font-size: 0.16rem;
	padding-bottom: 0.1rem;
}
.single-post .cont1 .sec .cont p::after {
	content: '';
	display: block;
	clear: both;
}
.single-post .cont1 .sec .cont p strong {
	font-weight: 700;
}
.single-post .cont1 .sec .cont p em {
	font-style: italic;
}
.single-post .cont1 .sec .cont p a {
    text-decoration: underline;
	word-break: break-all;
}
.single-post .cont1 .sec .cont iframe {
    display: block;
	width: 40em;
	max-width: 100%;
	height: 24em;
    margin: 0 auto;
}
.single-post .cont1 .sec .cont img {
	float: none !important;
	display: block;
    width: auto;
	max-width: 100%;
	height: auto;
    border-radius: 0.2rem;
    margin: 0 auto 0.2rem;
}
.single-post .cont1 .sec .cont img.aligncenter {
	display: block;
	margin: 0 auto;
}
.single-post .cont1 .sec .cont img.alignleft {
	float: left !important;
    margin: 0.5em 1.5em 0.5em 0;
}
.single-post .cont1 .sec .cont img.alignright {
	float: right !important;
    margin: 0.5em 0 0.5em 1.5em;
}
.single-post .cont1 .sec .cont .wp-caption {
	width: auto;
	height: auto;
	max-width: 100%;
    padding-bottom: 0.1rem;
}
.single-post .cont1 .sec .cont .wp-caption.aligncenter {
	margin: 0 auto;
}
.single-post .cont1 .sec .cont .wp-caption.alignleft {
	float: left;
	margin: 0.5em 1.5em 0.5em 0;
}
.single-post .cont1 .sec .cont .wp-caption.alignleft img {
	width: 100%;
	padding-bottom: 0;
}
.single-post .cont1 .sec .cont .wp-caption.alignright {
	float: right;
	margin: 0.5em 0 0.5em 1.5em;
}
.single-post .cont1 .sec .cont .wp-caption.alignright img {
	width: 100%;
	padding-top: 0;
}
.single-post .cont1 .sec .cont .wp-caption-text {
	font-size: 0.14rem;
	text-align: center;
	line-height: 1.45;
	padding-top: 0.1rem;
}
.single-post .cont1 .sec .cont ul {
	list-style: inherit;
	padding: 0 0 0.1rem 2em;
}
.single-post .cont1 .sec .cont ul li {
	list-style: inherit;
}
.single-post .cont1 .sec .cont ol {
	padding: 0 0 0.1rem 2em;
}
@media only screen and (min-width:751px){
.single-post .cont1 .sec .cont p a:hover {
    text-decoration: none;
}
}
@media only screen and (max-width:750px){
.single-post .cont1 .sec .cont h1,
.single-post .cont1 .sec .cont h2 {
	font-size: 0.24rem;
}
.single-post .cont1 .sec .cont h3,
.single-post .cont1 .sec .cont h4 {
	font-size: 0.2rem;
}
.single-post .cont1 .sec .cont h5,
.single-post .cont1 .sec .cont h6 {
	font-size: 0.18rem;
}
.single-post .cont1 .sec .cont p {
    line-height: 1.75;
}
.single-post .cont1 .sec .cont .wp-caption-text {
	font-size: 0.12rem;
}
}