@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Instrument+Serif&display=swap');
:root	{
	--color-black: #000;
	--color-white: #fff;
	--color-prmbg: #5AB4D7;
	--color-prmtx: #E5FF00;
	--font-jp: "dnp-shuei-gothic-gin-std", sans-serif;
	--font-kin: "dnp-shuei-gothic-kin-std", sans-serif;
	--font-en: "Instrument Serif", serif;;
}

/* ------------ FONT
font-family: "Instrument Serif", serif;
font-weight: 400;
font-style: normal;

DNP ShueiGoGinStd L
font-family: "dnp-shuei-gothic-gin-std", sans-serif;
font-weight: 400;
font-style: normal;

DNP ShueiGoGinStd M
font-family: "dnp-shuei-gothic-gin-std", sans-serif;
font-weight: 500;
font-style: normal;

DNP ShueiGoGinStd B
font-family: "dnp-shuei-gothic-gin-std", sans-serif;
font-weight: 600;
font-style: normal;

font-family: "dnp-shuei-gothic-kin-std", sans-serif;
font-weight: 600;
font-style: normal;
------------- */

@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: 2; }
.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; font-family: var(--font-jp); letter-spacing:0; position: relative; container-type: inline-size; }
.pi_lgzformat div	{ letter-spacing:0; }
.pi_lgzformat *	{ letter-spacing:.02em; font-weight: 400; font-style: normal; font-size:14px; line-height:1.75; font-feature-settings: normal!important; -webkit-text-size-adjust:100%;  }
.pi_lgzformat .en	{ font-family: var(--font-entxt); font-weight: 400; font-style: normal; }
.pi_lgzformat img, 
.pi_lgzformat picture	{ width: 100%; vertical-align: bottom; line-height: 1;  }
.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 a:hover	{ color:#fff; }
.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; position: relative; z-index: 1; }
.contanc	{ width: 100%; height: 0px; transform: translateY(-200px); }
.contancst	{ width: 100%; height: 0px; transform: translateY(3cqw); }
@media (max-width: 767.9px)	{ 
	.contancst	{ width: 100%; height: 0px; transform: translateY(-40px); }
}

/* ------------ ANIMATION ------------- */
.scrollIn	{ opacity: .1; transition: opacity 1.8s cubic-bezier(0.215, 0.61, 0.355, 1); }
.scrollIn.active	{ opacity: 1; -webkit-transition-delay: .3s; transition-delay: .3s; }

/* ------------ MASK ANIMATION TXT ------------- */
.txRevWap .lineRev	{ display: block; overflow: hidden; }
.txRevWap .lineRevInner	{ display: block; transform: translate3d(0, 100%, 0); opacity: 0; will-change: transform, opacity; }
.txRevWap.is-active .lineRevInner	{ transform: translate3d(0, 0, 0); opacity: 1; transition: transform 0.8s cubic-bezier(.22,.61,.36,1), opacity 0.6s ease; }
.txRevWap.is-active .lineRevInner	{ transition-delay: var(--delay, 0s); }
@media (prefers-reduced-motion: reduce) {
  .txRevWap .lineRevInner	{ transform: none !important; opacity: 1!important; transition: none !important; }
}

/* ------------ MASK ANIMATION IMG ------------- */
.imgmask	{ position: relative; overflow: hidden; transition: clip-path 1.2s cubic-bezier(0.25, 1, 0.5, 1); }
.imgmask	{ clip-path: inset(0 0 100% 0); }
.imgmask.active	{ clip-path: inset(0 0 0 0); -webkit-transition-delay: .3s; transition-delay: .3s; }
.imgmask.is-bottom	{ clip-path: inset(100% 0 0 0); }
.imgmask.is-bottom.active	{ clip-path: inset(0 0 0 0); -webkit-transition-delay: .3s; transition-delay: .3s; }

/* ------------ HEADER ------------- */
.background-color	{ width: 100%; display: -webkit-flex; display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; z-index: 1; }
.background-color	{ transition: background-color 1s ease; position: relative; isolation: isolate; }
.background-color.bg-top { background: #5AB4D7; }
.background-color.bg-01 { background-color: #F3E400; position: relative; isolation: isolate; }
.background-color.bg-02 { background-color: #FF9C9F; position: relative; isolation: isolate; }
.background-color.bg-03 { background-color: #67BE93; position: relative; isolation: isolate; }
.background-color.bg-04 { background-color: #919BCE; position: relative; isolation: isolate; }
.background-color.bg-05 { background-color: #ED7257; position: relative; isolation: isolate; }
.background-color.bg-06 { background-color: #5AB4D7; position: relative; isolation: isolate; }


/* ------------ MAIN AREA ------------- */
.main_wrapper, 
.main_inner	{ width: 100%; display: -webkit-flex; display: flex; position: relative; line-height: 1; }
.main_inner	{ opacity: 0; transition: opacity 1.4s cubic-bezier(0.215, 0.61, 0.355, 1); }
.active .main_inner	{ opacity: 1; -webkit-transition-delay: .3s; transition-delay: .3s; }
.main_inner img,
.main_inner picture	{ object-fit: cover; width: 100%; line-height: 1; }
.main_inner > strong	{ position: absolute; right: 2.5cqw; top: 2.85cqw; width: 8.1cqw; display: -webkit-flex; display: flex; line-height: 1; }
@media (max-width: 767.9px)	{ 
	.main_inner > strong	{ right: 3cqw; top: 5cqw; width: 19cqw; }
}

/* ------------ MAIN INTRODUCTION ------------- */
.main_introduction	{ width: 100%; height: 100%; display: -webkit-flex; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; padding: 9.24cqw 3cqw; gap: 1.9cqw; aspect-ratio: 25 / 13; }
.main_introduction > p,
.main_introduction > p span	{ color: var(--color-prmtx); font-size: 1.5277cqw; font-family: var(--font-kin); letter-spacing:.06em; line-height: 1; font-weight: 600; }
.main_introduction > strong	{ margin: .8cqw 0 0;  }
.main_introduction > strong,
.main_introduction > strong span	{ color: var(--color-prmtx); font-size: 2.7777cqw; font-family: var(--font-jp); letter-spacing:.06em; line-height: 1; font-weight: 600; }
@media (max-width: 767.9px)	{ 
	.main_introduction	{ padding: 15cqw 5.8cqw; gap: 3cqw; aspect-ratio: 40 / 79; }
	.main_introduction > p,
	.main_introduction > p span	{ font-size: 3.733cqw; line-height: 1.7; }
	.main_introduction > strong span	{ font-size: 6.6cqw; line-height: 1.7; }
}

/* ------------ MAIN STYLE ------------- */
.main_bottom_style	{ width: 100%; display: block; position: relative; }
 h1.main_ttle	{ width: 92cqw; position: absolute; top: -8.55cqw; left: 2.8cqw; display: -webkit-flex; display: flex; z-index: 10; }
 h1.main_ttle p,
 h1.main_ttle p span	{ width: 100%; display: -webkit-flex; display: flex; }
@media (min-width: 768px)	{ 
	h1.main_ttle p.sp	{ display: none; }
}
@media (max-width: 767.9px)	{ 
	h1.main_ttle p.pc	{ display: none; }
	h1.main_ttle	{ top: -65.27cqw; flex-direction: column; align-items: flex-start; }
	h1.main_ttle p.tt01	{ width: 85cqw; margin-bottom: -2cqw; }
	h1.main_ttle p.tt02	{ width: 53.1cqw; margin-bottom: 4cqw; }
	h1.main_ttle p.tt03	{ width: 87.222cqw; }
}

/* ------------ LAYOUT ------------- */
.main_contents_main	{ display: -webkit-flex; display: flex; width: 100%; flex-direction: column; position: relative; padding: 0; z-index: 1; }
.main_contents_wrapper	{ display: -webkit-flex; display: flex; width: 100%; flex-direction: column; position: relative; padding: 3cqw 0 0; z-index: 1; }

@media (max-width: 767.9px)	{ 
	.main_contents_main	{ padding: 0; }
	.main_contents_wrapper	{ padding: 6cqw 0 0; }
}

/* ------------ NAVIGATION ------------- */
.main_contents_nav	{ padding: 0 2.1cqw 0 2.15cqw; position: -webkit-sticky; position: sticky; width: 100%; display: -webkit-flex; display: flex; align-items: center; justify-content: space-between; left: 0; right: 0; top: calc(48px + 2cqw); mix-blend-mode: difference; pointer-events: none; margin: 0 0 10cqw; z-index: 10; }
.main_contents_nav > b	{ width: 4cqw; display: -webkit-flex; display: flex; line-height: 1; }
.nav_inner	{ display: -webkit-flex; display: flex; align-items: flex-end; pointer-events: auto; }
.nav_inner > strong	{ width: 11.4cqw; display: -webkit-flex; display: flex; line-height: 1; }
.nav_inner > span	{ width: 6.66cqw; display: -webkit-flex; display: flex; line-height: 1; position: relative; }
.nav_inner > span::after	{ content:""; position: absolute; bottom: .35cqw; left: 1cqw; right: 1.2cqw; width: auto; height: 1px; border-top: 1px solid #fff; }
.nav_inner ul	{ display: -webkit-flex; display: flex; align-items: flex-end; gap: 1.3cqw; }
.nav_inner ul li a	{ color:#fff; font-size: 1.1111cqw; font-family: var(--font-en); letter-spacing:0; line-height: 1; font-weight: 400; }
@media (max-width: 767.9px)	{ 
	.main_contents_nav	{ padding: 0 4cqw; align-items: flex-start; top: calc(48px + 4cqw); margin: 0; }
	.main_contents_nav > b	{ width: 12cqw; }
	.nav_inner	{ flex-direction: column; align-items: flex-start; gap: 2cqw; }
	.nav_inner > strong	{ width: 35.69cqw; display: -webkit-flex; display: flex; line-height: 1; }
	.nav_inner > span, 
	.nav_inner > span::after	{ display: none; }
	.nav_inner ul	{ display: -webkit-flex; display: flex; align-items: flex-end; gap: 5cqw; }
	.nav_inner ul li a	{ font-size: 3.466cqw; }
}

/* ------------ ITEM AREA LAYOUT ------------- */
.item_style_wrapper	{ width: 100%; display: -webkit-flex; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 14.1cqw 0 13.95cqw; }
.item_style_inner	{ width: 100%; display: -webkit-flex; display: flex; align-items: flex-start; justify-content: space-between; margin: 0 0 10cqw; }
.item_styleimg_wrapper	{ width: 100%; display: -webkit-flex; display: flex; }
.item_styleimg	{ width: 100%; }
.item_styletxt_wrapper	{ width: 100%; display: -webkit-flex; display: flex; flex-direction: column; }
.item_styletxt	{ width: 100%; display: -webkit-flex; display: flex; flex-direction: column; }
.item_styletxt > h3	{ margin: 0 0 6cqw; }
.item_styletxt > h3 > span	{ display: inline-block; position: relative; font-size: 2.36cqw; font-family: var(--font-jp); letter-spacing:0; line-height: 1.3552; font-weight: 600; }
.item_styletxt > h3 > span::before, 
.item_styletxt > h3 > span::after	{ content:""; width: 1.2cqw; aspect-ratio: 1 / 1; background: url(doublebb.svg) center center / contain no-repeat; position: absolute; }
.item_styletxt > h3 > span::before	{ left: -1.6cqw; top: -.2cqw;  }
.item_styletxt > h3 > span::after	{ right: -1.6cqw; bottom: .6cqw; transform: rotate(180deg); }
.styledocument	{ width: 100%; display: -webkit-flex; display: flex; flex-direction: column; gap: 1.9cqw; }
.styledocument > p	{ width: 29.8cqw; font-size: 1.11cqw; font-family: var(--font-jp); letter-spacing:0; line-height: 1.875; font-weight: 600; line-break: strict; }
@media (min-width: 768px)	{ 
	.item_style_inner	{ padding: 0 0 0 .5cqw; }
	.reflect .item_style_inner	{ padding: 0 .5cqw 0 0; }
	.item_styleimg_wrapper	{ width: 47.5%; }
	.item_styletxt_wrapper	{ width: 52.5%; padding: 0 5cqw 0 11.1cqw; }
	.item2 .item_styletxt_wrapper	{ gap: 5cqw;  }
	.reflect .item_styleimg_wrapper	{ order: 2; }
	.reflect .item_styletxt_wrapper	{ order: 1; padding: 0 5cqw 0 9.4cqw; }
	.item2 .item_styletxt > h3	{ margin: 0 0 3cqw; }
	.item2 .item_styletxt > h3 > span	{ font-size: 2.2cqw; line-height: 1.437; }
}
@media (max-width: 767.9px)	{ 
	.item_style_wrapper	{ padding: 22.638cqw 0 19.722cqw; }
	.item_style_inner	{ flex-wrap: wrap; overflow: hidden; }
	.item_styletxt	{ padding: 8.333cqw 3.75cqw; }
	.item_styletxt > h3, 
	.item2 .item_styletxt > h3	{ margin: 0 0 10cqw; }
	.item_styletxt > h3 > span	{ display: block; width: 100%; font-size: 5.8cqw; line-height: 1.4; padding: 0; text-align: center; }
	.item2 .item_styletxt > h3 > span	{ font-size: 5.8cqw; padding: 0 0 0 3.8cqw; }
	.item_styletxt > h3 > span::before, 
	.item_styletxt > h3 > span::after	{ width: 4.6cqw; }
	.item_styletxt > h3 > span::before	{ left: -.8cqw; top: .5cqw;  }
	.item_styletxt > h3 > span::after	{ right: 0; bottom: -2cqw; }
	.item2 .item_styletxt > h3 > span::after	{ right: 0; bottom: 0; }
	.styledocument	{ gap: 6cqw; }
	.styledocument > p	{ width: 100%; font-size: 3.755cqw; line-height: 2; }
}

/* ------------ ITEM AREA NAVI ------------- */
.stylenavttle_wrapper	{ width: 100%; display: -webkit-flex; display: flex; margin: 0 0 9.9cqw; }
.item2 .stylenavttle_wrapper	{ margin: 0 0 4cqw; }
.stylenavttle	{ display: flex; align-items: flex-end; gap: 0.35cqw; list-style: none; padding: 0; }
.stylenavttle li	{ display: flex; align-items: flex-end; overflow: hidden; padding-bottom: 0.5em; margin-bottom: -0.5em; }
.stylenavttle li span	{ color:#000; display: block; font-family: var(--font-en); font-size: 1.875cqw; line-height: 1; transform: translateY(140%); transition: transform 0.5s ease-out; }
.stylenavttle li:not(:last-child)::after	{ content: ""; width: 2.85cqw; height: .1cqw; border-top: 1px solid #000; background-color: transparent; margin: 0 0.35cqw 0.3cqw; transform: scaleX(0); transform-origin: left; transition: transform 0.5s ease-out; }
.stylenavttle.name	{ justify-content: space-between; width: 100%; }
.stylenavttle.name li span	{ font-size: 1.188cqw; }
.stylenavttle.name li:last-child span	{ font-size: 2.333cqw; }
.stylenavttle.name li:not(:last-child)	{ flex-grow: 1; display: flex; align-items: flex-end; }
.stylenavttle.name li:not(:last-child)::after	{ content: ""; flex-grow: 1; width: auto; height: .4cqw; border-top: 1px solid #000; background-color: transparent; margin: 0 .3cqw; transform: scaleX(0); transform-origin: left; transition: transform 0.5s ease-out; }
.stylenavttle.name li:last-child { flex-grow: 0; }
.stylenavttle.active li span,
.stylenavttle.active li:not(:last-child)::after	{ transform: none; }
.stylenavttle.active li:nth-child(1) span { transition-delay: 0.0s; }
.stylenavttle.active li:nth-child(1)::after { transition-delay: 0.2s; }
.stylenavttle.active li:nth-child(2) span { transition-delay: 0.4s; }
.stylenavttle.active li:nth-child(2)::after { transition-delay: 0.6s; }
.stylenavttle.active li:nth-child(3) span { transition-delay: 0.8s; }
@media (max-width: 767.9px)	{ 
	.stylenavttle_wrapper, 
	.item2 .stylenavttle_wrapper	{ margin: 0 0 9cqw; }
	.stylenavttle li span	{ font-size: 5.333cqw; }
	.stylenavttle li:not(:last-child)::after	{ width: 11.111cqw; height: 1cqw; margin: 0 1.4cqw; }
	.stylenavttle.name li span	{ font-size: 3.733cqw; }
	.stylenavttle.name li:last-child span	{ font-size: 8.8cqw; }
	.stylenavttle.name li:not(:last-child)::after	{ height: 1.4cqw; margin: 0 1.4cqw; }
}

/* ------------ ITEM DETAIL ------------- */
.item_detail_wrapper	{ display: -webkit-flex; display: flex; width: 62.5cqw; border: 1px solid #000; }
.item_detail_img	{ width: 50%; aspect-ratio: 1 / 1; }
.item_detail_txt	{ width: 50%; display: -webkit-flex; display: flex; align-items: flex-end; position: relative; padding: 0 2.8cqw 1.5cqw 5cqw; }
.item_detail_txt > b	{ position: absolute; top: .9cqw; right: .9cqw; color:#000; font-size: .9cqw; font-family: var(--font-en); letter-spacing:0; line-height: 1; font-weight: 400; }
a.item_detail_set	{ display: -webkit-flex; display: flex; flex-direction: column; width: 100%; position: relative; }
a.item_detail_set > span	{ color:#000; font-size: .8333cqw; font-family: var(--font-en); letter-spacing:0; line-height: 1; font-weight: 400; margin: 0 0 .7cqw }
a.item_detail_set > ul	{ width: 100%; display: -webkit-flex; display: flex;  }
a.item_detail_set > i	{ width: 100%; text-align: right; color:#000; font-size: .8333cqw; font-family: var(--font-jp); letter-spacing:0; line-height: 1; font-weight: 400; padding: .4cqw 0 0; margin: 0 0 1.7cqw }
a.item_detail_set > b	{ color:#000; font-size: 1.2cqw; font-family: var(--font-en); letter-spacing:0; line-height: 1; font-weight: 400; }
a.item_detail_set > p	{ color:#000; font-size: .9722cqw; font-family: var(--font-jp); letter-spacing:0; line-height: 1.64; font-weight: 500; margin: 0 0 4cqw; line-break: strict; }
a.item_detail_set > strong	{ position: absolute; right: -1cqw; bottom: 0; display: -webkit-flex; display: flex; }
a.item_detail_set > strong span	{ color:#000; font-size: 1.8cqw; font-family: var(--font-en); letter-spacing:0; line-height: 1; font-weight: 400; position: relative; transition: color .5s ease; }
a.item_detail_set > strong span::after	{ content:""; position: absolute; bottom: 0; left: 20%; right: 20%; width: 60%; height: 1px; background-color: #000; transition: background-color .5s ease; }
a.item_detail_set:hover > strong span::after	{ opacity: 1;  }
@media (min-width: 768px)	{ 
	.item2 .item_detail_wrapper	{ width: 69.5cqw; }
	.item2 .item_detail_img	{ width: 31.25cqw; }
	.item2 .item_detail_txt	{ gap: 2.65cqw; }
	.item2 .item_detail_txt	{ flex-grow: 1; padding: 0 2cqw 1.5cqw; }
	a.item_detail_set > i	{ margin: 0 0 1cqw }
	.item2 a.item_detail_set > p	{ margin: 0 0 2cqw; }
	a.item_detail_set:hover > strong span	{ color:#fff; }
	a.item_detail_set:hover > strong span::after	{ background-color: #fff; }
}
@media (max-width: 767.9px)	{ 
	.item_detail_wrapper	{ width: 91.5cqw; flex-wrap: wrap; }
	.item_detail_img	{ width: 100%; }
	.item_detail_txt	{ width: 100%; padding: 26cqw 3.4cqw 7.5cqw; flex-direction: column; }
	.item_detail_txt > b	{ top: 2cqw; right: 3cqw; font-size: 3.2cqw; }
	.item2 .item_detail_txt	{ gap: 10cqw; }
	a.item_detail_set > span	{ font-size: 3.2cqw; margin: 0; }
	a.item_detail_set > i	{ font-size: 3.2cqw; padding: 2cqw 0 0; margin: 0 0 2cqw; }
	a.item_detail_set > b	{ font-size: 4cqw; }
	a.item_detail_set > p	{ font-size: 3.73cqw; line-height: 1.85; margin: 0 0 4cqw; }
	a.item_detail_set > strong	{ right: -2cqw; font-size: 6.4cqw; }
	a.item_detail_set > strong span	{ font-size: 6.4cqw; }
}

/* ------------ MESSAGE ------------- */
.message_wrapper	{ width: 100%; display: -webkit-flex; display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; z-index: 1; background-color: #5AB4D7; }
.message_header	{ width: 100%; display: -webkit-flex; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 3.4cqw 0 6.5cqw; }
.message_header > b	{ color: var(--color-prmtx); text-align: center; font-size: 1.18cqw; font-family: var(--font-en); letter-spacing:0; line-height: 1; font-weight: 400; margin: 0 0 5.5cqw; }
.message_header > h3	{ color: var(--color-prmtx); text-align: center; font-size: 1.73cqw; font-family: var(--font-jp); letter-spacing:0; line-height: 1.57; font-weight: 500; margin: 0 0 1.5cqw; }
.message_header > p	{ width: 51%; color: var(--color-prmtx); text-align: center; font-size: 1.038cqw; font-family: var(--font-jp); letter-spacing:0; line-height: 2; font-weight: 500; }
.message_inner	{ width: 100%; display: -webkit-flex; display: flex; padding: 0 0 8cqw; }
.message_img_wrapper	{ width: 38.25%; }
.message_txt_wrapper	{ width: 61.75%; display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0 4.4cqw; gap: 2.4cqw 2.4cqw; }
.message_txt_wrapper > p	{ width: calc(50% - 1.5cqw); color: var(--color-prmtx); font-size: 1.0432cqw; font-family: var(--font-jp); letter-spacing:0; line-height: 2; font-weight: 500; line-break: strict; }
.message_link	{ width: 100%; display: -webkit-flex; display: flex; align-items: center; justify-content: center; margin: 0 0 1cqw; }
.message_link > a	{ width: 15.48cqw; height: 3.6cqw; border-radius: 3.6cqw; line-height: 1; display: -webkit-flex; display: flex; align-items: center; justify-content: center; gap: .7cqw; border: 1px solid var(--color-prmtx); transition: background-color 0.5s; }
.message_link > a > span	{ color: var(--color-prmtx); text-align: center; font-size: 1.25cqw; font-family: var(--font-en); letter-spacing:0; line-height: .8; font-weight: 400; transition: color 0.5s; }
.target-icon * { stroke: currentColor; }
.target-icon { width: 1.05cqw; aspect-ratio: 1 / 1; color: var(--color-prmtx); transition: color 0.5s; }

.message_profile	{ width: 100%; display: -webkit-flex; display: flex; align-items: flex-start; }
.profile_header	{ width: 28%; position: relative; display: -webkit-flex; display: flex; flex-direction: column; padding: .2cqw 0 0; }
.profile_header > b	{ color: var(--color-prmtx); font-size: 1.1cqw; font-family: var(--font-en); letter-spacing:0; line-height: 1; font-weight: 400; }
.profile_header > strong	{ color: var(--color-prmtx); font-size: 1.38cqw; font-family: var(--font-jp); letter-spacing:0; line-height: 1; font-weight: 500; margin: 0 0 .7cqw; }
.profile_header > span	{ color: var(--color-prmtx); font-size: .8cqw; font-family: var(--font-jp); letter-spacing:0; line-height: 1; font-weight: 500; margin: 0 0 .4cqw; }
.profile_header > p	{ width: 100%; position: relative; padding: 2.4cqw 0 0; color: var(--color-prmtx); font-size: .9cqw; font-family: var(--font-jp); letter-spacing:0; line-height: 1; font-weight: 500; }
.profile_header > p::before	{ content:""; position: absolute; top: 1cqw; left: 0; width: 2cqw; height: 1px; background-color: var(--color-prmtx); }
.profile_txt	{ width: 72%; }
.profile_txt > p	{ color: var(--color-prmtx); font-size: .91cqw; font-family: var(--font-jp); letter-spacing:0; line-height: 2; font-weight: 500; line-break: strict; }
@media (min-width: 768px)	{ 
	.message_inner	{ align-items: flex-start; }
	.message_txt_wrapper > p	{ margin: 0 0 3cqw; }
	.message_img_wrapper img	{ width: 100%; height: 100%; aspect-ratio: 48 / 59; }
	.message_link > a:hover	{ background-color: var(--color-prmtx); }
	.message_link > a:hover > span	{ color: var(--color-prmbg); }
	.message_link > a:hover .target-icon { color: var(--color-prmbg); }
	.profile_header > b	{ position: absolute; top: -1.9cqw; left: 0;  }
}
@media (max-width: 767.9px)	{ 
	.message_header	{ padding: 11.52cqw 0 7cqw; }
	.message_header > b	{ font-size: 3.2cqw; margin: 0 0 15cqw; }
	.message_header > h3	{ font-size: 4.8cqw; margin: 0 0 9cqw; }
	.message_header > p	{ width: 90%; font-size: 3.76cqw; line-height: 1.78; }
	.message_inner	{ flex-direction: column; align-items: center; justify-content: center; }
	.message_img_wrapper	{ width: 78.33%; margin: 0 0 11cqw; }
	.message_txt_wrapper	{ width: 100%; flex-direction: column; padding: 0 6.5cqw 10cqw 7cqw; gap: 0; }
	.message_txt_wrapper > p	{ width: 100%; font-size: 3.75cqw; line-height: 1.78; }
	.message_link	{ padding: 16cqw 0 0; margin: 0 0 11cqw; }
	.message_link > a	{ width: 60cqw; height: 13.8cqw; border-radius: 13.8cqw; gap: 4cqw; }
	.message_link > a > span	{ font-size: 4.25cqw; }
	.target-icon { width: 4cqw; }
	.message_profile	{ flex-direction: column; align-items: center; justify-content: center; }
	.profile_header	{ width: 100%; align-items: center; justify-content: center; padding: .2cqw 0 0; margin: 0 0 7.5cqw; }
	.profile_header > b	{ font-size: 3.3cqw; margin: 0 0 6cqw; }
	.profile_header > strong	{ font-size: 5.4cqw; margin: 0 0 1cqw; }
	.profile_header > span	{ font-size: 3.7cqw; margin: 0 0 4cqw; }
	.profile_header > p	{ width: auto; padding: 4cqw 0 0; font-size: 3.6cqw; }
	.profile_header > p::before	{ position: absolute; top: .5cqw; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 8cqw; height: 1px; background-color: var(--color-prmtx); }
	.profile_txt	{ width: 84cqw; }
	.profile_txt > p	{ font-size: 3.2cqw; line-height: 1.75; }
}

/* ------------ BOTTOM PARALLAX ------------- */
.bottomroll	{ width: 100%; position: relative; background-color: #5ab4d7; }

/* ------------ BOTTOM IMFO ------------- */
.bottomimfo	{ width: 100%; display: -webkit-flex; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 10cqw 0; background-color: #5ab4d7; z-index: 1; }
.bottomBtn	{ display: -webkit-flex; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; margin: 0 0 8cqw; }
.bottomBtn > a	{ width: 20cqw; height: 3.6cqw; border-radius: 3.6cqw; line-height: 1; display: -webkit-flex; display: flex; align-items: center; justify-content: center; gap: .7cqw; border: 1px solid var(--color-prmtx); transition: background-color 0.5s; }
.bottomBtn > a > span	{ color: var(--color-prmtx); text-align: center; font-size: 1.25cqw; font-family: var(--font-en); letter-spacing:0; line-height: .8; font-weight: 400; transition: color 0.5s; }
.bottomimfo > ul	{ display: -webkit-flex; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1cqw;  }
.bottomimfo > ul > li	{ color: var(--color-prmtx); text-align: center; font-size: .99cqw; font-family: var(--font-en); letter-spacing: .05em; line-height: 1; font-weight: 400; }
@media (min-width: 768px)	{ 
	.bottomBtn > a:hover	{ background-color: var(--color-prmtx); }
	.bottomBtn > a:hover > span	{ color: var(--color-prmbg); }
}
@media (max-width: 767.9px)	{ 
	.bottomimfo	{ padding: 16cqw 0 28cqw; }
	.bottomBtn	{ margin: 0 0 22cqw; }
	.bottomBtn > a	{ width: 75cqw; height: 13.8cqw; border-radius: 13.8cqw; }
	.bottomBtn > a > span	{ font-size: 4.25cqw; }
	.bottomimfo > ul	{ display: -webkit-flex; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1.8cqw;  }
	.bottomimfo > ul > li	{ font-size: 3.2cqw; }
}

/* ------------ SLIDER ------------- */
.splide--counter .splide__pagination {
  position: absolute;
  left: 20px;
  bottom: 20px;
  right: auto;
  transform: none;
  padding: 0;
  margin: 0;
  display: flex;
  gap: 10px;
  z-index: 1;
  width: auto;
}

.splide--counter .splide__pagination__page {
  display: inline-block;
  width: auto;
  height: auto;
  background: none;
  border: none;
  border-radius: 0;
  margin: 0;
  padding: 0 0 4px 0;
  color: #fff;
  font-size: 16px;
  font-weight: normal;
  opacity: 0.6;
  transition: all 0.3s;
  position: relative;
  line-height: 1;
  border-bottom: 2px solid transparent;
}

.splide--counter .splide__pagination__page.is-active {
  opacity: 1;
  transform: none;
  border-bottom: 2px solid #fff;
  background: none;
}
.splide--counter .splide__pagination__page:hover {
  opacity: 1;
}

@media (max-width: 767.9px)	{ 
	.splide--counter .splide__pagination { left: 10px; bottom: 10px; gap: 6px; }
	.splide--counter .splide__pagination__page { font-size: 13px; border-bottom: 1px solid transparent; }
	.splide--counter .splide__pagination__page.is-active { border-bottom: 1px solid #fff; }
}

.main_contents_nav { opacity: 0; transition: opacity .3s ease; }
.main_contents_nav.is-sticky { opacity: 1; }

/* ------------ BLOCK ------------- */
.movie_wrapper_pc, 
.movie_wrapper_sp	{ width: 100%; display: flex; margin-bottom: -1px; background-color: #000; }
.movie_wrapper_pc > div	{ flex: 1; min-width: 0; }
.movie_wrapper_sp > div	{ width: 100%; }
video	{ width: 100%; height: auto; display: block; }

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

.no-transition * {
  transition: none !important; -webkit-transition-delay: 0; transition-delay: 0;
}