@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Permanent+Marker&family=Roboto:wght@400;700&display=swap');
@media (max-width: 1000px) {
 .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: 2; }
search_box	{ z-index: 3; }
.header_caution { height: 48px; }
#site_body	{ overflow: visible; }
#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; }
@media (min-width: 768px)	{
	.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: 10; }
.result_suggest	{ margin: 0; }
.pi_description	{ padding: 0!important; background-color: #fff; }
.pi_lgzformat	{ display: -webkit-flex; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; padding: 0; margin: 0; letter-spacing:0; position: relative; container-type: inline-size; background-color: #e6eef1; }
.pi_lgzformat div	{ letter-spacing:0; }
.pi_lgzformat *	{ letter-spacing:0; font-family: "Roboto", "Noto Sans JP", sans-serif; font-weight: 400; font-style: normal; font-size:14px; line-height:1.75; -webkit-text-size-adjust:100%; color:#727171; -webkit-font-smoothing: antialiased; font-feature-settings: normal; }
.pi_lgzformat a { font-family: "Roboto", "Noto Sans JP", sans-serif; font-weight: 400; font-style: normal; }
.pi_lgzformat .en	{ font-family: "Inter", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; }
.pi_lgzformat img, 
.pi_lgzformat picture	{ width: 100%; vertical-align: bottom; line-height: 1;  }
.pi_lgzformat a:hover, 
.pi_lgzformat a:hover *	{ opacity: 1!important; color:#0461BF; }
.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 .small {font-size:80%;}
.pi_lgzformat .center-text	{ text-align: center; }
.pi_lgzformat_inner	{ width: 100%; container-type: inline-size; display: -webkit-flex; display: flex; flex-direction: column; align-items: center; justify-content: center; z-index: 2; }
.contanc	{ width: 100%; height: 0px; transform: translateY(-47px); }
@media (min-width: 767.99px) {
	/* .pi_lgzformat a:hover	{ cursor: url("cursor.svg"), auto; } */
}

/* ------------ ANIMATION ------------- */
.scrollIn	{ opacity: 0; transition: opacity 1.6s cubic-bezier(0.215, 0.61, 0.355, 1); }
.scrollIn.active	{ opacity: 1; transition: opacity 1.5s cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transition-delay: .3s; transition-delay: .3s; }
@keyframes fadein	{ 
	from	{ opacity: 0; }
	to	{ opacity: 1; }
}

/* ------------ MAIN AREA ------------- */
.mainimg_wrapper	{ width: 100%; position: relative; display: -webkit-flex; display: flex; background-color: #e6eef1; }
.mainimg_imgarea	{ width: 100%; position: relative; }
.mainimg_img	{ margin: 0 0 50vh; position: -webkit-sticky; position: sticky; top: 47px; left: 0; width: 100%; height: calc(100vh - 47px); overflow: hidden; display: -webkit-flex; display: flex; align-items: center; justify-content: center; background-color: #e6eef1; z-index: 1; }
.mainimg_img > picture,
.mainimg_img > picture > img	{ display: block; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity 2s cubic-bezier(0.215, 0.61, 0.355, 1); }
.mainimg_img.active > picture,
.mainimg_img.active > picture > img	{ opacity: 1; -webkit-transition-delay: .3s; transition-delay: .3s; }
.mainttle	{ position: fixed; top: 47px; left: 0; right: 0; width: 100%; height: calc(100vh - 47px); z-index: 2; }
.mainttle_inner	{ width: 100%; height: calc(100vh - 47px); position: relative; }
.mainttle_inner > h1	{ position: absolute; width: 32%; min-width: 400px; bottom: 10%; left: 6%; line-height: 1; opacity: 0; transition: opacity 2s cubic-bezier(0.215, 0.61, 0.355, 1); }
.mainttle_inner.active > h1	{ opacity: 1; -webkit-transition-delay: 1s; transition-delay: 1s; }
.mainttle_inner > strong	{ position: absolute; width: 8%; min-width: 100px; top: 10%; right: 6%; line-height: 1; opacity: 0; transition: opacity 2s cubic-bezier(0.215, 0.61, 0.355, 1); }
.mainttle_inner.active > strong{ opacity: 1; -webkit-transition-delay: 1.6s; transition-delay: 1.6s; }
.maincpp	{ margin: 0; position: -webkit-sticky; position: sticky; top: 47px; left: 0; width: 100%; padding: 14cqw 5% 10cqw; height: auto; display: -webkit-flex; display: flex; flex-direction: column; align-items: center; justify-content: center; background-color: #e6eef1; z-index: 3; }
.maincpp > h2	{ font-size: clamp(26px, 54px, 2.6vw); line-height: 1; font-weight: 700; letter-spacing: 0; margin: 0 0 2em; }
.maincpp > p	{ font-size: clamp(12px, 15px, 1.2vw); line-height: 2.2; font-weight: 500; letter-spacing:.08em; width: 60%; max-width: 1000px; min-width: 400px; margin: 0 0 1em; }
.maincpp2	{ margin: 0; position: relative; width: 100%; padding: 0 5% 6cqw; height: auto; display: -webkit-flex; display: flex; flex-direction: column; align-items: center; justify-content: center; background-color: #e6eef1; z-index: 3; }
.maincpp2 > h2	{ font-size: clamp(26px, 54px, 2.6vw); line-height: 1; font-weight: 700; letter-spacing: 0; margin: 0 0 2em; }
.maincpp2 > p	{ font-size: clamp(12px, 15px, 1.2vw); line-height: 2.2; font-weight: 500; letter-spacing:.08em; width: 60%; max-width: 1000px; min-width: 400px; margin: 0 0 1em; }
@media (min-width: 768px) {

}
@media (max-width: 767.9px) {
	.mainimg_txtarea	{ width: 100%; }
	.maintxt_main	{ margin: 0 0 50vh; width: 100%; position: -webkit-sticky; position: sticky; top: 47px; left: 0; width: 100%; height: calc(100vh - 47px); margin: 0; z-index: 1; }
	.maintxt_main > picture,
	.maintxt_main > picture > img	{ display: block; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity 2s cubic-bezier(0.215, 0.61, 0.355, 1); }
	.maintxt_main.active > picture,
	.maintxt_main.active > picture > img	{ opacity: 1; }
	.maintxt_main > h1	{ width: 41.6%; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); top: 8%; }
	.maintxt_contents	{ padding: 0; }
	.maintxt_contents_inner	{ padding: 18cqw 0 16cqw; }
	.maintxt_contents_inner > strong	{ font-size: 3.7333cqw; margin: 0 0 18.2666cqw; }
	.maintxt_contents_inner > h3	{ max-width: 48.8cqw; margin: 0 0 16.5333cqw; }
	.maintxt_contents_inner > h5	{ font-size: 4cqw; line-height: 1.5333; margin: 0 0 7.7333cqw; }
	.maintxt_contents_inner > p	{ font-size: 3.4666cqw; padding: 0 4cqw; margin: 0 0 7.9333cqw; }
	.maintxt_contents_inner > hr	{ display: none; }
	.mainimg_booksp	{ padding: 8cqw 6cqw 14cqw;  }
	.mainttle_inner > h1	{ width: 70%; min-width: 70%; bottom: 8%; left: 5%; }
	.mainttle_inner > strong	{ width: 22%; min-width: 22%; top: 5%; left: 5%; right: auto; }
	.maincpp	{ padding: 28cqw 0 24cqw; }
	.maincpp2	{ padding: 12cqw 5% 6cqw; }
	.maincpp > h2,
	.maincpp2 > h2	{ margin: 0 0 1em; }
	.maincpp > p	{ min-width: 100%; padding: 0 8%; line-height: 2; letter-spacing:.02em; }
	.maincpp2 > p	{ min-width: 100%; padding: 0 3%; line-height: 2; letter-spacing:.02em; }
}

/* ------------ FEATURES ------------- */
.features_wrapper	{ position: relative; width: 100%; display: -webkit-flex; display: flex; align-items: center; justify-content: center; background-color: #e6eef1; z-index: 3; }
.features_inner	{ width: 100%; max-width: 1200px; padding: 0 5%; display: -webkit-flex; display: flex; flex-direction: column; align-items: center; justify-content: center; margin: 0 0 2cqw; }
.features_inner > h2	{ font-size: clamp(22px, 38px, 2.4vw); line-height: 1; font-weight: 700; letter-spacing: 0; margin: 0; }
.features_inner > ul	{ width: 100%; list-style: none; display: -webkit-flex; display: flex; }
.features_inner > ul > li	{ list-style: none; display: -webkit-flex; display: flex; align-items: center; justify-content: center; }
.features_inner > ul > li:nth-child(1)	{ width: 55%; }
.features_inner > ul > li:nth-child(2)	{ width: 45%; }
.featurestx	{ width: 90%; display: -webkit-flex; display: flex; flex-direction: column; gap: 1cqw; }
.featurestx h3	{ font-size: clamp(20px, 34px, 2vw); line-height: 1; font-weight: 700; letter-spacing: 0; margin: 0 0 1cqw; }
.featurestx p	{ font-size: clamp(12px, 15px, 1.2vw); line-height: 2.2; font-weight: 500; letter-spacing:.08em; }
@media (min-width: 768px) {
	.features_inner > ul.reflect > li:nth-child(1)	{ order: 2; }
	.features_inner > ul.reflect > li:nth-child(2)	{ order: 1; }
}
@media (max-width: 767.9px) {
	.features_inner	{ padding: 0 8% 12cqw; }
	.features_inner > h2	{ margin: 0 0 12cqw; }
	.features_inner > ul	{ flex-wrap: wrap; }
	.features_inner > ul > li:nth-child(1), 
	.features_inner > ul > li:nth-child(2)	{ width: 100%; padding: 0 0 3cqw; }
	.features_inner > ul > li:nth-child(1)	{ order:2; padding: 0 0 12cqw; }
	.features_inner > ul > li:nth-child(2)	{ order:1; }
	.featurestx	{ width: 100%; }

}

/* ------------ ITEM ------------- */
.itemtxtwrapper	{ display: -webkit-flex; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; padding: 0 20px; background-color: #e6eef1; position: relative; z-index: 2; }
.itemtxtinner	{ width: 100%; max-width: 1280px; padding: 0 30px; margin: 0 0 120px; display: -webkit-flex; display: flex; flex-wrap: wrap; }
.itemtxt	{ width: 50%; padding: 0; display: -webkit-flex; display: flex; flex-direction: column; }
.itemtxt > b	{ color:#e9af33; font-family: "Roboto", sans-serif!important; font-size: 12px; font-weight: 400; line-height: 1; margin: 0 0 12px; letter-spacing:0!important; }
.itemtxt > h3	{ color:#000000; font-family: "Roboto", sans-serif!important; font-size: 26px; font-weight: 900; line-height: 1; margin: 0 0 45px; letter-spacing:0!important; }
.itemtxt > p	{ color:#000000; font-size: 13px; line-height: 25px; letter-spacing:.07em!important; margin: 0 0 30px; text-align: justify; text-justify: inter-character; }
.itemtxt > ul.ifotx	{ width: 100%; display: -webkit-flex; display: flex; flex-direction: column; margin: 0 0 25px; list-style-type: none; position: relative; }
.itemtxt > ul.ifotx li	{ color:#000000; font-size: 15px; line-height: 25px; letter-spacing:.07em!important; margin: 0 0 0 1em; position: relative; }
.itemtxt > ul.ifotx.update li	{ font-size: 14px; line-height: 21px; letter-spacing:.05em!important; }
.itemtxt > ul.ifotx li::before	{ content:"・"; position: absolute; top: .3em; left: -1em; }
.itemtxt > dl	{ display: -webkit-flex; display: flex; flex-direction: column; margin: 0 0 30px; padding: 0 0 0 17px; border-left: 5px solid #949393; }
.itemtxt > dl > dt	{ color:#000000; font-size: 21px; font-weight: 700; line-height: 1; letter-spacing:.04em; margin: 0 0 10px; }
.itemtxt > dl > dd	{ color:#666666; font-size: 17px; font-weight: 400; line-height: 1; letter-spacing:.04em; }
.itemimg	{ margin: 0 0 40px; }
.itemtxtbtm	{ display: -webkit-flex; display: flex; justify-content: space-between; }
.itemtxtbtm > strong	{ color:#000000; font-size: 18px; font-weight: 700; line-height: 1; letter-spacing:.04em; }
.itemtxtbtm > strong span	{ color:#000000; font-size: 12px; font-weight: 400; line-height: 1; letter-spacing:.04em; }
.itemtxtbtm > ul.linkarea	{ display: -webkit-flex; display: flex; align-items: flex-end; }
.itemtxtbtm > ul.linkarea li	{ color:#000000; font-size: 16px; font-weight: 400; line-height: 1; padding: 0 .2em 0 0; }
.itemtxtbtm > ul.linkarea li span	{ color:#e9af33; font-family: "Roboto", sans-serif!important; font-size: 16px; font-weight: 400; line-height: 1; letter-spacing:0!important; }
.itemtxtbtm > ul.linkarea li a	{ color:#000000; font-family: "Roboto", sans-serif!important; font-size: 16px; font-weight: 400; line-height: 1; text-decoration: underline; letter-spacing:0!important; }
.itemtxtbtm > ul.linkarea li a:hover	{ text-decoration: none; }
.itemtxtbtmBuy	{ width: 100%; display: -webkit-flex; display: flex; flex-direction: column; gap: 20px;  }
.itemtxtbtmBuy > strong	{ width: 100%; color:#000000; font-size: 18px; font-weight: 700; line-height: 1; letter-spacing:.04em; }
.itemtxtbtmBuy > strong span	{ color:#000000; font-size: 12px; font-weight: 400; line-height: 1; letter-spacing:.04em; }
.itemtxtbtmBuy > ul.linkarea	{ width: 100%; display: -webkit-flex; display: flex; align-items: flex-end; gap: 20px; }
.itemtxtbtmBuy > ul.linkarea li	{ width: 50%; line-height: 1; padding: 0; }
.itemtxtbtmBuy > ul.linkarea.full li	{ width: 100%; line-height: 1; padding: 0; display: -webkit-flex; display: flex; }
.itemtxtbtmBuy > ul.linkarea li > span	{ color:#e9af33; font-family: "Roboto", sans-serif!important; font-size: 16px; font-weight: 400; line-height: 1; letter-spacing:0!important; }
.itemtxtbtmBuy > ul.linkarea li a	{ position: relative; display: -webkit-flex; display: flex; align-items: center; justify-content: center; gap: 10px; width: 100%; height: 46px; background-color: #000; line-height: 1; }
.itemtxtbtmBuy > ul.linkarea li a > b	{ color:#fff; font-family: "Roboto", sans-serif!important; font-size: 16px; font-weight: 500; line-height: 1; text-decoration: none; letter-spacing:.1em; position: relative; z-index: 2; }
.itemtxtbtmBuy > ul.linkarea li a > span	{ color:#fff; font-family: "Roboto", sans-serif!important; font-size: 14px; font-weight: 400; line-height: 1; text-decoration: none; letter-spacing:.03em; position: relative; z-index: 2; }
.itemtxtbtmBuy > ul.linkarea li a > ul	{ position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 5%; width: 14px; height: 18px; z-index: 2; }
.itemtxtbtmBuy > ul.linkarea li a > ul > li	{   position: relative; display: inline-block; width: 14px; height: 1px; margin: 6.4px 0; border-radius: 9999px; background-color: #ffffff; }
.itemtxtbtmBuy > ul.linkarea li a > ul > li::before, 
.itemtxtbtmBuy > ul.linkarea li a > ul > li::after	{ content: ""; position: absolute; top: calc(50% - 0.5px); right: 0; width: 10px; height: 1px; border-radius: 9999px; background-color: #ffffff;  transform-origin: calc(100% - 0.5px) 50%; }
.itemtxtbtmBuy > ul.linkarea li a > ul > li::before	{ transform: rotate(45deg); }
.itemtxtbtmBuy > ul.linkarea li a > ul > li::after	{ transform: rotate(-45deg); }
.itemtxtbtmBuy > ul.linkarea li a:hover	{ text-decoration: none; }
@media (min-width: 1038px) {
	.itemtxt:nth-child(2n+1)	{ border-right: 1px solid #bababc; padding: 0 7.2% 0 0; }
	.itemtxt:nth-child(2n)	{ padding: 0 0 0 7.2%; }
	.itemtxt:nth-child(-n+2)	{ margin-bottom: 120px; }
	.itemimg	{ padding: 0 0 0 7.2%; }
	.itemtxt.col31	{ width: 28%; max-width: 100%; padding: 0 5% 0 0; }
	.itemtxt.col32	{ width: 38.3%; max-width: 100%; padding: 0 5% 0 0; }
	.itemtxt.col33	{ width: 33.7%; max-width: 100%; padding: 0; }
	.itemtxt.txrit .itemtxtbtm	{ flex-direction: column; justify-content: flex-start; }
	.itemtxt.txrit .itemtxtbtm > ul.linkarea	{ padding: 22px 0 0;  }
}
@media (min-width: 767.99px) {
	.itemtxt:nth-child(2n+1)	{ border-right: 1px solid #bababc; padding: 0 7.2% 0 0; }
	.itemtxt:nth-child(2n)	{ padding: 0 0 0 7.2%; }
	.itemtxt:nth-child(-n+2)	{ margin-bottom: 120px; }
	.itemimg	{ padding: 0 0 0 7.2%; }
	.itemtxt.col31	{ width: 28%; max-width: 100%; padding: 0 5% 0 0; }
	.itemtxt.col32	{ width: 38.3%; max-width: 100%; padding: 0 5% 0 0; }
	.itemtxt.col33	{ width: 33.7%; max-width: 100%; padding: 0; }
	.itemtxt.txrit .itemtxtbtm	{ flex-direction: column; justify-content: flex-start; }
	.itemtxt.txrit .itemtxtbtm > ul.linkarea	{ padding: 22px 0 0;  }
}
.middlewrapper	{ width: 100%; display: -webkit-flex; display: flex; align-items: center; justify-content: center; }
.middleinner	{ width: 100%; max-width: 1366px; line-height: 1; }
.middletxtwrapper	{ width: 100%; display: -webkit-flex; display: flex; align-items: center; justify-content: center; }
.middletxtinner	{ width: 100%; max-width: 980px; display: -webkit-flex; display: flex; justify-content: space-between; margin: 0 0 50px; transform: translateY(-50px); }
.middletxtinner .itemtxtinner	{ width: 100%; max-width: 480px; padding: 105px 0 0; margin: 0; }
.middletxtinner .middlesubimg	{ width: 440px; background: url(middlesub.jpg) right bottom / cover no-repeat; }
.middletxtinner .itemtxt	{ margin: 0; padding: 40px 10px 0; }
@media (min-width: 767.99px) {
	.middletxtinner .itemtxtinner	{ order: 1; }
	.middletxtinner .middlesubimg	{ order: 2; }
}
.mid01wrapper	{ width: 100%; display: -webkit-flex; display: flex; align-items: center; justify-content: center; padding: 0 20px; margin: 0 0 120px; }
.mid01inner	{ width: 100%; max-width: 1280px; line-height: 1; }
.mid02wrapper	{ width: 100%; height:913px; position: relative; display: -webkit-flex; display: flex; align-items: center; justify-content: center; padding: 0 20px; margin: 0 0 58px; overflow: hidden; }
.mid02inner	{ width: 100%; max-width: 1120px; line-height: 1; }
.mid03wrapper	{ width: 100%; display: -webkit-flex; display: flex; align-items: center; justify-content: center; padding: 0 20px; margin: 0; }
.mid03inner	{ width: 100%; max-width: 1280px; line-height: 1; }
.mid04wrapper	{ width: 100%; max-width: 1280px; display: -webkit-flex; display: flex; align-items: center; justify-content: center; padding: 0 20px; margin: 0; }
.mid04inner	{ width: 100%; max-width: 1280px; line-height: 1; }
.midcol4wrapper	{ width: 100%; display: -webkit-flex; display: flex; align-items: center; justify-content: center; padding: 0 20px; margin: 0 0 100px; }
.midcol4wrapper ul	{ width: 100%; max-width: 980px; line-height: 1; display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: space-between; }
.midcol4wrapper ul li	{ width: calc(50% - 5px); line-height: 1; padding: 0; margin: 0 0 10px; }
.bottomwrapper	{ width: 100%; display: -webkit-flex; display: flex; align-items: center; justify-content: center; padding: 0 40px; margin: 0 0 150px; }
.bottominner	{ width: 100%; max-width: 1280px; line-height: 1; }
@media (min-width: 767.99px) {
	.itemtxtbtmBuy > ul.linkarea li a::before	{ content:""; position: absolute; bottom: 0; top: 0; left: 0; right: 100%; background-color: #666; width: 0; height: 100%; transition: all .5s; }
	.itemtxtbtmBuy > ul.linkarea li a:hover::before	{ width: 100%; right: 0; }
	.mid04wrapper	{ transform: translateY(0); }
}
@media (min-width: 900px) {
	.mid04wrapper	{ transform: translateY(-50px); }
}
@media (min-width: 1000px) {
	.mid04wrapper	{ transform: translateY(-100px); }
}
@media (min-width: 1200px) {
	.mid04wrapper	{ transform: translateY(-200px); }
}
@media (max-width: 1200px) {
	.itemtxtbtmBuy > ul.linkarea	{ flex-wrap: wrap; gap: 12px;  }
	.itemtxtbtmBuy > ul.linkarea li	{ width: 100%; }
	.itemtxtbtmBuy > ul.linkarea li a	{ justify-content: flex-start; padding: 0 0 0 14px; gap: 8px; width: 100%; height: 42px; }
	.itemtxtbtmBuy > ul.linkarea li a > b	{ font-size: 15px; }
	.itemtxtbtmBuy > ul.linkarea li a > span	{ font-size: 14px; }
}
@media (max-width: 767.9px) {
	.itemtxtwrapper	{ padding: 0 8%; }
	.itemtxtinner	{ margin: 0 0 30px; padding: 0; }
	.itemtxtinner.col2	{ flex-direction: column; }
	.itemtxt	{ width: 100%; padding: 0 0 50px; margin: 0 0 50px; border-bottom: 1px solid #bababc; }
	.itemtxt:nth-child(4)	{ padding: 0; margin: 0 0 100px; border: 0; }
	.itemtxt > b	{ font-size: 11px; margin: 0 0 10px; }
	.itemtxt > h3	{ font-size: 23px; margin: 0 0 20px; }
	.itemtxt > p	{ font-size: 12px; line-height: 24px; margin: 0 0 24px; }
	.itemtxt > ul.ifotx	{ margin: 0 0 20px; }
	.itemtxt > ul.ifotx li	{ font-size: 13px; line-height: 23px; }
	.itemtxt > dl	{ margin: 0 0 26px; padding: 0 0 0 15px; border-left: 4px solid #949393; }
	.itemtxt > dl > dt	{ font-size: 19px; margin: 0 0 8px; }
	.itemtxt > dl > dd	{ font-size: 15px; }
	.itemimg	{ margin: 0 0 30px; padding: 0; }
	.itemtxtbtm > strong	{ font-size: 16px; }
	.itemtxtbtm > strong span	{ font-size: 11px; }
	.itemtxtbtm > ul li	{ font-size: 15px; }
	.itemtxtbtm > ul li a	{ font-size: 15px; }
	.middletxtinner	{ flex-wrap: wrap; padding: 0 12.5%; margin: 0 0 50px; transform: translateY(-45px); }
	.middletxtinner .itemtxtinner	{ max-width: 100%; padding: 0; margin: 0; }
	.middletxtinner .middlesubimg	{ width: 100%; aspect-ratio: 18 / 13; background: url(middlesub.jpg) right bottom / cover no-repeat; }
	.middletxtinner .itemtxt	{ padding: 40px 0 0; }
	.mid01wrapper	{ padding: 0 8px; margin: 0 0 80px; }
	.mid02wrapper	{ padding: 0 8px; height: auto; margin: 0 0 60px; }
	.mid03wrapper	{ padding: 0; margin: 0; }
	.mid04wrapper	{ padding: 0 8px; margin: 0 0 20px; }
	.midcol4wrapper	{ padding: 0 12.5%; margin: 0 0 40px; }
	.midcol4wrapper ul li	{ width: 100%; margin: 0 0 8px; }
	.midcol4wrapper ul li:nth-child(even)	{ display: none; }
	.bottomwrapper	{ padding: 0 10px; margin: 0 0 80px; }
}


.imset01wrap	{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 1366px; padding: 0 10px 0 20px; display: -webkit-flex; display: flex; flex-direction: column; gap: 10px; }
.imset01-01	{ display: -webkit-flex; display: flex; align-items: flex-end; gap: 10px; }
.imset01-01 *, 
.imset01-02 *	{ line-height: 1; }
.imset01-01 div	{ width: 64.5%; padding: 0 183px 0 0;  }
.imset01-01 ul	{ width: 35.5%; display: -webkit-flex; display: flex; flex-direction: column; gap: 10px; }
.imset01-01 ul li:first-child	{ text-align: right; }
.imset01-01 .blank	{ width: 304px; height: 82px; }
.imset01-02	{ display: -webkit-flex; display: flex; gap: 10px; }
.imset01-02 div	{ width: 61%; padding: 0 0 0 173px;  }
.imset01-02 ul	{ width: 39%; display: -webkit-flex; display: flex; flex-direction: column; gap: 10px; }
.imset01-02 .blank	{ width: 312px; height: 112px; }
@media (max-width: 767.9px) {
	.imset01wrap	{ position: static; transform: translate(0,0); width: 100%;  padding: 0; gap: 8px; }
	.imset01-01	{ flex-direction: column; gap: 8px; }
	.imset01-01 div	{ width: 100%; padding: 0 16.3% 0 0; }
	.imset01-01 ul	{ width: 100%; flex-direction: row; gap: 8px; align-items: flex-end; }
	.imset01-01 ul li:first-child	{ width: 33%; padding: 0 0 0 6.5%; }
	.imset01-01 ul li:last-child	{ width: 67%; padding: 0 8.7% 0 0; }
	.imset01-01 .blank	{ width: 100%; height: auto; aspect-ratio: 103 / 55; }
	.imset01-02	{ flex-direction: column; gap: 8px; }
	.imset01-02 div	{ width: 100%; padding: 0 0 0 17%;  }
	.imset01-02 ul	{ width: 100%; flex-direction: row; gap: 8px; }
	.imset01-02 ul li:first-child	{ width: 67%; padding: 0 0 0 3%; }
	.imset01-02 ul li:last-child	{ width: 33%; padding: 0 7% 0 0; }
	.imset01-02 .blank	{ width: 100%; height: auto; aspect-ratio: 116 / 55; }
}
.imset02wrap	{ width: 100%; padding: 0; display: -webkit-flex; display: flex; flex-direction: column; }
.imset02-02	{ padding: 0 12.5% 0 35.8%; margin: 0 0 30px; }
.imset02-02 .blank	{ width: 100%; height: auto; aspect-ratio: 246 / 35; }
.imset02-03	{ padding: 0 27.5% 0 12.5%; margin: 0 0 30px; }
.imset02-04	{ padding: 0 12.5%; margin: 0; }
@media (min-width: 767.99px) {
	.imset02wrap	{ max-width: 1366px; flex-direction: row; flex-wrap: wrap; }
	.imset02-01	{ order: 4; width: 37.05%; padding: 30px 2.92% 0 0; margin: 0; }
	.imset02-02	{ order: 2; width: 100%; padding: 0 14.12% 0 62.95%; margin: 0; display: -webkit-flex; display: flex; }
	.imset02-02 .blank	{ aspect-ratio: 39 / 7; }
	.imset02-03	{ order: 1; width: 100%; padding: 0; margin: 0; }
	.imset02-04	{ order: 3; width: 62.95%; padding: 0 5.8% 0 0; margin: 0; display: -webkit-flex; display: flex; flex-direction: column; align-items: flex-end; }
}
.imset04wrap	{ width: 100%; padding: 0; display: -webkit-flex; display: flex; flex-wrap: wrap; gap: 8px; }
.imset04-01	{ width: 100%; padding: 0 0 0 15.4%; transform: translateY(50px); position: relative; }
.imset04-02	{ width: 100%; padding: 0 32% 0 3.33%; position: relative; z-index: 2; }
.imset04-02 div	{ position: relative; }
.imset04-02 div::after	{ position: absolute; top: 50px; left: calc(100% + 8px); content:""; width: 34%; height: auto; aspect-ratio: 2 / 5; background-color: #bababc; }
.imset04-03	{ width: 100%; padding: 0 32% 0 3.33%; position: relative; }
.imset04-04	{ width: 100%; padding: 0 32% 0 3.33%; position: relative; }
.imset04-05	{ width: 100%; padding: 50px 10% 0; margin: 0; }
.imset04-06	{ width: 100%; padding: 0 10%; margin: 0; }
@media (min-width: 767.99px) {
	.imset04wrap	{ align-items: flex-end; gap: 10px; position: relative; }
	.imset04-01	{ order: 1; width: calc(48.75% - 5px); padding: 0; margin: 0; }
	.imset04-02	{ order: 3; width: calc(48.75% - 5px); padding: 0 0 0 11.5%; }
	.imset04-02 div::after	{ display: none; }
	.imset04-03	{ order: 4; width: calc(51.25% - 5px); padding: 0 12% 0 0; align-self: flex-start; }
	.imset04-03 div	{ position: relative; }
	.imset04-03 div::after	{ position: absolute; top: calc(100% + 8px); left: 0; content:""; width: 65.12%; height: auto; aspect-ratio: 39 / 14; background-color: #bababc; }
	.imset04-04	{ order: 5; width: calc(48.75% - 5px); padding: 0 0 0 11.5%; }
	.imset04-05	{ order: 2; width: calc(51.25% - 5px); padding: 0 0 10px 3%; margin: 0; }
	.imset04-05 .itemtxt	{ max-width: 470px; }
	.imset04-05 .itemtxt h3 br	{ display: none; }
	.imset04-06	{ order: 6; width: 100%; max-width: 460px; position: absolute; left: 51.5%; top: 76%; padding: 0; margin: 0; }
}
@media (max-width: 767.9px) {
	.imset04-05 .itemtxt h3	{ line-height: 1.3; }
}

.plofwrapper	{ display: -webkit-flex; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; padding: 0; }
.plofinner	{ width: 100%; max-width: 980px; margin: 0 0 160px; display: -webkit-flex; display: flex; justify-content: space-between; }
.plofimg	{ width: 46%; background: url(hu.jpg) center center / cover no-repeat; }
.ploftxt	{ width: 48%; padding: 5px 10px 0; }
.ploftxt ul	{ display: -webkit-flex; display: flex; align-items: flex-end; margin: 0 0 25px; line-height: 1; }
.ploftxt ul li	{ color:#000000; font-size: 18px; font-weight: 700; line-height: 1.2; padding: 0 1em 0 0; vertical-align: baseline; }
.ploftxt ul li:first-child	{ color:#000000; font-family: "Roboto", sans-serif!important; font-size: 26px; font-weight: 900; line-height: 1; letter-spacing:0!important; vertical-align: baseline; }
.ploftxt p	{ color:#000000; font-size: 13px; line-height: 25px; letter-spacing:.05em!important; margin: 0; text-align: justify; text-justify: inter-character; }
@media (max-width: 767.9px) {
	.plofwrapper	{ padding: 0 12.5%; }
	.plofinner	{ flex-wrap: wrap; margin: 0; }
	.plofimg	{ width: 100%; aspect-ratio: 36 / 29; margin: 0 0 30px; }
	.ploftxt	{ width: 100%; padding: 0; margin: 0 0 80px; }
	.ploftxt ul	{ margin: 0 0 20px; }
	.ploftxt ul li	{ font-size: 16px; }
	.ploftxt ul li:first-child	{ font-size: 24px; }
	.ploftxt p	{ font-size: 12px; line-height: 23px; }
}
.btminfwrapper	{ display: -webkit-flex; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; padding: 40px 20px 0; position: relative; z-index: 2; background-color: #e6eef1; }
.btminfinner	{ width: 100%; max-width: 980px; margin: 0 0 80px; padding: 0 10px; display: -webkit-flex; display: flex; flex-direction: column; }
.btminfinner strong	{ width: 100%; max-width: 396px; margin: 0 0 20px; }
.btminfinner ul	{ display: -webkit-flex; display: flex; justify-content: space-between; align-items: center; }
.btminfinner li	{ color:#000000; font-size: 15px; line-height: 1; letter-spacing:.05em!important; display: -webkit-flex; display: flex; }
.btminfinner li a	{ width: 100%; color:#ffffff; font-family: "Roboto", sans-serif!important; font-size: 21px; font-weight: 500; line-height: 1; letter-spacing:0!important; background-color: #e9af33; text-align: center; padding: 10px; transition: all .5s; }
.btminfinner li:first-child	{ width: 67.4%; }
.btminfinner li:last-child	{ width: 32.6%; }
@media (min-width: 767.99px) {
	.btminfinner li a:hover	{ text-decoration: none; background-color: #e16a00; color:#fff; }
	.btminfinner li br	{ display: none; }
}
@media (max-width: 767.9px) {
	.btminfwrapper	{ padding: 0 12.5%; }
	.btminfinner	{ margin: 0 0 60px; padding: 0; }
	.btminfinner strong	{ max-width: 100%; margin: 0 0 30px; }
	.btminfinner ul	{ flex-wrap: wrap; justify-content: center; }
	.btminfinner li	{ font-size: 13px; line-height: 2; letter-spacing:.03em!important; display: -webkit-flex; display: flex; }
	.btminfinner li a	{ font-size: 20px; padding: 10px; }
	.btminfinner li:first-child	{ width: 100%; align-items: center; justify-content: center; margin: 0 0 30px; text-align: center; }
	.btminfinner li:last-child	{ width: 100%; }
}
.btmarrow	{ width: 100%; z-index: 2; background-color: #e6eef1; }
.btmarrow a	{ width: 100%; display: -webkit-flex; display: flex; align-items: center; justify-content: center; padding: 60px; transition: all .3s; }
.btmarrow a svg	{ width: 34px; color:#000; line-height: 1; transition: all .8s; }
.btmarrow a:hover	{ color: #fff; }
@media (min-width: 767.99px) {
	.btmarrow a:hover	{ background-color: #f5f7f7; }
	.btmarrow a:hover svg	{ transform: translateY(-5px); transition: all .8s; }
}
@media (max-width: 767.9px) {
	.btminfwrapper	{ padding: 0 8%; }
	.btmarrow a	{ padding: 30px; }
}
@media (max-width: 391px) {
	.itemtxtwrapper,
	.middletxtinner,
	.plofwrapper,
	.btminfwrapper	{ padding: 0 8%; }
}

.bottomallbtn	{ width: 100%; display: -webkit-flex; display: flex; align-items: center; justify-content: center; margin: 0; padding: 0 0 12cqw; position: relative; z-index: 2; background-color: #e6eef1; }
.bottomallbtn > a	{ width: 100%; position: relative; max-width: 680px; border: 0 solid #000; padding: 15px; display: -webkit-flex; display: flex; align-items: center; justify-content: center; position: relative; background-color: #000; }
.bottomallbtn > a > span	{ color:#fff; font-size: clamp(20px, 26px, 2vw); letter-spacing:.1rem; line-height: 1.4; font-weight: 500; white-space: nowrap; position: relative; z-index: 3; text-decoration: none!important; transition: all .5s; }
.bottomallbtn > a:hover > span	{ color:#fff; text-decoration: none!important; }
@media (min-width: 769px) { 
	.bottomallbtn > a::before	{ content:""; position: absolute; bottom: 0; top: 0; left: 0; right: 100%; background-color: #666; width: 0; height: 100%; transition: all .5s; }
	.bottomallbtn > a:hover::before	{ width: 100%; right: 0; }
}
@media (max-width: 768.9px) { 
	.bottomallbtn	{ padding: 10cqw 8% 35cqw; margin: 0; }
	.bottomallbtn > a	{ padding: 18px; }
}
.bottomallbtn > a > ul	{ position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 5%; width: 14px; height: 18px; z-index: 2; }
.bottomallbtn > a > ul > li	{   position: relative; display: inline-block; width: 14px; height: 1px; margin: 6.4px 0; border-radius: 9999px; background-color: #ffffff; }
.bottomallbtn > a > ul > li::before, 
.bottomallbtn > a > ul > li::after	{ content: ""; position: absolute; top: calc(50% - 0.5px); right: 0; width: 10px; height: 1px; border-radius: 9999px; background-color: #ffffff;  transform-origin: calc(100% - 0.5px) 50%; }
.bottomallbtn > a > ul > li::before	{ transform: rotate(45deg); }
.bottomallbtn > a > ul > li::after	{ transform: rotate(-45deg); }

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