@charset "UTF-8";


/* header
------------------------------------------------- */
#header::after {
    opacity: 0;
}
#header.is-fixed::after {
    opacity: 1;
}


/* mainvisual
------------------------------------------------- */
.mainvisual {
    width: 100%;
    height: 8.54rem;
    position: relative;
}
.mainvisual::before {
    content: '';
    width: 14.4rem;
    height: 8.73rem;
    background: url("../img/top/mainvisual_bg.png") center bottom no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}
.mainvisual .inner {
    width: 10.46rem;
    z-index: 2;
}
.mainvisual h2 {
    width: 7.0541rem;
    padding: 2.56rem 0 0.33rem;
    margin-left: -0.06rem;
}
.mainvisual p {
    font-size: 0.14rem;
    line-height: 2;
}
.mainvisual .sliderbox {
    width: 14.4rem;
    height: 8.73rem;
    position: absolute;
    left: 0;
    top: 0;
    mask-image: url("../img/top/mask.png"), none;
    mask-size: cover;
    z-index: 10;
    overflow: hidden;
}
.mainvisual .sliderinner {
    width: 4.06rem;
    display: flex;
    justify-content: space-between;
    position: absolute;
    right: 1.45rem;
    top: -0.9rem;
    transform: rotate(12deg);
}
.mainvisual .infiniteslide_l li,
.mainvisual .infiniteslide_r li {
    width: 1.88rem;
}
.mainvisual .slidersp {
    display: none;
}  
.mainvisual .newsbox {
    width: 5.75rem;
    height: 0.45rem;
    background-color: #fff;
    border-radius: 0 0.25rem 0.25rem 0;
    padding: 0 0.27rem;
    position: absolute;
    left: 0;
    bottom: 0.84rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    z-index: 12;
}
.mainvisual .newsbox h3 {
    font-size: 0.15rem;
    font-weight: 700;
    padding-top: 0.025rem;
}
.mainvisual .newsbox .news_slider {
    width: 4.25rem;
    margin: 0;
}
.mainvisual .newsbox .news_slider .swiper-slide a {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    font-size: 0.15rem;
    font-weight: 300;
}
@media screen and (min-width:751px){
.mainvisual .newsbox .news_slider .swiper-slide a:hover {
    color: #0076FF;
}
}
@media screen and (min-width:751px) and (max-height:54.8611vw) {
.mainvisual .outer {
    height: 100svh;
    min-height: 6rem;
    position: relative;
}
.mainvisual .inner {
    position: absolute;
    left: 50%;
    bottom: 1.12rem;
    margin-left: -5.23rem;
}
.mainvisual .newsbox {
    bottom: 0.2rem;
}
}
@media screen and (min-width:751px) and (max-height:54.8611vw) and (orientation: portrait) {
.mainvisual {
    height: 100svh;
    min-height: 6rem;
    position: relative;
}
.mainvisual .inner {
    position: absolute;
    left: 50%;
    bottom: 1.12rem;
    margin-left: -5.23rem;
}
.mainvisual .newsbox {
    bottom: 0.2rem;
}
}
@media screen and (max-width:750px){
.mainvisual {
    height: 6.9rem;
}
.mainvisual::before {
    background-image: url("../img/top/mainvisual_bg_sp.png");
}
.mainvisual .inner {
    width: 92.266%;
}
.mainvisual h2 {
    width: 100%;
    padding: 0.85rem 0 2.6rem;
    margin-left: 0;
}
.mainvisual p {
    line-height: 1.8;
}
.mainvisual .sliderbox {
    display: none;
}
.mainvisual .slidersp {
    display: block;
    position: absolute;
    left: -1rem;
    top: 1.55rem;
    transform: rotate(-6deg);
    z-index: 10;
}      
.mainvisual .slidersp .infiniteslide_sp li {
    width: 1.2rem;
    margin-right: 0.12rem;
}
.mainvisual .newsbox {
    width: 3.6rem;
    height: 0.67rem;
    border-radius: 0 0.35rem 0.35rem 0;
    padding: 0 0.14rem;
    bottom: 0.3rem;
    display: block;
}
.mainvisual .newsbox h3 {
    padding-top: 0.1rem;
    line-height: 1.35;
}
.mainvisual .newsbox .news_slider {
    width: 100%;
}
}


/* about
------------------------------------------------- */
.about {
    background: url("../img/top/about_bg.png") center top no-repeat;
    background-size: cover;
    padding: 3.6rem 0 1.2rem;
    overflow-x: hidden;
}
.about h3 {
    font-size: 0.2rem;
    font-weight: 500;
    line-height: 1.45;
    text-align: center;
    margin-bottom: 0.24rem;
}
.about h3 span {
    display: block;
    font-size: 0.4rem;
    font-weight: 700;
    color: #0076FF;
    padding-top: 0.08rem;
}
.about .copy {
    text-align: center;
}
.about .sec {
    padding-top: 0.9rem;
    position: relative;
}
.about .sec::before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-right: 0.44rem solid transparent;
    border-left: 0.44rem solid transparent;
    border-top: 0.3rem solid rgba(0,118,255,0.3);
    border-bottom: 0;
    position: absolute;
    left: 50%;
    top: 0.32rem;
    margin-left: -0.44rem;
}
.about h4 {
    font-size: 0.3rem;
    font-weight: 700;
    line-height: 1.45;
    text-align: center;
    margin-bottom: 0.35rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.about h4 img {
    width: 2.3rem;
    padding-right: 0.1rem;
}
.about .box {
    padding-left: 3.96rem;
}
.about .side-scroll {
    width: 100%;
    height: 5.5rem;
    position: relative;
}
.about .side-scroll .scroll-list {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
}
.about .side-scroll .scroll-list li {
    width: 3.34rem;
    margin-right: 0.8rem;
}
.about .side-scroll .scroll-list li picture {
    width: 100%;
    height: 2.21rem;
    border-radius: 0.18rem;
    overflow: hidden;
}
.about .side-scroll .scroll-list li h5 {
    height: 1.02rem;
    font-size: 0.24rem;
    font-weight: 700;
    line-height: 1.25;
    color: #0076FF;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
}
.about .side-scroll .scroll-list li p {
    font-size: 0.15rem;
    line-height: 1.5;
}
@media screen and (max-width:750px){
.about {
    background: none rgba(255,255,255,0.81);
    padding: 0.8rem 0 0.25rem;
}
.about h3 {
    font-size: 0.18rem;
    margin-bottom: 0.2rem;
}
.about h3 span {
    font-size: 0.32rem;
    line-height: 1.5;
    padding-top: 0.16rem;
}
.about .copy {
    text-align: left;
}
.about .sec {
    padding-top: 0.74rem;
}
.about .sec::before {
    top: 0.24rem;
}
.about h4 {
    font-size: 0.22rem;
    margin-bottom: 0.65rem;
}
.about h4 img {
    width: 1.84rem;
    padding-right: 0.08rem;
}
.about .box {
    padding-left: 0.34rem;
}
.about .side-scroll {
    height: 5.71rem;
}
.about .side-scroll .scroll-list li {
    width: 2.76rem;
    margin-right: 0.4rem;
}
.about .side-scroll .scroll-list li h5 {
    height: 0.8rem;
    font-size: 0.18rem;
    line-height: 1.5;
}
}


/* advantages
------------------------------------------------- */
.advantages {
    padding-top: 1.04rem;
    position: relative;
}
.advantages::after {
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(248,248,248,0.86);
    mix-blend-mode: multiply;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}
.advantages .inner {
    z-index: 2;
}
.advantages .box {
    background-color: #fff;
    border-radius: 0.2rem 0.2rem 0 0;
    padding: 0.8rem 0.64rem 1.2rem; 
}
.advantages .sec1 {
    padding: 0 0.45rem 0.8rem 0; 
}
.advantages .ttl {
    width: 3.5rem;
    height: 100%;
    position: sticky;
    top: 1rem;
}
.advantages .con {
    width: 7.2rem;
}
.advantages .con h4 {
    font-size: 0.32rem;
    font-weight: 500;
    line-height: 1.45;
    text-align: center;
    margin: 0.8rem 0 0.25rem;
}
.advantages .con dl {
    width: 100%;
    height: 1.24rem;
    background-color: #F4F8FF;
    border-radius: 0.16rem;
    padding: 0.24rem 0.7rem 0.24rem 0;
    margin-top: 0.15rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
}
.advantages .con dl dt {
    width: 25.5%;
    height: 0.76rem;
    border-right: 0.01rem solid #B9C9D9;
    font-size: 0.14rem;
    font-weight: 700;
    line-height: 1.05;
    color: #B9C9D9;
    text-align: center;
    padding-top: 0.05rem;
    box-sizing: border-box;
}
.advantages .con dl dt span {
    display: block;
    font-size: 0.6rem;
    font-weight: 400;
    line-height: 1;
    letter-spacing: -0.03em;
}
.advantages .con dl dd {
    width: 74.5%;
    padding-left: 0.24rem;
    box-sizing: border-box;
}
.advantages .con dl dd h5 {
    font-size: 0.18rem;
    font-weight: 700;
    line-height: 1.5;
    color: #0076FF;
    padding-bottom: 0.08rem;
}
.advantages .con dl dd p {
    font-size: 0.14rem;
    line-height: 1.575;
}
.advantages .sec2 {
    padding: 0 0.45rem; 
}
.advantages ul li {
    width: 47.85%;
    height: 1.44rem;
}
.advantages ul li a {
    display: block;
    width: 100%;
    height: 100%;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_801407%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20801407%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2264%22%20height%3D%2264%22%20viewBox%3D%220%200%2064%2064%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_48125%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2048125%22%20width%3D%2264%22%20height%3D%2264%22%20rx%3D%2212%22%20fill%3D%22%23fff%22%2F%3E%20%3Cpath%20id%3D%22check_small_24dp_1F1F1F_FILL0_wght400_GRAD0_opsz24%22%20d%3D%22M246.667-664%2C240-670.808l2.333-2.383%2C4.333%2C4.425%2C11-11.234L260-677.616Z%22%20transform%3D%22translate(-218%20704)%22%20fill%3D%22%23277eec%22%2F%3E%3C%2Fsvg%3E') 0.16rem center no-repeat #266FCB;
    background-size: 0.64rem auto;
    border-radius: 0.16rem;
    color: #fff;
    padding: 0.3rem 0 0 0.92rem;
    box-sizing: border-box;
    position: relative;
}
.advantages ul li a h5 {
    font-size: 0.2rem;
    font-weight: 700;
    line-height: 1.45;
    margin-bottom: 0.08rem;
}
.advantages ul li a p {
    font-size: 0.14rem;
    line-height: 1.575;
}
.advantages ul li a .arr {
    background-color: #fff;
    right: 0.16rem;
}
.advantages ul li a .arr::after {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215%22%20height%3D%2215%22%20viewBox%3D%220%200%2015%2015%22%3E%20%3Cpath%20id%3D%22arrow_right_alt_24dp_1F1F1F_FILL0_wght400_GRAD0_opsz24%22%20d%3D%22M172.5-705l-1.75-1.812%2C4.438-4.437H165v-2.5h10.188l-4.437-4.437L172.5-720l7.5%2C7.5Z%22%20transform%3D%22translate(-165%20720)%22%20fill%3D%22%23277eec%22%2F%3E%3C%2Fsvg%3E');
}
.advantages ul li:nth-child(2) a {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_801413%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20801413%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2264%22%20height%3D%2264%22%20viewBox%3D%220%200%2064%2064%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_48125%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2048125%22%20width%3D%2264%22%20height%3D%2264%22%20rx%3D%2212%22%20fill%3D%22%23fff%22%2F%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_804680%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20804680%22%20transform%3D%22translate(22531.672%20-2340.328)%22%3E%20%3Cg%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_50693%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2050693%22%20transform%3D%22translate(-22515%202357)%22%20fill%3D%22none%22%20stroke%3D%22%230ca59a%22%20stroke-width%3D%222.5%22%3E%20%3Crect%20width%3D%2213.363%22%20height%3D%2213.363%22%20rx%3D%222%22%20stroke%3D%22none%22%2F%3E%20%3Crect%20x%3D%221.25%22%20y%3D%221.25%22%20width%3D%2210.863%22%20height%3D%2210.863%22%20rx%3D%220.75%22%20fill%3D%22none%22%2F%3E%20%3C%2Fg%3E%20%3Cg%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_50695%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2050695%22%20transform%3D%22translate(-22515%202374.293)%22%20fill%3D%22none%22%20stroke%3D%22%230ca59a%22%20stroke-width%3D%222.5%22%3E%20%3Crect%20width%3D%2213.363%22%20height%3D%2213.363%22%20rx%3D%222%22%20stroke%3D%22none%22%2F%3E%20%3Crect%20x%3D%221.25%22%20y%3D%221.25%22%20width%3D%2210.863%22%20height%3D%2210.863%22%20rx%3D%220.75%22%20fill%3D%22none%22%2F%3E%20%3C%2Fg%3E%20%3Cg%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_50694%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2050694%22%20transform%3D%22translate(-22497.707%202357)%22%20fill%3D%22none%22%20stroke%3D%22%230ca59a%22%20stroke-width%3D%222.5%22%3E%20%3Crect%20width%3D%2213.363%22%20height%3D%2213.363%22%20rx%3D%222%22%20stroke%3D%22none%22%2F%3E%20%3Crect%20x%3D%221.25%22%20y%3D%221.25%22%20width%3D%2210.863%22%20height%3D%2210.863%22%20rx%3D%220.75%22%20fill%3D%22none%22%2F%3E%20%3C%2Fg%3E%20%3Cpath%20id%3D%22add_24dp_1F1F1F_FILL0_wght400_GRAD0_opsz24_2_%22%20data-name%3D%22add_24dp_1F1F1F_FILL0_wght400_GRAD0_opsz24%20(2)%22%20d%3D%22M205.39-752.813H200v-1.8h5.39V-760h1.8v5.39h5.39v1.8h-5.39v5.39h-1.8Z%22%20transform%3D%22translate(-22697.707%203134.293)%22%20fill%3D%22%2309a69a%22%20stroke%3D%22%2309a69a%22%20stroke-width%3D%221%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E');
    background-color: #09A69A;
}
.advantages ul li:nth-child(2) a .arr::after {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215%22%20height%3D%2215%22%20viewBox%3D%220%200%2015%2015%22%3E%20%3Cpath%20id%3D%22arrow_right_alt_24dp_1F1F1F_FILL0_wght400_GRAD0_opsz24%22%20d%3D%22M172.5-705l-1.75-1.812%2C4.438-4.437H165v-2.5h10.188l-4.437-4.437L172.5-720l7.5%2C7.5Z%22%20transform%3D%22translate(-165%20720)%22%20fill%3D%22%2309a69a%22%2F%3E%3C%2Fsvg%3E');
}
@media screen and (min-width:751px){
.advantages ul li a:hover {
    opacity: 0.9;
}
}
@media screen and (max-width:750px){
.advantages {
    padding: 0.4rem 0;
}
.advantages .box {
    padding: 0.35rem 0.16rem 0.08rem; 
}
.advantages .sec1 {
    padding: 0 0 0.4rem; 
}
.advantages .ttl {
    width: 100%;
    height: auto;
    position: static;
}
.advantages .con {
    width: 100%;
}
.advantages .con h4 {
    font-size: 0.22rem;
    margin: 0.55rem 0 0.225rem;
}
.advantages .con .innbox {
    width: 87.2vw;
    background-color: #F4F8FF;
    border-radius: 0.16rem;
    margin-left: -1.733vw;
    padding: 0.4rem 0.16rem 0;
    box-sizing: border-box;
}
.advantages .con dl {
    display: block;
    height: auto;
    border-radius: 0;
    background-color: rgba(0,0,0,0);
    border-bottom: 0.01rem solid #B9C9D9;
    padding: 0 0 0.28rem;
    margin: 0 0 0.28rem;
    position: relative;
}
.advantages .con dl:last-child {
    border-bottom: none;
    padding: 0 0 0.4rem;
    margin: 0;
}
.advantages .con dl dt {
    width: 0.65rem;
    height: 0.6rem;
    border-right: none;
    font-size: 0.11rem;
    padding-top: 0.05rem;
}
.advantages .con dl dt span {
    font-size: 0.48rem;
}
.advantages .con dl dd {
    width: 100%;
    padding-left: 0;
}
.advantages .con dl dd h5 {
    height: 0.6rem;
    position: absolute;
    left: 0.78rem;
    top: 0;
    padding-bottom: 0;
    display: flex;
    align-items: center;
}
.advantages .con dl dd p {
    margin-top: 0.18rem;
}
.advantages .sec2 {
    padding: 0; 
}
.advantages ul li {
    width: 100%;
    height: 1.66rem;
    margin-bottom: 0.16rem;
}
.advantages ul li a {
    background-position: 0.16rem 0.16rem;
    background-size: 0.58rem auto;
    padding: 0.32rem 0.16rem 0;
}
.advantages ul li a h5 {
    margin: 0 0 0.25rem 0.7rem;
}
.advantages ul li a .arr {
    top: 0.26rem;
    margin: 0;
}
}


/* solutions
------------------------------------------------- */
.solutions {
    background: url("../img/top/solutions_bg.jpg") center bottom no-repeat #EFF4F7;
    background-size: 100% auto;
    padding: 1.2rem 0 0.8rem;
    position: relative;
}
.solutions .ttl {
    margin-bottom: 0.64rem;
}
.solutions .ttl .headline1 {
    width: 3.27rem;
}
.solutions .ttl p {
    width: 6.3rem;
    margin-top: 0.14rem;
}
.solutions ul li {
    width: 30.95%;
    height: 5.7rem;
    margin-bottom: 0.4rem;
}
.solutions ul li a {
    display: block;
    width: 100%;
    height: 100%;
    background-color: #fff;
    border: 0.01rem solid #fff;
    border-radius: 0.16rem;
    padding: 0.32rem 0.35rem 0;
    box-sizing: border-box;
    position: relative;
}
.solutions ul li a h4 {
    font-size: 0.18rem;
    font-weight: 700;
    line-height: 1.45;
    color: #0076FF;
    text-align: center;
    margin-bottom: 0.125rem;
}
.solutions ul li a p {
    font-size: 0.15rem;
    font-weight: 300;
    line-height: 1.66;
}
.solutions ul li a picture {
    width: 1.81rem;
    margin: 0.28rem auto 0;
}
.solutions ul li a picture img {
    display: block;
    margin-left: 0.12rem;
}
.solutions ul li a .arr {
    right: 50%;
    top: auto;
    bottom: 0.2rem;
    margin: 0 -0.21rem 0 0;
}
@media screen and (min-width:751px){
.solutions ul li a:hover {
    border-color: #0076FF;
}
.solutions ul li a:hover .arr {
    background-color: #0076FF;
}
}
@media screen and (max-width:750px){
.solutions {
    background: none #EFF4F7;
    padding: 0.6rem 0 0.1rem;
}
.solutions .ttl {
    margin-bottom: 0.21rem;
}
.solutions .ttl .headline1 {
    width: 100%;
}
.solutions .ttl p {
    width: 100%;
    margin-top: 0.14rem;
}
.solutions ul li {
    width: 100%;
    height: auto;
    margin-bottom: 0.25rem;
}
.solutions ul li a {
    padding: 0.32rem 0.24rem 0.4rem;
}
.solutions ul li a h4 {
    text-align: left;
}
.solutions ul li a picture {
    width: 100%;
    height: 2.95rem;
    border-radius: 0.16rem;
    margin: 0.15rem auto 0;
}
.solutions ul li a picture img {
    display: block;
    margin: 0;
}
.solutions ul li a .arr {
    width: 0.26rem;
    height: 0.26rem;
    background-color: #0076FF;
    right: 0.28rem;
    top: 0.34rem;
    bottom: auto;
    margin: 0;
}
.solutions ul li a .arr::after {
    width: 0.12rem;
    height: 0.12rem;
    margin: -0.06rem 0 0 -0.06rem;
}
}


/* support
------------------------------------------------- */
.support {
    background-color: rgba(248,248,248,0.86);
    padding: 1.2rem 0;
}
@media screen and (max-width:750px){
.support {
    padding: 0.32rem 0 0.4rem;
}
}


/* news
------------------------------------------------- */
.news {
    background-color: #fff;
    padding: 1.2rem 0 0.88rem;
}
.news .ttl {
    width: 3.27rem;
}
.news .btn {
    width: 1.73rem;
    height: 0.47rem;
    margin-top: 0.45rem;
}
.news .btn a {
    width: 100%;
    height: 100%;
    background-color: #0076FF;
    border-radius: 0.3rem;
    font-size: 0.15rem;
    font-weight: 500;
    color: #fff;
    padding-left: 0.24rem;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    position: relative;
}
.news .btn a .arr {
    width: 0.31rem;
    height: 0.31rem;
    background-color: #fff;
    right: 0.08rem;
    margin-top: -0.155rem;
}
.news .btn a .arr::after {
    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%2215%22%20height%3D%2215%22%20viewBox%3D%220%200%2015%2015%22%3E%20%3Cpath%20id%3D%22arrow_right_alt_24dp_1F1F1F_FILL0_wght400_GRAD0_opsz24%22%20d%3D%22M172.5-705l-1.75-1.812%2C4.438-4.437H165v-2.5h10.188l-4.437-4.437L172.5-720l7.5%2C7.5Z%22%20transform%3D%22translate(-165%20720)%22%20fill%3D%22%230076ff%22%2F%3E%3C%2Fsvg%3E');
    margin: -0.06rem 0 0 -0.06rem;
}
.news .con {
    width: 8.27rem;
}
.news .con ul li {
    border-bottom: 0.01rem solid #CECECE;
    padding-bottom: 0.23rem;
    margin-bottom: 0.32rem;
}
.news .con ul li a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}
.news .con ul li a .date {
    font-size: 0.18rem;
    font-weight: 300;
    line-height: 1.5;
    margin-bottom: 0.12rem;
    display: flex;
    justify-content: space-between;
}
.news .con ul li a .date ul {
    width: 86%;
}
.news .con ul li a .date ul li {
    border-bottom: none;
    padding-bottom: 0;
    margin: 0 0.1rem 0.075rem 0;
}
.news .con ul li a .date span {
    height: 0.27rem;
    font-size: 0.15rem;
    border: 0.01rem solid #CECECE;
    border-radius: 0.04rem;
    padding: 0 0.12rem;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
}
.news .con ul li a .tit {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-weight: 400;
    padding-right: 0.65rem;
    position: relative;
    transition: 0.3s;
}
.news .con ul li a .tit::after {
    content: '';
    width: 0.17rem;
    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%2216.936%22%20height%3D%227.796%22%20viewBox%3D%220%200%2016.936%207.796%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_238985%22%20data-name%3D%22%E3%83%91%E3%82%B9%20238985%22%20d%3D%22M36.936%2C3.9c0-.018%2C0-.036%2C0-.055V3.838a.8.8%2C0%2C0%2C0-.4-.639l-.005%2C0-.045-.023%2C0%2C0A15.215%2C15.215%2C0%2C0%2C1%2C32.434.217.8.8%2C0%2C0%2C0%2C31.388.173a.829.829%2C0%2C0%2C0-.093.086A.806.806%2C0%2C0%2C0%2C31.336%2C1.4c.655.609%2C1.252%2C1.15%2C1.883%2C1.642H20.858a.858.858%2C0%2C1%2C0%2C0%2C1.716H33.219c-.631.492-1.228%2C1.034-1.883%2C1.642a.806.806%2C0%2C1%2C0%2C1.1%2C1.181%2C15.216%2C15.216%2C0%2C0%2C1%2C4.042-2.953h0l.045-.023.006%2C0a.8.8%2C0%2C0%2C0%2C.4-.639V3.954c0-.018%2C0-.036%2C0-.055h0%22%20transform%3D%22translate(-20%200)%22%20fill%3D%22%23003965%22%2F%3E%3C%2Fsvg%3E') right center no-repeat;
    background-size: cover;
    position: absolute;
    right: 0.22rem;
    top: 50%;
    margin-top: -0.04rem;
    transition: 0.3s;
}
@media screen and (min-width:751px){
.news .ttl .btn a:hover {
    opacity: 0.85;
}
.news .ttl .btn a:hover .arr::after {
    margin-left: -0.04rem;
}
.news .con ul li a:hover .tit {
    color: #0076FF;
}
.news .con ul li a:hover .tit::after {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216.936%22%20height%3D%227.796%22%20viewBox%3D%220%200%2016.936%207.796%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_238985%22%20data-name%3D%22%E3%83%91%E3%82%B9%20238985%22%20d%3D%22M36.936%2C3.9c0-.018%2C0-.036%2C0-.055V3.838a.8.8%2C0%2C0%2C0-.4-.639l-.005%2C0-.045-.023%2C0%2C0A15.215%2C15.215%2C0%2C0%2C1%2C32.434.217.8.8%2C0%2C0%2C0%2C31.388.173a.829.829%2C0%2C0%2C0-.093.086A.806.806%2C0%2C0%2C0%2C31.336%2C1.4c.655.609%2C1.252%2C1.15%2C1.883%2C1.642H20.858a.858.858%2C0%2C1%2C0%2C0%2C1.716H33.219c-.631.492-1.228%2C1.034-1.883%2C1.642a.806.806%2C0%2C1%2C0%2C1.1%2C1.181%2C15.216%2C15.216%2C0%2C0%2C1%2C4.042-2.953h0l.045-.023.006%2C0a.8.8%2C0%2C0%2C0%2C.4-.639V3.954c0-.018%2C0-.036%2C0-.055h0%22%20transform%3D%22translate(-20%200)%22%20fill%3D%22%230076ff%22%2F%3E%3C%2Fsvg%3E');
    right: 0.12rem;
}
}
@media screen and (max-width:750px){
.news {
    padding: 0.6rem 0 0.5rem;
}
.news .ttl {
    width: 100%;
    padding-bottom: 0.15rem;
}
.news .btn {
    width: 1.99rem;
    height: 0.55rem;
    margin: 0.32rem auto 0;
}
.news .con {
    width: 100%;
}
.news .con ul li {
    padding-bottom: 0.22rem;
    margin-bottom: 0.22rem;
}
.news .con ul li a .date {
    font-size: 0.16rem;
    margin-bottom: 0.06rem;
}
.news .con ul li a .date ul {
    width: 74%;
    display: flex;
}
.news .con ul li a .date ul li {
    padding-bottom: 0;
    margin: 0 0.075rem 0.055rem 0;
}
.news .con ul li a .date span {
    height: 0.24rem;
    font-size: 0.12rem;
    padding: 0 0.07rem;
}
.news .con ul li a .tit {
    font-size: 0.15rem;
    line-height: 1.66;
    padding-right: 0.3rem;
}
.news .con ul li a .tit::after {
    right: 0;
}
}


/* contact
------------------------------------------------- */
.contact {
    background-color: #fff;
    padding-bottom: 1.2rem;
}
@media screen and (max-width:750px){
.contact {
    padding-bottom: 0.65rem;
}
.contact .btnst2 {
    width: 100vw;
    height: 2.28rem;
    margin-left: -3.867vw;
}
.contact .btnst2 a {
    border-radius: 0;
}
}


/* bg
------------------------------------------------- */
.bg {
    width: 100vw;
    height: 100vh;
    background: url("../img/top/bg.jpg") center center no-repeat;
    background-size: cover;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1;
}
.bg .line {
    width: 8.64rem;
    height: 100vh;
    border-left: 0.01rem solid rgba(206,206,206,0.3);
    border-right: 0.01rem solid rgba(206,206,206,0.3);
    margin: 0 auto;
    position: relative;
}
.bg .line::before,
.bg .line::after {
    content: '';
    width: 0.01rem;
    height: 100vh;
    background-color: rgba(206,206,206,0.3);
    position: absolute;
    left: 2.88rem;
    top: 0;
}
.bg .line::after {
    left: auto;
    right: 2.88rem;
}
@media screen and (max-width:750px){
.bg {
    background-image: url("../img/top/bg_sp.jpg");
}
.bg .line {
    display: none;
}
}