﻿#top #wrap{padding-top:0}.top .mv{width:100%;height:100vh;padding-top:194px;padding-left:4%;position:relative;overflow:hidden}.top .mv .mv_title{font-family:"Hiragino Sans","ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ヒラギノ角ゴ W3","メイリオ","Osaka","ＭＳ Ｐゴシック","MS PGothic",sans-serif;color:#fff;font-size:60px;font-size:6rem;line-height:1.5em;letter-spacing:.03em;font-weight:800;text-shadow:5px 5px 5px rgba(0,0,0,0.15)}@media (max-width: 1079px){.top .mv .mv_title{font-size:48px;font-size:4.8rem}}@media (max-width: 767px){.top .mv .mv_title{font-size:36px;font-size:3.6rem}}.top .mv .mv_video{position:absolute;width:120%;height:100%;top:0;left:50%;translate:-50%;z-index:-1}.top .mv .mv_video video{width:100%;height:100%;object-fit:cover}@media (max-width: 767px){.top .news .news_container{height:auto;flex-direction:column}}@media (max-width: 767px){.top .news .news_head{width:100%;padding-top:20px;padding-bottom:20px}.top .news .news_head .news_section-title{margin:0 auto}}.top .news .news_body{padding-right:5.97%;padding-left:8.25%;padding-top:54px;padding-bottom:38px}@media (max-width: 1079px){.top .news .news_body{padding-top:32.4px;padding-bottom:22.8px;padding-right:4.2%;padding-left:5.775%}}@media (max-width: 767px){.top .news .news_body{height:290px;padding-top:12px;padding-bottom:12px}}.top .news .news_items_box{width:100%;max-width:742.5px;height:100%}.top .news .news_items{width:100%;height:100%;padding-top:18px;padding-bottom:20px;padding-right:9.35%;display:flex;flex-direction:column;overflow-y:auto}@media (max-width: 1079px){.top .news .news_items{padding-right:6.545%;padding-top:10px;padding-bottom:12px}}.top .news .news_items .simplebar-track{width:11px;background:#e5e5e5;border-radius:0px}.top .news .news_items .simplebar-track .simplebar-scrollbar.simplebar-visible::before{opacity:1}.top .news .news_items .simplebar-track .simplebar-scrollbar::before{width:100%;background:#B4B4B4;border-radius:0;top:0;left:0;right:0;bottom:0}.top .news .news_item{border-top:1px solid #ccc;position:relative}.top .news .news_item:last-child{border-bottom:1px solid #ccc}.top .news .news_item .news_link{padding-top:19px;padding-bottom:19px;padding-right:30px;display:flex;align-items:center}@media (max-width: 767px){.top .news .news_item .news_link{display:block}}.top .news .news_item .news_link::after{content:"";width:15px;height:12px;background:url(../../img/top/icon_arrow_blue.svg) no-repeat center center/cover;position:absolute;right:10px;top:50%;translate:0 -50%}.top .news .news_item .news_link.no_arrow::after{display:none}.top .news .news_item .news_link .news_meta{display:flex;align-items:center}.top .news .news_item .news_link .news_date{flex-shrink:0;width:80px;font-size:14px;font-size:1.4rem;line-height:1em;letter-spacing:.05em;font-weight:700;font-family:"Roboto",sans-serif;color:#06f}.top .news .news_item .news_link .news_label{flex-shrink:0;min-width:50px;font-size:8px;font-size:.8rem;line-height:1em;letter-spacing:0em;font-weight:700;display:inline-block;padding:5px 5px;color:#fff;background:#06f;text-align:center;margin-left:16px}.top .news .news_item .news_link .news_title{font-size:15px;font-size:1.5rem;line-height:1em;letter-spacing:0em;font-weight:500;margin-left:26px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}@media (max-width: 1079px){.top .news .news_item .news_link .news_title{font-size:14px;font-size:1.4rem}}@media (max-width: 767px){.top .news .news_item .news_link .news_title{margin-left:0;margin-top:10px}}.top .about{padding-top:98px;padding-bottom:98px;overflow:hidden}@media (max-width: 767px){.top .about{padding-top:44px;padding-bottom:44px}}.top .about .about_inner{display:flex;max-width:1138px}@media only screen and (max-width: 1120px){.top .about .about_inner{align-items:center}}@media (max-width: 767px){.top .about .about_inner{flex-direction:column-reverse;gap:25px;max-width:500px}}.top .about .about_inner .about_img{width:50%}@media only screen and (max-width: 1120px){.top .about .about_inner .about_img{width:45%}}@media (max-width: 767px){.top .about .about_inner .about_img{max-width:360px;width:85%}}.top .about .about_inner .about_content{width:50%;padding-left:5%;padding-top:12px;position:relative}@media only screen and (max-width: 1120px){.top .about .about_inner .about_content{width:55%}}@media (max-width: 767px){.top .about .about_inner .about_content{width:100%;padding-left:0;display:flex;flex-direction:column;align-items:center}}.top .about .about_inner .about_content::before{content:"";width:429px;height:371.5px;background:url(../../img/top/bg_about.png) no-repeat center center/cover;position:absolute;bottom:0;right:-13%}@media only screen and (max-width: 1120px){.top .about .about_inner .about_content::before{width:75%;height:auto;aspect-ratio:429 / 371.5}}@media (max-width: 767px){.top .about .about_inner .about_content::before{width:70%;right:50%;translate:50%;bottom:-4%}}.top .about .about_inner .about_section_title{color:#06f}@media (max-width: 767px){.top .about .about_inner .about_section_title{text-align:center}}.top .about .about_inner .about_section_title .title_en{font-family:"Roboto",sans-serif;font-size:48px;font-size:4.8rem;line-height:1em;letter-spacing:0em;font-weight:500}@media only screen and (max-width: 1120px){.top .about .about_inner .about_section_title .title_en{font-size:40px;font-size:4rem}}@media (max-width: 767px){.top .about .about_inner .about_section_title .title_en{font-size:32px;font-size:3.2rem}}.top .about .about_inner .about_section_title .title_jp{font-size:20px;font-size:2rem;line-height:1em;letter-spacing:0em;font-weight:700;margin-top:10px}@media only screen and (max-width: 1120px){.top .about .about_inner .about_section_title .title_jp{font-size:18px;font-size:1.8rem}}@media (max-width: 767px){.top .about .about_inner .about_section_title .title_jp{font-size:16px;font-size:1.6rem}}.top .about .about_inner .about_text{font-size:35px;font-size:3.5rem;line-height:1.71429em;letter-spacing:.05em;font-weight:700;margin-top:33px}@media only screen and (max-width: 1120px){.top .about .about_inner .about_text{font-size:28px;font-size:2.8rem;line-height:1.55em;margin-top:28px}}@media (max-width: 767px){.top .about .about_inner .about_text{font-size:20px;font-size:2rem;text-align:center}}.top .about .about_inner .about_btn_wrapper{margin-top:20px}.top .about .about_inner .about_btn{display:inline-block;color:#fff;background:#06f;font-size:13px;font-size:1.3rem;line-height:1em;letter-spacing:0em;font-weight:500;padding:6px 28px 6px 8px;border:1px solid #06f;position:relative;transition:all 0.3s}.top .about .about_inner .about_btn::after{content:"";width:14.5px;height:13px;background:url(../../img/top/icon_arrow_white.svg) no-repeat center center/cover;position:absolute;right:6.5px;top:50%;translate:0 -50%;transition:all 0.3s}@media (min-width: 768px){.top .about .about_inner .about_btn:hover{color:#06f;background:#fff;opacity:1}.top .about .about_inner .about_btn:hover::after{background-image:url(../../img/top/icon_arrow_blue.svg);right:3px}}.top .service{padding-bottom:105px}@media (max-width: 767px){.top .service{padding-bottom:52px}}.top .service .service_heading .service_heading_bg{background:url(../../img/top/img_service_head.jpg) no-repeat center center/cover}.top .service .service_content{margin-top:88px}@media (max-width: 767px){.top .service .service_content{margin-top:36px}}.top .service .service_content .service_items{width:100%;display:flex;flex-direction:column;gap:50px}@media (max-width: 767px){.top .service .service_content .service_items{gap:24px}}.top .service .service_content .service_item{width:100%;aspect-ratio:108 / 30}@media (max-width: 767px){.top .service .service_content .service_item{aspect-ratio:1.3 / 1}}.top .service .service_content .service_item.cardboard .service_item_link{background-image:url(../../img/top/img_service_01.jpg)}.top .service .service_content .service_item.packaging .service_item_link{background-image:url(../../img/top/img_service_02.jpg)}.top .service .service_content .service_item.others .service_item_link{background-image:url(../../img/top/img_service_03.jpg)}.top .service .service_content .service_item:nth-child(odd) .service_item_text{margin-left:auto}@media (max-width: 767px){.top .service .service_content .service_item:nth-child(odd) .service_item_text{margin-right:auto;margin-left:0}}.top .service .service_content .service_item:nth-child(even) .service_item_text{margin-right:auto}.top .service .service_content .service_item .service_item_link{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;color:#fff;padding-left:4.73%;padding-right:2.96%;background-repeat:no-repeat;background-size:100%;background-position:center center;transition:all 0.3s}@media (min-width: 768px){.top .service .service_content .service_item .service_item_link:hover{opacity:1;background-size:105%}.top .service .service_content .service_item .service_item_link:hover .service_title::after{right:-10px}}@media (max-width: 767px){.top .service .service_content .service_item .service_item_link{background-size:cover}}.top .service .service_content .service_item .service_item_link .service_title{width:fit-content;font-size:20px;font-size:2rem;line-height:1em;letter-spacing:0em;font-weight:700;padding-right:22px;position:relative}@media (max-width: 1079px){.top .service .service_content .service_item .service_item_link .service_title{font-size:18px;font-size:1.8rem}}@media (max-width: 767px){.top .service .service_content .service_item .service_item_link .service_title{font-size:16px;font-size:1.6rem}}.top .service .service_content .service_item .service_item_link .service_title::after{content:"";width:14.5px;height:12.8px;background:url(../../img/top/icon_arrow_white.svg) no-repeat center center/cover;position:absolute;top:50%;right:0;translate:0 -50%;transition:all 0.3s}@media (max-width: 767px){.top .service .service_content .service_item .service_item_link .service_title::after{width:12px;height:10px}}.top .service .service_content .service_item .service_item_link .service_title_en{font-size:36px;font-size:3.6rem;line-height:1em;letter-spacing:0em;font-weight:500;margin-top:15px}@media (max-width: 1079px){.top .service .service_content .service_item .service_item_link .service_title_en{font-size:34px;font-size:3.4rem}}@media (max-width: 767px){.top .service .service_content .service_item .service_item_link .service_title_en{font-size:32px;font-size:3.2rem}}.top .service .service_content .service_item .service_item_link .service_intro{font-size:15px;font-size:1.5rem;line-height:1.66667em;letter-spacing:0em;font-weight:500;margin-top:15px}@media (max-width: 1079px){.top .service .service_content .service_item .service_item_link .service_intro{font-size:14px;font-size:1.4rem}}.top .service .service_content .service_btn_wrapper{margin-top:50px;text-align:center}.top .service .service_content .service_btn{display:inline-block;color:#06f;background:#fff;font-size:15px;font-size:1.5rem;line-height:1em;letter-spacing:0em;font-weight:700;padding:18px 68px 18px 28px;border:1px solid #06f;position:relative;transition:all 0.3s}@media (max-width: 1079px){.top .service .service_content .service_btn{font-size:14px;font-size:1.4rem}}.top .service .service_content .service_btn::after{content:"";width:14.5px;height:12.8px;background:url(../../img/top/icon_arrow_blue.svg) no-repeat center center/cover;position:absolute;top:50%;right:30px;translate:0 -50%;transition:all 0.3s}@media (min-width: 768px){.top .service .service_content .service_btn:hover{color:#fff;background:#06f;opacity:1}.top .service .service_content .service_btn:hover::after{background-image:url(../../img/top/icon_arrow_white.svg);right:20px}}.top .company .company_heading .company_heading_bg{background:url(../../img/top/img_company_head.jpg) no-repeat center center/cover}.top .company .company_content{background:#E5F3FF;padding-top:87px;padding-bottom:87px}@media (max-width: 767px){.top .company .company_content{padding-top:32px;padding-bottom:32px}}.top .company .company_content .company_intro{font-size:17px;font-size:1.7rem;line-height:1.4em;letter-spacing:0em;font-weight:500;text-align:center}@media (max-width: 767px){.top .company .company_content .company_intro{font-size:14px;font-size:1.4rem;text-align:left}}.top .company .company_content .company_items{width:100%;margin-top:42.5px;display:flex;justify-content:space-between}@media (max-width: 767px){.top .company .company_content .company_items{margin-top:24px;flex-direction:column;align-items:center;gap:24px}}.top .company .company_content .company_item{width:29.167%}@media (max-width: 1079px){.top .company .company_content .company_item{width:30%}}@media (max-width: 767px){.top .company .company_content .company_item{width:100%}}.top .company .company_content .company_item.company_message .company_head{background:url(../../img/top/img_company_top_msg.jpg) no-repeat center center/100%}.top .company .company_content .company_item.company_profile .company_head{background:url(../../img/top/img_company_profile.jpg) no-repeat center center/100%}.top .company .company_content .company_item.company_sdgs .company_head{background:url(../../img/top/img_company_sdgs.jpg) no-repeat center center/100%}.top .company .company_content .company_item .company_item_link:hover{opacity:1}.top .company .company_content .company_item .company_item_link:hover .company_head{background-size:105%}.top .company .company_content .company_item .company_head{width:100%;aspect-ratio:315 / 269;color:#fff;font-family:"Roboto",sans-serif;font-size:28px;font-size:2.8rem;line-height:1.2em;letter-spacing:0em;font-weight:500;display:flex;justify-content:center;align-items:center;text-align:center;padding-top:6.3%;transition:all 0.3s}@media (max-width: 1079px){.top .company .company_content .company_item .company_head{font-size:26px;font-size:2.6rem}}.top .company .company_content .company_item .company_text{font-size:20px;font-size:2rem;line-height:1em;letter-spacing:0em;font-weight:500;padding-left:21px;margin-top:12px;position:relative}@media (max-width: 1079px){.top .company .company_content .company_item .company_text{font-size:17px;font-size:1.7rem}}@media (max-width: 767px){.top .company .company_content .company_item .company_text{font-size:16px;font-size:1.6rem}}.top .company .company_content .company_item .company_text::before{content:"";width:15px;height:12px;background:url(../../img/top/icon_arrow_blue_second.svg) no-repeat center center/cover;position:absolute;left:0px;top:50%;translate:0 -50%}

/*# sourceMappingURL=maps/top.min.css.map */
