@charset "UTF-8";

.CenterAdjust {

text-align: center;
margin: auto;
}

.rowgap0 {
row-gap: 0rem;
}


/* ===========================================================================================

responsive

=========================================================================================== */

.ShowRWD {
display: none;
}

.HideRWD {
display: block;
}

@media (max-width: 59.99em) {
.ShowRWD {
display: block;
}

.HideRWD {
display: none;
}
}

/* ===========================================================================================

PageTop

=========================================================================================== */

.PageTop {
display: block;
width: 100%;
margin: 0 0 20px;
text-align: right;
}

.PageTop a:hover,
.PageTop a:active {
color: #b1000e;
text-decoration: underline;
}

.PageTop a:link,
.PageTop a:visited {
color: #c02;
text-decoration: none;
}

.PageTop a {
display: inline-block;
padding: 0 20px 0 0;
background-image: url(/cmn_doc/image/jp/r1/icon/icon_link_top_hd.gif);
background-repeat: no-repeat;
background-position: right center;
background-size: 16px 16px;
-moz-background-size: 16px 16px;
-webkit-background-size: 16px 16px;
-o-background-size: 16px 16px;
-ms-background-size: 16px 16px;
}


/* ===========================================================================================

/lineup.html - graph

=========================================================================================== */

#graph {
position: relative;
}

#graph a {
display: block;
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
}

#graph a:hover {
background-color: rgba(255, 255, 255, 0.3);
}

#graph a.link1 {
position: absolute;
top: 12.22222222222222%;
right: 18.23834196891192%;
height: 7.333333333333333%;
width: 36.16580310880829%;
}

#graph a.link2 {
position: absolute;
top: 35.33333333333333%;
left: 30.5699481865285%;
height: 7.333333333333333%;
width: 24.35233160621762%;
}

#graph a.link3 {
position: absolute;
top: 46.88888888888889%;
left: 24.35233160621762%;
height: 7.333333333333333%;
width: 27.46113989637306%;
}

#graph a.link4 {
position: absolute;
bottom: 23.33333333333333%;
left: 36.6839378238342%;
height: 7.333333333333333%;
width: 45.07772020725389%;
}

#graph a.link5 {
position: absolute;
bottom: 12.22222222222222%;
left: 30.5699481865285%;
height: 7.333333333333333%;
width: 15.23316062176166%;
}

#graph a.link6 {
position: absolute;
top: 23.77777777777778%;
right: 3.10880829015544%;
height: 7.333333333333333%;
width: 36.06217616580311%;
}

@media screen and (max-width: 59.99em) {
#graph a.link1 {
position: absolute;
top: 32.62672811059908%;
left: 7.826086956521739%;
right: auto;
height: 44.23963133640553%;
width: 13.33333333333333%;
}

#graph a.link2 {
position: absolute;
top: 17.69585253456221%;
left: 38.11594202898551%;
height: 29.49308755760369%;
width: 13.33333333333333%;
}

#graph a.link3 {
position: absolute;
top: 10.32258064516129%;
left: 53.6231884057971%;
height: 33.17972350230415%;
width: 13.33333333333333%;
}

#graph a.link4 {
position: absolute;
bottom: auto;
left: auto;
right: 17.10144927536232%;
top: 25.06912442396313%;
height: 55.29953917050691%;
width: 13.33333333333333%;
}

#graph a.link5 {
position: absolute;
bottom: auto;
left: auto;
right: 1.594202898550725%;
top: 17.69585253456221%;
height: 18.4331797235023%;
width: 13.33333333333333%;
}

#graph a.link6 {
position: absolute;
top: 54.56221198156682%;
right: auto;
left: 22.7536231884058%;
height: 44.23963133640553%;
width: 13.33333333333333%;
}
}

/* ===========================================================================================

/lp

=========================================================================================== */

/* lp-hero */

.lp-hero {}

.lp-hero.Hero02 {
position: relative;
}

@media screen and (min-width: 60em),
print {
.lp-hero.Hero02 {
display: grid;
min-height: 30.625rem;
padding-top: 1rem;
}
}

@media screen and (max-width: 59.99em) {
.lp-hero.Hero02 {
z-index: 0;
min-height: 34rem/*17.5rem*/
;
background-color: #6b6255 /*var(--hero-bg)*/;
}
}

.lp-hero .Hero02__Background {
position: absolute;
inset: 0;
z-index: -1;
}

@media screen and (min-width: 60em),
print {
.lp-hero .Hero02__Background {
background-color: #6b6255 /*var(--hero-bg)*/;
}
}

@media screen and (max-width: 59.99em) {
.lp-hero .Hero02__Background {
bottom: 0rem/*-2.25rem*/;
display: flex;
align-items: flex-end;
justify-content: center;
}
}

@media screen and (max-width: 59.99em) {
.lp-hero .Hero02__Image {
position: relative;
width: 100%;
max-height: 40rem/*27.5rem*/;
aspect-ratio: 375/440;
}

.lp-hero .Hero02__Image::before {
position: absolute;
inset: 0;
content: "";
background: linear-gradient(0deg, rgba(90, 110, 127, 0) 72%, rgba(90, 110, 127, 0.2) 90.21%, #6b6255 100%)
/*background: linear-gradient(0deg, rgba(90, 110, 127, 0) 72%, rgba(90, 110, 127, 0.2) 90.21%, #5a6e7f 100%);*/
}
}

.lp-hero .Hero02__Inner {
display: grid;
grid-template-rows: auto 1fr;
align-items: center;
height: 650px;
}

@media screen and (min-width: 60em),
print {
.lp-hero .Hero02__Inner {
width: var(--container-width);
padding-bottom: 5.5rem;
margin-inline: auto;
}
}

@media screen and (max-width: 59.99em) {
.lp-hero .Hero02__Inner {
position: relative;
padding-bottom: 18.75rem;
}
}

@media screen and (min-width: 60em),
print {
.lp-hero .Hero02__Content {
margin-top: 10rem /*5rem*/;
}
}

@media screen and (max-width: 59.99em) {
.lp-hero .Hero02__Content {
width: 92%;
margin-inline: auto;
margin-top: 2.5rem;
}
}

@media screen and (min-width: 60em),
print {
.lp-hero .Hero02__Content > * {
max-width: 60% /*40.1568627451%*/;
}
}

.lp-hero .Hero02__SubHeading {
display: inline-block;
font-weight: 700;
line-height: 1.75;
font-size: 1.4rem /*1rem*/;
letter-spacing: 0.04em;
margin-bottom: 1rem;
color: #333 /*var(--white)*/;
}

.lp-hero .Hero02__Heading {
font-weight: 700;
line-height: 1.7;
letter-spacing: 0.04em;
color: #333 /*var(--white)*/;
}

@media screen and (min-width: 60em),
print {
.lp-hero .Hero02__Heading {
font-size: 3rem /*3.25rem*/;
}
}

@media screen and (max-width: 59.99em) {
.lp-hero .Hero02__Heading {
font-size: 2.125rem;
}

.lp-hero .Hero02__SubHeading {
display: inline-block;
font-size: 1rem;
}
}

.Hero02__Inner .note{
position: absolute;
color: var(--white);
font-size: 0.8rem;
bottom:5px;
width: var(--container-width);
}

@media screen and (max-width: 59.99em) {
.Hero02__Inner .note{
left: 20px;

}
}


/* inner-link */

.LinkList.Inner-link-vertical li {
font-size: 1.1rem;
letter-spacing: 0.04em;
line-height: 2;
}

.LinkList.Inner-link-vertical span.LinkInline__Icon::after {
-webkit-mask-image: var(--icon-anchor);
mask-image: var(--icon-anchor);
}



/* lp-menu-box */

.lp-menu-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}

.lp-menu-box li {
position: relative;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: calc(50% - 15px);
height: 155px;
font-size: 1.6875rem;
font-weight: 700;
/*background-color: var(--white);*/
overflow: hidden;
margin-right: 30px;
margin-bottom: 30px;
border-radius: 3px;
box-shadow: 0px 10px 10px -6px rgba(0, 0, 0, 0.3);
}

.lp-menu-box li:nth-child(2n){
margin-right: 30px;
}

.lp-menu-box li:last-child{
margin-right: 0;
}

.lp-menu-box li a {
position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
top: 0;
left: 0;
}

.lp-menu-box li a::before {
z-index: -1;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 90%);
}

.lp-menu-box li a:hover {
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
transition: 0.3s;
}

.lp-menu-box li a span {
position: absolute;
}

@media screen and (max-width: 59.99em) {
.lp-menu-box {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.lp-menu-box li:{
height: 100px;
}
.lp-menu-box li:nth-child(2n){
margin-right: 0;
}
.lp-menu-box li:nth-child(3n){
width: 100%;
margin-right: 0;
margin-bottom: 0;
}
}



/* Lp-steps */

#Lp-steps h3 span {
font-size: 1.4rem;
padding-top: 3px;
}

#Lp-steps .Column02 .u-w-full {
padding: 10px;
}

/* app-set */

ul.app-set{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}

/* app-set */

ul.icon_set{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 2rem;
}

li.m-l_2rem{
    margin-left: 2rem;
}

.ListNotice_pa2000vhb li {
  font-weight: 400;
  line-height: 1.7;
  font-size: 0.75rem;
  letter-spacing: 0.04em;
  display: grid;
  grid-template-columns: auto 1fr;
  -moz-column-gap: 0.125rem;
       column-gap: 0.125rem;
  align-items: baseline;
  color: var(--gray-800);
}
.ListNotice_pa2000vhb:is(ul) li:lang(ja)::before {
  content: "※";
}
.ListNotice_pa2000vhb:is(ul) li:lang(en)::before {
  content: "*";
}
.ListNotice_pa2000vhb:is(ol) {
  /* stylelint-disable-next-line no-descending-specificity */
}
.ListNotice_pa2000vhb:is(ol) li {
  /* stylelint-disable-next-line no-descending-specificity */
}
.ListNotice_pa2000vhb:is(ol) li::before {
  counter-increment: item;
}
.ListNotice_pa2000vhb:is(ol) li:lang(ja)::before {
  content: counter(item) ".";
}
.ListNotice_pa2000vhb:is(ol) li:lang(en)::before {
  content: counter(item) ".";
}

.Text.Text--gray {
  color: var(--gray-800);
}

.Button_survey a {
  position: relative;
  display: inline-block;
  grid-auto-flow: column;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  align-items: center;
  justify-content: start;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1.5;
  font-size: 1.25rem;
    color: white;
    background-color: #e60027;
    padding: 1rem;
}

.Button_survey a:hover {
    opacity: 0.5;
}
/* ===========================================================================================

/episode.Hero02

=========================================================================================== */

/* episode-hero */

.episode {}

.episode.Hero02 {
position: relative;
}

@media screen and (min-width: 60em),
print {
.episode.Hero02 {
display: grid;
min-height: 30.625rem
;
padding-top: 1rem;
}
}

@media screen and (max-width: 59.99em) {
.episode.Hero02 {
z-index: 0;
min-height: 34rem/*17.5rem*/
;
background-color: #242b30 /*var(--hero-bg)*/;
}
}

.episode .Hero02__Background {
position: absolute;
inset: 0;
z-index: -1;
}

@media screen and (min-width: 60em),
print {
.episode .Hero02__Background {
background-color: #242b30 /*var(--hero-bg)*/;
}
}

@media screen and (max-width: 59.99em) {
.episode .Hero02__Background {
bottom: -2.25rem;
display: flex;
align-items: flex-end;
justify-content: center;
}
}

@media screen and (max-width: 59.99em) {
.episode .Hero02__Image {
position: relative;
width: 100%;
max-height: 27.5rem/*27.5rem*/;
aspect-ratio: 375/440;
}

.episode .Hero02__Image::before {
position: absolute;
inset: 0;
content: "";
background: linear-gradient(0deg, rgba(90, 110, 127, 0) 72%, rgba(90, 110, 127, 0.2) 90.21%, #242b30 100%)
/*background: linear-gradient(0deg, rgba(90, 110, 127, 0) 72%, rgba(90, 110, 127, 0.2) 90.21%, #5a6e7f 100%);*/
}
}

.episode .Hero02__Inner {
display: grid;
grid-template-rows: auto 1fr;
align-items: center;
/*height: 650px;*/
}

@media screen and (min-width: 60em),
print {
.episode .Hero02__Inner {
width: var(--container-width);
padding-bottom: 5.5rem;
margin-inline: auto;
}
}

@media screen and (max-width: 59.99em) {
.episode .Hero02__Inner {
position: relative;
padding-bottom: 18.75rem;
}
}

@media screen and (max-width: 59.99em) {
.episode .Hero02__Content {
width: 92%;
margin-inline: auto;
margin-top: 2.5rem;
}
}

@media screen and (min-width: 60em),
print {
.episode .Hero02__Content > * {
max-width: 60% /*40.1568627451%*/;
}
}

.episode .Hero02__SubHeading {
display: inline-block;
font-weight: 700;
line-height: 1.75;
font-size: 1.4rem /*1rem*/;
letter-spacing: 0.04em;
margin-bottom: 1rem;
color: #fff /*var(--white)*/;
}


@media screen and (min-width: 60em),
print {
.episode .Hero02__Heading {
font-size: 3rem /*3.25rem*/;
}
}

@media screen and (max-width: 59.99em) {
.episode .Hero02__Heading {
font-size: 2.125rem;
}

.episode .Hero02__SubHeading {
display: inline-block;
font-size: 1rem;
}
}

/* ===========================================================================================

/maintenance.Hero02

=========================================================================================== */

/* maintenance-hero */

.maintenance {}

.maintenance.Hero02 {
position: relative;
}

@media screen and (min-width: 60em),
print {
.maintenance.Hero02 {
display: grid;
min-height: 30.625rem
;
padding-top: 1rem;
}
}

@media screen and (max-width: 59.99em) {
.maintenance.Hero02 {
z-index: 0;
min-height: 30rem/*17.5rem*/
;
background-color: #242b30 /*var(--hero-bg)*/;
}
}

.maintenance .Hero02__Background {
position: absolute;
inset: 0;
z-index: -1;
}

@media screen and (min-width: 60em),
print {
.maintenance .Hero02__Background {
background-color: #242b30 /*var(--hero-bg)*/;
}
}

@media screen and (max-width: 59.99em) {
.maintenance .Hero02__Background {
bottom: -2.25rem;
display: flex;
align-items: flex-end;
justify-content: center;
}
}

@media screen and (max-width: 59.99em) {
.maintenance .Hero02__Image {
position: relative;
width: 100%;
max-height: 27.5rem/*27.5rem*/;
aspect-ratio: 375/440;
}

.maintenance .Hero02__Image::before {
position: absolute;
inset: 0;
content: "";
background: linear-gradient(0deg, rgba(90, 110, 127, 0) 72%, rgba(90, 110, 127, 0.2) 90.21%, #242b30 100%)
/*background: linear-gradient(0deg, rgba(90, 110, 127, 0) 72%, rgba(90, 110, 127, 0.2) 90.21%, #5a6e7f 100%);*/
}
}

@media screen and (min-width: 60em),
print {
.maintenance .Hero02__Content > * {
max-width: 60% /*40.1568627451%*/;
}
}

/* ===========================================================================================

/pa2000vhb.Hero02

=========================================================================================== */

/* pa2000vhb-hero */

.pa2000vhb {}

.pa2000vhb.Hero02 {
position: relative;
}

@media screen and (min-width: 60em),
print {
.pa2000vhb.Hero02 {
display: grid;
min-height: 30.625rem
;
padding-top: 1rem;
}
}

@media screen and (max-width: 59.99em) {
.pa2000vhb.Hero02 {
z-index: 0;
min-height: 30rem/*17.5rem*/
;
background-color: #5a6e7e /*var(--hero-bg)*/;
}
}

.pa2000vhb .Hero02__Background {
position: absolute;
inset: 0;
z-index: -1;
}

@media screen and (min-width: 60em),
print {
.pa2000vhb .Hero02__Background {
background-color: #5a6e7e /*var(--hero-bg)*/;
}
}

@media screen and (max-width: 59.99em) {
.pa2000vhb .Hero02__Background {
bottom: -2.25rem;
display: flex;
align-items: flex-end;
justify-content: center;
}
}

@media screen and (max-width: 59.99em) {
.pa2000vhb .Hero02__Image {
position: relative;
width: 100%;
max-height: 27.5rem/*27.5rem*/;
aspect-ratio: 375/440;
}

.pa2000vhb .Hero02__Image::before {
position: absolute;
inset: 0;
content: "";
background: linear-gradient(0deg, rgba(90, 110, 127, 0) 72%, rgba(90, 110, 127, 0.2) 90.21%, #5a6e7e 100%)
/*background: linear-gradient(0deg, rgba(90, 110, 127, 0) 72%, rgba(90, 110, 127, 0.2) 90.21%, #5a6e7f 100%);*/
}
}

@media screen and (min-width: 60em),
print {
.pa2000vhb .Hero02__Content > * {
max-width: 57% /*40.1568627451%*/;
}
}