﻿.mainvisual{height:calc(100vh - 7.5rem);background-color:#fff;background-image:url("../img/top/mainvisual-bg1.webp");background-size:cover;background-position:center;background-repeat:no-repeat;width:100%;position:relative;padding-inline:3.75rem;padding-block:4.13rem}@media only screen and (max-width: 767px){.mainvisual{padding-inline:1.5rem;padding-block:1.88rem;height:calc(100vh - 7.5rem);background-image:url("../img/top/mainvisual-bg1-sp.webp")}}.mainvisual .mainvisual__content{width:100%;height:100%;position:relative}@media only screen and (max-width: 767px){.mainvisual .mainvisual__content{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:1.5rem}}.mainvisual .mainvisual__maincopy{position:absolute;left:0;bottom:0;font-size:3rem;font-weight:bold;letter-spacing:.08em;line-height:1.5;color:#fff;line-height:1.5}@media only screen and (max-width: 767px){.mainvisual .mainvisual__maincopy{position:relative;font-size:1.63rem;font-weight:500;line-height:1.5;line-height:1.4}}.mainvisual .mainvisual__list{position:absolute;right:0;bottom:0;display:flex;gap:2.19rem;align-items:flex-end}@media only screen and (max-width: 767px){.mainvisual .mainvisual__list{position:relative}}.mainvisual .mainvisual__item{opacity:.6}.mainvisual .mainvisual__item.active{opacity:1}@media only screen and (max-width: 767px){.mainvisual .mainvisual__item{display:none}.mainvisual .mainvisual__item.active{display:block}}.mainvisual .mainvisual__item-link{background-color:rgba(0,0,0,0);border:none;cursor:pointer;outline:none;padding:0;appearance:none;font-size:1rem;border-radius:0;min-width:10.63rem;padding-block-end:1rem;border-bottom:.13rem solid #fff;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.mainvisual .mainvisual__item-category{font-size:.63rem;font-weight:400;letter-spacing:.05em;line-height:1.5;color:#fff;border:1px solid #fff;border-radius:6.25rem;display:block;width:fit-content;padding:.25rem .63rem;margin-block-end:.44rem}.mainvisual .mainvisual__item-title{font-size:.94rem;font-weight:500;letter-spacing:.05em;line-height:1.5;color:#fff}.logo-slider{overflow:hidden;background:#fff}.logo-slider__track{display:flex;align-items:center;gap:1.5rem;padding:1.5rem 0;width:max-content;animation:logo-marquee 30s linear infinite}@media only screen and (max-width: 767px){.logo-slider__track{padding:1.06rem 0}}.logo-slider__item img{height:5rem;width:auto;display:block}@media only screen and (max-width: 767px){.logo-slider__item img{height:2.88rem}}@keyframes logo-marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.service{padding-top:7.5rem}@media only screen and (max-width: 767px){.service{padding-top:2.5rem;padding-bottom:2.5rem}}.service__contents{width:100%;display:flex;align-items:center;justify-content:space-between;gap:4.5rem}@media only screen and (max-width: 767px){.service__contents{flex-direction:column;gap:2.5rem}}.service__contents_img{width:32rem;flex-shrink:556}@media only screen and (max-width: 767px){.service__contents_img{width:100%}}.service__contents_textarea{width:50%;flex-shrink:512;margin-right:-1.88rem}@media only screen and (max-width: 767px){.service__contents_textarea{width:100%;margin-right:0}}.service__contents_title{font-size:2rem;font-weight:400;line-height:1.5;line-height:1.7;margin-bottom:2.5rem}@media only screen and (max-width: 767px){.service__contents_title{font-size:1.5rem;font-weight:500;line-height:1.5}}.service__contents_text{font-size:1rem;font-weight:400;line-height:1.5;line-height:1.9;margin-bottom:2.5rem}@media only screen and (max-width: 767px){.service__contents_text{font-size:.88rem;line-height:1.5}}.service__contents_link.btn{width:16.25rem;height:3.5rem;font-size:1rem;letter-spacing:.05em}@media only screen and (max-width: 767px){.service__contents_link.btn{margin-inline:auto}}.clients{padding:6.25rem 0 6.25rem}@media only screen and (max-width: 767px){.clients{padding:5rem 0 5rem}}.front-page .clients{padding-top:0}@media only screen and (max-width: 767px){.front-page .clients{padding-top:5rem;padding-bottom:5rem}}.clients__title{text-align:center;margin-bottom:2.5rem}@media only screen and (max-width: 767px){.clients__title{margin-bottom:1.25rem}}.clients__contents{background-color:#fff;padding:2.5rem 1.25rem}@media only screen and (max-width: 767px){.clients__contents{padding:1.25rem}}.clients__grid{display:grid;grid-template-columns:repeat(7, minmax(0, 1fr));gap:1.5rem;align-items:center}.clients__item{list-style:none;text-align:center}.clients__item img{max-width:100%;height:6.25rem;width:auto;object-fit:contain;display:inline-block}@media only screen and (max-width: 767px){.clients__grid{grid-template-columns:repeat(4, minmax(0, 1fr));column-gap:1rem;row-gap:0}.clients__item img{height:3.31rem}}.works{padding:6.25rem 0;background-color:#fff}@media only screen and (max-width: 767px){.works{padding:3.75rem 0 5rem}}.works__title{margin-bottom:2.5rem}.works__title_sub{font-size:1rem;font-weight:400;line-height:1.5;color:#323030;margin-top:1.5rem}@media only screen and (max-width: 767px){.works__title_sub{font-size:.88rem;font-weight:400;line-height:1.5}}.works__slider-wrap{position:relative;margin-bottom:5rem}@media only screen and (max-width: 767px){.works__slider-wrap{margin-bottom:2.5rem}}.works__slider-button{position:absolute;right:7.5rem;top:-4.5rem;display:flex;gap:2rem}.works__slider-button .works__prev{background-color:rgba(0,0,0,0);border:none;cursor:pointer;outline:none;padding:0;appearance:none;font-size:1rem;border-radius:0;width:.75rem;aspect-ratio:12/22;background-image:url("../img/slide_vector.svg");background-size:cover}.works__slider-button .works__next{background-color:rgba(0,0,0,0);border:none;cursor:pointer;outline:none;padding:0;appearance:none;font-size:1rem;border-radius:0;width:.75rem;aspect-ratio:12/22;background-image:url("../img/slide_vector.svg");scale:-1 1;background-size:cover}@media only screen and (max-width: 767px){.works__slider-button{display:none}}.works__slider{list-style:none;margin:0;padding:0}@media only screen and (max-width: 767px){.works__slider .slick-list{padding:0 1.88rem !important}}.works__slide{list-style:none;margin-right:2.5rem}@media only screen and (max-width: 767px){.works__slide{margin-right:.31rem;margin-left:.31rem}}.works__card{border:1px solid #323030;display:block;text-decoration:none;color:inherit;padding:1.25rem 1rem 2.5rem;background:#fff;position:relative}.works__cat{display:inline-block;font-size:.75rem;font-weight:400;letter-spacing:.05em;line-height:1.5;color:#323030;line-height:1.6;border:1px solid #323030;border-radius:99px;padding:.25rem .63rem;margin-bottom:1.5rem;width:fit-content}.works__tit{font-size:.88rem;font-weight:600;line-height:1.5;line-height:1.6;margin-top:1.5rem;margin-bottom:.5rem;min-height:3.2em;display:flex;align-items:center}.works__excerpt{font-size:.75rem;font-weight:400;line-height:1.5;color:#323030;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;line-height:1.8;min-height:5.4em;margin-bottom:1.25rem}.works__arrow{width:3rem;height:1px;background:#323030;display:inline-block;position:absolute;right:1rem;bottom:2.5rem;margin:auto}.works__arrow::after{content:"";display:block;width:.63rem;height:1px;background-color:#323030;position:absolute;right:-0.06rem;bottom:.19rem;rotate:36deg}@media only screen and (max-width: 767px){.works__arrow{position:relative;width:80%;margin-top:.94rem}}.works__button_link.btn{width:16.25rem;height:3.5rem;font-size:1rem;letter-spacing:.05em;margin-inline:auto}@media only screen and (max-width: 767px){.works__tit{font-size:.81rem;font-weight:600;line-height:1.5}.works__excerpt{font-size:.75rem;line-height:1.5}}.products{padding-block:5rem}.products .inner{display:flex;align-items:center;justify-content:flex-start;gap:5rem}.products__title{width:43.75rem}@media only screen and (max-width: 767px){.products__title{width:100%}}.products__title_main{margin-bottom:4.38rem}@media only screen and (max-width: 767px){.products__title_main{margin-bottom:2.5rem}}@media only screen and (max-width: 767px){.products__img{width:100%;margin-bottom:2.5rem}}.products__text{font-size:2rem;font-weight:500;line-height:1.5;line-height:1.7;margin-bottom:2.5rem}@media only screen and (max-width: 767px){.products__text{font-size:1.5rem;font-weight:500;line-height:1.5}}.products__link{width:16.25rem;height:3.5rem;font-size:1rem;letter-spacing:.05em}.products__contents{width:30.38rem}.brands{padding:6.25rem 0;background-color:#fff}@media only screen and (max-width: 767px){.brands{padding:3.75rem 0 5rem}}.brands .inner{position:relative}.brands .inner::before{content:"";position:absolute;bottom:-6.25rem;left:0;width:100%;height:1px;background-color:#828282}.brands .brand_content{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));column-gap:1.5rem;row-gap:5rem}@media only screen and (max-width: 767px){.brands .brand_content{grid-template-columns:repeat(1, minmax(0, 1fr));row-gap:2.5rem}}.brands .brands__title{margin-bottom:2.5rem}.front-page .brands .brands__title{margin-bottom:3.75rem}.front-page .brands .brands__title_main{margin-bottom:1.25rem}.faq#faq{padding:5rem 0 7.5rem;background-color:#fff}.faq#faq .faq__inner{display:flex;gap:5rem;align-items:flex-start;justify-content:space-between}@media only screen and (max-width: 767px){.faq#faq .faq__inner{flex-direction:column;gap:0}}.faq#faq .faq__info{width:16.69rem}@media only screen and (max-width: 767px){.faq#faq .faq__info{width:100%}}.faq#faq .faq__info_link{width:12.5rem;height:3.5rem;font-size:1rem;letter-spacing:.05em}.faq#faq .faq__contents{flex:1}.faq#faq .faq__contents#qanda_page .qanda_main .qanda_list{border-top:none}@media only screen and (max-width: 767px){.faq#faq .faq__contents#qanda_page .qanda_main .qanda_list{border-top:.06rem solid #828282;margin-block-end:2.5rem}}.magazine#magazine .magazine__contents{display:flex;align-items:center;justify-content:flex-start;gap:7.5rem}@media only screen and (max-width: 767px){.magazine#magazine .magazine__contents{flex-direction:column;gap:2.5rem;padding-bottom:5rem}}.magazine#magazine .magazine__bg-image{width:46.7789165447%}@media only screen and (max-width: 767px){.magazine#magazine .magazine__bg-image{width:100%}}.magazine#magazine .magazine__info{padding:0}@media only screen and (max-width: 767px){.magazine#magazine .magazine__info{padding:0 1.5rem}}.magazine#magazine .magazine__info .magazine__info_title{font-size:2.25rem;font-weight:400}@media only screen and (max-width: 767px){.magazine#magazine .magazine__info .magazine__info_title{font-size:1.88rem}}.magazine#magazine .magazine__info .magazine__info_text{font-size:1rem;font-family:"游ゴシック","游ゴシック体",YuGothic,"Yu Gothic","ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif}@media only screen and (max-width: 767px){.magazine#magazine .magazine__info .magazine__info_text{font-size:.88rem}}.magazine#magazine .magazine__info .magazine__info_link{width:16.25rem;height:3.5rem;font-size:1rem;letter-spacing:.05em}.news#news{padding:6.25rem 0 5rem;background-color:#fff}@media only screen and (max-width: 767px){.news#news{padding:3.75rem 0 5rem}}.news#news .news__inner{display:flex;align-items:flex-start;justify-content:space-between;gap:0}@media only screen and (max-width: 767px){.news#news .news__inner{flex-direction:column;gap:2.5rem}}.news#news .news__title{width:16.69rem}.news#news .post_arch_page .news_main .news_list{border-top:none}.news#news .news__button{margin-top:2.5rem;text-align:left;font-size:1.13rem;letter-spacing:.05em;line-height:1.5;font-weight:400;width:fit-content;margin-inline:auto 0;padding-bottom:.25rem}.news#news .news__button .link_line::after{content:"";display:block;background-size:100% 100%;width:1.5rem;aspect-ratio:1/1;background-image:url("../img/icon_ext-link.svg");background-size:100%;margin-left:.63rem;display:inline-block;vertical-align:sub}@media only screen and (max-width: 767px){.news#news .news__button{margin-inline:auto}}.company{padding:6.25rem 0}@media only screen and (max-width: 767px){.company{padding:2.5rem 0 5rem}}.company .inner{display:flex;align-items:flex-start;justify-content:center;gap:13.13rem}@media only screen and (max-width: 767px){.company .inner{flex-direction:column-reverse;gap:2.5rem}}.company .company_info{margin-block-end:2.5rem}.company .company_link{margin-block-end:2.5rem;display:block}.company__title{width:25rem}.company__title_main{margin-block-end:2.5rem}.company__button_link{width:16.25rem;height:3.5rem;font-size:1rem;letter-spacing:.05em}@media only screen and (max-width: 767px){.company__button_link{display:none}}.company__contents{padding-block:3.44rem}@media only screen and (max-width: 767px){.company__contents{padding-block:0}}