@charset "utf-8";

:root {
--color-base: #fdfbf5;
--color-red: #e60000;
--color-red-dark: #7d0000;
--color-entry: #ff8a00;
--color-entry-dark: #a84200;
--color-gray: #262626;
}

.sentai2508_wrapper {
font-size:clamp(.9375em,2vw,1.25em);
line-break: strict !important;
}
.sentai2508_wrapper img {
display: inline-block;
width: 100%;
height: auto;
vertical-align: top;
}
.sentai2508_wrapper {
overflow-wrap: anywhere;
word-break: normal;
line-break: strict;
background: url(/kouza/lp/sentaicp_202508/imgs/sentai2508_bg_pc.jpg) repeat-y center top / 100% auto;
}
@media screen and (max-width: 48em) {
.sentai2508_wrapper {
background: url(/kouza/lp/sentaicp_202508/imgs/sentai2508_bg.jpg) repeat-y center top / 100% auto;
}
}
@media screen and (min-width: 1400px) {
.sentai2508_wrapper {
background: #dec766 url(/kouza/lp/sentaicp_202508/imgs/sentai2508_bg_pc.jpg) repeat-y center top;
}
}
.sentai2508_wrap {
width: min(100%, 1100px);
margin-inline: auto;
}
/* reset */
.sentai2508_wrapper .m-tab_item>button,
.sentai2508_wrapper .m-tab_item>a {
padding: 0;
}
.sentai2508_wrapper .m-tab_item-active:before,
.sentai2508_wrapper .m-tab_item.is-active:before {
display: none;
}
.sentai2508_wrapper .m-tab_head {
border: none;
}
.sentai2508_wrapper .m-tab_item {
border: none;
}
.sentai2508_wrapper .m-tab_item-active:after,
.sentai2508_wrapper .m-tab_item.is-active:after {
display: none;
}
.sentai2508_wrapper .m-tab_body {
padding-top: 0;
}
.sentai2508_wrapper .a-ico_arw-r {
padding-left: .5em;
font-size: 1em;
}
.sentai2508_wrapper summary {
list-style: none;
display: block;
}
.sentai2508_wrapper summary::-webkit-details-marker {
display: none;
}
.sentai2508_wrapper .m-tab_head {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 3.8%;
margin: 2.7em auto 1.6em;
}
.sentai2508_wrapper .sentai2508_sanka .m-tab_head {
gap: 7%;
width: 91%;
margin: 2.5em auto 1.6em;
}
.sentai2508_wrapper .a-ico_arw-r:before {
top: .5em;
}
@media screen and (max-width: 48em) {
.sentai2508_wrapper .sentai2508_sanka .m-tab_head {
gap: 5%;
margin: 1.2em auto 1em;
}
.sentai2508_wrapper .m-tab_head {
gap: 7%;
width: 90.9%;
}
.sentai2508_wrapper .m-tab_headwrap {
padding-top: 0;
padding-bottom: 0;
}
.sentai2508_wrapper .m-tab_head {
margin: 1em auto .8em;
}
.sentai2508_wrapper .m-tab_item {
display: inline-block;
width: auto;
}
.sentai2508_wrapper .a-ico_arw-r:before {
top: .25em;
width: .4em;
height: .8em;
background-size: .8em 1.6em;
}
}
/* keyvisual */
.sentai2508_kv {
position: relative;
background: #170201 url(/kouza/lp/sentaicp_202508/imgs/sentai2508_kv_bg_w.jpg) no-repeat top center;
}
.sentai2508_kv_inner {
width: min(100%, 1400px);
margin-inline: auto;
background: url(/kouza/lp/sentaicp_202508/imgs/sentai2508_kv_bg.jpg) no-repeat top center / cover;
}
.sentai2508_kv_ttl {
width: 100%;
}
/* links */
.sentai2508_links {
display: grid;
grid-template-columns: 55.090909% 42.7272727%;
gap: 2.1818181%;
width: 100%;
margin: 4.05em auto 2.8em;
}
.sentai2508_links li {
background: #fff;
}
.sentai2508_links_ttl {
padding: .5em 18% .3em 1.4em;
box-sizing: border-box;
font-size:clamp(1em,2vw,1.5em);
font-weight: bold;
color: #fff;
background: var(--color-gray) url(/kouza/lp/sentaicp_202508/imgs/sentai2508_links_bg.png) no-repeat right top / contain;
}
ul.sentai2508_links_item {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 1em;
width: 87.1287128%;
}
p.sentai2508_links_item {
width: 82.9787234%;
}
.sentai2508_links_item {
margin: 1.6em auto 2.2em;
}
ul.sentai2508_links_item a {
display: block;
filter: drop-shadow(0 1.2rem 0 var(--color-red-dark));
}
p.sentai2508_links_item a {
display: block;
filter: drop-shadow(0 1.2rem 0 var(--color-entry-dark));
}
@media screen and (max-width: 48em) {
.sentai2508_links {
grid-template-columns: 1fr;
gap: 5vw;
width: 92%;
margin: 8.266vw auto 10.66vw;
}
.sentai2508_links_ttl {
padding: .5em 1em .35em;
}
.sentai2508_links_item {
margin: 4.2vw auto 6vw;
}
ul.sentai2508_links_item {
gap: 4vw;
}
ul.sentai2508_links_item,
p.sentai2508_links_item {
width: 90.25%;
}
ul.sentai2508_links_item a {
filter: drop-shadow(0 .7rem 0 var(--color-red-dark));
}
p.sentai2508_links_item a {
filter: drop-shadow(0 .7rem 0 var(--color-entry-dark));
}
}
/* entry set */
.sentai2508_entryset {
position: relative;
z-index: 11;
padding: 2em 0;
background-color: var(--color-gray);
border-top: clamp(2px,.6vw,8px) solid var(--color-red);
border-bottom: clamp(2px,.6vw,8px) solid var(--color-red);
box-sizing: border-box;
}
.sentai2508_entryset::before,
.sentai2508_entryset::after {
content: '';
position: absolute;
width: 8.75em;
height: 1.5em;
background: url(/kouza/lp/sentaicp_202508/imgs/sentai2508_entryset_bg_pc.png) no-repeat top left / contain;
}
.sentai2508_entryset::before {
top: 0;
left: 0;
margin-top: -1px;
}
.sentai2508_entryset::after {
right: 0;
bottom: 0;
margin-bottom: -1px;
transform: scale(-1, -1);
}
.sentai2508_entryset ul {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 7.6923076%;
width: min(92%, 1040px);
margin: 0 auto .6em;
}
@media screen and (max-width: 48em) {
.sentai2508_entryset {
padding: 2.3em 0;
}
.sentai2508_entryset::before,
.sentai2508_entryset::after {
width: 4.5em;
height: 1.7em;
background: url(/kouza/lp/sentaicp_202508/imgs/sentai2508_entryset_bg.png) no-repeat top left / contain;
}
.sentai2508_entryset ul {
gap: 4.3478%;
margin: 0 auto 1.6vw;
}
}
.sentai2508_entryset li {
height: 100%;
}
.sentai2508_entryset a,
.sentai2508_entryset button span {
display: grid;
grid-template-columns: 1em auto 1em;
align-items: center;
gap: .25em;
width: 100%;
box-sizing: border-box;
font-size:clamp(1em,2vw,1.5em);
font-weight: bold;
line-height: 1.3;
text-align: center;
text-decoration: none;
}
.sentai2508_entryset button span {
letter-spacing: .1em;
}
@media screen and (max-width: 48em) {
.sentai2508_entryset button span {
grid-template-columns: auto 1em;
}
.sentai2508_entryset button span::before {
display: none;
}
}
.sentai2508_entryset div,
.sentai2508_entryset a {
border-radius: 3em;
}
.sentai2508_entryset a,
.sentai2508_entryset button {
width: 100%;
height: 100%;
padding: .8em .6em;
box-sizing: border-box;
color: #fff;
}
.sentai2508_entryset button {
padding: .8em;
}
.sentai2508_entryset a::before,
.sentai2508_entryset button span::before {
content: "";
}
.sentai2508_entryset a::after,
.sentai2508_entryset button span::after {
content: "";
width: .9em;
height: .9em;
background: url(/kouza/lp/sentaicp_202508/imgs/sentai2508_icon_arrow.png) no-repeat top left / contain;
}
@media screen and (max-width: 48em) {
.sentai2508_entryset a {
grid-template-columns: auto 1em;
padding: .6em .9em;
}
.sentai2508_entryset a::before {
content: "";
display: none;
}
.sentai2508_entryset .sentai2508_btn_kouza {
letter-spacing: .2em;
text-indent: -.2em;
}
.sentai2508_entryset a::after {
width: 1em;
height: 1em;
}
}
.sentai2508_entryset a span {
display: inline-block;
}
.sentai2508_entryset a>span {
position: relative;
top: .08em;
}
.sentai2508_entryset li:first-child a {
box-shadow: 0 1rem 0 0 var(--color-red-dark);
}
.sentai2508_entryset li:last-child a {
box-shadow: 0 1rem 0 0 var(--color-entry-dark);
}
@media screen and (max-width: 48em) {
.sentai2508_entryset li:first-child a {
box-shadow: 0 .6rem 0 0 var(--color-red-dark);
}
.sentai2508_entryset li:last-child a {
box-shadow: 0 .6rem 0 0 var(--color-entry-dark);
}
}
.sentai2508_fixid {
position: sticky;
bottom: 0;
}
.sentai2508_fixid.sentai2508_entryset {
padding: .6em 0;
border-top-width: 3px;
border-bottom-width: 3px;
}
.sentai2508_fixid.sentai2508_entryset ul {
width: min(calc(100% - 80px), 1040px);
gap: 4em;
}
@media screen and (max-width: 1200px) and (min-width: 48em) {
.sentai2508_fixid.sentai2508_entryset ul {
width: calc(100% - 180px);
gap: 1em;
}
}
@media screen and (max-width: 48em) {
.sentai2508_fixid.sentai2508_entryset ul {
gap: .3em;
margin-right: 70px;
margin-left: 10px;
}
}
.sentai2508_fixid.sentai2508_entryset ul {
margin-bottom: .25em;
}
.sentai2508_fixid.sentai2508_entryset button,
.sentai2508_fixid.sentai2508_entryset a {
padding: .6em .5em;
}
.sentai2508_fixid.sentai2508_entryset li:first-child {
box-shadow: 0 .8rem 0 0 var(--color-red-dark);
}
.sentai2508_fixid.sentai2508_entryset li:last-child a {
box-shadow: 0 .8rem 0 0 var(--color-entry-dark);
}
@media screen and (max-width: 48em) {
.sentai2508_fixid.sentai2508_entryset li:first-child {
box-shadow: 0 .4rem 0 0 var(--color-red-dark);
}
.sentai2508_fixid.sentai2508_entryset li:last-child a {
box-shadow: 0 .4rem 0 0 var(--color-entry-dark);
}
.sentai2508_entryset li:last-child a {
grid-template-columns: auto 1em;
}
}
.sentai2508_fixid.sentai2508_entryset::before,
.sentai2508_fixid.sentai2508_entryset::after {
width: 3em;
height: .5em;
background-size: cover;
}
.t-pagetop {
z-index: 12;
bottom: 20px;
}
/* nav */
.sentai2508_nav {
position: relative;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
margin: 2.7em auto;
padding: 0 2.09%;
box-sizing: border-box;
font-size:clamp(.8666em,1.7333vw,1em);
background-color: #fff;
}
.sentai2508_nav li {
position: relative;
}
.sentai2508_nav li:nth-child(1) {
width: 20.01%;
}
.sentai2508_nav li:nth-child(2) {
width: 18.31%;
}
.sentai2508_nav li:nth-child(3) {
width: 14.23%;
}
.sentai2508_nav li:nth-child(4) {
width: 31.3%;
}
.sentai2508_nav li:nth-child(5) {
width: 16.12%;
}
.sentai2508_nav li a {
width: 100%;
text-align: center;
}
.sentai2508_nav li:not(:last-child)::after {
content: "";
position: absolute;
top: 50%;
right: 0;
width: 0;
height: 2.3em;
border-right: 1px solid #ccc;
transform: translateY(-50%);
}
@media screen and (max-width: 48em) {
.sentai2508_nav {
margin: 10.7vw auto;
padding: 0;
}
.sentai2508_nav::before {
content: "";
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 0;
border-top: 1px solid #a6a6a6;
}
.sentai2508_nav li:nth-child(3)::after {
display: none;
}
}
.sentai2508_nav a {
display: grid;
grid-template-columns: 1fr;
gap: .05em;
align-items: center;
justify-content: center;
width: 100%;
padding: .9em .5em .6em;
box-sizing: border-box;
color: #000;
text-decoration: none;
}

@media screen and (max-width: 48em) {
.sentai2508_nav a {
grid-template-columns: 1em auto;
padding: 1em .5em 1em .7em;
}
}
.sentai2508_nav a::after {
content: "";
width: .55em;
height: .55em;
margin: auto;
border-bottom: 1px solid currentColor;
border-right: 1px solid currentColor;
transform: translateY(-46%) rotate(45deg);
}
@media screen and (max-width: 48em) {
.sentai2508_nav a span {
order: 2;
}
.sentai2508_nav a::after {
order: 1;
transform: translateY(-25%) rotate(45deg);
}
}
.sentai2508_nav li {
position: relative;
}
@media screen and (max-width: 48em) {
.sentai2508_nav li:not(:nth-child(2n+3))::after {
content: "";
top: 50%;
right: 0;
position: absolute;
width: 1px;
height: 2.1em;
background-color: #b0b0b0;
transform: translate(-50%, -50%);
}
.sentai2508_nav li:first-child {
width: 37.2%;
}
.sentai2508_nav li:nth-child(2) {
width: 35%;
}
.sentai2508_nav li:nth-child(3) {
width: 27.7%;
}
.sentai2508_nav li:nth-child(4) {
width: 61%;
}
.sentai2508_nav li:last-child {
width: 39%;
}
}
/* Heading */
.sentai2508_heading {
margin: .6em auto;
font-size:clamp(1.8666em,3.7333vw,2.8em);
font-weight: bold;
text-align: center;
text-shadow: 0 .1em .3em #c4b061;
}
.sentai2508_heading02 {
padding: 1em 0 0;
font-size: 1em;
font-weight: bold;
text-align: left;
line-height: 1.5;
}
@media screen and (max-width: 48em) {
.sentai2508_heading02 {
padding: 1em 0 .3em;
}
}
.sentai2508_heading03 {
margin-bottom: .1em;
font-size: clamp(1em,1.7143vw,1.2em);
font-weight: bold;
}
.sentai2508_heading span,
.sentai2508_heading02 span {
display: inline-block;
}
/* layout */
.sentai2508_section {
margin-top: 5em;
}
/* layout red block */
.sentai2508_block {
position: relative;
padding: clamp(2px,1.06666vw,8px);
box-sizing: border-box;
background: linear-gradient(#a40000, #ec6842, #a40000);
}
.sentai2508_block:not(:last-child) {
margin-bottom: 4.5em;
}
.sentai2508_block:not(:last-child)::after {
content: "";
position: absolute;
left: 50%;
bottom: -3.4em;
width: 8em;
height: 2.2em;
background: url(/kouza/lp/sentaicp_202508/imgs/sentai2508_arrow.png) top center / 100% auto no-repeat;
transform: translateX(-50%);
}
@media screen and (max-width: 48em) {
.sentai2508_block:not(:last-child)::after {
bottom: -3.8em;
width: 5em;
}
}
.sentai2508_block_body {
padding: 2.1em;
box-sizing: border-box;
font-size: 1em;
line-height: 1.5;
background-color: var(--color-base);
}
#sentai2508_js_panel01 .sentai2508_block:first-child .sentai2508_block_body {
padding-top: 1.7em;
}
@media screen and (max-width: 48em) {
#sentai2508_js_panel01 .sentai2508_block:first-child .sentai2508_block_body {
padding-top: 1em;
}
.sentai2508_block_body {
padding: 1em .8em 1.5em;
}
#sentai2508_js_panel01 .sentai2508_block_body {
padding-top: 1em;
}
}
.sentai2508_block_ttl {
display: grid;
grid-template-columns: 14% auto;
align-items: center;
gap: .8em;
margin: 0 auto .5em;
font-size:clamp(1.46em,2.9333vw,1.8em);
line-height: 1.454545454;
}
#sentai2508_js_panel01 .sentai2508_block:first-child .sentai2508_block_ttl {
gap: .3em;
margin: 0 auto .2em;
}
.sentai2508_block_ttl img {
display: block;
margin-top: -.2em;
}
@media screen and (max-width: 48em) {
.sentai2508_block_ttl {
grid-template-columns: 1fr;
gap: 0;
margin: 0 auto .3em;
text-align: center;
}
#sentai2508_js_panel01 .sentai2508_block:first-child .sentai2508_block_ttl {
gap: 0;
margin: 0 auto .3em;
}
.sentai2508_block_ttl img {
width: 3.5em;
margin: 0 auto .5em;
}
}
.sentai2508_block_ttl span {
display: inline-block;
}
.sentai2508_block strong {
color: var(--color-red);
font-weight: normal;
}
.sentai2508_block_txt_large {
margin: 0 0 1em;
font-size:clamp(1.73333em,3.4666vw,2em);
font-weight: bold;
color: var(--color-red);
text-align: center;
text-decoration: underline;
line-height: 1.7;
text-underline-offset: .3em;
}
@media screen and (max-width: 48em) {
.sentai2508_block_txt_large {
margin: 0 0 .6em;
}
.sentai2508_block_txt_large span {
display: block;
}
}
.sentai2508_step_txt01 {
text-align: center;
}
/* notes */
.sentai2508_notes {
font-size: .8em;
line-height: 1.5;
}
.sentai2508_notes_mark01 li {
display: grid;
grid-template-columns: 1em auto;
}
.sentai2508_notes_no {
margin: .2em 0 1em;
line-height: 1.7;
}
.sentai2508_notes_no li {
display: grid;
grid-template-columns: 4em auto;
}
small.sentai2508_notes {
position: relative;
top: -.2em;
display: inline-block;
margin: 0 0 .25em;
}
/* need */
.sentai2508_need {
margin: .8em auto .5em;
padding: 1.3em 2em 2em;
background: #fff;
}
@media screen and (max-width: 48em) {
.sentai2508_need {
margin: 2.4vw auto;
padding: 2.6vw 2.2vw 4vw;
}
}
.sentai2508_need_ttl {
margin-bottom: .4em;
font-size: 1.2em;
font-weight: bold;
text-align: center;
}
.sentai2508_need_img {
width: 70%;
margin-inline: auto;
}
@media screen and (max-width: 48em) {
.sentai2508_need_img {
width: 100%;
}
}
/* flow */
.sentai2508_flow {
margin: 1em auto 1.85em;
padding: 1.4em 1em;
background: #fff;
}
@media screen and (max-width: 48em) {
.sentai2508_flow {
margin: 1.15em auto 8.4vw;
padding: 5.5vw 0;
}
}
.sentai2508_flow_ttl {
font-size: 1.2em;
text-align: center;
}
/* txt link */
.sentai2508_txt_link {
margin: .55em 0 0;
}
.sentai2508_txt_link a span {
text-decoration: underline;
}
/* btn */
.sentai2508_btn_modal,
.sentai2508_btn a {
position: relative;
display: grid;
grid-template-columns: auto 1em;
align-items: center;
width: min(100%,16em);
margin: 1.4em auto 1.8em;
padding: .75em .7em .7em 1.7em;
box-sizing: border-box;
font-size:clamp(1.3333em,2.666vw,1.5em);
font-weight: bold;
text-align: center;
text-decoration: none;
text-indent: .5em;
color: #fff;
border-radius: 3em;
}
.sentai2508_btn_modal {
grid-template-columns: 1fr;
margin-bottom: 0;
padding: 0;
}
.sentai2508_btn_modal button {
display: block;
width: 100%;
box-sizing: border-box;
margin: 0;
}
.sentai2508_btn_modal button span {
display: grid;
grid-template-columns: auto 1em;
align-items: center;
margin: 0 auto;
width: stretch;
padding: .75em .7em .7em 1.7em;
box-sizing: border-box;
font-weight: bold;
letter-spacing: .1em;
color: #fff;
}
.sentai2508_btn_modal button span::after {
content: "";
width: .9em;
height: .9em;
background: url(/kouza/lp/sentaicp_202508/imgs/sentai2508_icon_arrow.png) no-repeat top left / contain;
}
@media screen and (max-width: 48em) {
.sentai2508_btn a {
width: 90.4348%;
margin: 1.7em auto 2.1em;
padding: .8em .7em .7em;
}
}
.sentai2508_btn a::after {
content: "";
width: .9em;
height: .9em;
background: url(/kouza/lp/sentaicp_202508/imgs/sentai2508_icon_arrow.png) no-repeat top center / contain;
}
@media screen and (max-width: 48em) {
.sentai2508_btn a::after {
width: 1em;
height: .7em;
}
}
.sentai2508_btn_entry a {
display: grid;
grid-template-columns: 1em auto 1em;
gap: .5em;
background-color: var(--color-entry);
box-shadow: 0 1rem 0 0 var(--color-entry-dark);
}
@media screen and (max-width: 48em) {
.sentai2508_btn_entry a {
box-shadow: 0 .6rem 0 0 var(--color-entry-dark);
}
}
.sentai2508_block .sentai2508_btn_entry a {
grid-template-columns: auto 1em;
}
.sentai2508_btn_kouza {
margin-bottom: .4em;
letter-spacing: .1em;
background-color: var(--color-red);
box-shadow: 0 1rem 0 0 var(--color-red-dark);
border-radius: 3em;
}
.sentai2508_btn_contact a {
width: min(100%,16.6em);
margin: 1.1em auto 3.2em;
padding: .5em 1em .4em;
color: var(--color-red);
background-color: #fff;
border: 2px solid var(--color-red);
box-shadow: 0 1rem 0 0 currentColor;
}
@media screen and (max-width: 48em) {
.sentai2508_btn_kouza {
box-shadow: 0 .6rem 0 0 var(--color-red-dark);
}
.sentai2508_btn_contact a {
margin: .5em auto 3em;
padding: .6em 1em;
font-size: 1.2em;
  line-height: 1.4;
box-shadow: 0 .6rem 0 0 currentColor;
}
.sentai2508_block_body .sentai2508_btn_entry a {
grid-template-columns: 1em auto 1em;
width: min(100%, 16em);    
margin: 1em auto;
}
.sentai2508_block_body .sentai2508_btn_entry a::before {
content: "";
}
}
.sentai2508_btn_contact a::after {
width: .8em;
margin: auto 0 auto auto;
background: url(/kouza/lp/sentaicp_202508/imgs/sentai2508_icon_arrow_red.png) no-repeat top center / contain;
}
/* sanka */
.sentai2508_user_txt {
margin: 2em 2.6em 2.2em;
font-size: 1em;
line-height: 1.6;
}
.sentai2508_user {
margin-top: 5.6em;
}
@media screen and (max-width: 48em) {
.sentai2508_user_txt {
margin: 1.3em 1em 1.2em;
}
}
/* accordion */
.sentai2508_accordion_btn {
position: relative;
display: grid;
grid-template-columns: 1em auto 1em;
align-items: center;
gap: .5em;
width: 100%;
padding: .2em .95em;
font-size:clamp(1.3333em,2.6666vw,1.92em);
font-weight: bold;
text-align: center;
color: #fff;
background: url(/kouza/lp/sentaicp_202508/imgs/sentai2508_accordion_btn_pc.png) no-repeat left top / cover;
cursor: pointer;
}
@media screen and (max-width: 48em) {
.sentai2508_accordion_btn {
padding: .5em 1.4em;
background: url(/kouza/lp/sentaicp_202508/imgs/sentai2508_accordion_btn.png) no-repeat left top / cover;
}
}
.sentai2508_accordion_btn::before {
content: "";
}
.sentai2508_accordion_btn span:first-child {
display: block;
margin-top: .15em;
}
.sentai2508_arrow01 {
display: block;
position: relative;
width: 1.3em;
height: 1.3em;
background: #fff;
border-radius: 50%;
}
@media screen and (max-width: 48em) {
.sentai2508_arrow01 {
width: 1.2em;
height: 1.2em;
}
}
.sentai2508_arrow01::before,
.sentai2508_arrow01::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 60%;
height: 3px;
background-color: var(--color-red);
transform: translate(-50%, -50%) rotate(0deg);
transition: .5s;
}
.sentaicp_202508 details .sentai2508_arrow01::after {
transform: translate(-50%, -50%) rotate(270deg);
}
.sentaicp_202508 details[open] .sentai2508_arrow01::before {
transform: translate(-50%, -50%) rotate(360deg);
}
.sentaicp_202508 details[open] .sentai2508_arrow01::after {
transform: translate(-50%, -50%) rotate(540deg);
}
.sentaicp_202508 summary {
display: block;
list-style: none;
}
.sentaicp_202508 summary::-webkit-detail-marker {
display: none;
}
.sentai2508_sanka .m-tab_item {
position: relative;
padding-bottom: .7em;
background: url(/kouza/lp/sentaicp_202508/imgs/sentai2508_btn_shadow_pc.png) no-repeat bottom left / 100% auto;
}
@media screen and (max-width: 48em) {
.sentai2508_sanka .m-tab_item {
padding-bottom: 1.6vw;
background: url(/kouza/lp/sentaicp_202508/imgs/sentai2508_btn_shadow.png) no-repeat bottom left / 100% auto;
}
}
.sentai2508_sanka .m-tab_item button {
position: relative;
z-index: 2;
}
.sentai2508_btn_u15 button {
background: url(/kouza/lp/sentaicp_202508/imgs/sentai2508_btn_u15_off_pc.png) no-repeat top left / 100% auto;
}
.sentai2508_btn_15over button {
background: url(/kouza/lp/sentaicp_202508/imgs/sentai2508_btn_15over_off_pc.png) no-repeat top left / 100% auto;
}
@media screen and (max-width: 48em) {
.sentai2508_btn_u15 button {
background: url(/kouza/lp/sentaicp_202508/imgs/sentai2508_btn_u15_off.png) no-repeat top left / 100% auto;
}
.sentai2508_btn_15over button {
background: url(/kouza/lp/sentaicp_202508/imgs/sentai2508_btn_15over_off.png) no-repeat top left / 100% auto;
}
}
.sentai2508_sanka .m-tab_item img {
visibility: hidden;
}
.sentai2508_sanka .m-tab_item.m-tab_item-active img {
visibility: visible;
}
/* list */
.sentai2508_list_disk {
padding-left: 1em;
}
.sentai2508_list_disk li {
list-style-type: "・";
}
.sentai2508_list_disk span {
display: inline-block;
}
/* step */
.sentai2508_block_15over_step02 .sentai2508_notes {
text-align: center;
}
/* tokuten */
.sentai2508_tokuten {
position: relative;
display: flex;
justify-content: center;
gap: 1.6em;
margin: 1em auto;
}
.sentai2508_tokuten li {
display: grid;
width: min(100%,19em);
}
.sentai2508_tokuten li:nth-child(2)::before,
.sentai2508_tokuten li:nth-child(2)::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 1.2em;
height: .3em;
background-color: #444;
transform: translate(-50%, -50%);
}
.sentai2508_tokuten li:nth-child(2)::after {
transform: translate(-50%, -50%) rotate(90deg);
}
.sentai2508_tokuten_txt {
order: 2;
padding-top: .8em;
font-size: clamp(1.2em,2.5455vw,1.4em);
font-weight: bold;
text-align: center;
}
.sentai2508_tokuten_img {
order: 1;
width: 87%;
margin: 0 auto;
padding: 2.6em 1.6em 2em;
box-sizing: border-box;
background: #fff;
box-shadow: .5rem .5rem 0 0 #d9d9d9;
}
@media screen and (max-width: 48em) {
.sentai2508_tokuten {
display: grid;
gap: 2.8em;
margin: .7em auto 1em;
}
.sentai2508_tokuten li {
width: 100%;
}
.sentai2508_tokuten::before,
.sentai2508_tokuten::after {
width: 3.8667vw;
height: 1.0667vw;
transform: translate(-50%, -120%);
}
.sentai2508_tokuten_img {
width: 62.754%;
padding: 2.4em 2em 2em;
}
}
/* overview */
.sentai2508_overview .m-tab_head {
width: 98%;
margin: 0 auto 2em;
}
@media screen and (max-width: 48em) {
.sentai2508_overview .m-tab_head {
width: 92%;
margin-bottom: 1.4em;
}
}
.sentai2508_overview .m-tab_item {
position: relative;
box-sizing: border-box;
text-align: center;
background: #fff;
border: 2px solid var(--color-red);
}
.sentai2508_overview .m-tab_item-active {
background-color: var(--color-red);
}
.sentai2508_overview .m-tab_item button {
display: block;
padding: .3em .3em .2em;
box-sizing: border-box;
font-size: clamp(1.1em,2.5714vw,1.8em);
font-weight: bold;
color: var(--color-red);
}
@media screen and (max-width: 48em) {
.sentai2508_overview .m-tab_item button {
padding: .4em;
letter-spacing: .1em;
text-indent: -.1em;
}
}
.sentai2508_overview .m-tab_item-active button {
color: #fff;
}
.sentai2508_overview .m-tab_item button span {
text-align: center;
}
.sentai2508_overview .m-tab_head .m-tab_item button {
position: relative;
}
.sentai2508_overview .m-tab_item > button span, .m-tab_item > a span {
display: inline-block;
}
.sentai2508_overview .m-tab_head .m-tab_item.m-tab_item-active button::after {
content: "";
position: absolute;
bottom: 0;
left: 50%;
background: var(--color-red);
height: calc(tan(60deg) * .8em / 2);
width: 1em;
clip-path: polygon(0 0, 100% 0, 50% 100%);
transform: translate(-50%, 100%);
}
.sentai2508_overview .sentai2508_block_body {
line-height: 1.7;
}
.sentai2508_overview_ttl {
font-weight: bold;
}
.sentai2508_overview_wrap {
display: grid;
grid-template-columns: 11em auto;
gap: 1em 1.2em;
}
.sentai2508_overview_wrap:not(:last-child) {
margin-bottom: 1.4em;
}
@media screen and (max-width: 48em) {
.sentai2508_overview_wrap {
grid-template-columns: 1fr;
gap: 0;
}
.sentai2508_overview_wrap:not(:last-child) {
margin-bottom: 1.8em;
}
}
.sentai2508_overview_wrap dl div {
display: grid;
grid-template-columns: 7em auto;
}
.sentai2508_overview_wrap dt {
display: flex;
justify-content: space-between;
}
.sentai2508_overview_wrap ol li {
display: grid;
grid-template-columns: 1em auto;
}
@media screen and (max-width: 48em) {
.sentai2508_overview_wrap dl div {
grid-template-columns: 1fr;
}    
.sentai2508_overview_wrap dt {
width: fit-content;
}
}
.sentai2508_kikan span {
display: inline-block;
}
/* faq */
.sentai2508_faq details {
line-height: 1.75;
}
.sentai2508_faq summary {
position: relative;
display: grid;
grid-template-columns: 2.9em auto 1.8em;
gap: 1em;
padding: 0 0 1.6em .2em;
border-bottom: 1px solid #444;
cursor: pointer;
}
.sentai2508_faq details:not(:first-child) {
padding-top: .75em;
}
.sentai2508_faq_label {
width: 2.6em;
transform: translate(-.3em,-.1em);
}
@media screen and (max-width: 48em) {
.sentai2508_faq_label {
width: 2.5em;
transform: translate(-.1em,.3em);
}
}
.sentai2508_faq_a .sentai2508_faq_label {
width: 2.6em;
transform: translate(-.3em,-.2em);
}
@media screen and (max-width: 48em) {
.sentai2508_faq_a .sentai2508_faq_label {
width: 2.5em;
transform: translate(-.1em,-.2em);
}
}
.sentai2508_faq summary::before,
.sentai2508_faq summary::after {
content: "";
display: block;
width: 1.6em;
height: 3px;
margin: .85em 0 auto auto;
background-color: var(--color-red);
transition: .5s;
}
.sentai2508_faq summary::before {
position: absolute;
top: 0;
right: 0;
transform: rotate(0);
}
.sentai2508_faq details summary::before {
transform: rotate(270deg);
transition: .5s;
}
.sentai2508_faq details[open] summary::before {
transform: rotate(540deg);
transition: .5s;
}
.sentai2508_faq details[open] summary::after {
transform: rotate(360deg);
}
.sentai2508_faq_a {
display: grid;
grid-template-columns: 2.9em auto;
gap: 1em;
padding: 1.6em 0 2.2em .2em;
}
.sentai2508_faq details:last-child .sentai2508_faq_a {
padding-bottom: 0;
}
.sentai2508_faq_a .sentai2508_notes {
position: relative;
top: -.1em;
}
@media screen and (max-width: 48em) {
.sentai2508_faq summary {
grid-template-columns: 2.8em auto 1.8em;
gap: .5em;
padding: 0 0 .6em .2em;
}
.sentai2508_faq_a {
grid-template-columns: 2.8em auto;
gap: .5em;
padding: 1.2em 0 2.4em .2em;
}
}
/* attention */
.sentai2508_attention section:not(:last-child) {
margin-bottom: 1.1em;
}
@media screen and (max-width: 48em) {
.sentai2508_attention section:not(:last-child) {
margin-bottom: 2.3em;
}
}
.sentai2508_attention .sentai2508_heading03 {
display: grid;
grid-template-columns: 1em auto;
font-size: 1em;
}
.sentai2508_attention .sentai2508_heading03::before {
content: "";
width: .6em;
height: .6em;
margin-top: .45em;
background-color: currentColor;
}
.sentai2508_attention .sentai2508_block_body {
line-height: 1.745;
}
.sentai2508_wrapper sup {
font-size: .6em;
}
.sentai2508_attention .sentai2508_notes {
line-height: 1.7;
}
.sentai2508_attention .sentai2508_notes .sentai2508_txt_link {
margin-bottom: .9em;
font-size: 1.25em;
}
/* sentai */
.sentai2508_sentai .sentai2508_block_body {
padding-bottom: 2em;
}
.sentai2508_sentai_img {
width: min(100%,376px);
margin: 0 auto 1.6em;
}
@media screen and (max-width: 48em) {
.sentai2508_sentai_img {
width: 92%;
margin: 3.5em auto 4em;
}
}
.sentai2508_sentai_txt {
margin: 1em auto;
line-height: 1.75;
}
/* sns */
.sentai2508_sns ul {
display: flex;
justify-content: center;
width: 52.4%;
margin: 0 auto;
}
.sentai2508_sns a {
display: block;
width: clamp(3em,6vw,4.5em);
margin: 0 clamp(1em,2vw,1.5em);
}
/* trademark */
.sentai2508_trademark {
width: min(96%,1100px);
margin: 5.5em auto 0;
line-height: 1.6;
}
.sentai2508_trademark .sentai2508_notes {
line-height: 1.7;
}
@media screen and (max-width: 48em) {
.sentai2508_trademark {
width: 92%;
margin: 5em auto 0;
}
.sentai2508_trademark .sentai2508_notes {
line-height: 1.5;
}
}
/* contact */
.sentai2508_contact .sentai2508_heading {
margin-bottom: .3em;
}
.sentai2508_contact {
margin-bottom: 2em;
}
@media screen and (max-width: 48em) {
.sentai2508_contact {
margin-bottom: 23.8vw;
}
}
/* update */
.sentai2508_update {
font-size: .8em;
text-align: right;
padding: 0 2.5em 1em;
}
@media screen and (max-width: 48em) {
.sentai2508_update {
padding: 0 .5em 1em;
font-size: .9em;
}
}
/* modal */
.sentai2508_u-modal-content {
display: none;
}
/* slide */
.sentai2508_slide {
margin: .5em auto 1.5em;
}
@media screen and (max-width: 48em) {
.sentai2508_slide {
margin: .5em 1em 1.5em;
}
}
.sentai2508_slide .slick-list {
margin: 0 1.2em;
}
.sentai2508_slide .slick-slide {
padding: 0 .5em;
box-sizing: border-box;
}
.sentai2508_slide .slick-dots {
position: absolute;
left: 50%;
bottom: -1.75em;
display: flex;
gap: .5em;
width: fit-content;
margin: 0 auto;
transform: translateX(-50%);
}
.sentai2508_slide .slick-dots button {
text-indent: -9999px;
overflow: hidden;
white-space: nowrap;
display: block;
width: 10px;
height: 10px;
background-color: #ccc;
border-radius: 50%;
}
.sentai2508_slide .slick-dots .slick-active button {
background: var(--color-red);
}
.sentai2508_slide .slick-arrow {
text-indent: -9999px;
overflow: hidden;
white-space: nowrap;
display: inline-block;
width: 1em;
height: 2em;
background: url(/kouza/lp/sentaicp_202508/imgs/sentai2508_icon_slide.png) no-repeat top center / contain;
}
.sentai2508_slide .slick-prev {
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%) scale(-1, 1);
}
.sentai2508_slide .slick-next {
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
}
.sentai2508_slide .slick-disabled {
visibility: hidden;
}
@media (hover: hover) {
.sentai2508_sns a {
transition: opacity .2s;
}
.sentai2508_sns a:hover {
opacity: .7;
}
ul.sentai2508_links_item a,
p.sentai2508_links_item a {
transition: .2s;
}
ul.sentai2508_links_item a:hover,
p.sentai2508_links_item a:hover {
transform: translateY(1rem);
filter: none;
}
.sentai2508_btn_kouza,
.sentai2508_btn_entry a,
.sentai2508_entryset li:first-child,
.sentai2508_entryset li:last-child a,
.sentai2508_btn a {
transition: .2s;
}
.sentai2508_btn_kouza:hover,
.sentai2508_btn_entry a:hover,
.sentai2508_entryset li:first-child:hover,
.sentai2508_entryset li:last-child a:hover {
transform: translateY(1rem);
box-shadow: none;
}
.sentai2508_fixid.sentai2508_entryset li:first-child:hover,
.sentai2508_fixid.sentai2508_entryset li:last-child a:hover {
transform: translateY(.7rem);
box-shadow: none;
}
.sentai2508_nav li a,
.sentai2508_nav a::after {
transition: .2s;
}
.sentai2508_nav li a:hover {
background-color: #eee;;
}
.sentai2508_nav a:hover::after {
transform: translateY(0) rotate(45deg);
}
.sentai2508_accordion_btn {
transition: opacity .2s;
}
.sentai2508_accordion_btn:hover {
opacity: .8;
}
.sentai2508_sanka .m-tab_item button {
transition: transform .2s;
}
.sentai2508_sanka .m-tab_item button:hover {
transform: translateY(.4em);
}
.sentai2508_overview .m-tab_item {
transition: background-color .2s;
}
.sentai2508_overview .m-tab_item:not(.m-tab_item-active):hover {
background-color: #ffdada;
}
.sentai2508_btn_contact a {
transition: .2s;
}  
.sentai2508_btn_contact a:hover {
transform: translateY(.4em);
box-shadow: none;
}  
}
/* modal */
.sentai2508_js_fixid {
overflow: hidden;
}
.sentai2508_qr_modal_block {
opacity: 0;
visibility: hidden;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
width: 100%;
height: 100%;
background: rgb(0 0 0 / 70%);
z-index: 9999;
transition: .4s ease-in-out;
}
.sentai2508_qr_modal_block.sentai2508_is_show {
opacity: 1;
visibility: visible;
transition: .4s ease-in-out;
}
.sentai2508_app_wrap {
display: grid;
grid-template-columns: 40% auto;
align-items: center;
gap: .5em;
padding: 1em 2em .5em;
box-sizing: border-box;
background: #fceaea;
}
@media screen and (max-width: 48em) {
.sentai2508_app_wrap {
grid-template-columns: 25% auto;
padding: .5em;
}
}
.sentai2508_app_block {
order: 2;
display: grid;
justify-content: center;
}
.sentai2508_app_ttl {
display: grid;
grid-template-columns: auto 1fr;
gap: .3em;
align-items: center;
width: fit-content;
margin: 0 auto .2em;
font-size: 1.4em;
line-height: 1.2;
color: var(--color-red);
}
.sentai2508_app_ttl span:first-child {
display: inline-block;
margin-top: -.3em;
padding: .3em .5em .2em;
font-size: .6em;
font-weight: normal;
line-height: 1;
color: #fff;
background-color: var(--color-red);
border-radius: 3em;
}
@media screen and (max-width: 48em) {
.sentai2508_app_ttl span:first-child {
display: grid;
grid-template-columns: 1em auto 1em;
margin-top: 0;
padding: .8em .5em .2em;
font-size: .6em;
line-height: 1;
letter-spacing: .1em;
color: var(--color-red);
background-color: transparent;
}
.sentai2508_app_ttl span:first-child::before,
.sentai2508_app_ttl span:first-child::after {
content: "";
width: 1px;
height: 1em;
background-color: var(--color-red);
transform: rotate(-20deg);
}
.sentai2508_app_ttl span:first-child::after {
margin: 0 0 0 auto;
transform: rotate(20deg);
}
.sentai2508_app_ttl span:last-child {
display: none;
}
}
.sentai2508_app_txt {
font-size: .8em;
font-weight: bold;
line-height: 1.2;
text-align: center;
}
.sentai2508_app_txt strong {
font-size: 1.2em;
color: var(--color-red);
}
.sentai2508_app_img {
order: 1;
}
.sentai2508_app_img img {
display: block;
width: 100%;
height: auto;
}
.sentai2508_qr {
width: 160px;
margin: .5em auto;
padding: 10px;
box-sizing: border-box;
background: #fff;
}
.sentai2508_qr canvas {
display: block;
width: 100%;
}
.sentai2508_app_block .sentai2508_notes {
font-size: .65em;
text-align: center;
}
.sentai2508_modal .comp-richtext,
.sentai2508_modal .m-collist {
font-size: .8em;
}
@media screen and (max-width: 48em) {
.sentai2508_modal .comp-richtext,
.sentai2508_modal .m-collist {
font-size: 1em;
}
.sentai2508_wrapper .sentai2508_modal sup {
font-size: .8em;
}
}
.sentai2508_app_link a {
display: grid;
grid-template-columns: 1em auto;
align-items: center;
margin: .2em auto;
padding: .5em .5em .4em;
box-sizing: border-box;
font-size: 1.2em;
text-decoration: none;
color: #fff;
background-color: var(--color-red);
border-radius: .2em;
}
.sentai2508_app_link a::before {
content: "";
display: inline-block;
width: .4em;
height: .4em;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
transform: translateY(-.05em) rotate(45deg);
}
.sentai2508_modal_kodomo {
display: none;
}
.sentai2508_is_kodomo .sentai2508_modal_otona {
display: none;
}
.sentai2508_is_kodomo .sentai2508_modal_kodomo {
display: block;
}
.sentai2508_mg_top01 {
margin-top: 3em;
}