@charset "utf-8";
/* CSS Document */

:root{
--max_width:1200px;
}

.products__color_sw.bk {background: #222;}
.products__color_sw.cgy {background: #67706f;}
.products__color_sw.nv {background: #30396f;}
.products__color_sw.wh {background: #fff; border:1px solid #ccc;}
.products__color_sw.be {background: #ede8df;}

.wrap_header {width: 100%;padding: .8em 1rem;background: #fff;box-shadow: 1px 0 10px #f5f5f5;position: relative;z-index: 1000;}
.site-header__inner {max-width: var(--max_width);margin: 0 auto;display: flex;align-items: center;justify-content: center;position: relative;}
.site-header__menu {display: flex;align-items: center;justify-content: center;gap: 1.8rem;}
.site-header__item a {display: block;color: #222;font-size: .8rem;font-weight: 500;line-height: 1;letter-spacing: 0.08em;padding: 1.1em 1rem;transition: .5s;}
.site-header__item a:hover {transform: translateY(-5px);opacity: .2;}
.site-header__sns {position: absolute;top: 50%;right: 0;transform: translateY(-50%);line-height: 1;}
.site-header__sns a {padding: 1rem;display: block;}
.site-header__sns a:hover {opacity: 0.6;}
.site-header__sns img {display: block;width: 16px;height: auto;}

.site-header__toggle {display: none;width: 70px;height: 55px;padding: 0;border: none;background: transparent;position: relative;}
.site-header__toggle span {display: block;width: 25px;height: 2px;background: #222;margin: 0 auto;transition: .3s ease;position: absolute;}
.site-header__toggle span:nth-child(1) {top: calc(50% - 7px);left: 50%;transform: translate(-50%, 0);}
.site-header__toggle span:nth-child(2) {top: 50%;left: 50%;transform: translate(-50%, 0);}
.site-header__toggle span:nth-child(3) {top: calc(50% - -7px);left: 50%;transform: translate(-50%, 0);}
.site-header__toggle.is-open span:nth-child(1) {top: 50%;transform: translateX(-50%) rotate(45deg);}
.site-header__toggle.is-open span:nth-child(2) {opacity: 0;}
.site-header__toggle.is-open span:nth-child(3) {top: 50%;transform: translateX(-50%) rotate(-45deg);}

.sp-nav {position: fixed;inset: 0;background: rgba(255, 255, 255, 0.98);opacity: 0;visibility: hidden;pointer-events: none;transition: .35s ease;z-index: 1050;}
.sp-nav.is-open {opacity: 1;visibility: visible;pointer-events: auto;}
.sp-nav__inner {width: 100%;height: 100%;padding: 100px 30px 40px;overflow-y: auto;}
.sp-nav__menu {display: flex;flex-direction: column;align-items: center;gap: 1.6rem;}
.sp-nav__item a {display: block;color: #222;font-size: 1.1rem;font-weight: 500;line-height: 1.4;letter-spacing: 0.08em;text-align: center;padding: .3em 0;}
.sp-nav__item--sns a {font-size: .95rem;opacity: .7;}

.slider_img{width:100%;}
.site-header__logo {position: absolute;top: 50%;left: 1rem;transform: translateY(-50%);line-height: 1;}
.site-header__logo img {height: 27px;}



/**/
.wrap_intro {padding:2rem 0 0;text-align: center;}
.site-intro__logo {max-width: 660px;margin: 0 auto;}
.site-intro__logo img {display: block;width: 100%;}
.site-intro__lead {max-width: var(--max_width);margin: 0 auto 2rem;}
.site-intro__lead_txt {margin: 1.4rem 0 0;font-size: 1rem;line-height: 2.6rem;font-weight: 500;letter-spacing: 0.05em;font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;padding: 0 2rem;}
.site-intro__visual_hero{padding: 2rem;}
.site-intro__visual_hero > img{max-width: var(--max_width);width: 100%;margin-top: 6rem;}

.site-intro__wrap {position: relative;margin-top: 10rem;}
.site-intro__wrap .cont__heading {position: absolute;top: 0;left: 50%;transform: translate(-50%, -50%);}
.site-intro__visual_img {padding-top: 2rem;}
.feature_icon {display: block;margin: 2rem auto 1rem;width: 100%;max-width: 690px;}


/**/
.cont__heading {text-align: center;margin-bottom: 3rem;}
.cont__line {display: block;width: 1px;height: 70px;margin: 0 auto 1.8rem;background: #222;}
.cont__title {font-size: 1.85rem;font-weight: 700;line-height: 1;letter-spacing: 0.04em;}

/**/
.wrap_products {padding: 5rem 2rem;}
.products__inner {width: 100%;max-width: var(--max_width);margin: 0 auto;}
.products__label {margin-bottom: 18px;line-height: 1;}
.products__label span {display: inline-block;padding: 4px 9px 5px;background: #111;color: #fff;font-size: .9rem;font-weight: 700;line-height: 1;letter-spacing: 0.04em;}
.products__list {display: grid;grid-template-columns: repeat(4, 1fr);gap:2.3rem;margin: 0;padding: 0;list-style: none;}
.products__image {    width: 100%;aspect-ratio: 1 / 1;box-sizing: border-box;}
.products__image img{width:100%;}
.products__name {margin: 12px 0 0;font-size: 1.15em;font-weight: 700;line-height: 1.4;letter-spacing: 0.03em;height:51px;}
.products__detail_pri {margin-top: .5rem;}
.products__item .contact__button {min-height: inherit;padding: 1.3rem 1rem;margin-top: 2rem;}
.products__link{transition:.3s;}
/*.products__link:hover {opacity: .6;}*/
.products__link:hover .contact__button{transform: translateY(-10px);opacity:.2;}


/**/
.wrap_archive {padding: 5rem 2rem;overflow: hidden;}
.archive__slider {max-width: var(--max_width);margin: 0 auto;overflow: visible;}
.archive__item {padding: 0 2rem 0 0;}
.archive__item + .archive__item {margin-top: 32px;}
.archive__link {display: block;color: inherit;text-decoration: none;transition:.5s;}
.archive__link:hover {transform: translateY(-15px);}
.archive__link img {transition:.5s;}
.archive__link:hover img {opacity:.2;}
.archive__image {width: 100%;overflow: hidden;}
.archive__image img {display: block;width: 100%;height: 100%;object-fit: cover;}
.archive__body {padding-top: 1.1rem;}
.archive__name {font-size: 1rem;font-weight: 700;line-height: 1.5;letter-spacing: 0.02em;}
.archive__text {margin: 8px 0 0;font-size: .9rem;line-height: 1.8;letter-spacing: 0.03em;}
.archive__slider .slick-list{overflow: inherit !important;}

/**/
.wrap_news {padding: 5rem 2rem;margin-bottom: 5rem;}
.news__inner {width: 100%;max-width: var(--max_width);margin: 0 auto;}
.news__list {border-top: 1px solid #222;}
.news__item {border-bottom: 1px solid #222;}
.news__link {display: flex;align-items: center;gap: 1.3rem;padding: 1.3rem 2rem;transition:.5s;}
.news__link:hover {transform:translateX(13px);opacity:.2;}
.news__label {display: inline-block;padding: 3px 6px;border: 1px solid #222;font-size: .6rem;line-height: 1;}
.news__date {font-size: .85em;white-space: nowrap;}
.news__text {font-size: .85em;line-height: 1.6;}

/**/
.wrap_shoplist {padding: 0 2rem;}
.shoplist__inner{max-width:var(--max_width);margin: 0 auto;}
.shoplist__contents {display: flex;flex-direction: column;gap: 4rem;}
.shoplist__region {}
.shoplist__region-title {display: inline-block;background: #000;color: #fff;font-size: .75rem;padding: 4px 10px;margin-bottom: 20px;}
.shoplist__stores {column-count: 4;column-gap: 40px;}
.shoplist__store {font-size: 1em;line-height: 1.9;break-inside: avoid; /*display: flex;align-items: center;*/ }
.shoplist__store a{display: flex;align-items: center;gap: .2rem;}

/**/
.wrap_gallery {margin: 13rem auto 5rem;max-width: var(--max_width);}
.gallery__item > img{width: 320px;}
.gallery__inner{display: flex;flex-wrap: wrap; align-items: stretch;justify-content: center;gap: 1.5rem;}
.gallery__item {width: calc((100% - (1.5rem * 3)) / 4);}

#detail .site-intro__lead_txt {text-align: center;margin-top: 4rem;}
.detail_step {display: block;margin: 3rem auto;text-align: center;}
.detail_ev {display: flex;align-items: flex-start;gap: 1.5rem;margin-top: 4rem;}
.detail_ev li{}
.detail_ev1{}
.detail_ev_txt {font-size: .8rem;margin: 1rem 0 0 0;font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;}

.products__color {display: flex;gap: .4rem;flex-wrap: wrap;}
.products__color_sw {width: 20px;height: 20px;/*border-radius: 100px;*/ margin: .8rem 0 .8rem;background: #eee;}
.products__detail_wrap {display: flex;flex-wrap: wrap;gap: .5rem;}
.products__detail_wrap > p, .products__detail_wrap > div {font-size: .85em;font-weight: 500;width: 100%;}
.products__detail_wrap_div {display: flex;gap: .5rem;}
.products__detail_mat_list li {position: relative;padding-left: 1.2rem;}
.products__detail_mat_list li::before {content: "\02192 \020";position: absolute;left:0;line-height: 1.4rem;}
.products__detail_pri span.big {font-size: 1.5em;padding: 0 0 0 .4rem;font-weight: 700;}
.products__detail_wrap_div.notflex{display:block;}


/**/
.wrap_contact {padding: 5rem 2rem;margin-bottom: 8rem;}
.contact__inner {max-width: 900px;margin: 0 auto;text-align: center;}
.contact__text {margin: 0 auto;color: #333;font-size: 14px;line-height: 2;letter-spacing: 0.04em;}
.contact__button-wrap {margin-top: 44px;}
.contact__button {display: inline-flex;align-items: center;justify-content: center;width: min(100%, 500px);min-height: 100px;border: 1px solid #777;font-size: .95rem;font-weight: 700;line-height: 1;letter-spacing: 0.08em;transition:.5s;}
.contact__button:hover {transform:translateY(-10px); opacity:.2;}

/**/
.footer__copy {text-align: center;color: #999;font-weight: 100;font-size: .85rem;margin-bottom: 1rem;}


img.shoplist_icon {max-height: 27px;}
.slick-slide img{width:100%;}

@media screen and (max-width: 768px){
:root{
--max_width: inherit;
}

.wrap_header {padding:0;z-index: 99999;}
.site-header__inner {min-height: 44px;justify-content: flex-end;}
.site-header__nav {display: none;}
.site-header__sns {display: none;}
.site-header__toggle {display: block;}
.sp-nav__item a {display: block;font-size: 1rem;font-weight: 500;line-height: 1.4;letter-spacing: 0.08em;padding: .3em 0;}
/**/

.wrap_intro {padding:0 0 2rem;}
.site-intro__logo {max-width: 610px;padding: 0 2rem;}
.site-intro__lead{margin: 0 auto 4.5rem;}
.site-intro__lead_txt {font-size: .8em;line-height: 1.8em;padding: 0 .5rem;}
.site-intro__visual{background:none;height:inherit;margin-bottom: 3rem; /*height: 495px;*/}
.site-intro__visual_hero{padding:0;}
.site-intro__visual_hero img{margin-top: 1rem;}

.slider__inner .slick-slider {margin-bottom: 2.5rem;}
.site-intro__wrap .cont__heading{top: -60px;}
.site-intro__lead_txt span{display:inline-block;}

.wrap_products{padding: 0rem 2rem;margin-bottom: 5rem;}
.cont__line{height: 50px;margin: 0 auto 1.2rem;}
.cont__title {font-size: 1.4rem;}

.products__label{text-align:center;margin-bottom: 2rem;}
.products__list {display: flex;flex-wrap: wrap;justify-content: flex-start;gap: 2rem 1rem;padding: 0 .5rem;}
.products__item{width:calc((100% - (1rem * 2)) / 3);}
.products__name{margin: .5rem 0 0;font-size: .95rem;}

.wrap_archive{padding: 6rem 2rem;}
.archive__slider{display: flex;flex-wrap: wrap;justify-content: center; gap: 2.5rem 0;}
.archive__item{padding:0;max-width: 500px;margin: 0 auto;}
.archive__body{padding-top: .6rem;}
.archive__text{margin: 0;}

.wrap_news{padding:2rem;}
.news__link{padding: 1.3rem 1rem;flex-wrap: wrap;gap: .2rem 1.3rem;}
.news__text{display: block;width: 100%;}
.shoplist__contents{gap: 3rem;}
.shoplist__stores{column-count: 2;column-gap: 1rem;}

.wrap_gallery{margin: 7rem 0 2rem;}
.gallery__item > img{margin: 0 5px;width: 190px;}

.wrap_contact {padding: 4rem 2rem;margin-bottom: 5rem;}
.contact__text{font-size: .8rem;}

#detail .site-intro__lead_txt{margin-top: 2rem;}
#detail .site-intro__lead_txt {padding: 0;text-align: left;}
.detail_step {margin: 2rem auto 1rem; max-width: 480px;}
.detail_ev{flex-wrap: wrap;margin-top: 2rem;}
.detail_ev li {max-width: 450px;margin: 0 auto;}
.detail_ev_txt{font-size: .75rem;}
.products__detail_wrap_div {flex-wrap: wrap;}
.products__detail_pri span {display: inline-block;}
.products__detail_pri div{display:inline-block;}
.gallery__item {width: calc((100% - (1.5rem * 1)) / 2);}
.gallery__inner {padding: 0 2rem;max-width: 570px;margin: 0 auto;gap: .5rem;}
.gallery__item > img {margin: 0;width: 100%;}

}

@media screen and (max-width: 520px){
.products__list {padding: 0;gap: 1.5rem 1rem;}
.products__item{width: calc((100% - 1rem) / 2);}
.wrap_archive{padding: 6rem 2rem 4rem;}
.news__link{padding: 1.3rem .5rem;}
.shoplist__stores{column-count: 1;}

.detail_step {margin: 1rem auto 1rem;}

}
@media screen and (max-width: 400px){
.products__item {width: calc(100%);}
.products__name{height:inherit;}
.products__detail_wrap > p, .products__detail_wrap > div{font-size: .83em;}

}



/* naire */
.wrap_naire {margin: 3rem 0 4rem;}
.cont__sub_title {margin: 1.2rem 0;color: #bbb;font-weight: 500;letter-spacing: 1px;}
.naire__bg_wrap {position: relative;}
.naire_txt_inner {position: absolute;left: 52%;height: 100%;padding:6rem 2rem;width: calc(100% - 52%);}
.naire_txt_ttl {font-size: 1.5em;margin-bottom: 1rem;}
.naire_txt {font-size: .95rem;font-weight: 400;font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;margin-bottom: 1rem;}
.naire_point_wrap {padding: 1rem 0 2.5rem;}
.naire_point {padding: 0 0 0 5rem;}
.naire_point li {font-weight: 600;font-size: 1.3em;margin-bottom: .5rem;position:relative;padding-left: 2.6rem;}
.naire_point li::before {content: "";display: block;width: auto;width: 25px;height: 23px;position: absolute;left: 0;top: 50%;transform: translate(0, -50%);}
.wrap_naire .contact__button{background: #fff;cursor: pointer;}
.wrap_naire .contact__button:hover{opacity:.8;}

@media screen and (max-width: 768px) {
.wrap_naire {margin: 6rem 0 4rem;}
.naire_txt_inner {position: relative;left: 0;width: fit-content;padding-top: 300px;top: 0;margin: 0 auto;padding-bottom: 1rem;}
.naire_point {padding: 1rem;}
.wrap_naire .contact__button{min-height: 80px;}
}
@media screen and (max-width: 500px) {
.hide_phone {display: none;}
.naire_txt_ttl{font-size: 1.4em;}
.naire_point li{font-size: 1.1em;}
.naire_txt{font-size: .9rem;}

}






/* コーディング仮置き */
.item .wrap_intro{padding: 0;}
.item .site-intro__logo{max-width: inherit;}
.item .site-intro__logo img{max-width: 160px;display: block;margin: 0 auto 1.5rem;}
.item .site-intro__itemname{font-weight: 500;font-size: 1.2em;letter-spacing: 3px;}
.item .site-intro__lead{margin: 2.2rem auto 2rem;}
.item .site-intro__lead_txt{line-height: 2.3rem;}
.site-intro__icon {display: flex;justify-content: center;align-items: center;gap: .5rem;margin-bottom: 1rem;}
.site-intro__icon li{height: 40px;}
.site-intro__icon img{height:100%;width:auto;}

.wrap_structure{padding: 5rem 0;}
.cont__sub__title {margin: 2rem auto;font-size: 1em;text-indent: .5rem;}
.structure__bg {padding: 5rem 2rem;text-align: center;}
.structure__list {display: flex;justify-content: center;align-items: center;gap: 1.5rem;max-width: 1100px;margin: 3rem auto 0;}
.structure__list li {background: #fff;border-radius: 10px;padding: 1.5rem 1.5rem 1.8rem;width: calc((100% - (1.5rem * 2)) / 3);display: flex;flex-wrap: wrap;justify-content: center;}
.structure__list_name {font-size: 1.2rem;font-weight: bold;margin-bottom: .5rem;}
.structure__list_txt {font-size: .85rem;text-align: left;}
.wrap_evidence {padding: 4rem 0 5rem;}

.evidence__list {display: flex;flex-wrap: wrap;justify-content: space-between;gap:3rem 2rem;max-width: 1400px;margin: 0 auto;}
.evidence__list_li {width: calc((100% - 2rem) / 2);}
.evidence__list_note{margin-top:1rem;}
.evidence__list_note li {font-size: .75rem;padding-left: 1.5rem;position: relative;}
.evidence__list_note li::before {content: "※";position: absolute;left: 0;}
.wrap_craft {padding: 2rem;}
.craft__txt {margin-top: 1rem;font-size: .85rem;}
.item .wrap_gallery{margin: 5rem auto;}

@media screen and (max-width: 768px) {
.item .site-intro__logo img{max-width: 140px;margin: 0 auto .2rem;}
.item .site-intro__itemname{font-size: .85em;}
.item .site-intro__lead{margin: 1.5rem auto 2rem;}
.item .site-intro__lead_txt{font-size: .85em;line-height: 2rem;}
.cont__sub__title{font-size: .85rem;margin-top: 1.5rem;}
.wrap_structure {padding: 0;}
.structure__bg{padding: 3rem 2rem;}
.structure__list {flex-wrap: wrap;align-items: flex-start;gap: 1rem;margin: 2rem auto 0;}
.structure__list li {width: 100%;display: block;padding: 1rem;}
.structure__list_name{font-size: 1.1rem;}
.structure__list_txt{font-size: .8rem;}
.wrap_evidence {padding: 5rem 0 5rem;}
.evidence__list {padding: 0 2rem;gap: 3rem 0;}
.evidence__list_li {width: 100%;}
.wrap_craft {padding: 1rem 0;}
}