@charset "UTF-8";
@font-face {
  font-family: 'SofiaPro';
  src: url('fonts/SofiaProRegular.woff') format('woff'),
       url('fonts/SofiaProRegular.woff2') format('woff2'),
       url('fonts/SofiaProRegular.ttf') format('truetype');
}

#contents { width: 100%!important; max-width: 100%!important; padding: 0; margin: 0; }
#pisss { width: 100%!important; max-width: 100%!important; }
#pi { width: 100%!important; max-width: 100%!important; margin: 0; background-color: transparent!important; padding: 0; }
#pi > img { display: none!important; }
picture	{ width: 100%; vertical-align: bottom; line-height: 1; }

.bannerSwitch	{ width: 100%; margin: 0 auto; max-width: 1280px; }
.bannerSwitch img	{ width: 100%; vertical-align: bottom; line-height: 0; }
.product_list	{ background-color: #fff; }
.pi_description	{ background-color: transparent!important; margin: 0 auto; min-width: 980px; max-width: 100%; padding: 0; }
.pi_lgzformat	{ color:#707070; display: block; width: 100%; padding: 0; margin: 0; position: relative; font-feature-settings: "palt"; -webkit-text-size-adjust:100%; color:#000; -webkit-font-smoothing: antialiased; background-color: #fff; overflow-x: hidden; }
.pi_lgzformat	{ font-size:14px; font-weight: 400; -webkit-text-size-adjust:100%; color:#000000; -webkit-font-smoothing: antialiased; letter-spacing:0; }
.pi_lgzformat div	{ letter-spacing:0; }
.pi_lgzformat *	{ font-family:'SofiaPro','小塚ゴシック Pro','Kozuka Gothic Pro',游ゴシック,YuGothic,Hiragino Sans,Meiryo,sans-serif; letter-spacing:0; }
.pi_lgzformat ul:before,
.pi_lgzformat ol:before,
.pi_lgzformat dl:before, 
.pi_lgzformat ul:after, 
.pi_lgzformat ol:after, 
.pi_lgzformat dl:after	{ display: none!important; }
.pi_lgzformat img	{ width: 100%; vertical-align: bottom; line-height: 0; }
.pi_lgzformat a { transition: all .3s; color:#000000; }
.pi_lgzformat .small { font-size:80%; }
.pi_lgzformat .center-text	{ text-align: center; }
@media (max-width: 767.9px) {
	#pi { padding: 0 ; }
	.pi_description	{ padding: 0; min-width: auto; }
}

/* ------------ FADEIN ------------- */
.fadein	{ opacity : 0; transform : translate(0, 0); transition: all 1.2s; }
.fadein.scrollin	{ opacity : 1; transform : translate(0, -30px); }
@media (max-width: 767.9px) {
	.fadein.scrollin	{ opacity : 1; transform : translate(0, -26px); }
}
@media (max-width: 376px) {
	.fadein.scrollin	{ opacity : 1; transform : translate(0, -22px); }
}

/* ------------ INTRODUCTION ------------- */
.introduction-wrapper	{ width: 100%; display: -webkit-flex; display: flex; align-items: center; justify-content: center; padding: 0 20px; }
.introduction-inner	{ width: 100%; max-width: 1200px; display: -webkit-flex; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; padding: 100px 0 0; margin: 0 0 100px; }
.introduction-inner > h3	{ width: 100%; padding: 0; margin: 0 auto 40px; color:#707070; font-size: clamp(22px, 38px, 3vw); font-weight: 700; letter-spacing:.04rem; line-height: 1; text-align: center; }
.introduction-img	{ width: 36%; transform: translateX(30px); }
.introduction	{ width: 64%;  transform: translateX(-30px); padding: 40px; margin: 12% 0 0; display: -webkit-flex; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; background-color: #fff; }
.introduction > strong	{ padding: 0; margin: 0 auto 40px; color:#7070700; font-size: 42px; line-height: 1; text-align: left; }
.introduction > p	{ width: 100%; padding: 0; margin: 0 auto 20px; color:#707070; font-size: clamp(14px, 16px, 1vw); font-weight: 400; line-height: 2; text-align: left; letter-spacing:.08rem; }
@media (min-width: 768px) {
	.introduction > ul li a:hover	{ color:#fff; background-color: #000; opacity: 1!important; }
}
@media (max-width: 767.9px) {
	.introduction-inner	{ position: relative; justify-content: flex-end; padding: 60px 0 0; margin: 0 0 20px; }
	.introduction-inner > h3	{ font-size: 7vw; line-height: 1.3; padding: 0; margin: 0 0 30px; }
	.introduction-img	{ width: 50%;  padding: 0; margin: 0; position: absolute; left: 0; top: 120px; transform: translateX(0); }
	.introduction	{ width: 70%; padding: 20px 10px 0 20px; margin: 20% 0 0; transform: translateX(0); }
	.introduction > strong	{ margin: 0 auto 20px; font-size: 16px; }
	.introduction > p	{  font-size: 12px; line-height: 1.8; padding: 0; margin: 0 0 14px; text-align: justify; text-justify: inter-character; }
	.introduction > p br	{ display: none; }
}

.catettle	{ color:#707070; font-size: clamp(20px, 35px, 2.5vw); font-family: "kozuka-gothic-pro", sans-serif; font-weight: 500; font-style: normal; line-height: 1; }
@media (max-width: 767.9px) {
	.catettle	{ font-size: 6.8vw; }
}

/* ------------ SLICK ------------- */
.slick-dots	{ display: -webkit-flex; display: flex; justify-content: flex-end; bottom: 0; padding: 0 4%; }
.slick-dots li	{ margin: 0; width: 18px; height: 15px; }
.slick-dots li button	{ padding: 0; width: 18px; height: 15px; }
.slick-dots li button::before	{ content:"●"; color:#a3a3a3; opacity: 1!important; line-height: 1!important; font-size: 14px; width: 18px; height: 15px; text-align: center; }
.slick-dots li.slick-active button:before	{ color:#000; opacity: 1!important; }
.slick-dotted.slick-slider	{ margin-bottom: 0; }

.pg-style-item__trigger > a	{ display: block; width: 32px; height: 32px;  }

.pg-style__textSSet	{ width: 100%; display: -webkit-flex; display: flex; flex-direction: column; padding: 10px 0 0; }
.pg-style__textSSet > h3	{ color:#53565a; font-size: clamp(17px, 20px, 2vw); line-height: 1.2; font-weight: 400; margin: 0 0 14px; }
.pg-style__textSSet > strong	{ color:#53565a; font-size: clamp(14px, 16px, 1.6vw); line-height: 1.2; font-weight: 400; margin: 0 0 18px; }
.pg-style__textSSet > strong span	{ color:#53565a; font-size: clamp(12px, 13px, 1vw); line-height: 1.2; font-weight: 400; }
.pg-style__textSSet > b	{ color:#53565a; font-size: clamp(13px, 14px, 1vw); line-height: 1.2; font-weight: 400; margin: 0 0 20px; }
.pg-style__textSSet > p	{ width: 100%; display: -webkit-flex; display: flex; justify-content: flex-start; }
.pg-style__textSSet > p a	{ padding: 0; position: relative; transition: all .3s; }
.pg-style__textSSet > p a:hover	{ text-decoration: none!important; }
.pg-style__textSSet > p a::after	{ content:""; position: absolute; bottom: 1px; left: 0; right: 0; width: 100%; height: 2px; background-color: #53565a; transition: all .3s; }
.pg-style__textSSet > p a span	{ color:#53565a; font-size: clamp(18px, 22px, 2vw); line-height: 1; font-weight: 700; transition: all .3s; }
@media (min-width: 768px) {
	.pg-style__textSSet > p a:hover::after	{ bottom: -3px; background-color: #000; }
	.pg-style__textSSet > p a:hover span	{ color:#000; }
}

@media (max-width: 767.9px) {
	.pg-style__textSSet	{ padding: 0; }
	.pg-style__lead	{ flex-direction: column; }
}

.navareass	{ width: 100%; list-style-type: none; display: -webkit-flex; display: flex; align-items: flex-end; justify-content: center; padding: 60px 0 0; }
.navareass > li	{ padding: 0 20px;  }
.navareass > li > a	{ color:#53565a; font-size: clamp(20px, 34px, 2.8vw); font-weight: 700; line-height: 1; text-align: center; position: relative; }
.navareass > li > a::after	{ content:""; position: absolute; bottom: 0; left: 0; right: 100%; width: 0; height: 2px; background-color: #53565a; transition: all .3s; }
.navareass > li > a:hover	{ text-decoration: none!important; background-color: transparent; }
@media (min-width: 768px) {
	.navareass > li > a:hover::after	{ content:""; position: absolute; bottom: 0; left: 0; right: 0; width: 100%; height: 2px; background-color: #53565a; transition: all .3s; }
}
@media (max-width: 767.9px) {
	.navareass	{ padding: 30px 20px 30px 0; }
	.navareass > li > a::after	{ content:""; position: absolute; bottom: 0; left: 0; right: 0; width: 100%; height: 2px; background-color: #53565a; transition: all .3s; }
}

/* ------------ BLOCK ------------- */
@media (max-width: 767.9px)	{ .pconly { display: none!important; } }
@media (min-width: 768px)	{ .pconly { display: inline-block; } }
@media (max-width: 767.9px)	{ .sponly { display: inline-block; } }
@media (min-width: 768px)	{ .sponly { display: none!important; } }


/* ------------ 24.03 ------------- */
@media (min-width: 768px) {
	.pg-style__text	{ display: -webkit-flex; display: flex; width: 100%; justify-content: space-between; gap: 30px; }
	.pg-style__mv-title	{ right: 0; }
	.pg-style:nth-child(2n+1) .pg-style__mv-title	{ right: 20px; }
	.pg-style__mv	{ width: 40%; min-width: auto; }
	.pg-style__content	{ width: 50%; min-width: auto; }
	.pg-style-items, 
	.pg-style-item__img { width: 100%; max-width: auto; min-width: auto; }
}
@media (max-width: 767.9px) {
	.txsbtset	{ margin: 0 0 40px; }
}
.slmwp	{ width: 48%; }
@media (max-width: 767.9px) {
	.slmwp	{ width: 74%; }
}

.pg-section + .pg-section { margin-top: 20px; }
@media (max-width: 767.9px) {
	.pg-section + .pg-section { margin-top: 60px; }
}