@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Jost:wght@100..900&family=Noto+Sans+JP:wght@100..900&display=swap');
.fixed-sp	{ z-index: -1; }
header.store_header_wrap.fixed-sp	{ z-index: 150; }
@media (max-width: 1000px) {
 .search_condition_switch	{ opacity: 0!important; pointer-events: none!important;  }
 .result_suggest_title .result_suggest_list { margin: 0 -1.5rem!important; }
}
.search_feature.active, 
.search_styling.active, 
.result_suggest	{ background-color: #fff; position: relative; z-index: 5; }
.search_box	{ z-index: 3; }
.header_caution { height: 48px; }
#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; }
#main	{ background-color: #fff; z-index: 20; }
@media (min-width: 1000px)	{
	.result_suggest_title .result_suggest_list { margin: 0 -1.5rem 0; }
}
.section_main, 
.seach_sort_wrapper,
.search_contents,
.bread	{ background-color: #fff; }
.seach_sort_wrapper,
.search_contents,
.bread,
.store_footer	{ position: relative; z-index: 5; }
.result_suggest	{ margin: 0; }
.pi_description	{ padding: 0!important; background-color: #fff; }
.result_suggest_header	{  }

body.fixed	{ position:fixed; width:100%; height:100%; overflow:hidden; }

video	{ width: 100%; max-width: 100%; line-height: 1; }
.lgzcontents	{ display: -webkit-flex; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; padding: 0; margin: -75px 0 0; letter-spacing:.1em; font-style: normal; line-height:1.75; -webkit-text-size-adjust:100%; color:#323232; -webkit-font-smoothing: antialiased; position: relative; }
@media (max-width: 1000px) { 
	.lgzcontents	{ margin: 0; }
}
.lgzcontents *	{ letter-spacing:0; font-family: "Jost", "Noto Sans JP", sans-serif!important; font-weight: 500; font-style: normal; font-size:14px; line-height:1.75; letter-spacing: .05rem; font-feature-settings: "palt"; -webkit-text-size-adjust:100%; color:#212121; -webkit-font-smoothing: antialiased; font-feature-settings: normal!important; }
.lgzcontents i	{ letter-spacing:.05em!important; font-weight: 700; }
.lgzcontents img, 
.lgzcontents picture	{ width: 100%; vertical-align: bottom; line-height: 1;  }
.lgzcontents ul:before,
.lgzcontents ol:before,
.lgzcontents dl:before, 
.lgzcontents ul:after, 
.lgzcontents ol:after, 
.lgzcontents dl:after	{ display: none!important; }
.lgzcontents img	{ width: 100%; vertical-align: bottom; line-height: 0; }
.lgzcontents a { transition: all .3s; color:#323232;}
.lgzcontents a:hover { color:#323232; text-decoration:none;}
.lgzcontents .small {font-size:80%;}
.lgzcontents .center-text	{ text-align: center; }
.lgzcontents_inner	{ width: 100%; display: -webkit-flex; display: flex; flex-direction: column; }

/* ------------ ANIMATION ------------- */
.scrollIn	{ opacity: 0; }
.scrollIn.active	{ transition: opacity 2.4s cubic-bezier(.24,.155,.275,.945); opacity: 1; transition-delay: .3s; }
.scrollIn2	{ opacity: 0; }
.scrollIn2.active	{ transition: opacity 2.4s cubic-bezier(.24,.155,.275,.945); opacity: 1; transition-delay: .3s; }
@keyframes fadein	{ 
	from	{ opacity: 0; }
	to	{ opacity: 1; }
}
@keyframes blur	{ 
	from	{ opacity: 0; filter: blur(20px); }
	to	{ opacity: 1; filter: blur(0px); }
}
.pganchorhd	{ position: relative; transform: translateY(-60px); height: 0; }

#spnavi ul.ftnavbtn	{ flex-direction: column; gap: .5em; margin: 0 0 1em; }
#spnavi ul.ftnavbtn > li a	{ font-size: 18px; }
#spnavi ul.ftsubbtn	{ flex-direction: column; gap: .2em; }

/* ------------ SP NAVI ------------- */
.hamburgersps	{ width: 100%; display: -webkit-flex; display: flex; justify-content: flex-end; position: -webkit-sticky; position: sticky; top: 48px; right: 0; z-index: 1004; padding: 0 12px 0 0; }
@media (max-width: 1000px) { 
	.hamburgersps	{ position: fixed; padding: 0; }
}
.overlay	{ display: block; width: 100%; height: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; pointer-events: none; z-index: 21; opacity: 0; transition: all .5s; background-color: rgba(0,0,0,.2); }
.open .overlay	{ width: 100%; height: 100%; left: 0; opacity: 1; position: fixed; pointer-events: auto; }
.openbtn	{ background-color: rgba(0,0,0,0); cursor: pointer; width: 75px; height: 75px; z-index: 1004; mix-blend-mode: difference; }
.openbtn.open	{ mix-blend-mode: normal; }
.openbtn .openbtn-area	{ transition: all .6s; width: 75px; height: 75px; position: relative; pointer-events: auto; }
.openbtn span	{ display: inline-block; transition: all .5s; position: absolute; left: 20px; height: 2px; border-radius: 2px; background-color: rgba(0,0,0,1); }
.openbtn.open span	{ background-color: rgba(0,0,0,1); }
.openbtn span:nth-of-type(1) { top:28px; width: 45%; }
.openbtn span:nth-of-type(2) { top:35px; width: 32%; }
.openbtn span:nth-of-type(3) { top:42px; width: 20%; }
.openbtn.open .openbtn-area	{  }
.openbtn.open span:nth-of-type(1)	{ top: 30px; left: 16px; transform: translateY(6px) rotate(-45deg); width: 55%; }
.openbtn.open span:nth-of-type(2)	{ opacity: 0; }
.openbtn.open span:nth-of-type(3)	{ top: 42px; left: 16px; transform: translateY(-6px) rotate(45deg); width: 55%; }
@media (min-width: 1001px) {
	.openbtn:hover span:nth-of-type(2),
	.openbtn:hover span:nth-of-type(3) { width: 45%; }
	.openbtn.open:hover span:nth-of-type(2),
	.openbtn.open:hover span:nth-of-type(3) { width: 55%; }
}
@media (max-width: 200px) { 
	.openbtn span:nth-of-type(1) { top:25px; width: 45%; }
	.openbtn span:nth-of-type(2) { top:35px; width: 32%; }
	.openbtn span:nth-of-type(3) { top:45px; width: 20%; }
}

#spnavi	{ position: fixed; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100vh; display: -webkit-flex; display: flex; justify-content: flex-end; pointer-events: none; overflow: hidden; z-index: 1003;}
#spnavi	{ letter-spacing:0; font-family: "Jost", "Noto Sans JP", sans-serif!important; font-weight: 500; font-style: normal; font-size:14px; line-height:1.75; letter-spacing: .05rem; font-feature-settings: "palt"; -webkit-text-size-adjust:100%; color:#212121; -webkit-font-smoothing: antialiased; font-feature-settings: normal!important; }
.spnaviInner	{ width: 100%; max-width: 1000px; height: 100vh; background-color: rgba(255,255,255,1); overflow: hidden; pointer-events: auto; position: relative; transition: all .8s cubic-bezier(0.77,0,0.18,1); transform: translateX(100%); z-index: 22; }
.spnaviht	{ width: 100%; height: 100vh; display: -webkit-flex; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.open .spnaviInner	{ width: 100%; transform: translateX(0); }
.spnaviinwrapper	{ position: relative; width: 100%; display: -webkit-flex; display: flex; flex-direction: column; padding: 2.4em 10% 0; transition: all 1s cubic-bezier(0.77,0,0.18,1); transform: translateY(100px); opacity: 0; }
.open .spnaviinwrapper	{ transform: translateX(0); transition-delay: .6s; opacity: 1; }
.closing .spnaviInner	{ transition-delay: .6s; transform: translateX(400px); }
.closing .spnaviinwrapper	{ transition-delay: 0s; transform: translateY(100px); opacity: 0; }
.spnaviinwrapper > h2	{ width: 100%; max-width: 180px; display: -webkit-flex; display: flex; padding: 0; margin: 0 0 2em; }
.spnaviinwrapper > h2 a	{ line-height: 1; transition: all .6s cubic-bezier(0.77,0,0.18,1); opacity: 1; }
.spnavibottom	{ padding: 2em 10% 0; margin: 0 0 4em; transition: all 1s cubic-bezier(0.77,0,0.18,1); transform: translateY(50px); opacity: 0; }
.open .spnavibottom	{ transform: translateX(0); transition-delay: 1s; opacity: 1; }
.closing .spnavibottom	{ transition-delay: 0s; transform: translateY(100px); opacity: 0; }

.spmaint	{ max-width: 800px; display: -webkit-flex; display: flex; flex-direction: column; margin: 0 0 4rem; }
.spmaint > h1	{ font-size: 46px; line-height: 1.2; font-weight: 700; margin: 0 0 4rem; }
.spmaint > h2	{ width: 60%; max-width: 160px; margin: 0 0 3rem; }
.spmaint > strong	{ font-size: 22px; line-height: 1.2; font-weight: 700; margin: 0 0 .6rem; }
.spmaint > ul	{ display: -webkit-flex; display: flex; flex-direction: column; list-style: none; }
.spmaint > ul > li	{ display: -webkit-flex; display: flex; margin: 0 0 1rem; padding: 0 0 0 42px; transition: all .8s cubic-bezier(0.77,0,0.18,1); transform: translateX(200%); opacity: 0; }
.spmaint > ul > li > a	{ display: -webkit-flex; display: flex; flex-direction: column; position: relative; padding: .4rem 0; }
.spmaint > ul > li > a > b	{ font-size: 38px; line-height: 1.2; font-weight: 700; }
.spmaint > ul > li > a > span	{ font-size: 18px; }
.spmaint > ul > li > a::before,
.spmaint > ul > li > a::after	{ content: ""; position: absolute; top: 36%; left: -42px; width: 16px; height: 5px; border-radius: 9999px; background-color: #000000; transform-origin: calc(100% - 2.5px) 50%; transition: all .6s; }
.spmaint > ul > li > a::before	{ transform: rotate(45deg); }
.spmaint > ul > li > a::after	{ transform: rotate(-45deg); }
.open .spmaint > ul > li	{ opacity: 1; transform: translateX(0); }
.open .spmaint > ul > li:nth-of-type(1)	{ transition-delay: .2s; }
.open .spmaint > ul > li:nth-of-type(2)	{ transition-delay: .3s; }
.open .spmaint > ul > li:nth-of-type(3)	{ transition-delay: .4s; }
.open .spmaint > ul > li:nth-of-type(4)	{ transition-delay: .5s; }
.open .spmaint > ul > li:nth-of-type(5)	{ transition-delay: .6s; }
.open .spmaint > ul > li:nth-of-type(6)	{ transition-delay: .7s; }
.open .spmaint > ul > li:nth-of-type(7)	{ transition-delay: .8s; }
@media (min-width: 768px) {
	.spmaint > ul > li > a:hover	{ color:#0096e3; }
	.spmaint > ul > li > a:hover b	{ color:#0096e3; }
	.spmaint > ul > li > a:hover span	{ color:#0096e3; }
	.spmaint > ul > li > a:hover::before,
	.spmaint > ul > li > a:hover::after	{ background-color: #0096e3; left: -32px; }
}
@media (max-width: 767px) {
	.spmaint	{ margin: 0 0 2rem; }
	.spmaint > h1	{ font-size: 32px; margin: 0 0 2rem; }
	.spmaint > h2	{ max-width: 120px; margin: 0 0 2rem; }
	.spmaint > strong	{ font-size: 14px; margin: 0 0 .6rem; }
	.spmaint > ul > li	{ margin: 0 0 1rem; padding: 0 0 0 28px; }
	.spmaint > ul > li > a	{ padding: .2rem 0; }
	.spmaint > ul > li > a > b	{ font-size: 28px; }
	.spmaint > ul > li > a > span	{ font-size: 14px; }
	.spmaint > ul > li > a::before,
	.spmaint > ul > li > a::after	{ top: 32%; left: -28px; }
}

/* ------------ MAIN IMG ------------- */
.main_pcheader	{ width: 100%; position: relative; display: -webkit-flex; display: flex; padding: 0; margin: 0; }
.main_pcheader .logo	{ width: 10%; position: absolute; top: 8%; left: 3%; }
.pastssss	{ width: 100%; margin: -1rem 0 10rem; display: -webkit-flex; display: flex; align-items: center; justify-content: center; z-index: 2; }
.pastssss > p	{ color:#888; padding: 2rem 6rem; display: -webkit-flex; display: flex; border-radius: 10px; background-color: #fff; box-shadow: 0px 2px 10px 0px rgba(140, 140, 140, 0.2); text-align: center; font-size: clamp(13px, 16px, 1vw); line-height: 1.6; }
.main_wrapper	{ width: 100%; position: relative; display: -webkit-flex; display: flex; align-items: flex-start; padding: 0; margin: 0; background-color: #f8f7f5; }
.main_img	{ display: -webkit-flex; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 50%; line-height: 1; position: -webkit-sticky; position: sticky; top: 48px; right: 0; height: calc(100vh - 48px); overflow: hidden; }
.main_img .logo	{ width: 20%; position: absolute; top: 45%; right: 10%; }
.imgfit	{ width: 100%; height: 100%; object-fit: cover; }
.main_ttle	{ display: -webkit-flex; display: flex; flex-direction: column; padding: 0 0 3rem; }
.main_ttle > h2	{ color:#000; font-size: 1.4vw; line-height: 1; font-weight: 600; text-align: center; letter-spacing:.08em; margin: 0 0 1rem; }
.main_ttle > h1	{ color:#000; font-size: 3.4vw; line-height: 1; font-weight: 700; text-align: center; letter-spacing:.08em; margin: 0; }
.main_txt	{ width: 50%; display: -webkit-flex; display: flex; flex-direction: column; padding: 0; align-items: center; justify-content: center; }
.main_txt_inner	{ width: 100%; display: -webkit-flex; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 8rem 0 40rem; }
.main_txt_inner > p	{ color:#000; font-size: clamp(18px, 24px, 1.5vw); line-height: 2.2; font-weight: 600; text-align: center; letter-spacing:.08em; margin: 0 0 2.4rem; }
.main_txt_inner > p.astatxt	{ max-width: 700px; color:#000; font-size: clamp(12px, 14px, 1vw); line-height: 1.8; font-weight: 400; text-align: left; letter-spacing:.08em; margin: 0 0 1.4rem; padding: 1rem 20px 0; }
.main_txt_inner > p span	{ color:#000; font-size: 1.3vw; font-weight: 600; letter-spacing:.08em; }
.main_txt_inner > p sup	{ display: inline-block; transform: translateY(-.5em); }
.main_txt .main_ttle	{ width: 100%; height: 100vh; display: -webkit-flex; display: flex; align-items: center; justify-content: center; }
.main_img .main_ttle	{ display: none; }
@media (min-width: 1001px) {
	.main_txt_inner > p br.sp	{ display: none; }
	.main_txt_inner.pcon	{ padding-bottom: 0; }
	.main_img.seconddirectory .logo	{ top: 5%; right: auto; left: 6%; }
	.main_img.seconddirectory .main_ttle	{ display: -webkit-flex; display: flex; width: 100%; padding: 0 0 6rem; }
	.seconddirectory .main_ttle > h2,
	.seconddirectory .main_ttle > h1	{ color:#000; }
}
@media (max-width: 1000px) {
	.main_pcheader .logo	{ width: 20%; position: absolute; top: 8%; left: 3%; }
	.main_wrapper	{ padding: 0; flex-wrap: wrap; margin: 0; }
	.pastssss	{ margin: -1rem 0 4rem; }
	.pastssss > p	{ padding: 1rem 3rem; }
	.main_img	{ width: 100%; height: auto; padding: 100px 0 0; }
	.main_img .logo	{ top: 5%; right: auto; left: 6%; }
	.main_img .main_ttle	{ display: -webkit-flex; display: flex; width: 100%; }
	.main_ttle > h2	{ font-size: 5vw; line-height: 1; font-weight: 600; text-align: center; letter-spacing:.08em; margin: 0 0 1rem; }
	.main_ttle > h1	{ font-size: 9vw; line-height: 1; font-weight: 600; text-align: center; letter-spacing:.08em; margin: 0; }
	.main_txt	{ width: 100%; padding: 40px 0 0; }
	.main_txt .main_ttle	{ display: none; }
	.main_txt_inner	{ padding: 3rem 0 0; }
	.main_txt_inner > p	{ font-size: clamp(16px, 22px, 4.6vw); line-height: 2; margin: 0 0 1.8rem; }
	.main_txt_inner > p span	{ font-size: clamp(17px, 22px, 4.6vw); }
}
.marker	{ background:linear-gradient(transparent 50%, rgba(109, 207, 255) 50%); display: inline; background-repeat: no-repeat; background-size: 0% 100%; transition:background-size 1.5s; }
.marker.active	{ background-size: 100% 100%; transition-delay: .6s; }


/* ------------ INTRODUCTION ------------- */
.introduction_wrapper	{ width: 100%; display: -webkit-flex; display: flex; align-items: center; justify-content: center; padding: 16rem 12% 0; margin: 0 0 16rem; }
.introduction_inner	{ width: 100%; max-width: 1300px; display: -webkit-flex; display: flex; align-items: flex-start; justify-content: space-between; padding: 0; margin: 0; }
.introduction_header	{ width: 50%; display: -webkit-flex; display: flex; flex-direction: column; margin: 0 0 3rem; }
.introduction_header > b	{ color:#0096e3; font-size: clamp(22px, 34px, 2vw); line-height: 1.2; margin: 0 0 3rem; }
.introduction_header > h3	{ display: -webkit-flex; display: flex; flex-direction: column; }
.introduction_header > h3 > span	{ font-size: clamp(22px, 43px, 2.6vw); line-height: 1.2; margin: 0 0 1.6rem; }
.introduction_header > h3 > b	{ font-size: clamp(22px, 58px, 3.4vw); line-height: 1.2; margin: 0 0 1.6rem; }
.introduction_body	{ width: 49%; display: -webkit-flex; display: flex; flex-direction: column; }
.introduction_body_inner	{ display: -webkit-flex; display: flex; flex-direction: column; }
.introduction_body_inner > p	{ font-size: clamp(14px, 20px, 1.2vw); line-height: 2.2; margin: 0 0 3rem; }
.introduction_body_inner > p span	{ font-size: clamp(12px, 16px, 1vw); line-height: 2.2; }
.inderbtn	{ width: 100%; display: -webkit-flex; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 10px; padding: 2rem 0 0; }
.inderbtn > a	{ width: 100%; height: 60px; border-radius: 100px; background-color: #000; font-style: normal; text-decoration: none; display: -webkit-flex; display: flex; align-items: center; justify-content: center; line-height: 1; background-color 0.6s; }
.inderbtn > p	{ width: 100%; height: 60px; border-radius: 100px; background-color: #ccc; font-style: normal; text-decoration: none; display: -webkit-flex; display: flex; align-items: center; justify-content: center; line-height: 1; background-color 0.6s; }
.inderbtn.back > a	{ background-color: #fff; border: 2px solid #000; }
.inderbtn > p span, 
.inderbtn > a span	{ text-decoration: none; font-size: clamp(16px, 20px, 1.2vw); font-weight: 700; color:#fff; line-height: 1; }
.inderbtn.back > a span	{ color:#000; transition: all .3s; }
@media (min-width: 768px) {
	.inderbtn > a:hover	{ background-color: #0096e3; }
	.inderbtn.back > a:hover	{ background-color: #fff; border: 2px solid #0096e3; }
	.inderbtn.back > a:hover span	{ color: #0096e3; }
}
@media (max-width: 1000px) {
	.introduction_inner	{ flex-wrap: wrap; }
	.introduction_header	{ width: 100%; }
	.introduction_header > b	{ font-size: clamp(22px, 34px, 4vw); }
	.introduction_header > h3 > span	{ font-size: clamp(22px, 43px, 4.6vw); }
	.introduction_header > h3 > b	{ font-size: clamp(22px, 58px, 5.4vw); }
	.introduction_body	{ width: 100%; }
	.introduction_body_inner > p	{ font-size: clamp(16px, 20px, 2vw); line-height: 2; }
	.introduction_body_inner > p .spnon	{ display: none; }
	.introduction_body_inner > p span	{ font-size: clamp(12px, 16px, 1,6vw); line-height: 2; }
}
@media (max-width: 767px) {
	.introduction_wrapper	{ padding: 8rem 8% 0; margin: 0 0 8rem; }
	.introduction_header	{ margin: 0 0 2rem; }
	.introduction_header > b	{ font-size: 20px; margin: 0 0 1.3rem; }
	.introduction_header > h3 > span	{ font-size: 26px; margin: 0 0 1rem; }
	.introduction_header > h3 > b	{ font-size: 32px; margin: 0 0 1rem; }
	.introduction_body_inner > p	{ font-size: 15px; margin: 0 0 2rem; }
	.introduction_body_inner > p span	{ font-size: 12px; }
	.inderbtn	{ padding: 1rem 0 0; }
}

/* ------------ ACTIONS ------------- */
.actions_wrapper	{ width: 100%; display: -webkit-flex; display: flex; align-items: center; justify-content: center; padding: 0 12%; margin: 0 0 16rem; }
.actions_inner	{ width: 100%; max-width: 1300px; display: -webkit-flex; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; padding: 0; margin: 0; }
.actions_header	{ width: 100%; display: -webkit-flex; display: flex; align-items: center; justify-content: center; flex-direction: column; margin: 0 0 4rem; }
.actions_header > h2	{ font-size: clamp(40px, 62px, 4vw); line-height: 1.2; font-weight: 700; margin: 0 0 2rem; }
.actions_header > h3	{ font-size: clamp(22px, 34px, 2vw); line-height: 1.2; line-height: 1.2; font-weight: 500; margin: 0 0 1rem; }
.actions_header > p	{ font-size: clamp(14px, 20px, 1.2vw); line-height: 1.6; margin: 0; text-align: center; }
.actions_header .kslg	{ width: 40%; padding: 4rem 0 0; }
.actions_header .kslg.logo02	{ width: 34%; padding: 4rem 0 0; }
.actions_header .kslg.logo03	{ width: 40%; padding: 4rem 0 0; }
.actions_header .kslg.logo04	{ width: 46%; padding: 4rem 0 0; }
.actions_header .kslg.logo05	{ width: 55%; padding: 4rem 0 0; }
.actions_body	{ width: 100%; display: -webkit-flex; display: flex; flex-direction: column; }
.actions_body_inner	{ width: 100%; max-width: 1300px; margin: 0 auto; }
.article_list	{ width: 100%; display: flex; flex-wrap: wrap; gap: 5rem 6%; }
.article_item	{ width: 47%; display: none; flex-direction: column; gap: 1rem; position: relative; }
.article_item > p	{ width: 100%; aspect-ratio: 20 / 13; overflow: hidden; border-radius: .8rem; border: 0 solid #000; }
.article_item > p img	{ transition: all .8s; object-fit: cover; opacity: 1; }
.article_item > b	{ font-size: clamp(14px, 20px, 1.2vw); letter-spacing:.2rem; flex-grow: 1; }
.article_item > b.kslg	{ width: 100%; display: -webkit-flex; display: flex; align-items: center; justify-content: center; }
.article_item > b.logo01 img	{ width: 40%; }
.article_item > b.logo02 img	{ width: 38%; }
.article_item > b.logo03 img	{ width: 60%; }
.article_item > b.logo04 img	{ width: 60%; }
.article_item > b.logo05 img	{ width: 70%; }
.article_item > b.logo06 img	{ width: 40%; }
.article_item > b.logo07 img	{ width: 40%; }
.article_item > b.logo08 img	{ width: 40%; }
.article_more	{ width: 100%; display: flex; align-items: center; justify-content: center; padding: 4rem 0 0; }
.article_more > button	{ width: 100%; max-width: 600px; height: 60px; border-radius: 100px; background-color: #fff; color: #000; font-size: clamp(16px, 20px, 1.2vw); font-weight: 700; text-align: center; cursor: pointer; border: 2px solid #000; transition: all 0.6s; vertical-align: middle; position: relative; }
.article_more > button::before,
.article_more > button::after	{ content: ''; position: absolute; top: 18px; left: 30px; width: 3px; height: 20px; background: #000; border-radius: inherit; transition: all 0.6s; }
.article_more > button::after	{ transform: rotate(90deg); }
@media (min-width: 768px) {
	a.article_item:hover > p img	{ transform: scale(1.05); opacity: .6; }
	.article_more > button:hover	{ border: 2px solid #0096e3; color: #0096e3; }
	.article_more > button:hover::before	{ background: #0096e3; transform: rotate(90deg); }
	.article_more > button:hover::after	{ background: #0096e3; transform: rotate(180deg); }
}
@media (max-width: 767px) {
	.actions_wrapper	{ padding: 0 8%; margin: 0 0 8rem; }
	.actions_header	{ margin: 0 0 2rem; }
	.actions_header .kslg	{ width: 50%; padding: 2rem 0 0; }
	.actions_header .kslg.logo03	{ width: 60%; padding: 2rem 0 0; }
	.actions_header .kslg.logo04	{ width: 60%; padding: 2rem 0 0; }
	.actions_header .kslg.logo05	{ width: 75%; padding: 2rem 0 0; }
	.article_list	{ gap: 4rem 0; }
	.article_item	{ width: 100%; gap: .6rem; }
	.article_more	{ padding: 2rem 0 0; }
}
.actions_new {
    position: absolute;
    top: calc(1.5rem * -1);
    right: 1rem;
    width: 54px;
    height: 54px;
    background: #2A292F;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffffff;
    border-radius: 50%;
    z-index: 2;
    font-size: 14px;
}

/* ------------ PRODUCTS ------------- */
.products_wrapper	{ width: 100%; display: -webkit-flex; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 0 12%; margin: 0 0 16rem; }
.products_wrapper.about	{ margin: 0 0 4rem; }
.products_header	{ width: 100%; max-width: 1300px; display: -webkit-flex; display: flex; align-items: center; justify-content: center; flex-direction: column; margin: 0 0 4rem; }
.products_header > h2	{ font-size: clamp(40px, 62px, 4vw); line-height: 1.2; font-weight: 700; margin: 0 0 2rem; }
.products_header > h3	{ font-size: clamp(22px, 34px, 2vw); line-height: 1.2; line-height: 1.2; font-weight: 500; margin: 0 0 1rem; }
.products_header > p	{ font-size: clamp(14px, 20px, 1.2vw); line-height: 1.6; margin: 0; text-align: center; }
.products_body	{ width: 100%; max-width: 1300px; display: -webkit-flex; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.products_body .inderbtn	{ max-width: 600px; padding: 4rem 0 0; }
.products_body > p	{ font-size: clamp(20px, 24px, 1.2vw); line-height: 2.2; margin: 0 0 .8rem; text-align: center; }
.products_body > p span	{ font-size: clamp(12px, 16px, 1vw); line-height: 2.2; }
.products_img	{ width: 100%; display: -webkit-flex; display: flex; }
.products_img > a	{ width: 100%; display: -webkit-flex; display: flex; position: relative; aspect-ratio: 16 / 9; overflow: hidden; }
.products_img > p, 
.products_img > a > p	{ width: 100%; height: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: .8rem; border: 0 solid #000; position: relative; }
.products_img > a > p img	{ transition: all .8s; object-fit: cover; opacity: 1; }
.products_img > a > b	{ position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: 10%; padding: 1rem 3rem; background-color: #fff; border-radius: 100px; }
.products_img > a > b span	{ text-decoration: none; font-size: clamp(16px, 20px, 1.2vw); font-weight: 700; color: #000; line-height: 1; white-space: nowrap; }
@media (min-width: 1001px) {
	.products_body > p .pcnon	{ display: none; }
	.products_img > a:hover > p img	{ transform: scale(1.05); opacity: .6; }
	.products_img > a:hover > b span	{ color: #0096e3; }
}
@media (max-width: 1000px) {
	.products_wrapper	{ padding: 0; margin: 0 0 8rem; }
	.products_wrapper.about	{ margin: 0 0 1rem; }
	.products_header	{ margin: 0 0 2rem; }
	.products_img > a	{ border-radius: 0; aspect-ratio: 4 / 3; }
	.products_img > a > p	{ border-radius: 0; aspect-ratio: 4 / 3; }
	.products_img > a > p img	{ height: 100%;  }
	.products_body .inderbtn	{ padding: 2rem 8% 0; }
	.products_body > p	{ font-size: clamp(16px, 20px, 2vw); }
	.products_body > p span	{ font-size: clamp(12px, 16px, 1,6vw); }
}
@media (max-width: 767px) {
	.products_body > p	{ font-size: 16px; }
	.products_body > p span	{ font-size: 12px; }
	.products_img > a > b	{ padding: .5rem 2rem; bottom: 10%; }
}
/* ------------ SNS ------------- */
.snssharebutton	{ width: 100%; display: -webkit-flex; display: flex; align-items: center; justify-content: center; margin: 0 0 14rem; }
.snssharebutton > ul	{ display: -webkit-flex; display: flex; gap: 20px;  }
.snssharebutton > ul > li	{ width: 60px; display: -webkit-flex; display: flex; }
.snssharebutton > ul > li a	{ transition: opacity 0.8s cubic-bezier(.24,.155,.275,.945); opacity: 1; display: -webkit-flex; display: flex; }
.snssharebutton > ul > li a:hover	{ opacity: .5; }
@media (max-width: 767px) {
	.snssharebutton	{ margin: 0 0 8rem; }
	.snssharebutton > ul	{ gap: 10px;  }
	.snssharebutton > ul > li	{ width: 40px; }
}

/* ------------ ovalnav ------------- */
.ovalnav	{ width: 100%; height: 100vh; display: -webkit-flex; display: flex; justify-content: flex-end; align-items: flex-end; padding: 20px; position: fixed; top: 0; z-index: 4; pointer-events: none; opacity: 0; transition: all .8s; }
.ovalnav.active	{ opacity: 1; }
.ovalnav > a	{ width: 180px; padding: 1rem; display: -webkit-flex; display: flex; flex-direction: column; align-items: center; justify-content: center; pointer-events: auto; border-radius: 10px; background-color: #fff; box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.2);}
.ovalnav > a p	{ margin: 0 0 .6rem; line-height: 1; width: 80%; }
.ovalnav > a span	{ text-align: center; font-size: 16px; line-height: 1.4; white-space: nowrap; position: relative; }
.ovalnav > a span::before,
.ovalnav > a span::after	{ content: ""; position: absolute; top: .6rem; left: -14px; width: 8px; height: 2px; border-radius: 9999px; background-color: #000000; transform-origin: calc(100% - 1px) 50%; }
.ovalnav > a span::before	{ transform: rotate(45deg); }
.ovalnav > a span::after	{ transform: rotate(-45deg); }
@media (min-width: 1001px) {
	.ovalnav > a:hover	{ background-color: #0096e3; }
	.ovalnav > a:hover span	{ color:#fff; }
	.ovalnav > a:hover span::before,
	.ovalnav > a:hover span::after	{ background-color: #fff; }
}
@media (max-width: 767px) {
	.ovalnav	{ padding: 10px; }
	.ovalnav > a	{ width: 100%; background-color: #fff; padding: 1rem; flex-direction: row; gap: 10px; }
	.ovalnav > a p	{ margin: 0; line-height: 1; width: 52px; order: 2; }
	.ovalnav > a span	{ font-size: 16px; line-height: 1; order: 1; }
	.ovalnav > a span br	{ display: none; }
	.ovalnav > a span::before,
	.ovalnav > a span::after	{ top: .4rem; }
}

/* ------------ CHAT AREA ------------- */
.actionwrapper	{ width: 100%; display: -webkit-flex; display: flex; flex-direction: column; align-items: center; justify-content: center; background-color: #eee; padding: 3rem 0; }
.archive_wrapper	{ width: 100%; display: -webkit-flex; display: flex; flex-direction: column; background-color: #eee; padding: 6rem 0; }
.archive_header	{ width: 100%; display: -webkit-flex; display: flex; flex-direction: column; padding: 0 10%; margin: 0 0 4rem; }
.archive_header h1	{ color: #000; font-size: clamp(18px, 32px, 1.4vw); line-height: 1.6; font-weight: 500; letter-spacing: .08em;  }
.archive_reed	{ width: 100%; display: -webkit-flex; display: flex; flex-direction: column; padding: 0 10%; margin: 0 0 4rem; }
.archive_reed p	{ color: #000; font-size: clamp(20px, 68px, 2.2vw); line-height: 1.6; font-weight: 700; letter-spacing: .08em;  }
.archive_txt	{ width: 100%; padding: 0 10%; margin: 0 0 2rem; }
.archive_txt h3	{ color: #000; font-size: clamp(15px, 32px, 1.4vw); line-height: 1.8; font-weight: 700; letter-spacing: .08em; margin: 0 0 2rem; }
.archive_txt p	{ color: #000; font-size: clamp(14px, 18px, 1.1vw); line-height: 2; font-weight: 400; letter-spacing: .08em; margin: 0 0 2rem; }
.archive_txt p.floig01	{ float:right; width: 40%; padding: 0 0 1rem 2rem; }
.archive_txt p.floig02	{ float:left; width: 40%; padding: 0 2rem 1rem 0; }
.archive_txt p.floig01s	{ float:right; width: 50%; padding: 0 0 1rem 2rem; }
.archive_txt p.floig02s	{ float:left; width: 50%; padding: 0 2rem 1rem 0; }
.archive_img	{ width: 100%; padding: 0 10%; margin: 0 0 6rem; display: -webkit-flex; display: flex; flex-direction: column; gap: 1rem; }
.archive_img.full	{ padding: 0; }
.archive_img > span	{ width: 100%; text-align: center; font-size: 13px; }
.archive_img > ul	{ width: 100%; display: -webkit-flex; display: flex; gap: 1rem; }
.archive_img > ul > li	{ width: calc(50% - .5rem); }
.archive_img > p	{ width: 100%; color: #000; font-size: clamp(13px, 16px, 1.1vw); line-height: 2; font-weight: 400; letter-spacing: .1em; margin: 0 0 .5rem; }
.archive_img > a.sitevew	{ display: -webkit-flex; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1rem; opacity: 1; transition: opacity .8s ease; }
.archive_img > a.sitevew > p	{ border-radius: 10px; border: 2px solid #0b6cfd; }
.archive_img > a.sitevew > p img	{ border-radius: 10px; }
.archive_img > a.sitevew > span	{ color:#0b6cfd; text-decoration: underline; font-size: clamp(13px, 16px, 1.1vw); line-height: 1; font-weight: 400; letter-spacing: .1em; }
@media (min-width: 1001px) {
	.archive_img > a:hover	{ opacity: .5; }
}

.archive_bottom	{ padding: 0 10%; margin: 0 0 4rem; }
.archive_list	{ display: -webkit-flex; display: flex; flex-direction: column; padding: 0 0 0 1.5em; margin: 0 0 2rem; list-style: none; }
.archive_list > li	{ list-style-type: disc; margin: 0 0 .1rem; }
.archive_list > li > b	{ color: #000; font-size: clamp(15px, 19px, 1.3vw); line-height: 2; font-weight: 600; letter-spacing: .1em; margin: 0 0 .5rem; }
.archive_list > li > p	{ color: #000; font-size: clamp(13px, 16px, 1.1vw); line-height: 2; font-weight: 400; letter-spacing: .1em; margin: 0 0 .5rem; }


@media (max-width: 767px) {
	.archive_header	{ margin: 0 0 2rem; }
	.archive_reed	{ margin: 0 0 2rem; }
	.archive_txt h3	{ margin: 0 0 1rem; }
	.archive_txt p	{ margin: 0 0 1rem; }
	.archive_txt p.floig01	{ float:right; width: 50%; padding: .5rem 0 0 .5rem; }
	.archive_txt p.floig02	{ float:left; width: 50%; padding: .5rem .5rem 0 0; }
	.archive_txt p.floig01s	{ float: none; width: 100%; padding: 0; margin: 0 0 1rem; }
	.archive_txt p.floig02s	{ float: none; width: 100%; padding: 0; margin: 0 0 1rem; }
	.archive_img	{ padding: 0; margin: 0 0 3rem; align-items: center; }
	.archive_img > ul	{ width: 90%; display: -webkit-flex; display: flex; gap: 1rem; }
	.archive_img > p	{ width: 90%; }
	.archive_img.linkarea	{ padding: 0 10%; }
}

/* ------------ CHAT AREA ------------- */
.chatArea	{ width: 100%; text-align: center; padding: 0 5%; margin: 0 0 4rem; display: -webkit-flex; display: flex; flex-direction: column; }
.chatArea img	{ width: 100%; }
.chatArea > h4	{ display: inline-block; padding: 0 0 80px; margin: 0 auto; width: 100%; max-width: 90px; line-height: 0; }
.chatArea .chatArea_inner	{ width: 100%; text-align: center; padding: 0; margin: 0 auto; max-width: 800px; }
.chatArea .chatArea_inner > ul	{ width: 100%; display: -webkit-flex; display: flex; align-items: flex-start; padding: 0; margin: 0 0 30px; }
.chatArea .chatArea_inner > ul > li	{ list-style: none; line-height: 0; }
.chatArea .chatArea_inner > ul > li.chaticon	{ width: 106px; }
.chatArea .chatArea_inner > ul > li.chaticon > p	{ display: -webkit-flex; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.chatArea .chatArea_inner > ul > li.chaticon b	{ padding: 1rem 0 0; font-size: clamp(12px, 16px, 1.8vw); line-height: 1; text-align: center; }
.chatArea .chatArea_inner > ul > li.chattxt	{ width: calc(100% - 212px); position: relative; padding: 0; margin: 0; }
.chatArea .chatArea_inner > ul > li.chattxt > p	{ padding: 30px 30px 27px; font-size: 16px; line-height: 32px; font-weight: 400; text-align: left; display: block; background-color: #fff; border-radius: 5px; }
.chatArea .chatArea_inner > ul > li.chattxt > p > span	{ display: block; font-size: 12px; }
/* .chatArea .chatArea_inner > ul > li.chattxt > p	{ text-align: justify; text-justify: inter-ideograph; } */
.chatArea .chatArea_inner > ul > li.chattxt > p > a	{ text-decoration: underline; }
.chatArea .chatArea_inner > ul > li.chattxt > p > a:hover	{ text-decoration: none; color:#999; }
.chatArea .chatArea_inner > ul.memright > li.chattxt	{ margin: 0 0 0 106px;  }
.chatArea .chatArea_inner > ul.memleft > li.chattxt	{ margin: 0 106px 0 0;  }
.chatArea .chatArea_inner > ul.memright > li.chaticon	{ order:2; }
.chatArea .chatArea_inner > ul.memright > li.chattxt	{ order:1; }
.chatArea .chatArea_inner > ul.memright > li.chaticon > p	{ width: 76px; padding: 0; margin: 0 0 0 30px; }
.chatArea .chatArea_inner > ul.memleft > li.chaticon > p	{ width: 76px; padding: 0; margin: 0 30px 0 0; }
.chatArea .chatArea_inner > ul.memright > li.chaticon > p span,
.chatArea .chatArea_inner > ul.memleft > li.chaticon > p span	{ display: -webkit-flex; display: flex; width: 76px; height: 76px; overflow: hidden; border-radius: 76px; border: 4px solid #fff; }
.chatArea .chatArea_inner > ul.memleft > li.chattxt:after	{ content:""; position: absolute; top: 31px; left:-16px; width: 0; height: 0; border-style: solid; border-width: 0 16px 16px 0; border-color: transparent #ffffff transparent transparent; }
.chatArea .chatArea_inner > ul.memright > li.chattxt:after	{ content:""; position: absolute; top: 31px; right:-16px; width: 0; height: 0; border-style: solid; border-width: 16px 16px 0 0; border-color: #ffffff transparent transparent transparent; }
@media (orientation: portrait) and (max-width: 829px)	{ 
	.chatArea	{ padding: 0; margin: 0 0 2rem; }
	.chatArea .chatArea_inner	{ padding: 0 20px; }
	.chatArea > h4	{ padding: 0 0 50px; }
	.chatArea .chatArea_inner > ul	{ margin: 0 0 21px; }
	.chatArea .chatArea_inner > ul > li.chaticon	{ width: 73px; }
	.chatArea .chatArea_inner > ul > li.chattxt	{ width: calc(100% - 73px); }
	.chatArea .chatArea_inner > ul > li.chattxt > p	{ padding: 19px 19px 17px; font-size: 14px; line-height: 24px; border-radius: 5px; }
	.chatArea .chatArea_inner > ul.memright > li.chattxt	{ margin: 0;  }
	.chatArea .chatArea_inner > ul.memleft > li.chattxt	{ margin: 0;  }
	.chatArea .chatArea_inner > ul.memright > li.chaticon > p	{ width: 52px; padding: 0; margin: 0 0 0 21px; }
	.chatArea .chatArea_inner > ul.memleft > li.chaticon > p	{ width: 52px; padding: 0; margin: 0 21px 0 0; }
	.chatArea .chatArea_inner > ul.memright > li.chaticon > p span,
	.chatArea .chatArea_inner > ul.memleft > li.chaticon > p span	{ width: 52px; height: 52px; border-radius: 52px; border: 2px solid #fff; }
	.chatArea .chatArea_inner > ul.memleft > li.chattxt:after	{ top: 19px; left:-14px; border-width: 0 14px 14px 0; }
	.chatArea .chatArea_inner > ul.memright > li.chattxt:after	{ top: 19px; right:-14px; border-width: 14px 14px 0 0; }
}

/* ------------ CHAT ------------- */
.chaticon.fadeIn	{ opacity : 0; transform : translate(0, 20px); transition: all .3s .1s; }
.chaticon.fadeIn.active	{ opacity : 1; transform : translate(0, 0); }
.chattxt.fadeIn	{ opacity : 0; transform-origin:left top; transform:scale(0); transition: all .3s .2s; }
.memright .chattxt.fadeIn	{ opacity : 0; transform-origin:right top; transform:scale(0); transition: all .3s .2s; }
.chattxt.fadeIn.active	{ opacity : 1; transform:scale(1); }



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