.wrap{ max-width:1020px;width:90%; }
section{ background-color:#fff;position:relative; }
img{ width:auto; }
.full_vh{ height:100vh; }
.header .inner{ display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center; }
.header .logo img{ vertical-align: top;width: 100%;display:block; }
.header .hamburger-btn{ display:block; }
.top{ height: clamp(560px, 63.6vh, 800px);position: relative;background-color:transparent;max-height: 561px; }
.top .bg_img{ position:fixed;top:0;left:0;width:100%;object-fit: cover;height: 69%;z-index:-1; }
.top .bg_img.pc{ display:block; }
.top .bg_img.sp{ display:none; }
.top_th{ width: 49.9%;margin:0 auto;z-index: 20;position: absolute;top: 54%;left: 50%;transform: translate(-50%, -50%); }
.th_sec{ display:block;height: clamp(80px, 7.8vw, 130px);width:auto;text-align:center; }
.th_sec img{ height:100%;width:auto; }


section.bnr{ padding-bottom:min(110px, 5%); }
.carousel_wrap{ width: 74.3%;padding-top: 3.6%;display: none; }
.column .carousel_wrap{ width: 93.3%;padding-top: 0; }
.owl-carousel{ position:relative; }
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev{ background-color:transparent; }
.owl-nav{ display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position: absolute;left: 50%;transform:translate(-50%, -50%);width: 111%;transform: ; }
.owl-dots{ display:block;margin: max(22px, 2%) auto;display: flex;justify-content: center; }
.owl-carousel button.owl-dot{ width: 6px;height: 6px;background-color: #c8c8c8;border-radius: 999px;margin: 0 4.1px;display: block; }
.owl-carousel .owl-dot.active{ background-color:#1faecb;position:relative; }
.owl-carousel .owl-dot.active:after{ content:'';border:1px solid #1faecb;position:absolute;transform:translate(-50%, -50%);width: 11px;aspect-ratio:1;border-radius:999px; }
.owl-carousel .owl-item, .column .owl-carousel .owl-item .thumbnail{ margin: 0 0%;padding: 0 0.3%;aspect-ratio: 1.5;object-fit: cover;/* width: 100%; */}
.column .owl-carousel .owl-item .thumbnail{ aspect-ratio: 1.4;margin-bottom: 7%; }
.column .owl-carousel .owl-item{ aspect-ratio: unset; }
.column .owl-carousel .owl-item .date, .column .owl-carousel .owl-item .th{ padding-left: 7%; }
.column .owl-carousel .owl-item .date{ font-size: 70%;margin-bottom: 2%; }
.column .owl-carousel .owl-item .th{ letter-spacing:1px; }
.column .owl-carousel .owl-stage{ margin-bottom: 1.3%; }

.production_name{ display: flex; align-items: center; margin-bottom: 4%; }
.triangle_btn{ display: flex;width: 88%;justify-content: space-between;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%); }
.triangle_btn img{ width: 10px; margin: 0 2%; }
.ul_flex{ width: 50%;display: flex;margin: 0 auto;justify-content: center; }
.ul_flex li{ width:10px;height:10px;background-color:#c8c8c8;border-radius: 999px;margin: 4% 1.3%;cursor:pointer;transition:all .5s; }
.ul_flex li.current{ transition:opacity .3s;cursor:auto;background-color:#1faecb;position:relative;transition:all .5s; }
.ul_flex li.current:after{ content:'';position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width: 20px;aspect-ratio:1;background-color:transparent;border-radius:999px;border:1px solid #1faecb;transition:all .5s; }
.row{ display: flex; }
#company_info{ width: 85%; }
.row{ margin-bottom: 5%; }
/* .th{ width: 12%;font-weight:bold;margin-right: 10%;text-align-last:justify; } */
.note{ font-weight: bold; letter-spacing: 0.3em; }
.contact_area{ display: flex; justify-content: end; }
.mail_icon{ width: 1.5%; }
.phone_icon{ width: 1.5%; }
.sns_area{ display: flex; justify-content: end; }
.contact_logo{ width: 10%; margin-left: auto; }
.content_wrap .arrows{ display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center; }
.content_wrap .arrow{ width:20px; }
.contents{ display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;width:calc(100%/3); }
.content{ transition:opacity .1s;min-width:100%;margin:0;aspect-ratio: 1.8;padding: 0 7.4%; }
.content .inner{ width:100%;height:100%;object-fit: cover; }
/* .on.content{ transform:translate(0, 0) rotate(0);opacity:1;position:relative; } */
.content.active{ opacity:1;transition:opacity .1s; }
.content_slider{ position:relative;width:80%;margin:0 auto;overflow:hidden;/* background-color:#1c1c1c; */}

.vision{ position:sticky;height: 600vh;z-index:20;/* padding-top:4%; */padding-bottom: min(240px, 16%); }
.slide_wrap{ height:100vh;position:sticky;top:0;left:0;width:100%; }
.sl{ position:absolute;top:100px;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height: 0;/* background-color: #fff; */}
.sl.cont{ display:block; }
.sl .inner{ display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;overflow:hidden;background-color:#fff;height:0;margin-top:auto;width: 100%;margin-left:auto;padding-right: 0;padding-left: 11%; }
.sl.rev .inner{ -webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;margin-left: 0;padding-right: 11.7%;padding-left: 0; }
.sl .img_wrap{ width: 44%;overflow:hidden;height:100%;margin-top: auto;flex-grow: 1; }
.sl .img{ width:100%;object-fit:cover;object-position:left 50% bottom 30vh;height:100vh; }
.sl .note_wrap{ width: 22%;background-color:rgba(255, 255, 255, 0.2);position:relative;background-color:#fff;opacity:0;transform:translateY(10px);transition:all .5s .4s ease-in-out;margin-top: 5.8%;margin-right: 5%;z-index:10; }
.sl .note{ position:absolute; }
.rev.sl .note_wrap{ margin-left:5%;margin-right: 0; }
.sl .ab_wrap{ position:relative;height: auto; }
.sl .note{ position:absolute;left: 0;width: 171%;background-color: rgb(255 255 255 / 45%);padding: 6.4% 8% 5.2% 0;text-align: justify;font-size: 85%;line-height: 193%;letter-spacing: 1px; }
.sl.rev .note{ right:0;left:inherit;padding-left: 8%;padding-right: 0; }
.v_th{ position:absolute;top:0;left: -40%;width: 7.3%; }
.rev .v_th{ right: -48%;left:inherit;width: 8.6%; }
.th1{ height: 3.7vw; }
.th2{ height: 12.2vw;margin-top: 5.6vh;margin-bottom: 5vh;max-height: 150px; }
.sl2 .th2{ margin-bottom: 19%; }
.rev .th1, .rev .th2{ margin-left:auto;display: block; }
.th1.sp{ display:none; }
.th2.sp{ display:none; }
.sl .bt{ width: 55%;display: block;position: absolute; }
.sl.rev .bt{ right:0; }
.active .img_easing{ transition:all .5s cubic-bezier(0,.58,.22,.89) }
.active .inner{ height:100%; }
.active.sl{ height:100vh; }
.active .img{ object-position:left 50% bottom 0; }
.active .note_wrap{ transform: translateY(0%);opacity:1; }
@keyframes sl_fade_in{ 
    0%{ opacity:0; }
    100%{ opacity:1; }
}
section.information{ padding-bottom: min(126px, 9.8%); }
section.information .wrap{ width: 77.8%;transform: translateX(-0.3%); }
section.information .th_sec{ margin-bottom:7.4%; }
.block_wrap{ display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap;/* padding-right: 1.2%; *//* transform: translateX(0%); */}
.block_wrap .info_block{ width: 30.1%;margin-bottom: 5.7%; }
.info_block .th_each_info{ letter-spacing:1px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis; }
.info_block .upper{ display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom: min(26px, 7.2%); }
.info_block .th_block{ font-weight:bold;font-size: 100%;letter-spacing: 3px; }
.info_block .bt{ width: 36%;position:relative;z-index:9; }
.info_block .bt.pc{ display:none; }
/* .info_block .bt.sp{ display:block;margin: 0 auto;margin-top: 7.3%; } */
.info_block .bt.sp{ display:block;margin: 0 auto;margin-top: 9.3%; }
.info_block .bt img{ vertical-align: top; }
.info_block .bt:after{ content:'';background:url(../img/bt_archive_on.svg) no-repeat center center/contain;width:100%;position:absolute;top:0;left:0;opacity:0;z-index:10;height:100%; }
.info_block .bt:hover{ opacity:1; }
.info_block .bt:hover:after{ opacity:1; }
.info_block .row{ border-bottom:1px solid #b4b4b4;position:relative;-webkit-box-orient: vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-bottom:3.2%;margin-bottom:4.5%;/*height: 32px;*/}
.info_block .row:last-of-type{ border-bottom:none; }
/* .info_block .row:before{ content:'';background:url(../img/arrow_right_d.svg) no-repeat center center/contain;position:absolute;top:50%;right:0;transform:translateX(-50%);width: 6px;aspect-ratio: 1; } */
.info_block .row .date{ display:block;font-size: 71%;margin-bottom: 0%;line-height: 240%; }
.info_block .no_post{ display:block;text-align:center; }
.info_block.media .row{ -webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding: 0.7% 0 4.2%; }
.info_block.media .inner{ -webkit-box-orient: vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;display: flex;justify-content: center; }
.info_block.media .thumb{ width: 27%;background-color:gray;aspect-ratio: 1.4;margin-right: 5%; }
section.column{ background-color: rgb(255, 255, 255, 0.7);padding-top: min(71px, 6%);padding-bottom: min(111px, 8.5%); }
section.column .th_sec{ margin-bottom: 3.9%; }
.column:after{ content:'';position:absolute;left:0;bottom:0;height: min(283px, 43%);background-color:#fff;width:100%; }
.column .slider{ height: 250px;width:100%;position: relative;z-index: 20;background-color: #acacac; }
.companies .wrap{ width: 95%;max-width: 1104px; }
.companies .th_sec{ margin-bottom: 6.6%; }
.companies .logo_wrap{ display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content: center;padding-bottom: 11%;padding: 0 2.9%;margin-bottom: 9.4%; }
.companies .logo_wrap.member{ padding-bottom: 14%;margin-bottom: 0%; }
.companies .each_company{ display:block;width: 25%;position:relative;margin-bottom: 2.3%;/* flex-grow: 1; *//* height: 5vw; */padding: 0px 0.9%;box-sizing: border-box; }
.companies .member .each_company{ width: 26%; }
.companies .each_company img{ vertical-align:top; }
.companies .each_company:after{ content:'';position:absolute;right:0;top:50%;transform:translateY(-50%);width: 1px;height: 62%;background-color:#231815; }
.companies .each_company:last-of-type:after{ content:none; }
/* .companies .each_company:nth-of-type(3n):after{ content:none; } */


/* 削除 */
/* .info_block .row{ height:32px; } */
.carousel_wrap{ display:none; }
/* 削除 */

@media screen and (max-width:767px){ 
    .production_flex{ -ms-flex-wrap:wrap;flex-wrap:wrap; }
    .production_th{ margin:3% 3% 3% 0; }
    .ul_flex{ width: 100%;display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:3%; }
    .block_wrap{ -webkit-box-orient: vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column; }
    .block_wrap .info_block{ width:100%; }
}

@media screen and (max-width:575px){ 
    main{ max-width:100vw; }
    #wrap{ width:90%;margin-left:10%; }
    .top_th{ width:80%;max-width:400px;top:50%; }
    section.bnr{ padding-bottom: 20%; }
    .contents{ width: 55%; }
    .top .bg_img.pc{ display:none; }
    .top .bg_img.sp{ display:block; }

    .carousel_wrap{ padding-top:10%; }
    .owl-nav{ width: 123%; }
    .owl-carousel button.owl-dot{ width: 12px;height: 12px;margin:0 3%; }
    .owl-carousel .owl-dot.active:after{ width:18px;aspect-ratio:1; }

    section.information .th_sec{ margin-bottom: 20%; }
    .production_area{ margin-bottom: 28%; }
    .block_wrap .info_block{ margin-bottom:0; }
    .info_block{ margin-bottom:0; }
    .info_block:first-of-type{ margin-bottom:20%; }
    .info_block .upper{ -webkit-box-orient: vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column; }
    .info_block .bt.pc{ display:none; }
    .info_block .bt.sp{ display:block;margin-left: auto;margin-top: 7%;width:40%;margin-bottom: 7%;max-width: 300px; }
    .info_block .th_each_info{ padding-right: 10%; }
    .information .bt_wrap{ margin-top:8%; }

    .sl .inner{ -webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;width: 100%;box-sizing: border-box;padding-left: 0;align-items: flex-start; }
    .sl .img_wrap{ width:100%;flex-grow: 0;/* aspect-ratio: 1; */flex-shrink: 0;height: 26vh; }
    .active .img_easing{ transition:all .5s linear; }
    .sl .img, .sl.active .img{ height: 100%;object-position: left 50% bottom 85%; }
    .sl1 .img, .sl1.active .img{ object-position:left 50% top 39%; }
    .sl3 .img, .sl3.active .img{ object-position:left 50% top 100%; }
    .sl .note_wrap{ width: 100%;position: inherit;padding-left: 12%;flex-shrink: 1;height: calc(100% - 26vh);margin-bottom: auto;display: flex;flex-direction: column;align-items: flex-start; }
    .th1{ height: 11vw;padding-left: 1.5vw; }
    .th2{ margin-right:auto;display: block;height: 25vw;margin-top: 7vw;margin-bottom: 0%;padding-left: 1.5vw; }
    .rev .th1, .rev .th2{ margin-left:auto;margin-right:0; }
    .rev .th2{ margin-bottom:2%;margin-left: 0; }
    .v_th, .rev .v_th{ left: 5%;right:inherit;width: 4%;top: 0; }
    .sl .note{ position:relative;width:100%;padding-bottom: 0;line-height: 170%; }
    .sl.rev .inner{ -webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction: column-reverse;padding-right: 0; }
    .sl.rev .note_wrap{ /* padding-left:0; *//* padding-right:12%; */margin-left: 0; }
    .sl.rev .ab_wrap{ text-align:left; }
    .sl.rev .note{ padding-left: 0;padding-right:8%; }
    .th1.pc{ display:none; }
    .th2.pc{ display:none; }
    .th1.sp{ display:block;height: 3.2vw;margin-left: 0; }
    .th2.sp{ display:block;height: 14vw; }
    .sl3 .th2.sp{ height: 5.2vw; }
    .sl .bt{ position:relative;margin-top: 10px;width:40%;max-width: 111px; }
    section.column{ padding-top: 25%;padding-bottom: 22%; }
    section.column .th_sec{ margin-bottom: 8%; }
    .column .carousel_wrap{ width: 84%; }
    
    .companies .wrap{ padding-bottom:16%; }
    .companies .th_sec{ margin-bottom: 9%; }
    .companies .each_company{ width: 70%;padding: 0 2.9%; }
    .companies .logo_wrap{ padding:0;margin-bottom: 20%;flex-direction: column;align-items: center; }
    .companies .each_company{ margin-bottom: 6%; }
    .companies .each_company:after{ content: none; }
    .companies .each_company:nth-of-type(2n):after{ content:none; }
    .companies .member .each_company{ width: 72%; }
}