body{
     font-family: Noto Sans, sans-serif;
}
 @-moz-document url-prefix() {
    /* Disable scrollbar Firefox */
     html{
         /*scrollbar-width: none;*/
    }
}
 body {
     margin: 0;
    /* remove default margin */
      scrollbar-width: none; 
    /* Also needed to disable scrollbar Firefox */
     -ms-overflow-style: none;
    /* Disable scrollbar IE 10+ */
     overflow-y: scroll;
}
 body::-webkit-scrollbar {
     /*width: 0px; */
     /*background: transparent; */
    /* Disable scrollbar Chrome/Safari/Webkit */
}
 h2 p{
     font-weight: bold;
     font-size: 30px;
     color: #2B2B2B;
     padding-left: 7px;
}
 h2 .caption{
     border-left: solid 7px #009A9E;
}
 h3 {
     font-weight: bold;
     font-size: 20px;
}
 h3 .caption{
     margin-bottom: 30px;
}
 ul ul {
     list-style-type: disc;
}
 .bullet-list .header{
     font-weight: bold;
     margin-bottom: 5px;
}
 .pristine-plus h2{
     font-weight: bold;
}
 .caption a{
     color: #009A9E;
}
 .caption a:hover{
     color: #015e60;
}
 .common-text{
     margin-bottom: 30px;
}
 .mt10{
     margin-top: 10px !important;
}
 .mt20{
     margin-top: 20px !important;
}
 .mt30{
     margin-top: 30px !important;
}
 .mt50{
     margin-top: 50px !important;
}
 .mt70{
     margin-top: 70px !important;
}
 .mt30-sp{
         margin-top: 0px;
}
 .mt50-sp{
         margin-top: 0px;
}
 .mt70-sp{
         margin-top: 0px;
}
 .mb30{
     margin-bottom: 30px !important;
}
 .ml112{
     margin-left: 112px !important;
}
 .pr17{
     padding-right: 17px !important;
}
 .mr17{
     margin-right: 17px !important;
}
 .fs30{
     font-size: 30px;
}
 .text-white{
     color: #FFFFFF;
}
 .va-center{
     display: flex;
     justify-content: center;
     align-items: center;
}
 .content{
     height: 100vh;
     display: flex;
     justify-content: center;
     align-items: center;
}
 .common-text .caption:not(:last-child){
     margin-bottom: 30px;
}
 .common-text:first-child{
     margin-top: 30px;
}
/* Breadcrumb*/
 .breadcrumb-item.active {
     color: #2B2B2B;
}
 #breadcrumb li{
     transition: 0.3s ease-in-out;
}
 #breadcrumb li:hover {
     text-decoration: underline;
}
 #breadcrumb .active:hover{
     text-decoration: none;
     transform: none;
}
/*Breadcrumb*/
 #company1{
     background-image: url(/assets/images/bg-company1.jpg);
     height: calc(100vh - 132px);
     display: flex;
     justify-content: center;
     align-items: center;
}
 #company2{
     background-image: url(/assets/images/bg-company2.jpg);
     height: 100vh;
     display: flex;
     justify-content: center;
     align-items: center;
     background-size: cover;
     background-repeat: no-repeat;
     background-position: top left;
}
 #company3{
     background-image: url(/assets/images/bg-company3.jpg);
     height: 100vh;
     display: flex;
     justify-content: center;
     align-items: center;
     background-size: cover;
     background-repeat: no-repeat;
     background-position: top right;
}
 #about-company .content .upper-caption{
     font-size: 30px;
}
 #about-company .content .lower-caption{
     font-size: 16px;
}
 #about-company{
     margin-top: 93px;
     margin-bottom: 93px;
}
 .company-content{
     padding-left: 112px;
     padding-right: 0;
    /* padding-right: 112px;
     */
}
 .company-width{
     width: 40%;
}
 #company1 .company-width{
     width: 50%;
}
 #company1 .row{
     align-items: center;
}
 .upper-caption{
     font-size: 48px;
     font-weight: bold;
     color: #009A9E;
}
/*TABLE*/
 th{
     width: 31%;
     background-color: #E7F7F7 !important;
     font-weight: normal;
}
 td{
     padding-left: 45px !important;
}
 table a{
     color: #009A9E;
}
 table a:hover{
     color: #015e60;
}
/*TABLE*/
/*BANNER*/
 #banner{
     height: 300px;
     background-color: #009A9E;
     max-height: 300px;
     display: flex;
     width: 100%;
     justify-content: center;
     align-items: center;
}
 #banner .btn{
     width: 100%;
}
 .rounded {
     border-radius: 0.75rem !important;
}
 .va-end{
     display: flex;
     align-items: flex-end;
}
 .btn{
     color: #009A9E;
     font-weight: bold;
     font-size: 12px;
     border-radius: 8px;
     transition: opacity 1s ease-in-out;
     border: none;
     background-color: white;
}
 .btn-gradient{
     color: #FFFFFF;
     font-weight: bold;
     font-size: 12px;
     height: 50px;
     width: 15%;
     position: relative;
     border: none;
     outline: none;
     box-shadow: none;
     border-radius: 8px;
     transition: opacity 1s ease-in-out;
     border: none;
     background: linear-gradient(90deg, #2ABDB2 0%, #009A9E 100%);
     z-index: 1;
}
 .btn-gradient::before{
     position: absolute;
     content: "";
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     background: linear-gradient(90deg, #009A9E 100%, #009A9E 100%);
     z-index: -1;
     transition: opacity 0.5s linear;
     opacity: 0;
     border-radius: 8px;
}
 .btn-gradient:hover::before {
     opacity: 1;
}
 .btn:hover {
     opacity: 0.5;
     color: #009A9E;
     border: none;
     outline: none;
     box-shadow: none;
     background-color: white !important;
}
 .btn:focus {
     color: #009A9E;
     border: none;
     outline: none;
     box-shadow: none;
     background-color: white !important;
}
 .btn:active {
     color: #009A9E;
     border: none;
     outline: none !important;
     box-shadow: none !important;
     background-color: white !important;
}
/*BANNER*/
/* ACCORDION */
 .accord-text {
     font-size: 16px;
     line-height: 24px;
}
/* ACCORDION */
/*UPPER BANNER*/
 #upper-banner{
     height: 100px;
     width: 100%;
     background-image:url(/assets/images/bg-header.jpg);
     display: flex;
     justify-content: center;
     align-items: center;
     background-repeat: no-repeat;
    background-position: top center;
}
 #upper-banner .caption{
     font-size: 36px;
     font-weight: bold;
     color: #FFFFFF;
     text-align: center;
}
/*UPPER BANNER*/
/*PRODUCTS GRID*/
 #product-grid{
     margin-top: 60px;
     margin-bottom: 100px;
}
 .grid-row{
     margin-left: 2px;
     margin-right: 2px;
}
 #product-grid .col-lg-6{
     background: linear-gradient(90deg, #2ABDB2 0%, #009A9E 100%);
     border-radius: 16px;
     width: 49%;
}
 #product-grid .col-lg-6:first-of-type {
     margin-right: 2%;
}
 #product-grid .grid-row:nth-child(2) {
     margin-top: 120px;
}
 #product-grid .product-content{
     padding: 30px;
     padding-left: 0px;
}
 #product-grid .caption{
     font-size: 36px;
     color: #FFFFFF;
     font-weight: bold;
     text-align: left;
     border-left: solid 7px #FFFFFF;
     padding-left: 7px;
}
 #product-grid .btn{
     width: 45%;
     height: 50px;
}
 .img-container{
     position: relative;
}
 .img-container .product-image1{
     position: absolute;
     top: -20px;
}
 .img-container .product-image2{
     position: absolute;
     top: -40px;
}
 .img-container .product-image3{
     position: absolute;
     top: -40px;
}
/*PRODUCTS GRID*/
/*LOWER BANNER*/
 #lower-banner .res-content{
     /*margin-top: 160px;*/
     height: 300px;
     background: linear-gradient(90deg, #2ABDB2 0%, #009A9E 100%);
     max-height: 300px;
     display: flex;
     justify-content: center;
     align-items: center;
}
 #lower-banner .caption{
     font-size: 30px;
     font-weight: bold;
     color: #FFFFFF;
     text-align: left;
}
 #lower-banner .btn{
     width: 62%;
     height: 48%;
     margin-right: 0;
     box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
     border-radius: 8px;
     color: #009A9E;
     transition: opacity 1s ease-in-out;
     font-size: 12px;
}
 #lower-banner button{
     padding: 0;
}
/*LOWER BANNER*/
/*Accordion START*/
#accordion{
    margin-bottom: 80px;
}
 .accordion-button:not(.collapsed) {
     background-color: #009A9E;
     box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
     border-radius: 8px;
     font-weight: bold;
     color: #FFFFFF;
     z-index: 0;
}
 .accordion-button{
     background-color: #009A9E;
     box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
     border-radius: 8px;
     font-weight: bold;
     color: #FFFFFF;
}
 .accordion-item:first-child{
     margin-top: 30px;
     border-radius: 8px;
}
 .accordion-item:not(:last-child){
     margin-bottom: 30px;
     border-radius: 8px;
}
 .accordion-item:first-of-type .accordion-button {
     border-radius: 8px;
}
 .accordion-item:last-of-type .accordion-button.collapsed {
     border-radius: 8px;
}
 .accordion-item:not:last-of-type .accordion-button {
     margin-bottom: 20px;
}
 .accordion-button::after{
     background-image: url(/assets/images/ico-arrow.png);
}
 .accordion-button:not(.collapsed)::after{
     background-image: url(/assets/images/ico-arrow.png);
     transform: rotate(-180deg);
}
/*Accordion END*/
/*Purchase*/
 #section-body{
     display: flex;
}
 .purchase-button{
     position: sticky;
     overflow-y: hidden;
     align-self: flex-end;
     bottom: 0;
     z-index: 1;
     width: 10%;
     margin-left: auto;
     margin-top: -10rem;
     transition: opacity 1s ease-in-out;
}
 .purchase-button .index{
     bottom: 0 !important;
}
 .purchase-button.btnfloat-fp-js{
     position: fixed;
     right: 0;
}
 .purchase-button img{
     margin-left: auto;
}
 .purchase-button:hover {
     opacity: 0.3;
}
/*Purchase*/
/*NEWS-TITLE*/
 #news-breadcrumb li{
     font-size: 12px;
     font-weight: bold;
}
 #news-breadcrumb .breadcrumb-item.active {
     color: #6c757d;
}
 #news-breadcrumb .breadcrumb-item:before {
     float: left;
     padding-right: 0.5rem;
     color: #6c757d;
     content: var(--bs-breadcrumb-divider, "/") 
    /* rtl: var(--bs-breadcrumb-divider, "/") */
    ;
}
 #news-breadcrumb li a{
     text-decoration: none;
     color: #2B2B2B;
}
 #news-breadcrumb .breadcrumb-item .active{
     color: #2B2B2B !important;
}
 #news-layout .news-date{
     border-left: 7px #009A9E solid;
     height: 100%;
     text-align: center;
}
 .news-title a{
     font-weight: bold;
     color: #009A9E;
     font-size: 16px;
}
 .news-detail{
     margin-top: 20px;
}
 #breadcrumb .container{
     overflow: auto;
     white-space: nowrap;
}
 .breadcrumb {
     flex-wrap: nowrap;
}
 .img-wrap img{
     width: 100%;
}
/*NEWS-LIST*/
 #news{
     height: 100vh;
     padding-top: 4%;
}
 .news-list{
     width: 80%;
     margin: 0 auto;
     box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
     line-height: 2.5;
}
 .news-list ul{
     list-style-type: none;
     padding-top: 10px;
     padding-bottom: 10px;
     padding-right: 2rem;
}
 .news-list a{
     text-decoration: none;
     color: #2B2B2B;
     font-size: 12px;
}
 .news-list li{
     position: relative;
     margin-top: 10px;
}
 .info-wrap{
     display: table;
     width: 100%;
}
 .info-wrap .date{
     display: table-cell;
     width: 8em;
}
 .info-wrap .title{
     font-weight: bold;
     text-decoration: none;
}
 .info-wrap::after{
     content:url(/assets/images/news-arrow.png);
     float: right;
     vertical-align: middle;
}
 .news-list .date{
     font-size: 12px;
}
 .title span{
     width: 44px;
     height: 16px;
     margin-left: 8%;
     padding-top: 2px;
     padding-left: 11px;
     padding-right: 11px;
     padding-bottom: 2px;
     background: #49BC91;
     border-radius: 4px;
     color: #FFFFFF;
     font-size: 9px;
}
 #news .news-button{
     margin-top: 4%;
}

/*NEWS-LIST*/
/*BREAKPOINT*/
 @media (max-width: 1366px) {
     #company1 .company-content {
         width: 45%;
    }
     #company1 .company-width {
         width: 55%;
    }
}
/* Extra small devices (phones, 600px and down) */
 @media (max-width: 767px) {
     .sp-only{
         display: block;
    }
     .pc-only{
         display: none !important;
    }
     .mt0-sp{
         margin-top: 0px !important;
    }
     .mt10-sp{
         margin-top: 10px !important;
    }
     .mt30-sp{
         margin-top: 30px !important;
    }
     .mt50-sp{
         margin-top: 50px !important;
    }
     .mt70-sp{
         margin-top: 70px !important;
    }
     .fs14-sp{
         font-size: 14px !important;
    }
     li{
         font-size: 16px;
    }
     h2{
         margin-bottom: 0 !important;
    }
     h2 p{
         font-size: 18px;
         margin-bottom: 10px !important;
    }
     h3{
         font-size: 16px;
    }
     .purchase-button{
         width: 38%;
         position: sticky;
         right: 0;
         bottom: 0;
         z-index: 1;
         transition: opacity 1s ease-in-out;
    }
     #company1 .company-content {
         width: 100%;
    }
     #upper-banner{
         background: url(/assets/images/bg-header.jpg);
         height: 50px;
         background-position: center;
         background-size: cover;
    }
     #upper-banner .caption{
         font-size: 20px;
         padding-top: 5px;
    }
    /* PAGE INDEX */
     .MV-item{
         height: 100vh;
    }
     .Bg-MV1 {
         background-image: url(/assets/images/bg1_sp.jpg);
         background-size: cover;
         background-position-y: center;
    }
     .Bg-MV2 {
         background-image: url(/assets/images/bg2_sp.jpg);
         background-size: cover;
         background-position: bottom center;
    }
     .Bg-MV3 {
         background-image: url(/assets/images/bg3_sp.jpg);
         background-size: cover;
         background-position-y: bottom;
    }
     .Bg-MV1 .MV-upper-caption{
         font-size: 22px;
        /* margin-bottom: 0 !important;
         */
    }
     .Bg-MV1 .MV-upper-caption{
         font-size: 22px;
        /* margin-bottom: 0 !important;
         */
    }
     .Bg-MV2 .MV-upper-caption{
         font-size: 24px;
         margin-bottom: 0 !important;
    }
     .Bg-MV2 .MV-lower-caption{
         font-size: 18px;
         color: #009A9E;
         margin-top: 8px !important;
    }
     .Bg-MV3 .MV-upper-caption{
         font-size: 20px;
         margin-bottom: 10px !important;
    }
     .icon .first{
         width: 40%;
    }
     .icon .second{
         width: 15%;
    }
     .carousel-control-prev, .carousel-control-next{
         bottom: 23%;
         width: 15% !important;
    }
     .MV-upper-caption {
         font-size: 36px;
    }
     .MV-caption1{
         position: absolute;
         top: 10%;
         left: 12%;
         right: 0;
         text-align: right;
         width: 77%;
    }
     .MV-caption2{
         position: absolute;
         top: 10%;
         left: 12%;
         right: 0;
         text-align: left !important;
         width: 77%;
         line-height: 1.2;
    }
     .MV-caption3{
         position: absolute;
         top: 15%;
         left: 12%;
         right: 0;
         text-align: left !important;
         width: 77%;
         line-height: 1.2;
    }
     .carousel-indicators {
         bottom: 80px !important;
         margin-bottom: unset !important;
    }
     .content{
         margin-top: 195px;
         height: 20%;
         margin-bottom: 60px; /*prev 195px*/
    }
     .content h2{
         font-size: 22px;
         line-height: 1.3;
    }
     .content p{
         font-size: 18px !important;
         line-height: 1.4;
    }
     .content a{
         font-size: 18px !important;
    }

    .pristine-plus {
        background-image: linear-gradient(180deg, rgba(0, 154, 158, 0) 0%, rgba(0, 154, 158, 0.1) 12.37%, rgba(0, 154, 158, 0.5) 53.65%, rgba(0, 154, 158, 0.1) 87.83%, rgba(0, 154, 158, 0) 100%), url(/assets/images/bg-pristine-plus.jpg);
    }

     .pristine-plus h2{
         font-size: 18px !important;
    }

     .benefit-card:hover .card-image img {
         min-width: 170px !important;
    }
     .benefit-card .card-image img {
         width: 50%;
    }
     .pristine-plus{
         padding: 20px !important;
    }
     .benefit-card .card-description{
         max-height: 350px !important;
         opacity: 1 !important;
    }
     .company-width{
         width: 100%;
    }
     #company1 .company-width{
         width: 100%;
    }
     .company-content {
         padding-left: 0px !important;
         padding-right: 0px !important;
    }
     #company1{
         height: calc(100vh - 82px);
         background-image: none;
    }
     #company1 img{
         max-width: 270px;
         margin: 0 auto;
    }
     #company2 {
         background-image: none;
    }
     #company2 img , #company3 img{
         max-width: 200px;
         margin: 0 auto;
    }
     #company2 .row .col-lg-6:nth-child(1){
         margin-top: 20px !important;
    }
     #company2 .row .col-lg-6:nth-child(2){
         margin-top: 0px !important;
    }
     #company2 .row{
         flex-direction: column-reverse !important;
    }
     #company2 .ml112 , #company3 .ml112{
         margin-left: 0px !important;
    }
    #company3{
     background-image: none;
    }
     #company3 .row .col-lg-6:nth-child(2){
         margin-top: 20px !important;
    }
     #company3 .row .col-lg-6:nth-child(1){
         margin-top: 0px !important;
    }
     .upper-caption{
         font-size: 18px;
         text-align: center !important;
    }
     .lower-caption{
         font-size: 12px;
         text-align: center !important;
    }
    #about-company {
        margin-bottom: 0; 
    }
     #about-company .upper-caption {
         border-left: solid 7px #009A9E;
         padding-left: 7px;
         text-align: left !important;
         color: #2B2B2B;
         font-size: 18px !important;
    }
     #about-company .lower-caption{
         text-align: left !important;
         font-size: 12px !important;
    }
     th, td{
         display: inline-block;
         width: 100% !important;
         font-size: 12px;
    }
     td{
         padding-left: 0.5rem !important;
    }
    /*PAGE INDEX*/
     #lower-banner .res-content {
         margin-top: 120px;
         height: 100%;
         padding-top: 16px;
         padding-bottom: 16px;
    }
     #lower-banner .caption{
         font-size: 18px;
         text-align: center;
    }
     #lower-banner .btn{
         width: 100%;
         height: 50px;
    }
     #lower-banner{
         margin: 20px 0 50px;
    }
    #product-grid {
        margin-bottom: 80px;    
    }
     #product-grid .col-lg-6 {
         width: 100%;
    }
     #product-grid .product-content {
         padding: 40px;
         padding-left: 34%;
         padding-right: 20px;
    }
     #product-grid .grid-row:nth-child(2) {
         margin-top: 45px !important;
    }
     #product-grid .caption {
         font-size: 20px;
    }
     .img-container .product-image1 {
         position: absolute;
         top: -20px;
         left: 6%;
         max-height: 180px;
    }
     .img-container .product-image2 {
         position: absolute;
         top: -20px;
         left: 6%;
         max-height: 180px;
    }
     .img-container .product-image3 {
         position: absolute;
         top: -20px;
         left: 0;
         max-height: 180px;
    }
     #product-grid .btn {
         width: 100%;
         height: 50px;
    }
     #lower-banner .col-lg-6:nth-child(2){
         margin-top: 45px;
    }
     .accordion-body .col-lg-6:nth-child(2){
         margin-top: 5px;
    }
    }
     .common-text p{
         font-size: 12px;
    }
     #news-layout .news-date{
         text-align: left;
         border-left: none;
    }
     #news-breadcrumb .breadcrumb-item {
         padding-right: 20px;
    }
     #news-layout .col-lg-10 .container{
         border-bottom: 7px solid #009A9E;
    }
     .accord-text {
         font-size: 12px !important;
         line-height: 18px !important;
    }
    /*NEWS-LIST*/
     #news{
         padding-top: 15%;
    }
     .news-list ul{
         padding-left: 0.3rem !important;
         padding-right: 0.3rem !important;
    }
     .news-list a{
         font-size: 7px;
    }
     .news-list{
         width: 100%;
    }
     .news-list .date{
         width: 3rem;
         font-size: 7px;
    }
     .news-list .date p:first-of-type{
         margin-bottom: 2.6rem;
    }
     .news-list .date p{
         margin-bottom: 1.8rem;
    }
     .btn-gradient{
         width: 40%;
    }
     .news-list p{
         font-size: 8px !important;
    }
    #accordion {    
        margin-bottom: 0px;     
    }
}
/* Iphone 5 only*/
 @media (max-width: 320px) {
     .img-container .product-image3 {
         max-height: 150px;
    }
}
/* iPads (portrait and landscape) ----------- */
 @media (min-device-width: 768px) and (max-device-width: 1023px) {
    /* Styles */
     #section1sp{
         display: none;
    }
     .pc-only{
         display: none;
    }
     .sp-only{
         display: block;
    }
     .purchase-button{
         width: 30% !important;
    }
     .purchase-button img{
         margin-right: 0px !important;
    }
     #section-about-a{
         background: url(/assets/images/bg-about-a.jpg);
         background-position: 30%;
         background-repeat: no-repeat;
    }
     .MV-caption1{
         position: absolute;
         top: 37%;
         left: 27%;
         right: 0;
         text-align: center;
         width: 50%;
    }
     .MV-caption2{
         position: absolute;
         top: 41%;
         left: 12%;
         right: 0;
         text-align: center;
         width: 77%;
         line-height: 1.2;
    }
     .MV-caption3{
         position: absolute;
         top: 37%;
         left: 12%;
         right: 0;
         text-align: center;
         width: 77%;
         line-height: 1.2;
    }
     #lower-banner .btn{
         width: 100%;
         height: 50px;
    }
     .MV-item{
         height: 100vh;
    }
     .carousel-control-prev, .carousel-control-next {
         width: 15% !important;
    }
     .Bg-MV1 {
         background-image: url(/assets/images/bg1_sp.jpg);
         background-size: cover;
         background-position: 80%;
    }
     .Bg-MV2 {
         background-image: url(/assets/images/bg2.jpg);
         background-size: cover;
         background-position: 27%;
    }
     .Bg-MV3 {
         background-image: url(/assets/images/bg3_tb.jpg);
         background-size: cover;
         background-position: 50%;
    }
     #product-grid .col-lg-6:first-of-type {
         margin-right: 13px;
    }
     #product-grid .col-lg-6{
         width: 49%;
    }
     .col-lg-6:nth-child(2){
         margin-top: unset;
    }
     #product-grid .product-content {
         padding: 40px;
         padding-left: 34%;
         padding-right: 20px;
    }
     #product-grid .caption {
         font-size: 24px;
    }
     .img-container .product-image1 {
         position: absolute;
         top: -20px;
         left: 6%;
         max-height: 180px;
    }
     .img-container .product-image2 {
         position: absolute;
         top: -20px;
         left: 6%;
         max-height: 180px;
    }
     .img-container .product-image3 {
         position: absolute;
         top: -20px;
         left: 0;
         max-height: 180px;
    }
     #product-grid .btn {
         width: 100%;
         height: 50px;
    }
     .company-width{
         width: 100%;
    }
     #company1 .company-width{
         width: 100%;
    }
     .company-content {
         padding-left: 0px !important;
         padding-right: 0px !important;
    }
     #company1{
         height: calc(100vh - 82px);
    }
     #company1 img{
         max-width: 270px;
         margin: 0 auto;
    }
     #company2 img , #company3 img{
         /*max-width: 200px;*/
         margin: 0 auto;
    }
     #company2 .row .col-lg-6:nth-child(1){
         margin-top: 20px !important;
    }
     #company2 .row .col-lg-6:nth-child(2){
         margin-top: 0px !important;
    }
     #company2 .row{
         flex-direction: column-reverse !important;
    }
     #company2 .ml112 , #company3 .ml112{
         margin-left: 0px !important;
    }
     #company3 .row .col-lg-6:nth-child(2){
         margin-top: 20px !important;
    }
     #company3 .row .col-lg-6:nth-child(1){
         margin-top: 0px !important;
    }
     .upper-caption{
         font-size: 18px;
         text-align: center !important;
    }
     .lower-caption{
         font-size: 12px;
         text-align: center !important;
    }
     #about-company .upper-caption {
         border-left: solid 7px #009A9E;
         padding-left: 7px;
         text-align: left !important;
         color: #2B2B2B;
         font-size: 18px !important;
    }
     #about-company .lower-caption{
         text-align: left !important;
         font-size: 12px !important;
    }
     .w100{
         width: 100% !important;
    }
     .news-list{
         width: 80%;
    }
}
/*iPad Pro*/
 @media (min-device-width: 1024px) and (max-device-width: 1025px){
     .purchase-button{
         width: 20% !important;
    }
     #section-about-a{
         background-position: 30%;
    }
     .news-list{
         width: 100%;
    }
}
/*ETC*/
 @media (min-device-width: 992px) and (max-device-width: 1200px) {
     .fs18-tb{
         font-size: 18px !important;
    }
     .Bg-MV1{
         background-position: 65% 
    }
     .Bg-MV2{
         background-position: 35%;
    }
     .Bg-MV3{
         background-position: 65%;
    }
     .MV-caption3 .MV-upper-caption{
         font-size: 40px;
    }
     .MV-caption2 {
         right: 8%;
    }
     .MV-caption3 {
         left: 5%;
    }
     #product-grid .product-content {
         padding-left: 1%;
    }
     #product-grid .caption {
         font-size: 40px;
    }
     .ml112{
         margin-left: 0px !important;
    }
     #product-grid .col-lg-6:first-of-type {
         margin-right: 18px;
    }
     #product-grid .product-content {
         padding-left: 0% !important;
    }
     .img-container .product-image1, .img-container .product-image2 {
         left: 30%;
    }
     #product-grid .col-lg-6:first-of-type {
         margin-right: 18px;
    }
     .carousel-control-prev, .carousel-control-next {
         width: 10% !important;
    }
}
/*BREAKPOINT*/
/* Large devices (laptops/desktops, 992px and up) */
 @media (min-width: 992px) {
     .sp-only{
         display: none;
    }
}
 @media (max-width: 992px) {
     #product-grid .product-content {
         padding: 40px;
         padding-left: 34%;
         padding-right: 20px;
    }
     .img-container .product-image1 {
         position: absolute;
         top: -20px;
         left: 6%;
         max-height: 180px;
    }
     #product-grid .caption {
         font-size: 24px;
    }
     .img-container .product-image3 {
         position: absolute;
         top: -20px;
         left: 0;
         max-height: 180px;
    }
     .img-container .product-image2 {
         position: absolute;
         top: -20px;
         left: 6%;
         max-height: 180px;
    }
     #lower-banner .btn {
         width: 100%;
         height: 50px;
    }
     .purchase-button {
         width: 30% !important;
    }
}
/*BREAKPOINT*/
 @media (min-width: 1018px) and (max-width: 1200px) {
     .MV-caption1 {
         top: 75px;
         right: 5%;
    }
     .Bg-MV1 {
         background-position: 45%;
    }
     .MV-caption2 {
         position: absolute;
         right: 4%;
         top: 250px;
    }
     .MV-caption2 .MV-upper-caption{
         font-size: 48px;
    }
     .Bg-MV2 {
         background-position: 37%;
         background-position-y: top;
    }
     .Bg-MV3 {
         background-position: 53%;
         background-position-y: top;
    }
     .MV-caption3 {
         left: 5%;
    }
     .carousel-control-prev, .carousel-control-next {
         width: 8% !important;
    }
     .content h2 {
         font-size: 62px;
    }
}
/* Large devices (laptops/desktops, 992px and up) */
 @media (min-width: 1201px) and (max-width: 1800px) {
     .MV-caption1 {
         top: 75px;
         right: 5%;
    }
     .Bg-MV1 {
         background-position: 45%;
    }
     .MV-caption2 {
         position: absolute;
         top: 23%;
         right: 14%;
    }
     .MV-caption2 .MV-upper-caption{
         font-size: 48px;
    }
     .Bg-MV2 {
         background-position: 45%;
         background-position-y: top;
    }
     .Bg-MV3 {
         background-position: 53%;
         background-position-y: top;
    }
     .MV-caption3 {
         left: 5%;
    }
     .carousel-control-prev, .carousel-control-next {
         width: 8% !important;
    }
     .fs24{
         font-size: 23px !important;
    }
}