@charset "utf-8";

/* 22-07 BioStation 3 */
.new-biostation3.new-container {overflow-x: hidden;}
.new-biostation3 ul, .new-biostation3 li {box-sizing: border-box;}
.new-biostation3 .main_bg {width: 100%; height: 100%; object-fit: cover; -o-object-fit: cover; opacity: 0.8;}
.new-biostation3 .scroll-section{height: 100vh; /* position: sticky; top: 0;  */background: #fff; position: relative; box-sizing: border-box;}
.new-biostation3 .bg-video {visibility: visible; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; background: #000;}
.new-biostation3 .wrap-txt {display: flex; flex-flow: row; justify-content: flex-end; }
.new-biostation3 .wrap-txt .txt_white {-webkit-align-self: center; -ms-align-self: center; -ms-flex-item-align: center; align-self: center; color: #fff;}
.new-biostation3 .wrap-txt .txt_white .copy {font-size: 90px; margin-bottom: 36px;}
.new-biostation3 .wrap-txt .txt_white .copy h2 {font-size: 36%; font-weight: 300;}

.new-biostation3 .section0 .btn-white-line {font-size: 18px;}
.new-biostation3 .section0 .btn-white-line .material-icons {margin-right: 4px;}

.new-biostation3 .product_info .sticky-menu {background: rgba(255, 255, 255, 0.9);backdrop-filter: saturate(180%) blur(15px); border-bottom: 1px solid #ddd;}

/* Animation */
@keyframes fadeInUp {
    from {
        transform: translate3d(0,40px,0)
    }

    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}
.fadeInUp {opacity: 0; animation: fadeInUp 0.7s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;}
.new-biostation3 .wrap-txt .txt_white .copy h2 {animation-delay: 0.2s;}
.new-biostation3 .wrap-txt .txt_white .btn-white-line {animation-delay: 0.4s;}

/* section1 */
/* .scroll-section.section1 {position: fixed;} */
.scroll-section.section1 .hero__inner { display: flex; position: relative; width: 100vw; max-height: 100vh; overflow: hidden; height: 100%; background: #000;}
.scroll-section.section1 .hero__inner::before {content: ""; display: block; padding-bottom: calc(100% / (16 / 9));}
.scroll-section.section1 .hero__image { position: absolute; top: 0; left: 0; width: 100%; height: 200%; -o-object-fit: cover; object-fit: cover; opacity: 0.5;}
.scroll-section.section1 .hero__content { display: none; display: flex;align-items: center; justify-content: center;width: 100%;height: 100%;color: #fff;}
.scroll-section.section1 .hero__content2 {opacity: 0; position: absolute; top: 0; display: flex; flex-direction: column; justify-content: center; height: 100%;}
.scroll-section.section1 .hero__headline {/* --duration: 400ms; --delay: calc(var(--duration) / 2); --ease: cubic-bezier(0.25, 1, 0.5, 1);  */position: relative; display: inline-block; font-size: 50px; overflow: hidden; /* margin-top: calc(var(--padding) * -1);  */font-weight: 700;}
.scroll-section.section1 .hero__headline span {opacity: 0.2;}
.scroll-section.section1 .active .hero__headline {transform: scaleX(1); transition-delay: 0s;}
.scroll-section.section1 .active .hero__headline { transform: translateY(0); transition-delay: var(--delay);}
/* .scroll-section.section1 .pin-spacer {overflow: hidden !important;} */
.new-biostation3.new-container .scroll-section.section1 .hero__content2 p{margin-bottom: 48px; color: #fff; font-size: 24px; font-weight: 600;}
.scroll-section.section1 .ico-list {width: 78%;}
.scroll-section.section1 .ico-list h5 {color: #fff; margin-bottom: 24px; font-weight: 600; white-space: nowrap;}
.scroll-section.section1 .ico-list figure img {width: auto; height: 95px;}


.scroll-section.section1 .img-grp {display: flex; justify-content: center;}
/* .scroll-section.section1 .img-grp figure { position: absolute;} */

.scroll-section.section1 .img-grp figure + figure {margin-left: 90px;}
.scroll-section.section1 .img-grp .prod_bs3 {z-index: 1; position: relative;width: 260px;padding-top: 80px; /* left: 20%; top: 0; */}
.scroll-section.section1 .img-grp .prod_hand {width: 330px;}
.new-biostation3 .scroll-section.section1 .copy {font-size: 34px; line-height: 1.25; font-weight: bold; margin-bottom: 60px; color: #222;}

/* v4 */
.scroll-section.section1 {background: #000; display: flex; align-items: center; justify-content: center; height: 100vh;}
.scroll-section.section1 canvas {width: 100% ; height: 100%; object-fit: cover; }
.scroll-section.section1 .text {position: absolute; font-size: 50px; color: #fff; font-weight: 700; max-width: 1205px; opacity: 0;transform: translateY(50px); }
.new-container .scroll-section.section1 .text p {color: inherit; font-size: inherit; line-height: inherit;}
/* .scroll-section.section1 .text li {opacity: 0;transform: translateY(50px); } */

/* section2 */
.scroll-section.section2{ background: #ecedef; padding: 130px 0;}
.accordions-container .slide-img{ position: absolute;}

.sec-tit {font-size: 48px; margin-bottom: 64px;}
.scroll-section.section2 .sec-tit {text-align: center;}

.accordions-txt {margin-top: 36px;}
.slide-txt:first-child a{border-top: 1px solid rgba(0, 0, 0, 0.075) ;}
.slide-txt a {padding: 36px 8px; border-bottom:1px solid rgba(0, 0, 0, 0.075); display: flex; justify-content: space-between; color: rgba(0, 0, 0, 0.2);}
.accordions-txt h4 {font-weight: 600; font-size: 18px; }
.slide-txt.active a,
.slide-txt .material-icons-outlined {color: inherit;}
.slide-txt.active {color: #0070bd;}

/* section3 */
.scroll-section.section3 {padding: 130px 0 100px calc(50% - 602.5px); height: auto; background: linear-gradient(#ecedef, #ecedef) no-repeat left bottom / 100% 40%;}

.scroll-section.section3 .card-wrap {overscroll-behavior: none; width: 500%; height: auto; display: flex; flex-wrap: nowrap; margin-top: 30px; margin-bottom: 60px;}
.scroll-section.section3 .card-wrap .list-card {margin-right: 40px; position: relative;}
.scroll-section.section3 .card-wrap .list-card figure {width: 450px; border-radius:40px; overflow: hidden; box-shadow: 4px 8px 40px rgb(0 0 0 / 15%);}

.scroll-section.section3 .card-wrap .list-card h4 {font-weight: 500; font-size: 20px; padding: 16px 36px; background: rgba(0, 113, 189, 0.3);width: 100%; box-sizing: border-box; color: #fff; position: absolute; bottom: 0;backdrop-filter: blur(15px); border-radius: 0 0 40px 40px;}
.scroll-section.section3 .card-wrap .list-card small {padding-left: 12px; display: inline-block; position: absolute; bottom: -30px; right: 2px;} 
.scroll-section.section3 .sec-tit {margin-bottom: 32px;}
.scroll-section.section3 .wrap-content {max-width: 1204px;}

/* section3_1 */
.scroll-section.section3_1 {padding: 130px 0 0; height: auto;}
.scroll-section.section3_1 .text-section {background: rgb(0 112 189 / 5%); padding: 64px 0 180px; margin-top: 12px;}
.scroll-section.section3_1 .text-section .footnote {display: block; text-align: right; margin-top: 30px;}
.scroll-section.section3_1 .ico-list {margin-top: 80px;}

.scroll-section.section3_1 .ico-list li figure {padding-top: 24px; height: 60px;}
.scroll-section.section3_1 .ico-list li figure img {width: auto; height: 45px;}
.scroll-section.section3_1 .ico-list li:nth-child(3) figure img {width: 45px; height: auto;}

.scroll-section.section3_1 .ico-list li .grp-txt {margin-top: 24px;}
.scroll-section.section3_1 .ico-list li h5 {color: #0070bd; font-weight: 600; font-size: 18px; margin-bottom: 16px;}

/* .scroll-section.section3_1 .gallery {opacity: 0;} */
.scroll-section.section3_1 .gallery.active {opacity: 1;}
.scroll-section.section3_1 .gallery.row1 {margin-top: 70px; margin-bottom: 12px; transform: translateX(300px);}
.scroll-section.section3_1 .gallery.row2 {transform: translateX(-300px);}
.scroll-section.section3_1 .gallery .row {margin-right: -6px;margin-left: -6px;}
.scroll-section.section3_1 .gallery .row .col-3 {padding-right: 6px; padding-left: 6px;}

/* section4 */
.scroll-section.section4 {height: 100vh; width: 100%; overflow: hidden; position: relative;}
.scroll-section.section4 .grp-txt {display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; padding: 12% 12% 5% 5%; background: #fff;}
.scroll-section.section4 .grp-txt h4 {font-size: 48px; margin-bottom: 48px;}
.scroll-section.section4 .row{height: 100%;}
.scroll-section.section4 figure {height: 100%;}
.scroll-section.section4 figure img{ height: 100%; width: auto; -o-object-fit: cover; object-fit: cover;}
.scroll-section.section4 .swiper-pagination {bottom: 12%; width: 34%; position: absolute; top: unset; left: 55%;}
.scroll-section.section4 .swiper-pagination-progressbar {background:#ccc;}
.scroll-section.section4 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background: #0070bd;}
.scroll-section.section4 .swiper-pagination-bullet {width: 24%; height: 2px; margin-right: 1%; border-radius: 0;}

.scroll-section.section4 .grp-pager { position: absolute; left: 55%; bottom: 16%; z-index: 10; display: flex; width: 120px; justify-content: space-between; align-items: center;}
.scroll-section.section4 .swiper-pagination2 {color: #222; font-weight: 500; font-size: 18px;}
.scroll-section.section4 .swiper-pagination2 .swiper-pagination-current {color: #0070bd;}
.scroll-section.section4 .swiper-button-prev, .scroll-section.section4 .swiper-button-next {background-image: none; color: #0070bd;cursor: pointer;}
.scroll-section.section4 .swiper-pagination-bullet-active {background: #0070bd;}

.scroll-section.section4 .swiper-button-prev.swiper-button-disabled, .scroll-section.section4 .swiper-button-next.swiper-button-disabled {color: #ccc;}

.scroll-section.section4 .section4-wrapper {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; padding: 0; overflow: hidden; width: 400%; height: 100%;}
.scroll-section.section4 .section4-wrapper .slide {width: 100%;}
.scroll-section.section4 .section4-wrapper .slide .nav-panel {display: inline-block;}
.scroll-section.section4 .section4-wrapper .slide .nav-panel + .nav-panel {margin-left: 16px;}
.scroll-section.section4 .section4-wrapper .slide .nav-panel .nav-anchor {display: inline-block; width: 60px; height: 60px; font-size: 24px; line-height: 56px; text-align: center; border-radius: 50%; border: 1px solid #ddd; transition: all 0.3s;}
.scroll-section.section4 .section4-wrapper .slide .panels-navigation {margin-bottom: 24px;}
.scroll-section.section4 .section4-wrapper .slide .nav-panel:hover .material-icons {color: #0070bd;}
.scroll-section.section4 .section4-wrapper .slide .nav-panel:hover .nav-anchor {border-color: #0070bd;}

/* section4_1 */
.scroll-section.section4_1 {padding: 100px 0 0; height: 110vh;}
.scroll-section.section4_1 .sub-max-inner {max-width: 1400px; height: auto;}
.sec4_1.sec-tit {margin: 16px 0 32px; font-size: 40px;}
.scroll-section.section4_1 .wrapper {max-width: 1400px;margin: 0 auto; position: relative; height: 100%;}

.scroll-section.section4_1 .pin-up {height: 100%; margin-top: 80px; justify-content: space-between;}
.scroll-section.section4_1 .content-wrap {position: relative; display: flex; flex: 0 0 42.5%; max-width: 42.5%; align-items: baseline;}
.scroll-section.section4_1 .content {position:absolute;}
.scroll-section.section4_1 .sideline {position: absolute; top: 0; left: 48%; height: 62.5%; width: 2px; background-color: #0070bd; transform: scaleY(0); transform-origin: top center; z-index: 2;}
.scroll-section.section4_1 .bg_sideline {position: absolute; top: 0; left: 48%; height: 62.5%; width: 2px; background-color: #eee; z-index: 1;}

.scroll-section.section4_1 .text-wrap {display: flex; flex-direction: column;  align-items: flex-start; padding-left: 80px; flex: 0 0 53%; max-width: 53%;}
.scroll-section.section4_1 .text-wrap .text {padding: 30px 0; width: 100%;border-bottom: 1px solid #eee; color: #ccc;font-weight: 500;}
.scroll-section.section4_1 .text-wrap .text.first-txt {padding-top: 0;}
.scroll-section.section4_1 .text-wrap .text.active {opacity: 1;}
.scroll-section.section4_1 .text-wrap .text.active h4 {color: #0070bd; font-weight: inherit;}
.scroll-section.section4_1 .text-wrap .text h4 { font-size: 23px; font-weight: inherit;}
.scroll-section.section4_1 .text-wrap .text p {margin-top: 16px; display: none; transition: all 0.5s; font-weight: 500; font-size:16px;}

/* section5 */
.scroll-section.section5{ color: #fff; padding: 130px 0; width: 100%; height:auto; overflow:hidden; position: relative; background: #000 url('/en/asset/images/01_product/new_biostation3_5.jpg?v2') center / cover no-repeat;}
.scroll-section.section5 .section5-bg {background: #000 url('/en/asset/images/01_product/new_biostation3_5.jpg?v2') center / cover no-repeat; position: absolute; width: 100% ;height: 100%;transform-origin: center center; transform: scale(3, 3);top: 0;} 
.scroll-section.section5 .sec-tit {margin-bottom: 8px;}
.scroll-section.section5 h4 {font-weight: 300; font-size: 32px; margin-bottom: 140px;}
.new-biostation3.new-container .scroll-section.section5 p {color: inherit;line-height: 1.275; font-weight: 600;}
.scroll-section.section5 .ico-list-grp {justify-content: center; color: #fff;}
.scroll-section.section5 .ico-list-grp figure {text-align: center; margin-bottom: 24px; height: 120px;}
.scroll-section.section5 .ico-list-grp figure img {width: auto; height: 120px;}
.scroll-section.section5 .ico-list-grp .ico-list{text-align: center; color: #fff; margin-bottom: 140px;}
.scroll-section.section5 .ico-list-grp .ico-list:nth-child(5) figure img {height: 120px;}

/* section6 */
.scroll-section.section6 { color: #fff;}
.scroll-section.section6 .wrap-txt {background: #0070bd; display: flex; justify-content: center; color: #fff; padding: 0 4% 0 8%; align-items: center;}
.scroll-section.section6 .row {height: 100%;}
.scroll-section.section6 h3 {font-weight: 300; margin-top: 16px;}
.new-biostation3.new-container .scroll-section.section6 p {color: #fff;} 
.scroll-section.section6 figure img{ width: auto; height: 140px;}
.scroll-section.section6 .wrap-video {padding: 0; overflow: hidden; width: 100%; height: 100%;}
.scroll-section.section6 .wrap-video video {width: 100%; height: 100%; object-fit: cover; object-position: left bottom; background: #000;}

/* section7 */
.scroll-section.section7 {background: #ecedef; padding: 130px 0 180px; height: auto;}
.scroll-section.section7 .sec-tit {text-align: center; margin-bottom: 48px;}
.scroll-section.section7 .wrap-video {max-width:900px; margin: 0 auto 24px;}
.scroll-section.section7 .wrap-video video {width: 100%; height: auto; background: #000;}

/* section8 */
.scroll-section.section8 {height: auto; padding: 130px 0;}
.scroll-section.section8 .container {display: grid; grid-template-columns: 45% auto 45%; grid-template-rows: 420px auto 320px auto;max-width: 1305px; margin: 0 auto 0 calc(50% - 602.5px);}
.scroll-section.section8 .container h3 {color: #0070bd;}
.scroll-section.section8 .container h3 span {font-weight: 200;}
/* .scroll-section.section8 .container [class^="grid"]{transition: 0.3s;} */
.scroll-section.section8 .container .grid1 {grid-column:1/2; grid-row: 1/2; padding-right: 36px;}
.scroll-section.section8 .container .grid2 {grid-column:2/4; grid-row: 1/3;}
.scroll-section.section8 .container .grid3 {grid-column:1/3; grid-row: 2/4;}
.scroll-section.section8 .container .grid4 {grid-column:3/4; grid-row: 3/4;padding-left: 36px; align-self: center; padding-bottom: 36px;}


.new-biostation3 .spec_table.spec_content p.spec-certi,
.new-biostation3 .spec_table .spec_table_main ul li.spec-certi {height: 70px;}	

.lang-jp.new-biostation3 .spec_table.spec_content p.spec-certi,
.lang-jp.new-biostation3 .spec_table .spec_table_main ul li.spec-certi {height: 90px;}

@media screen and (max-width: 1366px) {  
    .new-biostation3 .wrap-txt .txt_white .copy {font-size: 72px;}
    .scroll-section.section6 h3,
    .scroll-section.section4 .grp-txt h4 {font-size: 36px;}
    .scroll-section.section4 .grp-txt {padding: 24px;}
    .scroll-section.section4 .grp-pager {left: calc(50% + 20px); bottom: 80px;}
    .scroll-section.section4 .swiper-pagination-progressbar {left: calc(50% + 20px); bottom: 60px; width: calc(50% - 48px);}

    .scroll-section.section8 .container h3 {font-size: 36px;}
    .scroll-section.section8 .container {margin: 0 30px; grid-template-columns: 49% auto 40%; grid-template-rows: 420px auto 320px auto;}    

}

@media screen and (max-width: 1204px){
    .scroll-section.section1 .text {padding: 0 30px;}
    .scroll-section.section3 {padding-left: 30px;}

}

@media screen and (min-width: 891px) {
    /* .scroll-section.section4,
    .scroll-section.section6 { min-height: 840px;} */
    .gs_reveal { opacity: 0; visibility: hidden; will-change: transform, opacity;}

}
@media screen and (max-width: 890px) {         
    .new-biostation3 .wrap-txt .txt_white .copy {font-size: 54px;}
    .new-biostation3 .wrap-txt {justify-content: center;}

    .new-biostation3 .wrap-txt .txt_white {text-align: center;}
    
    .new-biostation3 .scroll-section.section0 {height: 640px;}    

    .new-biostation3 .scroll-section.section1 {padding: 0; display: block; /* background: #000 url(/en/asset/images/01_product/bg_main_biostation3_2_m_1.jpg) center bottom no-repeat; background-size: 100% auto; */ height: auto;}
    .new-biostation3.new-container .scroll-section.section1 .copy {font-size: 18px; margin-bottom: 30px;}
    .scroll-section.section1 .img-grp {align-items: center; padding: 0 20px;}
    .scroll-section.section1 .img-grp .prod_bs3 {padding-top: 0;}
    .scroll-section.section1 .img-grp figure + figure {margin-left: 50px;}

    .scroll-section.section1 .hero__inner {padding: 70px 0; max-height: none;}
    .scroll-section.section1 .hero__headline {font-size: 36px;}
    .scroll-section.section1 .hero__headline span {opacity: 1.0;}
    .scroll-section.section1 .hero__image {width: auto; height: 100%; align-self: flex-start;}

    .scroll-section.section1 .hero__content2 {width: 100%; left: 0; opacity: 1.0; position: relative; margin-top: 36px;}
    .new-biostation3.new-container .scroll-section.section1 .hero__content2 p {font-size: 1rem;}
    .scroll-section.section1 .ico-list h5 {font-size: 14px; white-space: normal;}
    .scroll-section.section1 .ico-list figure img {width: 64px;}
    .scroll-section.section1 .ico-list .col-3 {flex: 0 0 50%; max-width: 50%; margin-bottom: 24px;}
    .scroll-section.section1 .ico-list {width: 100%;}

    .scroll-section.section1 .text {opacity: 1; font-size: 24px; position: relative; transform: none; padding: 0 5.5vw 30px;}
    .scroll-section.section1 .text .blue {color: #0b8ce5;}
    .scroll-section.section1 canvas {display: none;}


    .scroll-section.section2 {padding: 70px 0;}
    
    .sec4_1.sec-tit,
    .scroll-section.section5 h4,
    .scroll-section.section4 .grp-txt h4,
    .sec-tit {font-size: 32px;}
    .sec-tit {margin-bottom: 32px;}

    .new-container p:not(.cell_name p, .spec_table_main ul li p, .spec_table.spec_content p, .date-area .date, .date-area .yymm)
    {font-size: 1rem;}

    
    .new-biostation3 .scroll-section.section2 {height: auto;}
    .scroll-section.section2 .accordions-img {min-height: 600px;}
    .accordions-container .slide-img {width: 100%;}    
    .accordions-container .slide-img figure {text-align: center;}
    .accordions-container .slide-img figure img {width: auto; height: auto;}
    .scroll-section.section2 .row.accordions-container {flex-direction: column-reverse;}
    .scroll-section.section2 .row.accordions-container .slide-txt {display: none;}
    .scroll-section.section2 .slide-txt .material-icons-outlined {display: none;}
    .scroll-section.section2 .slide-txt a {justify-content: center;}
    .scroll-section.section2 .wrap {position: relative;} 
    .scroll-section.section2 .mobile-btn {position: absolute; top: 0; width: 100%; display: flex; justify-content: space-between; padding: 36px 0;}
    .scroll-section.section2 .mobile-btn a {color: rgba(0, 0, 0, 0.2);}
    .scroll-section.section2 .mobile-btn a:hover,
    .scroll-section.section2 .mobile-btn a:active {color: #0070bd;}

    .scroll-section.section3 { padding: 8.3vw 0 8.3vw 5.5vw; background: linear-gradient(#ecedef, #ecedef) no-repeat left bottom / 100% 35%;}
    .scroll-section.section3 .card-wrap {margin-top: 24px; margin-bottom: 40px; width: 300%;}

    .scroll-section.section3 .wrap-content {padding-right: 5.5vw;}
    .scroll-section.section3 .wrap-content ul li {display: block;}
    .scroll-section.section3 .wrap-content ul li figure {text-align: center;}
    .scroll-section.section3 .wrap-content ul li .grp-txt { padding: 24px; text-align: center;}
    .scroll-section.section3 .card-wrap-scroll {overflow-x: scroll; overflow-y: hidden; margin-bottom: 32px; position: relative;}
    .scroll-section.section3 .card-wrap-scroll::-webkit-scrollbar {height: 5px;}
    .scroll-section.section3 .card-wrap-scroll::-webkit-scrollbar-track {background: #fff;}
    .scroll-section.section3 .card-wrap-scroll::-webkit-scrollbar-thumb {background: #0070bd;}
    .scroll-section.section3 .card-wrap .list-card h4 {border-radius: 0 0 16px 16px; font-size: 16px; padding: 16px;}
    .scroll-section.section3 .card-wrap .list-card figure {border-radius: 16px; width: auto;}
    .scroll-section.section3 .card-wrap .list-card small {bottom: -25px;}

    .scroll-section.section3_1 {padding: 8.3vw 0 0;}
    .scroll-section.section3_1 .gallery.row1 {transform: translateX(0); margin-top: 50px; margin-bottom: 0;}
    .scroll-section.section3_1 .gallery.row2 {transform: translateX(0);}
    .scroll-section.section3_1 .text-section {padding: 30px 0 60px; margin-top: 0;}
    .scroll-section.section3_1 .ico-list {margin-top: 30px;}
    .scroll-section.section3_1 .ico-list li {display: block; margin-bottom: 24px;}
    .scroll-section.section3_1 .ico-list li figure {text-align: center;}
    .scroll-section.section3_1 .ico-list li .grp-txt {padding: 0 16px; text-align: center; margin-top: 24px;}
    .scroll-section.section3_1 .gallery .row .col-3 {margin-bottom: 8px; flex: 0 0 50%; max-width: 50%; padding-left: 4px; padding-right: 4px;}

    .scroll-section.section4 {height: auto;}
    .scroll-section.section4 .grp-txt {padding: 5.5vw 9.5vw; display: block; height: 58vw;}
    .scroll-section.section4 .grp-txt h4 {margin-bottom: 16px;}
    .scroll-section.section4 .swiper-button-prev, .scroll-section.section4 .swiper-button-next
    {display: block; top: 25%; color: #fff;}

    .scroll-section.section4 .swiper-button-prev {left: 8px;}
    .scroll-section.section4 .swiper-button-next {left: unset; right: 8px;}

    .scroll-section.section4 .swiper-pagination {top: 0; width: 100%; padding: 0 5.5vw; bottom: unset; left: 0;}
    .scroll-section.section4 .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {background: #fff; opacity: 0.5;}    
    .scroll-section.section4 .grp-pager {left: 0; width: 100%; padding: 0 5.5vw; top: 26%; align-items: flex-start;}
    .scroll-section.section4 .swiper-pagination2 {display: none;}

    .scroll-section.section4 .section4-wrapper .slide .panels-navigation {margin-bottom: 0;}
    .scroll-section.section4 .section4-wrapper .slide .nav-panel {position: absolute; top: -50%;}
    .scroll-section.section4 .section4-wrapper .slide .nav-panel .nav-anchor {width: 40px; height: 40px; line-height: 36px; background: rgb(255 255 255 / 90%);}
    .scroll-section.section4 .section4-wrapper .slide .nav-panel.nav-next {right: 5.5vw;}    

    .scroll-section.section4_1 {padding: 8.3vw 0 50px; height: auto;}
    .scroll-section.section4_1 .bg_sideline,
    .scroll-section.section4_1 .sideline,
    .scroll-section.section4_1 .content-wrap .content:not(.content-0) {display: none;}
    .scroll-section.section4_1 .content-wrap .content-0 {position: relative; width: 100%;}
    .scroll-section.section4_1 .content-wrap .content-0 img {object-position: center center; object-fit: cover; max-height: 500px; width: 100%;}
    .scroll-section.section4_1 .content-wrap,
    .scroll-section.section4_1 .text-wrap { flex: 0 0 100%; max-width: 100%;}
    .scroll-section.section4_1 .text-wrap {padding: 0 5.5vw;}
    .scroll-section.section4_1 .text-wrap .text {opacity: 1; padding: 24px 0; color: #222;}
    .scroll-section.section4_1 .text-wrap .text p {display: block; font-weight: 300;}
    .scroll-section.section4_1 .pin-up {padding-top: 0; margin-top: 24px;}

    .scroll-section.section4_1 .text-wrap .text.first-txt {padding-top: 24px;}
    .scroll-section.section4_1 .sec4_1.sec-tit {margin: 0;}
    

    .scroll-section.section8,
    .scroll-section.section7,
    .scroll-section.section5 {padding: 8.3vw 0;}
    .scroll-section.section5 h4,
    .scroll-section.section5 .ico-list-grp .ico-list {margin-bottom: 48px;}
    .scroll-section.section5 h4 {font-size: 24px;}


    .scroll-section.section6 .wrap-txt {padding: 8.3vw 5.5vw;}
    .scroll-section.section6 figure img{ height: 100px;}
    .scroll-section.section6 h3 {margin-top: 0;}
    .scroll-section.section7 .wrap-video video,
    .scroll-section.section6 .wrap-video video {width: 100% ; height: auto;}

    .scroll-section.section8 .container {display: block; padding: 0 5.5vw; margin: 0;}
    .scroll-section.section8 .container [class^="grid"]:not(.grid2){margin-bottom: 16px; padding-bottom: 0;}
    .scroll-section.section8 .container .grid1 {padding-right: 0;}
    .scroll-section.section8 .container .grid4 {padding: 0; margin-bottom: 0;}

    .new-biostation3 .row {margin: 0;}
    .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col {padding: 0;}
}

/* @media screen (max-width: 576px) and (max-width: 576px) {
.scroll-section.section4 figure {height: 500px;}
.scroll-section.section4 figure img {height: auto; width: 100%; object-fit: cover; object-position: center;}
} */
@media screen and (max-width: 576px) {
    .new-biostation3 .scroll-section {height: auto;}

    .new-biostation3 .scroll-section.section0 {height: 130vw; background: #000 url('/en/asset/images/01_product/bg_main_biostation3_m.jpg?v2') center bottom / cover no-repeat; }    
    /* .new-biostation3 .bg-video {display: none;} */
    .new-biostation3 .wrap-txt .txt_white .copy {font-size: 12.77vw; margin-bottom: 16px;}
    .new-biostation3 .wrap-txt {justify-content: center; /* padding-top: 20vw; */}
    .new-biostation3 .wrap-txt .txt_white {text-align: center; /* color: #000;  align-self: flex-start;*/}
    .new-biostation3 .section0 .btn-white-line {/* color: #222; border: 1px solid #222; */padding: 8px 24px;}


    .new-biostation3.new-container p:not(.cell_name p, .spec_table_main ul li p, .spec_table.spec_content p, .date-area .date, .date-area .yymm),
    .accordions-txt h4,
    .new-biostation3 .section0 .btn-white-line
    {font-size: 3.88vw;}

    .scroll-section.section1 .hero__headline {font-size: 6.77vw;}
    /* .new-biostation3 .scroll-section.section1 {padding-bottom: 100vw; background: #000 url(/en/asset/images/01_product/bg_main_biostation3_2_m.jpg?v2) center bottom -30px no-repeat; background-size: 100% auto;} */
    .scroll-section.section1 .text {font-size: 4.88vw;}

    .scroll-section.section2 {padding: 8.3vw 0;}

    .sec4_1.sec-tit,
    .scroll-section.section6 h3,
    .scroll-section.section8 .container h3,
    .scroll-section.section5 h4,
    .scroll-section.section4 .grp-txt h4,
    .sec-tit {font-size: 6.94vw;}

    .scroll-section.section2 .accordions-img {min-height: 100vw;}

    .scroll-section.section4 .grp-txt {height: 115vw; padding: 5.5vw;}

    .scroll-section.section5 h4 {font-size: 5.5vw;}
    .scroll-section.section5 {background: #031321 url(/en/asset/images/01_product/new_biostation3_5_m.jpg?v3) center / cover no-repeat;}
    .scroll-section.section3 .card-wrap { width: 400%;}
    .scroll-section.section3 .card-wrap .list-card {border-radius: 8%; margin-right: 16px;}

}

/* lang-ko */
.lang-ko .sec-tit {letter-spacing: -2.5px;}
/* .lang-ko .scroll-section.section4_1 .text-wrap .text:first-child h4 {font-size: 27px;} */
#product_wrap.lang-jp {word-break: break-all;}