html[lang="zh-cn"],
html[lang="zh-cn"] *,
html:not([lang=ja])[lang="zh-cn"] body [class^=hht-] *{
   font-family: Noto Sans, sans-serif !important;
}

html[lang="ko"],
html[lang="ko"] *,
html:not([lang=ja])[lang="ko"] body [class^=hht-] *{
   font-family: Noto Sans KR, sans-serif !important;
}

html[lang="hi"],
html[lang="hi"] *,
html:not([lang=ja])[lang="hi"] body [class^=hht-] *{
   font-family: Noto Sans Devanagari, sans-serif !important;
}

html[lang="zh-tw"],
html[lang="zh-tw"] *,
html:not([lang=ja])[lang="zh-tw"] body [class^=hht-] *{
   font-family: Noto Sans TC, sans-serif !important;
}

body {
opacity: unset;
}
body > #Contents .hht-wrap {
overflow: visible;
font-family: Hitachi Sans, Noto Sans JP, Yu Gothic UI, Noto Sans, sans-serif;
font-size: 15px;
letter-spacing: 0.08em;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-wrap {
font-size: 16px;
}
}
body > #Contents .hht-wrap * {
box-sizing: border-box;
}
@media (max-width: 1307px) {
body > #Contents .hht-wrap {
padding-right: 16px;
padding-left: 16px;
overflow: hidden;
}
body > #Contents .hht-wrap > .hht-nc16-8-1, body > #Contents .hht-wrap > .hht-nc16-8-2, body > #Contents .hht-wrap > .hht-nc23-4, body > #Contents .hht-wrap > .hht-nc27-2-1, body > #Contents .hht-wrap > .hht-nc27-2-2, body > #Contents .hht-wrap > .hht-nc27-3, body > #Contents .hht-wrap > .hht-nc27-6, body > #Contents .hht-wrap > .hht-nc5-6-1, body > #Contents .hht-wrap > .hht-nc5-6-2, body > #Contents .hht-wrap > .hht-nc5-6-2-2 {
position: relative;
left: -16px;
width: calc(100% + 32px);
}
}
body > #Contents .hht-wrap h1, body > #Contents .hht-wrap h2, body > #Contents .hht-wrap h3, body > #Contents .hht-wrap h4, body > #Contents .hht-wrap h5, body > #Contents .hht-wrap h6 {
margin-bottom: 0;
font-weight: bold;
}
body > #Contents .hht-wrap h2, body > #Contents .hht-wrap h3, body > #Contents .hht-wrap h4 {
background: unset;
}
body > #Contents .hht-wrap h2 a:link, body > #Contents .hht-wrap h2 a:visited, body > #Contents .hht-wrap h2 a:hover, body > #Contents .hht-wrap h2 a:active, body > #Contents .hht-wrap h3 a:link, body > #Contents .hht-wrap h3 a:visited, body > #Contents .hht-wrap h3 a:hover, body > #Contents .hht-wrap h3 a:active, body > #Contents .hht-wrap h4 a:link, body > #Contents .hht-wrap h4 a:visited, body > #Contents .hht-wrap h4 a:hover, body > #Contents .hht-wrap h4 a:active {
padding: unset;
margin: unset;
text-decoration: unset;
letter-spacing: unset;
background: unset;
}
body > #Contents .hht-wrap h2 span {
padding: unset;
background: unset;
}
body > #Contents .hht-wrap p {
margin-bottom: 0;
line-height: 1.666;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-wrap p {
line-height: 1.75;
}
}
body > #Contents .hht-wrap a {
transition: color 0.25s ease, transition 0.25s ease, background-color 0.25s ease;
}
body > #Contents .hht-wrap a:link {
text-decoration: unset;
}
body > #Contents .hht-wrap a:visited {
text-decoration: unset;
}
body > #Contents .hht-wrap a:hover {
text-decoration: underline;
}
body > #Contents .hht-wrap a:active {
text-decoration: underline;
}
body > #Contents .hht-wrap strong {
color: inherit;
}
body > #Contents .hht-wrap sup, body > #Contents .hht-wrap sub {
margin: unset;
font-size: 0.6rem;
letter-spacing: 0;
}
body > #Contents .hht-wrap sup {
vertical-align: super;
}
body > #Contents .hht-wrap sub {
vertical-align: sub;
}
body > #Contents .hht-wrap em {
color: inherit;
}
body > #Contents .hht-wrap img {
max-width: 100%;
height: auto;
vertical-align: middle;
background-repeat: no-repeat;
background-size: cover;
shape-margin: 0.75rem;
}
body > #Contents .hht-wrap figure {
margin: unset;
}
body > #Contents .hht-wrap table tbody, body > #Contents .hht-wrap table td, body > #Contents .hht-wrap table tfoot, body > #Contents .hht-wrap table th, body > #Contents .hht-wrap table thead, body > #Contents .hht-wrap table tr {
font-size: 15px;
line-height: 1.666;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-wrap table tbody, body > #Contents .hht-wrap table td, body > #Contents .hht-wrap table tfoot, body > #Contents .hht-wrap table th, body > #Contents .hht-wrap table thead, body > #Contents .hht-wrap table tr {
font-size: 16px;
line-height: 1.75;
}
}
body > #Contents .hht-wrap table th {
font-size: unset;
font-style: unset;
font-weight: bold;
background-color: unset;
border: unset;
}
body > #Contents .hht-wrap .video-js {
line-height: 1;
}
body > #Contents .hht-wrap .video-js * {
line-height: inherit;
}
body > #Contents .hht-wrap .vjs-dock-title {
line-height: 1.333;
}
body > #Contents .hht-wrap .vjs-dock-description {
line-height: 1.5;
}
body > #Contents .hht-wrap .vjs-big-play-button {
line-height: 1.5em;
}
body > #Contents .hht-wrap .vjs-icon-placeholder::before {
line-height: 98px;
}
body > #Contents .hht-wrap .vjs-time-control {
line-height: 3em;
}
body > #Contents .hht-wrap .vjs-playback-rate .vjs-playback-rate-value {
line-height: 2;
}
.modaal-wrapper .modaal-inner-wrapper {
padding: 16px;
}
.modaal-wrapper .modaal-inner-wrapper .modaal-container {
color: #0C0C0C;
background: none;
box-shadow: none;
}
body > #Contents .hht-wrap [class*=hht-button-] {
position: relative;
z-index: 3;
box-sizing: border-box;
display: inline-block;
align-items: center;
padding: 18px 36px 18px 22px;
margin: 16px auto;
font-size: 16px;
font-weight: bold;
line-height: 1.4;
text-align: left;
text-decoration: none;
letter-spacing: 0.04em;
white-space: normal;
-webkit-appearance: none;
appearance: none;
cursor: pointer;
background-color: transparent;
background-image: none;
background-repeat: no-repeat;
border: none;
border-radius: 0;
box-shadow: none;
transition: background-color 0.25s ease, border-color 0.25s ease;
}
body > #Contents .hht-wrap [class*=hht-button-]:hover {
text-decoration: none;
}
body > #Contents .hht-wrap [class*=hht-button-]::before, body > #Contents .hht-wrap [class*=hht-button-]::after {
box-sizing: border-box;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-wrap [class*=hht-button-] {
padding: 18px 69px 18px 22px;
}
}
body > #Contents .hht-wrap {
/* button4
------------------------------------------------ */
}
body > #Contents .hht-wrap .hht-button-1, body > #Contents .hht-wrap .hht-button-4, body > #Contents .hht-wrap .hht-button-4-1, body > #Contents .hht-wrap .hht-button-6 {
background-color: #CC0000;
border: 1px solid #CC0000;
}
body > #Contents .hht-wrap .hht-button-1:active, body > #Contents .hht-wrap .hht-button-1:link, body > #Contents .hht-wrap .hht-button-1:visited, body > #Contents .hht-wrap .hht-button-1:hover, body > #Contents .hht-wrap .hht-button-4:active, body > #Contents .hht-wrap .hht-button-4:link, body > #Contents .hht-wrap .hht-button-4:visited, body > #Contents .hht-wrap .hht-button-4:hover, body > #Contents .hht-wrap .hht-button-4-1:active, body > #Contents .hht-wrap .hht-button-4-1:link, body > #Contents .hht-wrap .hht-button-4-1:visited, body > #Contents .hht-wrap .hht-button-4-1:hover, body > #Contents .hht-wrap .hht-button-6:active, body > #Contents .hht-wrap .hht-button-6:link, body > #Contents .hht-wrap .hht-button-6:visited, body > #Contents .hht-wrap .hht-button-6:hover {
color: #fff;
}
body > #Contents .hht-wrap .hht-button-1::before, body > #Contents .hht-wrap .hht-button-1::after, body > #Contents .hht-wrap .hht-button-2::before, body > #Contents .hht-wrap .hht-button-2::after, body > #Contents .hht-wrap .hht-button-3::before, body > #Contents .hht-wrap .hht-button-3::after, body > #Contents .hht-wrap .hht-button-4::before, body > #Contents .hht-wrap .hht-button-4::after, body > #Contents .hht-wrap .hht-button-4-1::before, body > #Contents .hht-wrap .hht-button-4-1::after, body > #Contents .hht-wrap .hht-button-5::before, body > #Contents .hht-wrap .hht-button-5::after, body > #Contents .hht-wrap .hht-button-6::before, body > #Contents .hht-wrap .hht-button-6::after {
position: absolute;
display: inline-block;
content: "";
background-color: #fff;
}
body > #Contents .hht-wrap .hht-button-1:hover, body > #Contents .hht-wrap .hht-button-2:hover, body > #Contents .hht-wrap .hht-button-3:hover, body > #Contents .hht-wrap .hht-button-4:hover, body > #Contents .hht-wrap .hht-button-4-1:hover, body > #Contents .hht-wrap .hht-button-5:hover, body > #Contents .hht-wrap .hht-button-6:hover {
text-decoration: none;
background-color: #CC0000;
border-color: #CC0000;
}
body > #Contents .hht-wrap .hht-button-1:hover::before, body > #Contents .hht-wrap .hht-button-1:hover::after, body > #Contents .hht-wrap .hht-button-2:hover::before, body > #Contents .hht-wrap .hht-button-2:hover::after, body > #Contents .hht-wrap .hht-button-3:hover::before, body > #Contents .hht-wrap .hht-button-3:hover::after, body > #Contents .hht-wrap .hht-button-4:hover::before, body > #Contents .hht-wrap .hht-button-4:hover::after, body > #Contents .hht-wrap .hht-button-4-1:hover::before, body > #Contents .hht-wrap .hht-button-4-1:hover::after, body > #Contents .hht-wrap .hht-button-5:hover::before, body > #Contents .hht-wrap .hht-button-5:hover::after, body > #Contents .hht-wrap .hht-button-6:hover::before, body > #Contents .hht-wrap .hht-button-6:hover::after {
background-color: #fff;
}
body > #Contents .hht-wrap .hht-button-4, body > #Contents .hht-wrap .hht-button-6 {
padding: 18px 22px 18px 54px;
}
body > #Contents .hht-wrap .hht-button-4::before, body > #Contents .hht-wrap .hht-button-6::before {
position: absolute;
top: calc(50% - 16px);
left: 5px;
display: inline-block;
width: 32px;
height: 32px;
margin: 0 0 0 8px;
transition: color 0.25s ease, -webkit-transform 0.25s ease;
transition: color 0.25s ease, transform 0.25s ease;
transition: color 0.25s ease, transform 0.25s ease, -webkit-transform 0.25s ease;
}
body > #Contents .hht-wrap .hht-button-1::after, body > #Contents .hht-wrap .hht-button-2::after {
top: calc(50% - 12px);
right: 10px;
width: 16px;
height: 24px;
margin: 0 0 0 8px;
-webkit-mask: url("../icon/arrow-link.svg") no-repeat center right/37px 24px;
mask: url("../icon/arrow-link.svg") no-repeat center right/37px 24px;
transition: color 0.25s ease, -webkit-transform 0.25s ease;
transition: color 0.25s ease, transform 0.25s ease;
transition: color 0.25s ease, transform 0.25s ease, -webkit-transform 0.25s ease;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-wrap .hht-button-1::after, body > #Contents .hht-wrap .hht-button-2::after {
width: 37px;
}
}
body > #Contents .hht-wrap .hht-button-2, body > #Contents .hht-wrap .hht-button-3, body > #Contents .hht-wrap .hht-button-5 {
background: #fff;
border: 1px solid #CC0000;
}
body > #Contents .hht-wrap .hht-button-2:active, body > #Contents .hht-wrap .hht-button-2:link, body > #Contents .hht-wrap .hht-button-2:visited, body > #Contents .hht-wrap .hht-button-3:active, body > #Contents .hht-wrap .hht-button-3:link, body > #Contents .hht-wrap .hht-button-3:visited, body > #Contents .hht-wrap .hht-button-5:active, body > #Contents .hht-wrap .hht-button-5:link, body > #Contents .hht-wrap .hht-button-5:visited {
color: #0C0C0C;
}
body > #Contents .hht-wrap .hht-button-2:hover, body > #Contents .hht-wrap .hht-button-3:hover, body > #Contents .hht-wrap .hht-button-5:hover {
color: #fff;
}
body > #Contents .hht-wrap .hht-button-2:hover::after, body > #Contents .hht-wrap .hht-button-3:hover::after, body > #Contents .hht-wrap .hht-button-5:hover::after {
-webkit-transform: translateX(4px);
transform: translateX(4px);
}
body > #Contents .hht-wrap .hht-button-2:hover::before, body > #Contents .hht-wrap .hht-button-3:hover::before, body > #Contents .hht-wrap .hht-button-5:hover::before {
-webkit-transform: translateX(-4px);
transform: translateX(-4px);
}
body > #Contents .hht-wrap .hht-button-1 {
color: #fff;
}
body > #Contents .hht-wrap .hht-button-1::after {
position: absolute;
background-color: #fff;
}
body > #Contents .hht-wrap .hht-button-1:hover::after {
-webkit-transform: translateX(4px);
transform: translateX(4px);
}
body > #Contents .hht-wrap .hht-button-2::after {
position: absolute;
background-color: #CC0000;
}
body > #Contents .hht-wrap .hht-button-3 {
width: 100%;
padding-right: 22px;
text-align: center;
}
body > #Contents .hht-wrap .hht-button-4::before {
-webkit-mask: url("../icon/envelope.svg") no-repeat center center/32px 32px;
mask: url("../icon/envelope.svg") no-repeat center center/32px 32px;
}
body > #Contents .hht-wrap .hht-button-4-1 {
padding: 18px 69px 18px 54px;
}
body > #Contents .hht-wrap .hht-button-4-1::before, body > #Contents .hht-wrap .hht-button-4-1::after {
margin: 0 0 0 8px;
background-color: #fff;
transition: color 0.25s ease, -webkit-transform 0.25s ease;
transition: color 0.25s ease, transform 0.25s ease;
transition: color 0.25s ease, transform 0.25s ease, -webkit-transform 0.25s ease;
}
body > #Contents .hht-wrap .hht-button-4-1::before {
top: calc(50% - 16px);
left: 5px;
width: 32px;
height: 32px;
content: "";
-webkit-mask: url("../icon/envelope.svg") no-repeat center center/32px 32px;
mask: url("../icon/envelope.svg") no-repeat center center/32px 32px;
}
body > #Contents .hht-wrap .hht-button-4-1::after {
right: 10px;
width: 37px;
height: 24px;
-webkit-mask: url("../icon/arrow-link.svg") no-repeat center center/37px 24px;
mask: url("../icon/arrow-link.svg") no-repeat center center/37px 24px;
}
body > #Contents .hht-wrap .hht-button-4-1:hover::after {
-webkit-transform: translateX(4px);
transform: translateX(4px);
}
body > #Contents .hht-wrap .hht-button-5 {
padding: 19px 22px 17px 44px;
background-color: #fff;
border: 1px solid #CC0000;
}
body > #Contents .hht-wrap .hht-button-5::before {
position: absolute;
top: calc(50% - 12px);
left: 5px;
display: inline-block;
width: 24px;
height: 24px;
margin: 0 0 0 8px;
content: "";
background-color: #CC0000;
-webkit-mask: url("../icon/arrow-back-for-button.svg") no-repeat center center/24px 24px;
mask: url("../icon/arrow-back-for-button.svg") no-repeat center center/24px 24px;
transition: color 0.25s ease, -webkit-transform 0.25s ease;
transition: color 0.25s ease, transform 0.25s ease;
transition: color 0.25s ease, transform 0.25s ease, -webkit-transform 0.25s ease;
}
body > #Contents .hht-wrap .hht-button-6 {
margin: 16px auto;
}
body > #Contents .hht-wrap .hht-button-6::before {
-webkit-mask: url("../icon/arrow-next.svg") no-repeat center center/32px 32px;
mask: url("../icon/arrow-next.svg") no-repeat center center/32px 32px;
}
body > #Contents .hht-wrap .hht-button-6.button-print::before {
-webkit-mask: url("../icon/print-for-button.svg") no-repeat center center/32px 32px;
mask: url("../icon/print-for-button.svg") no-repeat center center/32px 32px;
}
body > #Contents .hht-wrap .hht-button-6.button-video::before {
-webkit-mask: url("../icon/video-for-button.svg") no-repeat center center/32px 32px;
mask: url("../icon/video-for-button.svg") no-repeat center center/32px 32px;
}
body > #Contents .hht-wrap .hht-button-6.button-3d::before {
-webkit-mask: url("../icon/3d-for-button.svg") no-repeat center center/32px 32px;
mask: url("../icon/3d-for-button.svg") no-repeat center center/32px 32px;
}
body > #Contents .hht-wrap .hht-button-6.button-download::before {
-webkit-mask: url("../icon/download-for-button.svg") no-repeat center center/32px 32px;
mask: url("../icon/download-for-button.svg") no-repeat center center/32px 32px;
}
body > #Contents .hht-wrap .hht-button-6.hht-catalog_click::before, body > #Contents .hht-wrap .hht-button-6.button-catalog::before {
-webkit-mask: url("../icon/catalog.svg") no-repeat center center/32px 32px;
mask: url("../icon/catalog.svg") no-repeat center center/32px 32px;
}
body > #Contents .hht-wrap .hht-button-7 {
width: auto;
min-width: 166px;
padding: 19px 46px 17px 22px;
background-color: #fff;
border: 1px solid #CC0000;
}
body > #Contents .hht-wrap .hht-button-7::before, body > #Contents .hht-wrap .hht-button-7::after {
position: absolute;
display: inline-block;
content: "";
}
body > #Contents .hht-wrap .hht-button-7::before {
top: calc(50% - 13px);
right: 10px;
width: 26px;
height: 26px;
border: solid 2px #e1e1e1;
border-radius: 18px;
}
body > #Contents .hht-wrap .hht-button-7::after {
top: calc(50% - 8px);
right: 15px;
width: 16px;
height: 16px;
background-color: #CC0000;
-webkit-mask: url("../icon/plus-for-button.svg") no-repeat center center/16px 16px;
mask: url("../icon/plus-for-button.svg") no-repeat center center/16px 16px;
transition: color 0.25s ease, -webkit-transform 0.25s ease;
transition: color 0.25s ease, transform 0.25s ease;
transition: color 0.25s ease, transform 0.25s ease, -webkit-transform 0.25s ease;
}
body > #Contents .hht-wrap .hht-button-7:active, body > #Contents .hht-wrap .hht-button-7:link, body > #Contents .hht-wrap .hht-button-7:visited {
color: #0C0C0C;
}
body > #Contents .hht-wrap .hht-button-7:hover {
color: #fff;
text-decoration: none;
background-color: #CC0000;
}
body > #Contents .hht-wrap .hht-button-7:hover::before {
background-color: #CC0000;
border: solid 2px #fff;
}
body > #Contents .hht-wrap .hht-button-7:hover::after {
background-color: #fff;
}
body > #Contents .hht-wrap.-open::after {
-webkit-mask-image: url("../icon/minus-for-button.svg");
mask-image: url("../icon/minus-for-button.svg");
}
[class*=hht-icon-]::after {
top: calc(50% - 12px);
display: inline-block;
width: 24px;
height: 24px;
margin: -0.2em 0 0 4px;
vertical-align: middle;
content: "";
background-color: currentcolor;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: 24px 24px;
mask-size: 24px 24px;
transition: color 0.25s ease, -webkit-transform 0.25s ease;
transition: color 0.25s ease, transform 0.25s ease;
transition: color 0.25s ease, transform 0.25s ease, -webkit-transform 0.25s ease;
}
[class*=hht-icon-]:active, [class*=hht-icon-]:link, [class*=hht-icon-]:visited {
color: #CC0000;
}
[class*=hht-icon-]:hover {
color: #CC0000;
text-decoration: underline;
}
[class*=hht-icon-]:hover::after {
background-color: #CC0000;
-webkit-transform: translateX(4px);
transform: translateX(4px);
}
[class*=hht-icon-][class$=-pdf]::after {
-webkit-mask-image: url("../icon/pdf.svg");
mask-image: url("../icon/pdf.svg");
}
[class*=hht-icon-][class$=-external]::after {
-webkit-mask-image: url("../icon/external-link.svg");
mask-image: url("../icon/external-link.svg");
}
[class*=hht-icon-][class$=-video]::after {
-webkit-mask-image: url("../icon/video.svg");
mask-image: url("../icon/video.svg");
}
[class*=hht-icon-][class$=-next]::after {
-webkit-mask-image: url("../icon/arrow-next.svg");
mask-image: url("../icon/arrow-next.svg");
}
[class*=hht-icon-][class$=-envelope]::after {
-webkit-mask-image: url("../icon/envelope.svg");
mask-image: url("../icon/envelope.svg");
}
[class*=hht-icon-][class$=-inquiry]::after {
-webkit-mask-image: url("../icon/inquiry-form.svg");
mask-image: url("../icon/inquiry-form.svg");
}
[class*=hht-icon-][class$=-download]::after {
-webkit-mask-image: url("../icon/download.svg");
mask-image: url("../icon/download.svg");
}
[class*=hht-icon-][class$=-audio]::after {
-webkit-mask-image: url("../icon/audio.svg");
mask-image: url("../icon/audio.svg");
}
[class*=hht-icon-][class$=-circle]::after {
-webkit-mask-image: url("../icon/warning-circle-fill.svg");
mask-image: url("../icon/warning-circle-fill.svg");
}
[class*=hht-icon-][class$=-down]::after {
-webkit-mask-image: url("../icon/arrow-down.svg");
mask-image: url("../icon/arrow-down.svg");
}
[class*=hht-icon-][class$=-plus-for-button]::after {
-webkit-mask-image: url("../icon/plus-for-button.svg");
mask-image: url("../icon/plus-for-button.svg");
}
[class*=hht-icon-][class$=-minus-for-button]::after {
-webkit-mask-image: url("../icon/minus-for-button.svg");
mask-image: url("../icon/minus-for-button.svg");
}
[class*=hht-icon-][class$="-3d-for-button"]::after {
-webkit-mask-image: url("../icon/3d-for-button.svg");
mask-image: url("../icon/3d-for-button.svg");
}
[class*=hht-icon-][class$=-print-for-button]::after {
-webkit-mask-image: url("../icon/print-for-button.svg");
mask-image: url("../icon/print-for-button.svg");
}
[class*=hht-icon-][class$=-print]::after {
-webkit-mask-image: url("../icon/print.svg");
mask-image: url("../icon/print.svg");
}
[class*=hht-icon-][class$=-calendar]::after {
-webkit-mask-image: url("../icon/calendar.svg");
mask-image: url("../icon/calendar.svg");
}
[class*=hht-icon-][class$=-arrow-next-breadcrumb]::after {
-webkit-mask-image: url("../icon/arrow-next-breadcrumb.svg");
mask-image: url("../icon/arrow-next-breadcrumb.svg");
}
[class*=hht-icon-][class$=-arrow-back-for-button]::after {
-webkit-mask-image: url("../icon/arrow-back-for-button.svg");
mask-image: url("../icon/arrow-back-for-button.svg");
}
[class*=hht-icon-][class$=-arrow-back]::after {
-webkit-mask-image: url("../icon/arrow-back.svg");
mask-image: url("../icon/arrow-back.svg");
}
[class*=hht-icon-][class$=-arrow-down]::after {
-webkit-mask-image: url("../icon/arrow-down.svg");
mask-image: url("../icon/arrow-down.svg");
}
[class*=hht-icon-][class$=-arrow-next]::after {
-webkit-mask-image: url("../icon/arrow-next.svg");
mask-image: url("../icon/arrow-next.svg");
}
[class*=hht-icon-][class$=-catalog]::after {
-webkit-mask-image: url("../icon/catalog.svg");
mask-image: url("../icon/catalog.svg");
}
[class*=hht-icon-][class$=-delete]::after {
-webkit-mask-image: url("../icon/delete.svg");
mask-image: url("../icon/delete.svg");
}
[class*=hht-icon-][class$=-download-for-button]::after {
-webkit-mask-image: url("../icon/download-for-button.svg");
mask-image: url("../icon/download-for-button.svg");
}
[class*=hht-icon-][class$=-external-link]::after {
-webkit-mask-image: url("../icon/external-link.svg");
mask-image: url("../icon/external-link.svg");
}
[class*=hht-icon-][class$=-global]::after {
-webkit-mask-image: url("../icon/global.svg");
mask-image: url("../icon/global.svg");
}
[class*=hht-icon-][class$=-home]::after {
-webkit-mask-image: url("../icon/home.svg");
mask-image: url("../icon/home.svg");
}
[class*=hht-icon-][class$=-navbar]::after {
-webkit-mask-image: url("../icon/navbar.svg");
mask-image: url("../icon/navbar.svg");
}
[class*=hht-icon-][class$=-pause]::after {
-webkit-mask-image: url("../icon/pause.svg");
mask-image: url("../icon/pause.svg");
}
[class*=hht-icon-][class$=-pin-place]::after {
-webkit-mask-image: url("../icon/pin-place.svg");
mask-image: url("../icon/pin-place.svg");
}
[class*=hht-icon-][class$=-playback]::after {
-webkit-mask-image: url("../icon/playback.svg");
mask-image: url("../icon/playback.svg");
}
[class*=hht-icon-][class$=-plus]::after {
-webkit-mask-image: url("../icon/plus.svg");
mask-image: url("../icon/plus.svg");
}
[class*=hht-icon-][class$=-search]::after {
-webkit-mask-image: url("../icon/search.svg");
mask-image: url("../icon/search.svg");
}
[class*=hht-icon-][class$=-to-top-hover]::after {
-webkit-mask-image: url("../icon/to-top-hover.svg");
mask-image: url("../icon/to-top-hover.svg");
}
[class*=hht-icon-][class$=-to-top]::after {
-webkit-mask-image: url("../icon/to-top.svg");
mask-image: url("../icon/to-top.svg");
}
[class*=hht-icon-][class$=-video-for-button]::after {
-webkit-mask-image: url("../icon/video-for-button.svg");
mask-image: url("../icon/video-for-button.svg");
}
[class*=hht-icon-][class$=-warning-circle]::after {
-webkit-mask-image: url("../icon/warning-circle.svg");
mask-image: url("../icon/warning-circle.svg");
}
[class*=hht-icon-][class$=-zoom-in]::after {
-webkit-mask-image: url("../icon/zoom-in.svg");
mask-image: url("../icon/zoom-in.svg");
}
[class*=hht-icon-][class$=-check]::after {
-webkit-mask-image: url("../icon/check.svg");
mask-image: url("../icon/check.svg");
}
[class*=hht-icon-][class$=-warning-circle-fill]::after {
-webkit-mask-image: url("../icon/warning-circle-fill.svg");
mask-image: url("../icon/warning-circle-fill.svg");
}
[class*=hht-icon-][class$=-inquiry-form]::after {
-webkit-mask-image: url("../icon/inquiry-form.svg");
mask-image: url("../icon/inquiry-form.svg");
}
[class*=hht-large-icon-]::after {
top: calc(50% - 12px);
display: inline-block;
width: 104px;
height: 86px;
margin: -0.2em 0 0 4px;
vertical-align: middle;
content: "";
background-color: #CC0000;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: 104px 86px;
mask-size: 104px 86px;
transition: color 0.25s ease, -webkit-transform 0.25s ease;
transition: color 0.25s ease, transform 0.25s ease;
transition: color 0.25s ease, transform 0.25s ease, -webkit-transform 0.25s ease;
}
[class*=hht-large-icon-][class$=-operator]::after {
-webkit-mask-image: url("../icon/operator.svg");
mask-image: url("../icon/operator.svg");
}
[class*=hht-large-icon-][class$=-extended-warranty]::after {
-webkit-mask-image: url("../icon/extended-warranty.svg");
mask-image: url("../icon/extended-warranty.svg");
}
[class*=hht-large-icon-][class$=-support-info]::after {
-webkit-mask-image: url("../icon/support-info.svg");
mask-image: url("../icon/support-info.svg");
}
[class*=hht-large-icon-][class$=-recertification]::after {
-webkit-mask-image: url("../icon/recertification.svg");
mask-image: url("../icon/recertification.svg");
}
[class*=hht-large-icon-][class$=-parts-and-consumables]::after {
-webkit-mask-image: url("../icon/parts-and-consumables.svg");
mask-image: url("../icon/parts-and-consumables.svg");
}
[class*=hht-large-icon-][class$=-training]::after {
-webkit-mask-image: url("../icon/training.svg");
mask-image: url("../icon/training.svg");
}
[class*=hht-large-icon-][class$=-repairs]::after {
-webkit-mask-image: url("../icon/repairs.svg");
mask-image: url("../icon/repairs.svg");
}
[class*=hht-large-icon-][class$=-rental]::after {
-webkit-mask-image: url("../icon/rental.svg");
mask-image: url("../icon/rental.svg");
}
[class*=hht-large-icon-][class$=-service-agreement]::after {
-webkit-mask-image: url("../icon/service-agreement.svg");
mask-image: url("../icon/service-agreement.svg");
}
[class*=hht-large-icon-][class$=-upgrade]::after {
-webkit-mask-image: url("../icon/upgrade.svg");
mask-image: url("../icon/upgrade.svg");
}
[class*=hht-large-icon-][class$=-envelope-large]::after {
-webkit-mask-image: url("../icon/envelope-large.svg");
mask-image: url("../icon/envelope-large.svg");
}
body > #Contents .hht-local-navigation {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
}
@media screen and (min-width: 768px) {
body > #Contents .hht-local-navigation {
position: absolute;
top: 64px;
right: 0;
width: 308px;
background: #fff;
transition: opacity 0.25s ease, visibility 0.25s ease;
}
}
@media screen and (min-width: 768px) {
body > #Contents .hht-local-navigation.-active {
z-index: 10;
visibility: visible;
opacity: 1;
}
}
@media screen and (min-width: 768px) {
body > #Contents .hht-local-navigation:not(.-active) {
z-index: -1;
width: 0;
height: 0;
overflow: hidden;
visibility: hidden;
opacity: 0;
}
}
@media screen and (min-width: 768px) {
body > #Contents .hht-local-navigation:not(.-active) .hht-local-navigation__block1::before {
opacity: 0;
}
}
@media screen and (min-width: 768px) {
body > #Contents .hht-local-navigation__block1 {
position: relative;
}
}
@media screen and (min-width: 768px) {
body > #Contents .hht-local-navigation__block1::before {
position: absolute;
top: -9px;
right: 42px;
display: block;
width: 0;
height: 0;
content: "";
border-color: transparent transparent #fff;
border-style: solid;
border-width: 0 9px 9px;
opacity: 1;
transition: opacity 0.25s ease;
}
}
body > #Contents .hht-local-navigation__block2 {
padding: 24px 24px 16px;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-local-navigation__block2 {
display: none;
}
}
@media screen and (min-width: 768px) {
body > #Contents .hht-local-navigation__block3 {
max-height: calc(100vh - 73px);
padding: 6px 0;
overflow: hidden auto;
}
}
body > #Contents .hht-local-navigation__text1 {
font-size: 18px;
font-weight: bold;
line-height: 1.555;
color: #0C0C0C;
letter-spacing: 0.08em;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-local-navigation__text1 {
font-size: 24px;
line-height: 1.583;
}
}
body > #Contents .hht-local-navigation__list1 {
padding-left: 0;
list-style-type: none;
}
body > #Contents .hht-local-navigation__list1 > li {
position: relative;
display: block;
}
body > #Contents .hht-local-navigation__list1 > li::after, body > #Contents .hht-local-navigation__list1 > li::before {
position: absolute;
left: 50%;
display: block;
width: calc(100% - 32px);
height: 1px;
content: "";
background: rgba(225, 225, 225, 0.4);
-webkit-transform: translate(-50%);
transform: translate(-50%);
}
body > #Contents .hht-local-navigation__list1 > li::after {
bottom: 0;
}
body > #Contents .hht-local-navigation__list1 > li::before {
top: 0;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-local-navigation__list1 > li::before {
width: calc(100% - 56px);
}
}
@media screen and (min-width: 768px) {
body > #Contents .hht-local-navigation__list1 > li:first-child::before {
content: none;
}
}
@media screen and (min-width: 768px) {
body > #Contents .hht-local-navigation__list1 > li:last-child::after {
content: none;
}
}
body > #Contents .hht-local-navigation__list1 > li:not(:last-child)::after {
content: none;
}
body > #Contents a.hht-local-navigation__link1 {
position: relative;
display: block;
padding: 16px 24px 16px 28px;
font-size: 14px;
line-height: 1.428;
letter-spacing: 0.06em;
cursor: pointer;
transition: color 0.25s ease, background-color 0.25s ease;
}
body > #Contents a.hht-local-navigation__link1::before {
position: absolute;
top: 0;
left: 0;
display: block;
width: 4px;
height: 100%;
content: "";
background-color: #CC0000;
opacity: 0;
transition: opacity 0.25s ease;
}
body > #Contents a.hht-local-navigation__link1:active, body > #Contents a.hht-local-navigation__link1:link, body > #Contents a.hht-local-navigation__link1:visited {
color: #0C0C0C;
text-decoration: none;
}
body > #Contents a.hht-local-navigation__link1:hover {
color: #0C0C0C;
text-decoration: underline;
background-color: #f0f0f0;
}
body > #Contents a.hht-local-navigation__link1.current {
font-weight: bold;
}
body > #Contents a.hht-local-navigation__link1.current::before {
opacity: 1;
}
body > #Contents a.hht-local-navigation__link1 br {
display: none;
}
body > #Contents a.hht-local-navigation__link1 em, body > #Contents a.hht-local-navigation__link1 strong {
font-style: inherit;
font-weight: inherit;
color: inherit;
}
body > #Contents div.hht-icon-navbar, body > #Contents div.hht-icon-check, body > #Contents div.hht-icon-delete {
z-index: 1;
}
body > #Contents div.hht-icon-navbar::after, body > #Contents div.hht-icon-check::after, body > #Contents div.hht-icon-delete::after {
display: inline-block;
width: 24px;
height: 24px;
margin: 0 4px 0 0;
content: "";
background-color: #fff;
transition: background-color 0.25s ease;
}
body > #Contents div.hht-icon-navbar::after {
-webkit-mask: url("../icon/navbar.svg") no-repeat center center/24px 24px;
mask: url("../icon/navbar.svg") no-repeat center center/24px 24px;
}
body > #Contents div.hht-icon-check::after {
-webkit-mask: url("../icon/check.svg") no-repeat center center/24px 24px;
mask: url("../icon/check.svg") no-repeat center center/24px 24px;
}
body > #Contents div.hht-icon-delete::after {
-webkit-mask: url("../icon/delete.svg") no-repeat center center/24px 24px;
mask: url("../icon/delete.svg") no-repeat center center/24px 24px;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-floating-navigation-wrap {
display: flex;
align-items: flex-start;
max-width: 1307px;
padding-right: 16px;
margin: 0 auto;
}
}
@media screen and (min-width: 768px) {
body > #Contents .hht-floating-navigation-wrap > div:first-of-type {
flex-shrink: 0;
order: 2;
}
}
@media screen and (min-width: 768px) {
body > #Contents .hht-floating-navigation-wrap > div:nth-of-type(2) {
flex: 1;
order: 1;
}
}
body > #Contents .hht-floating-navigation {
display: flex;
justify-content: flex-end;
width: 100%;
max-width: inherit;
min-height: 53px;
margin: 0 auto;
pointer-events: none;
visibility: visible;
opacity: 1;
}
@media screen and (max-width: 767px) {
body > #Contents .hht-floating-navigation {
position: absolute;
top: 0;
left: 0;
z-index: 0;
}
}
body > #Contents .hht-floating-navigation > ul {
display: flex;
justify-content: flex-end;
width: 100%;
padding-left: 0;
list-style-type: none;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-floating-navigation > ul {
width: auto;
}
}
body > #Contents .hht-floating-navigation > ul > li {
position: relative;
display: block;
width: 100%;
pointer-events: auto;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-floating-navigation > ul > li {
width: auto;
}
}
body > #Contents .hht-floating-navigation > ul > li + li {
border-left: 1px solid #fff;
}
body > #Contents .hht-floating-navigation.-sticky {
position: fixed;
top: 0;
left: 50%;
z-index: 201;
width: 100%;
max-width: inherit;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
@media screen and (min-width: 768px) {
body > #Contents .hht-floating-navigation.-sticky {
padding: 0 16px;
position: fixed;
top: 0;
left: 50%;
z-index: 74;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
}
@media screen and (min-width: 768px) {
body > #Contents .hht-floating-navigation.-hide {
display: none;
min-height: 0;
visibility: hidden;
opacity: 0;
}
}
body > #Contents .hht-floating-navigation .hht-floating-navigation__button101, body > #Contents .hht-floating-navigation .hht-floating-navigation__button102, body > #Contents .hht-floating-navigation .hht-floating-navigation__button103 {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 53px;
height: 53px;
padding: 0 14px;
font-size: 12px;
line-height: 1.428;
color: #0C0C0C;
text-align: left;
text-decoration: none;
letter-spacing: 0.04em;
vertical-align: top;
-webkit-appearance: none;
appearance: none;
cursor: pointer;
background-color: transparent;
border: none;
border-radius: 0;
transition: background-color 0.25s ease, color 0.25s ease;
}
@media screen and (max-width: 767px) {
body > #Contents .hht-floating-navigation .hht-floating-navigation__button101, body > #Contents .hht-floating-navigation .hht-floating-navigation__button102, body > #Contents .hht-floating-navigation .hht-floating-navigation__button103 {
width: 100%;
}
}
body > #Contents .hht-floating-navigation .hht-floating-navigation__button101:hover, body > #Contents .hht-floating-navigation .hht-floating-navigation__button102:hover, body > #Contents .hht-floating-navigation .hht-floating-navigation__button103:hover {
color: #fff;
text-decoration: none;
}
body > #Contents .hht-floating-navigation .hht-floating-navigation__button101 {
color: #fff;
background: #CC0000;
}
body > #Contents .hht-floating-navigation .hht-floating-navigation__button101:hover {
background-color: #CC0000;
}
body > #Contents .hht-floating-navigation .hht-floating-navigation__button101 [class*=hht-icon-] {
display: none;
margin-right: 6px;
color: #999;
-webkit-transform: scale(1.1666);
transform: scale(1.1666);
}
body > #Contents .hht-floating-navigation .hht-floating-navigation__button102 {
padding-right: 16px;
padding-left: 16px;
color: #fff;
background: #CC0000;
}
body > #Contents .hht-floating-navigation .hht-floating-navigation__button102:hover {
background: #CC0000;
}
body > #Contents .hht-floating-navigation .hht-floating-navigation__button102 [class*=hht-icon-] {
display: none;
margin-right: 6px;
color: #fff;
-webkit-transform: scale(1.1666);
transform: scale(1.1666);
}
body > #Contents .hht-floating-navigation .hht-floating-navigation__button103 {
color: #fff;
background: #565656;
}
body > #Contents .hht-floating-navigation .hht-floating-navigation__button103 * {
pointer-events: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
body > #Contents .hht-floating-navigation .hht-floating-navigation__button103:hover {
background: #0C0C0C;
}
body > #Contents .hht-floating-navigation .hht-floating-navigation__button103 .hht-icon-navbar {
margin-right: 6px;
color: #fff;
transition: transform 0.25s ease, -webkit-transform 0.25s ease;
-webkit-transform: scale(1.1666);
transform: scale(1.1666);
}
body > #Contents .hht-floating-navigation .hht-floating-navigation__button103[aria-expanded=true] .hht-icon-navbar {
-webkit-transform: scale(1.1666) rotate(-90deg);
transform: scale(1.1666) rotate(-90deg);
}
body > #Contents .hht-row {
display: flex;
flex: 0 1 auto;
flex-wrap: wrap;
gap: 0 16px;
padding-right: 0;
padding-left: 0;
margin-right: 0;
margin-left: 0;
overflow: visible;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-row {
gap: 0 25px;
}
}
body > #Contents .hht-row.-no-gap {
gap: 0;
}
body > #Contents .hht-row > [class*=hht-col], body > #Contents .hht-row > [class*=hht-md-col], body > #Contents .hht-row > [class*=hht-sm-col] {
padding-right: 0;
padding-left: 0;
margin-right: 0;
margin-left: 0;
}
body > #Contents .hht-col-1-1, body > #Contents .hht-col-2-2, body > #Contents .hht-col-3-3, body > #Contents .hht-col-4-4 {
flex: 1 0 100%;
width: 100%;
max-width: 100%;
}
body > #Contents .hht-col-1-2, body > #Contents .hht-col-2-4 {
flex: 1 0 calc(50% - 25px);
max-width: 50%;
}
body > #Contents .hht-col-1-3 {
flex: 1 0 calc(33.333% - 75px);
max-width: 33.333%;
}
body > #Contents .hht-col-2-3 {
flex: 1 0 calc(66.666% - 50px);
max-width: 66.666%;
}
body > #Contents .hht-col-1-4 {
flex: 1 0 calc(25% - 75px);
max-width: 25%;
}
body > #Contents .hht-col-3-4 {
flex: calc(75% - 25px);
max-width: 75%;
}
@media screen and (max-width: 767px) {
body > #Contents .hht-sm-col-1-1, body > #Contents .hht-sm-col-2-2, body > #Contents .hht-sm-col-3-3, body > #Contents .hht-sm-col-4-4 {
flex: 0 0 100%;
width: 100%;
max-width: 100%;
}
body > #Contents .hht-sm-col-1-2, body > #Contents .hht-sm-col-2-4 {
flex: 1 0 calc(50% - 8px);
max-width: calc(50% - 8px);
}
body > #Contents .hht-sm-col-1-3 {
flex: 1 0 calc(33.333% - 8px);
max-width: calc(33.333% - 10.7px);
}
body > #Contents .hht-sm-col-2-3 {
flex: 1 0 calc(66.666% - 8px);
max-width: calc(66.666% - 5px);
}
body > #Contents .hht-sm-col-1-4 {
flex: 1 0 calc(25% - 12px);
max-width: calc(25% - 12px);
}
body > #Contents .hht-sm-col-3-4 {
flex: 1 0 calc(75% - 12px);
max-width: calc(75% - 5px);
}
body > #Contents .hht-row > [class*=hht-md-col] {
width: 100%;
}
}
@media screen and (min-width: 768px) {
body > #Contents .hht-md-col-1-1, body > #Contents .hht-md-col-2-2, body > #Contents .hht-md-col-3-3, body > #Contents .hht-md-col-4-4 {
flex: 0 0 100%;
width: 100%;
max-width: 100%;
}
body > #Contents .hht-md-col-1-2, body > #Contents .hht-md-col-2-4 {
flex: 1 0 calc(50% - 25px);
max-width: calc(50% - 25px);
}
body > #Contents .hht-md-col-1-3 {
flex: 1 0 calc(33.333% - 25px);
max-width: calc(33.333% - 16.5px);
}
body > #Contents .hht-md-col-2-3 {
flex: 1 0 calc(66.666% - 0px);
max-width: 66.666%;
}
body > #Contents .hht-md-col-1-4 {
flex: 1 0 calc(25% - 25px);
max-width: calc(25% - 18.5px);
}
body > #Contents .hht-md-col-3-4 {
flex: 1 0 calc(75% - 25px);
max-width: calc(75% - 0px);
}
body > #Contents .hht-row > [class*=hht-sm-col] {
width: 100%;
}
}
body > #Contents .hht-container.hht-fit-btn .hht-row [class*=hht-md-col] {
display: flex;
}
body > #Contents .hht-container.hht-fit-btn .hht-row [class*=hht-button] {
box-sizing: border-box;
display: flex;
vertical-align: middle;
}
body > #Contents .hht-nc1-1-1 {
max-width: 1275px;
margin: 24px auto;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc1-1-1 {
display: flex;
width: 100%;
margin: 8px auto;
}
}
body > #Contents .hht-nc1-1-1 h1 {
display: block;
font-size: 24px;
font-weight: bold;
line-height: 1.583;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc1-1-1 h1 {
font-size: 30px;
line-height: 1.2;
}
}
body > #Contents .hht-nc1-1-1 h1 span {
display: block;
}
body > #Contents .hht-nc1-1-1 p {
display: block;
margin-top: 8px;
font-size: 16px;
line-height: 1.75;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc1-1-1 p {
margin-top: 24px;
font-size: 18px;
line-height: 1.583;
}
}
body > #Contents .hht-nc1-1-1 picture {
display: block;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc1-1-1 picture {
flex-shrink: 0;
min-width: 142px;
max-width: 300px;
margin-left: 80px;
}
}
body > #Contents .hht-nc1-1-1 picture img {
display: block;
margin: 24px auto 0;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc1-1-1 picture img {
margin-top: 0;
}
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc1-1-1 > div {
flex-grow: 1;
}
}
body > #Contents .hht-nc1-3-1, body > #Contents .hht-nc1-3-3 {
margin: 0 auto 24px;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc1-3-1, body > #Contents .hht-nc1-3-3 {
margin-bottom: 40px;
}
}
body > #Contents .hht-nc1-3-1 img, body > #Contents .hht-nc1-3-3 img {
width: 100%;
max-width: 100%;
object-fit: contain;
object-position: center center;
}
body > #Contents .hht-nc1-3-1 {
max-width: 1275px;
}
body > #Contents .hht-nc1-3-1 img {
aspect-ratio: 1/0.207;
}
body > #Contents .hht-nc1-3-3 img {
aspect-ratio: 1/0.138;
}
body > #Contents [class^=hht-nc2-] {
max-width: 1275px;
}
body > #Contents .hht-nc2-1-1 a::after, body > #Contents .hht-nc2-5-1-1 a::after {
display: inline-block;
width: 37px;
height: 24px;
margin: 0 0 0 8px;
content: "";
background-color: #CC0000;
-webkit-mask: url("../icon/arrow-link.svg") no-repeat center center/37px 24px;
mask: url("../icon/arrow-link.svg") no-repeat center center/37px 24px;
transition: color 0.25s ease, -webkit-transform 0.25s ease;
transition: color 0.25s ease, transform 0.25s ease;
transition: color 0.25s ease, transform 0.25s ease, -webkit-transform 0.25s ease;
}
body > #Contents .hht-nc2-1-1 a:hover, body > #Contents .hht-nc2-5-1-1 a:hover {
color: #CC0000;
}
body > #Contents .hht-nc2-1-1 a:hover::after, body > #Contents .hht-nc2-5-1-1 a:hover::after {
background-color: #CC0000;
-webkit-transform: translateX(4px);
transform: translateX(4px);
}
body > #Contents .hht-nc2-1-1 a:active, body > #Contents .hht-nc2-1-1 a:link, body > #Contents .hht-nc2-1-1 a:visited, body > #Contents .hht-nc2-5-1-1 a:active, body > #Contents .hht-nc2-5-1-1 a:link, body > #Contents .hht-nc2-5-1-1 a:visited {
color: #0C0C0C;
}
body > #Contents .hht-nc2-1-1 a:hover, body > #Contents .hht-nc2-5-1-1 a:hover {
color: #CC0000;
}
body > #Contents .hht-nc2-1-1 {
margin: 40px auto 24px;
}
body > #Contents .hht-nc2-1-1 h2 {
position: relative;
display: block;
padding: 0 0 8px 22px;
font-size: 22px;
font-weight: bold;
line-height: 1.545;
border-bottom: 1px solid #CC0000;
}
body > #Contents .hht-nc2-1-1 h2 sup {
vertical-align: super;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc2-1-1 h2 {
padding: 0 0 16px 40px;
font-size: 32px;
line-height: 1.5;
}
}
body > #Contents .hht-nc2-1-1 h2::before {
position: absolute;
top: 0;
left: 0;
z-index: 1;
display: block;
width: 12px;
height: 15px;
content: "";
background: #CC0000;
-webkit-transform: skew(-40deg) translate(0, -10px);
transform: skew(-40deg) translate(0, -10px);
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc2-1-1 h2::before {
width: 20px;
height: 27px;
-webkit-transform: skew(-40deg) translate(1px, -15px);
transform: skew(-40deg) translate(1px, -15px);
}
}
body > #Contents .hht-nc2-2-1-1, body > #Contents .hht-nc2-3-1-1 {
margin: 24px auto 16px;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc2-2-1-1, body > #Contents .hht-nc2-3-1-1 {
margin-top: 48px;
}
}
body > #Contents .hht-nc2-2-1-1 h3, body > #Contents .hht-nc2-2-1-1 h4, body > #Contents .hht-nc2-2-1-1 p, body > #Contents .hht-nc2-3-1-1 h3, body > #Contents .hht-nc2-3-1-1 h4, body > #Contents .hht-nc2-3-1-1 p {
display: block;
font-weight: bold;
transition: color 0.25s ease;
}
body > #Contents .hht-nc2-2-1-1 a h3:last-child::after, body > #Contents .hht-nc2-2-1-1 a h4:last-child::after, body > #Contents .hht-nc2-3-1-1 a h3:last-child::after, body > #Contents .hht-nc2-3-1-1 a h4:last-child::after {
display: inline-block;
width: 37px;
height: 24px;
margin: 0 0 0 8px;
margin-top: -0.2em;
vertical-align: middle;
content: "";
background-color: #CC0000;
-webkit-mask: url("../icon/arrow-link.svg") no-repeat center center/37px 24px;
mask: url("../icon/arrow-link.svg") no-repeat center center/37px 24px;
transition: color 0.25s ease, -webkit-transform 0.25s ease;
transition: color 0.25s ease, transform 0.25s ease;
transition: color 0.25s ease, transform 0.25s ease, -webkit-transform 0.25s ease;
}
body > #Contents .hht-nc2-2-1-1 a:hover, body > #Contents .hht-nc2-3-1-1 a:hover {
text-decoration: none;
}
body > #Contents .hht-nc2-2-1-1 a:hover p, body > #Contents .hht-nc2-2-1-1 a:hover h3, body > #Contents .hht-nc2-2-1-1 a:hover h4, body > #Contents .hht-nc2-3-1-1 a:hover p, body > #Contents .hht-nc2-3-1-1 a:hover h3, body > #Contents .hht-nc2-3-1-1 a:hover h4 {
color: #CC0000;
}
body > #Contents .hht-nc2-2-1-1 a:hover p::after, body > #Contents .hht-nc2-2-1-1 a:hover h3::after, body > #Contents .hht-nc2-2-1-1 a:hover h4::after, body > #Contents .hht-nc2-3-1-1 a:hover p::after, body > #Contents .hht-nc2-3-1-1 a:hover h3::after, body > #Contents .hht-nc2-3-1-1 a:hover h4::after {
background-color: #CC0000;
-webkit-transform: translateX(4px);
transform: translateX(4px);
}
body > #Contents .hht-nc2-2-1-1 h3 {
margin-top: 4px;
font-size: 18px;
line-height: 1.555;
color: #0C0C0C;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc2-2-1-1 h3 {
font-size: 24px;
line-height: 1.583;
}
}
body > #Contents .hht-nc2-2-1-1 p {
font-size: 15px;
line-height: 1.666;
color: #CC0000;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc2-2-1-1 p {
font-size: 18px;
line-height: 1.777;
}
}
body > #Contents .hht-nc2-3-1-1 h4 {
font-size: 16px;
line-height: 1.5;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc2-3-1-1 h4 {
font-size: 18px;
line-height: 1.777;
}
}
body > #Contents .hht-nc2-5-1-1 {
margin: 40px auto 16px;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc2-5-1-1 {
margin-bottom: 24px;
}
}
body > #Contents .hht-nc2-5-1-1 p {
display: block;
padding-top: 24px;
font-size: 18px;
font-weight: bold;
line-height: 1.555;
border-top: 2px solid #0C0C0C;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc2-5-1-1 p {
padding-top: 40px;
font-size: 24px;
line-height: 1.583;
}
}
body > #Contents .hht-nc2-5-1-1 a:hover {
text-decoration: none;
}
body > #Contents .hht-nc2-6 {
margin: 40px auto 16px;
background: #f9f9f9;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc2-6 {
margin-bottom: 24px;
}
}
body > #Contents .hht-nc2-6 p {
padding: 16px 44px 16px 16px;
font-weight: bold;
}
@media screen and (max-width: 767px) {
body > #Contents .hht-nc2-6 p {
font-size: 14px;
line-height: 1.714;
}
}
body > #Contents .hht-nc2-6 a {
position: relative;
display: block;
transition: color 0.25s ease;
}
body > #Contents .hht-nc2-6 a::after {
position: absolute;
top: calc(50% - 12px);
right: -32px;
display: block;
width: 24px;
height: 24px;
content: "";
background-color: #CC0000;
-webkit-mask: url("../icon/arrow-next.svg") no-repeat center center/24px 24px;
mask: url("../icon/arrow-next.svg") no-repeat center center/24px 24px;
transition: color 0.25s ease, background-color 0.25s ease;
}
body > #Contents .hht-nc2-6 a:active, body > #Contents .hht-nc2-6 a:link, body > #Contents .hht-nc2-6 a:visited {
color: #0C0C0C;
}
body > #Contents .hht-nc2-6 a:hover {
color: #CC0000;
text-decoration: none;
}
body > #Contents .hht-nc2-6 a:hover::after {
background-color: #CC0000;
}
body > #Contents [class^=hht-nc3-] {
max-width: 1275px;
}
body > #Contents .hht-nc3-1-1, body > #Contents .hht-nc3-2-1, body > #Contents .hht-nc3-3-1 {
margin: 8px auto;
}
body > #Contents .hht-nc3-2-1 p {
text-align: right;
}
body > #Contents .hht-nc3-3-1 p {
text-align: center;
}
body > #Contents .hht-nc3-4-1 {
margin: 16px auto;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc3-4-1 {
margin: 40px auto;
}
}
body > #Contents .hht-nc3-4-1 p {
font-size: 16px;
line-height: 1.75;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc3-4-1 p {
font-size: 18px;
line-height: 1.555;
}
}
body > #Contents .hht-nc4-1-1 {
max-width: 1275px;
margin: 40px auto;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc4-1-1 {
margin-bottom: 16px;
}
}
body > #Contents .hht-nc4-1-1 > h2 {
font-size: 18px;
line-height: 1.583;
color: #0C0C0C;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc4-1-1 > h2 {
font-size: 24px;
}
}
body > #Contents .hht-nc4-1-1 > h3 {
position: relative;
margin: 8px 0 0;
font-size: 16px;
line-height: 1.777;
color: #737373;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc4-1-1 > h3 {
padding: 0 0 0 80px;
font-size: 18px;
}
}
body > #Contents .hht-nc4-1-1 > h3::before {
display: block;
width: 64px;
height: 2px;
margin: 16px 0 12px;
content: "";
background: #CC0000;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc4-1-1 > h3::before {
position: absolute;
top: 16px;
left: 0;
margin: 0;
}
}
body > #Contents [class*=hht-nc5-] .h-left {
text-align: left;
}
body > #Contents [class*=hht-nc5-] .h-center {
text-align: center;
}
body > #Contents [class*=hht-nc5-] .h-right {
text-align: right;
}
body > #Contents .hht-nc5-2-1 figure, body > #Contents .hht-nc5-1-2-4 figure {
display: table;
margin: auto;
}
body > #Contents .hht-nc5-2-1 figcaption, body > #Contents .hht-nc5-1-2-4 figcaption {
display: table-caption;
margin-top: 8px;
font-size: 12px;
color: #737373;
caption-side: bottom;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc5-2-1 figcaption, body > #Contents .hht-nc5-1-2-4 figcaption {
font-size: 14px;
line-height: 1.571;
}
}
body > #Contents .hht-nc5-2-1 figcaption a:active, body > #Contents .hht-nc5-2-1 figcaption a:link, body > #Contents .hht-nc5-2-1 figcaption a:visited, body > #Contents .hht-nc5-1-2-4 figcaption a:active, body > #Contents .hht-nc5-1-2-4 figcaption a:link, body > #Contents .hht-nc5-1-2-4 figcaption a:visited {
color: #737373;
text-decoration: underline;
}
body > #Contents .hht-nc5-2-1 figcaption a:hover, body > #Contents .hht-nc5-1-2-4 figcaption a:hover {
color: #0C0C0C;
}
body > #Contents .hht-nc5-2-1 {
max-width: 1275px;
margin: 30px auto 0;
}
body > #Contents .hht-nc5-2-1 figure a {
display: block;
overflow: hidden;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc5-2-1 figure a img {
transition: -webkit-transform 0.25s ease;
transition: transform 0.25s ease;
transition: transform 0.25s ease, -webkit-transform 0.25s ease;
}
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc5-2-1 figure a:hover img {
-webkit-transform: translate(unset) scale(1.12);
transform: translate(unset) scale(1.12);
}
}
body > #Contents .hht-nc5-1-2-4 {
max-width: 1275px;
margin: 16px auto;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc5-1-2-4 {
margin: 40px auto;
}
}
body > #Contents .hht-nc5-1-2-4 figure > span {
position: relative;
display: block;
}
body > #Contents .hht-nc5-1-2-4 figure .hht-nc5-1-2-4-toggle {
position: absolute;
right: 0;
bottom: 0;
z-index: 1;
padding: 8px;
line-height: 1;
-webkit-appearance: none;
appearance: none;
cursor: pointer;
background-color: rgba(45, 45, 45, 0.5);
border: none;
border-radius: 0;
box-shadow: none;
transition: background-color 0.25s ease;
}
body > #Contents .hht-nc5-1-2-4 figure .hht-nc5-1-2-4-toggle:hover {
background-color: rgba(45, 45, 45, 0.7);
}
body > #Contents .hht-nc5-1-2-4 figure .hht-nc5-1-2-4-toggle::after {
display: block;
width: 24px;
height: 24px;
content: "";
background-color: #fff;
-webkit-mask: url("../icon/zoom-in.svg") no-repeat center center/24px 24px;
mask: url("../icon/zoom-in.svg") no-repeat center center/24px 24px;
}
body > #Contents .hht-nc5-6-1 {
margin-bottom: 40px;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc5-6-1 {
margin-top: 40px;
}
}
body > #Contents .hht-nc5-6-1 img {
width: 100%;
max-width: 100%;
}
body > #Contents .hht-nc5-6-2, body > #Contents .hht-nc5-6-2-2 {
position: relative;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc5-6-2, body > #Contents .hht-nc5-6-2-2 {
margin: 40px auto;
}
}
body > #Contents [class^=hht-nc5-6-2] .hht-icon-pause, body > #Contents [class^=hht-nc5-6-2] .hht-icon-playback {
z-index: 1;
pointer-events: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
body > #Contents [class^=hht-nc5-6-2] .hht-icon-pause::after, body > #Contents [class^=hht-nc5-6-2] .hht-icon-playback::after {
display: inline-block;
width: 24px;
height: 24px;
margin: 0;
content: "";
background-color: #fff;
transition: background-color 0.25s ease;
}
body > #Contents [class^=hht-nc5-6-2] .hht-icon-pause:hover::after, body > #Contents [class^=hht-nc5-6-2] .hht-icon-playback:hover::after {
background-color: #0C0C0C;
}
body > #Contents [class^=hht-nc5-6-2] .hht-icon-pause.-hide, body > #Contents [class^=hht-nc5-6-2] .hht-icon-playback.-hide {
display: none;
}
body > #Contents [class^=hht-nc5-6-2] .hht-icon-pause::after {
-webkit-mask: url("../icon/pause.svg") no-repeat center center/24px 24px;
mask: url("../icon/pause.svg") no-repeat center center/24px 24px;
}
body > #Contents [class^=hht-nc5-6-2] .hht-icon-playback::after {
-webkit-mask: url("../icon/playback.svg") no-repeat center center/24px 24px;
mask: url("../icon/playback.svg") no-repeat center center/24px 24px;
}
body > #Contents [class^=hht-nc5-6-2] button {
display: block;
padding: 0;
-webkit-appearance: none;
appearance: none;
box-shadow: none;
}
body > #Contents .hht-nc5-6-2 {
max-width: 1275px;
margin: 16px auto;
}
body > #Contents .hht-nc5-6-2__slider, body > #Contents .hht-nc5-6-2-2__slider {
height: auto;
padding-bottom: 0;
overflow: hidden;
visibility: visible;
opacity: 1;
transition: visibility 0.2s ease 0.15s, opacity 0.2s ease 0.15s;
}
body > #Contents .hht-nc5-6-2__slider:not(.slick-initialized), body > #Contents .hht-nc5-6-2-2__slider:not(.slick-initialized) {
height: 0;
visibility: hidden;
opacity: 0;
}
body > #Contents .hht-nc5-6-2__slider .slick-slide, body > #Contents .hht-nc5-6-2-2__slider .slick-slide {
position: relative;
width: 100%;
}
@media (max-width: 1275px) {
body > #Contents .hht-nc5-6-2__slider .slick-slide, body > #Contents .hht-nc5-6-2-2__slider .slick-slide {
width: 100%;
}
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc5-6-2__slider .slick-slide, body > #Contents .hht-nc5-6-2-2__slider .slick-slide {
width: 1275px;
}
}
body > #Contents .hht-nc5-6-2__slider .slick-slide > a, body > #Contents .hht-nc5-6-2-2__slider .slick-slide > a, body > #Contents .hht-nc5-6-2__slider .slick-slide > div, body > #Contents .hht-nc5-6-2-2__slider .slick-slide > div {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
aspect-ratio: 1/0.311;
overflow: hidden;
}
body > #Contents .hht-nc5-6-2__slider .slick-slide > a img, body > #Contents .hht-nc5-6-2-2__slider .slick-slide > a img, body > #Contents .hht-nc5-6-2__slider .slick-slide > div img, body > #Contents .hht-nc5-6-2-2__slider .slick-slide > div img {
display: block;
width: auto;
max-width: 100%;
transition: -webkit-transform 0.25s ease;
transition: transform 0.25s ease;
transition: transform 0.25s ease, -webkit-transform 0.25s ease;
}
body > #Contents .hht-nc5-6-2__slider .slick-arrow, body > #Contents .hht-nc5-6-2-2__slider .slick-arrow {
position: absolute;
top: 50%;
z-index: 1;
width: 72px;
height: 72px;
padding: 0;
-webkit-appearance: none;
appearance: none;
background-color: rgba(45, 45, 45, 0.5);
border: none;
border-radius: 0;
box-shadow: none;
transition: background-color 0.25s ease;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
}
@media screen and (max-width: 767px) {
body > #Contents .hht-nc5-6-2__slider .slick-arrow, body > #Contents .hht-nc5-6-2-2__slider .slick-arrow {
visibility: hidden;
}
}
body > #Contents .hht-nc5-6-2__slider .slick-arrow:hover, body > #Contents .hht-nc5-6-2-2__slider .slick-arrow:hover {
background-color: rgba(45, 45, 45, 0.7);
}
body > #Contents .hht-nc5-6-2__slider .slick-arrow.slick-prev, body > #Contents .hht-nc5-6-2-2__slider .slick-arrow.slick-prev {
left: 0;
}
body > #Contents .hht-nc5-6-2__slider .slick-arrow.slick-next, body > #Contents .hht-nc5-6-2-2__slider .slick-arrow.slick-next {
right: 0;
}
body > #Contents .hht-nc5-6-2__slider-controller, body > #Contents .hht-nc5-6-2-2__slider-controller {
position: absolute;
bottom: 0;
left: 50%;
z-index: 1;
display: flex;
align-items: center;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc5-6-2__slider-controller, body > #Contents .hht-nc5-6-2-2__slider-controller {
bottom: 16px;
}
}
body > #Contents .hht-nc5-6-2__slider-controller .slick-dots, body > #Contents .hht-nc5-6-2-2__slider-controller .slick-dots {
display: flex;
align-items: center;
justify-content: center;
padding-left: 0;
list-style-type: none;
}
body > #Contents .hht-nc5-6-2__slider-controller .slick-dots > li, body > #Contents .hht-nc5-6-2-2__slider-controller .slick-dots > li {
margin: 0 4px;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc5-6-2__slider-controller .slick-dots > li, body > #Contents .hht-nc5-6-2-2__slider-controller .slick-dots > li {
margin: 0 8px;
}
}
body > #Contents .hht-nc5-6-2__slider-controller .slick-dots > li.slick-active button, body > #Contents .hht-nc5-6-2-2__slider-controller .slick-dots > li.slick-active button {
background: #fff;
}
body > #Contents .hht-nc5-6-2__slider-controller .slick-dots > li button, body > #Contents .hht-nc5-6-2-2__slider-controller .slick-dots > li button {
width: 8px;
height: 8px;
overflow: hidden;
text-align: left;
text-indent: 120%;
white-space: nowrap;
background-color: rgba(255, 255, 255, 0.5);
border: 1px solid #fff;
border-radius: 4px;
transition: background-color 0.25s ease;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc5-6-2__slider-controller .slick-dots > li button, body > #Contents .hht-nc5-6-2-2__slider-controller .slick-dots > li button {
width: 12px;
height: 12px;
border-radius: 6px;
}
}
body > #Contents .hht-nc5-6-2__slider-controller .slick-dots > li button:hover, body > #Contents .hht-nc5-6-2-2__slider-controller .slick-dots > li button:hover {
background-color: #fff;
}
body > #Contents .hht-nc5-6-2__slider-pause, body > #Contents .hht-nc5-6-2-2__slider-pause {
padding: 0;
-webkit-appearance: none;
appearance: none;
background: none;
border: none;
box-shadow: none;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc5-6-2__slider-pause, body > #Contents .hht-nc5-6-2-2__slider-pause {
margin-left: 8px;
}
}
body > #Contents .hht-nc5-6-2__slider-pause button, body > #Contents .hht-nc5-6-2-2__slider-pause button {
position: relative;
width: 32px;
height: 32px;
background-color: rgba(255, 255, 255, 0);
border: none;
border-radius: 0;
transition: background-color 0.25s ease;
}
body > #Contents .hht-nc5-6-2__slider-pause button:hover, body > #Contents .hht-nc5-6-2-2__slider-pause button:hover {
background-color: rgba(255, 255, 255, 0.4);
}
body > #Contents .hht-nc5-6-2__slider-pause button span, body > #Contents .hht-nc5-6-2-2__slider-pause button span {
display: none;
}
body > #Contents .hht-nc5-6-2-2 {
margin-top: 16px;
margin-bottom: 16px;
}
body > #Contents .hht-nc5-6-2-2__block1 {
position: absolute;
top: 50%;
left: 0;
z-index: 1;
padding: 8px 24px 24px;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc5-6-2-2__block1 {
padding: 16px 96px;
}
}
body > #Contents .hht-nc5-6-2-2__block1.-alt {
right: 0;
left: auto;
}
body > #Contents .hht-nc5-6-2-2__text1, body > #Contents .hht-nc5-6-2-2__text2 {
display: inline;
font-weight: bold;
line-height: 1.333;
color: #fff;
}
body > #Contents .hht-nc5-6-2-2__text1 {
font-size: 1.777vw;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc5-6-2-2__text1 {
font-size: 24px;
}
}
body > #Contents .hht-nc5-6-2-2__text2 {
font-size: 3.111vw;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc5-6-2-2__text2 {
font-size: 42px;
}
}
body > #Contents .hht-nc5-6-2-2__text3 {
display: block;
margin-top: 2.962vw;
font-size: 1.629vw;
font-weight: normal;
line-height: 1.545;
color: #fff;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc5-6-2-2__text3 {
margin-top: 40px;
font-size: 22px;
}
}
@media screen and (min-width: 768px) and (max-width: 1275px) {
body > #Contents .hht-nc5-6-2-2__block1 {
padding: 1.254vw 96px;
}
body > #Contents .hht-nc5-6-2-2__text1 {
font-size: 1.882vw;
}
body > #Contents .hht-nc5-6-2-2__text2 {
font-size: 3.294vw;
}
body > #Contents .hht-nc5-6-2-2__text3 {
margin-top: 3.137vw;
font-size: 1.725vw;
}
}
@media (min-width: 1275px) {
body > #Contents .hht-nc5-6-2-2__slider .slick-arrow.slick-prev {
left: calc(50vw - 638px);
}
body > #Contents .hht-nc5-6-2-2__slider .slick-arrow.slick-next {
right: calc(50vw - 638px);
}
}
body > #Contents .hht-nc7-1-1-1 {
max-width: 1275px;
margin: 8px auto;
}
body > #Contents .hht-nc7-1-1-1 > ul {
padding-left: 2rem;
}
body > #Contents .hht-nc7-1-1-1 > ul > li {
list-style-type: disc;
}
body > #Contents .hht-nc7-1-1-1 > ol {
padding-left: 2rem;
}
body > #Contents .hht-nc7-1-1-1 > ol > li {
list-style-type: decimal;
}
body > #Contents ul.hht-nc7-1-1-1__list1, body > #Contents ol.hht-nc7-1-1-1__list1 {
padding-left: 2rem;
}
body > #Contents ul.hht-nc7-1-1-1__list1 > li {
list-style-type: disc;
}
body > #Contents ol.hht-nc7-1-1-1__list1 > li {
list-style-type: decimal;
}
body > #Contents {
/* hht-nc8-1-1-1
------------------------------------------------ */
/* hht-nc8-2-1
------------------------------------------------ */
}
body > #Contents .hht-wrap [class*=hht-nc8-] {
max-width: 1275px;
margin: 8px auto;
}
body > #Contents .hht-wrap [class*=hht-nc8-] ul, body > #Contents .hht-wrap [class*=hht-nc8-] ol {
padding-left: 2rem;
margin: 0;
}
body > #Contents .hht-wrap [class*=hht-nc8-] ul li, body > #Contents .hht-wrap [class*=hht-nc8-] ol li {
list-style-type: inherit;
}
@media screen and (max-width: 767px) {
body > #Contents .hht-wrap [class*=hht-nc8-] ul li, body > #Contents .hht-wrap [class*=hht-nc8-] ol li {
font-size: 15px;
line-height: 1.666;
}
}
body > #Contents .hht-wrap [class*=hht-nc8-] ul li::marker, body > #Contents .hht-wrap [class*=hht-nc8-] ol li::marker {
font-size: 0.98em;
font-weight: bold;
letter-spacing: -0.012em;
}
body > #Contents .hht-wrap [class*=hht-nc8-] ol {
list-style-type: decimal;
}
body > #Contents .hht-wrap [class*=hht-nc8-] ol ol {
list-style-type: lower-alpha;
}
body > #Contents .hht-wrap [class*=hht-nc8-] ol ol ol {
list-style-type: lower-roman;
}
body > #Contents .hht-wrap [class*=hht-nc8-] .none {
list-style-type: none;
}
body > #Contents .hht-wrap [class*=hht-nc8-] .disc {
list-style-type: disc;
}
body > #Contents .hht-wrap [class*=hht-nc8-] .circle {
list-style-type: circle;
}
body > #Contents .hht-wrap [class*=hht-nc8-] .square {
list-style-type: square;
}
body > #Contents .hht-wrap [class*=hht-nc8-] .lower-roman {
list-style-type: lower-roman;
}
body > #Contents .hht-wrap [class*=hht-nc8-] .upper-roman {
list-style-type: upper-roman;
}
body > #Contents .hht-wrap [class*=hht-nc8-] .lower-greek {
list-style-type: lower-greek;
}
body > #Contents .hht-wrap [class*=hht-nc8-] .decimal {
list-style-type: decimal;
}
body > #Contents .hht-wrap [class*=hht-nc8-] .decimal-leading-zero {
list-style-type: decimal-leading-zero;
}
body > #Contents .hht-wrap [class*=hht-nc8-] .lower-alpha {
list-style-type: lower-alpha;
}
body > #Contents .hht-wrap [class*=hht-nc8-] .upper-alpha {
list-style-type: upper-alpha;
}
body > #Contents .hht-wrap [class*=hht-nc8-] .cjk-ideographic {
list-style-type: cjk-ideographic;
}
body > #Contents .hht-wrap [class*=hht-nc8-] .hiragana-iroha {
list-style-type: hiragana-iroha;
}
body > #Contents .hht-wrap [class*=hht-nc8-] .katakana-iroha {
list-style-type: katakana-iroha;
}
body > #Contents .hht-wrap [class*=hht-nc8-] .hebrew {
list-style-type: hebrew;
}
body > #Contents .hht-wrap [class*=hht-nc8-] .armenian {
list-style-type: armenian;
}
body > #Contents .hht-wrap [class*=hht-nc8-] .georgian {
list-style-type: georgian;
}
body > #Contents .hht-nc9-1 {
max-width: 1275px;
margin: 8px auto;
}
body > #Contents .hht-nc9-1 > p {
display: flex;
margin-bottom: 8px;
font-size: 12px;
line-height: 1.666;
color: #737373;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc9-1 > p {
font-size: 14px;
line-height: 1.571;
}
}
body > #Contents .hht-nc9-1 > p > em, body > #Contents .hht-nc9-1 > p > i {
margin-right: 8px;
font-style: normal;
white-space: nowrap;
}
body > #Contents .hht-wrap [class^=hht-nc10-] {
position: relative;
max-width: 1275px;
padding: 16px 16px 16px 48px;
margin: 8px auto;
background: #f9f9f9;
}
body > #Contents .hht-nc10-1-1::after {
position: absolute;
top: 16px;
left: 14px;
display: inline-block;
width: 24px;
height: 24px;
content: "";
background-color: #CC0000;
-webkit-mask: url("../icon/warning-circle.svg") no-repeat center center/24px 24px;
mask: url("../icon/warning-circle.svg") no-repeat center center/24px 24px;
transition: color 0.25s ease, -webkit-transform 0.25s ease;
transition: color 0.25s ease, transform 0.25s ease;
transition: color 0.25s ease, transform 0.25s ease, -webkit-transform 0.25s ease;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc10-1-1::after {
top: 18px;
}
}
body > #Contents .hht-nc10-1-1 > p {
font-weight: bold;
}
@media screen and (max-width: 767px) {
body > #Contents .hht-nc10-1-1 > p {
font-size: 14px;
line-height: 1.714;
}
}
body > #Contents .hht-nc11-5-5 {
max-width: 1275px;
margin: 16px auto;
background: #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc11-5-5 {
display: grid;
grid-template: "hht-nc11-5-5__block1 hht-nc11-5-5__block2"1fr/300px 1fr;
margin: 40px auto;
}
}
body > #Contents .hht-nc11-5-5 picture {
position: relative;
display: block;
width: 100%;
overflow: hidden;
}
body > #Contents .hht-nc11-5-5 picture img {
width: 100%;
max-width: 100%;
aspect-ratio: 1/0.666;
transition: -webkit-transform 0.25s ease;
transition: transform 0.25s ease;
transition: transform 0.25s ease, -webkit-transform 0.25s ease;
object-fit: contain;
object-position: center center;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc11-5-5 picture img {
max-height: 200px;
}
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc11-5-5__block1 {
grid-area: hht-nc11-5-5__block1;
grid-row: 1;
grid-column: 1;
}
}
body > #Contents .hht-nc11-5-5__block2 {
padding: 24px;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc11-5-5__block2 {
grid-area: hht-nc11-5-5__block2;
grid-row: 1;
grid-column: 2;
}
}
body > #Contents .hht-nc11-5-5__text1 {
margin-top: 0;
color: #0C0C0C;
}
body > #Contents .hht-nc11-5-5__text1 + .hht-nc11-5-5__text1 {
margin-top: 24px;
}
body > #Contents .hht-nc11-5-5__list1 {
padding-left: 0;
margin-top: 16px;
list-style-type: none;
}
body > #Contents .hht-nc11-5-5__list1 > li {
margin-top: 8px;
}
body > #Contents .hht-nc11-5-5__list1 > li a {
font-weight: bold;
}
body > #Contents .hht-nc11-6-2, body > #Contents .hht-nc11-6-2-2 {
max-width: 1275px;
margin: 24px auto;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc11-6-2, body > #Contents .hht-nc11-6-2-2 {
padding-left: 40px;
margin-top: 8px;
margin-bottom: 8px;
}
}
body > #Contents .hht-nc11-6-2 br, body > #Contents .hht-nc11-6-2-2 br {
display: none;
}
body > #Contents .hht-nc11-6-2 .hht-nc11-6-2__list1, body > #Contents .hht-nc11-6-2 .hht-nc11-6-2-2__list1, body > #Contents .hht-nc11-6-2-2 .hht-nc11-6-2__list1, body > #Contents .hht-nc11-6-2-2 .hht-nc11-6-2-2__list1 {
padding-left: 0;
list-style-type: none;
}
body > #Contents .hht-nc11-6-2 .hht-nc11-6-2__list1 > li, body > #Contents .hht-nc11-6-2 .hht-nc11-6-2-2__list1 > li, body > #Contents .hht-nc11-6-2-2 .hht-nc11-6-2__list1 > li, body > #Contents .hht-nc11-6-2-2 .hht-nc11-6-2-2__list1 > li {
margin-bottom: 24px;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc11-6-2 .hht-nc11-6-2__list1 > li:last-child, body > #Contents .hht-nc11-6-2 .hht-nc11-6-2-2__list1 > li:last-child, body > #Contents .hht-nc11-6-2-2 .hht-nc11-6-2__list1 > li:last-child, body > #Contents .hht-nc11-6-2-2 .hht-nc11-6-2-2__list1 > li:last-child {
margin-bottom: 0;
}
}
body > #Contents .hht-nc11-6-2 .hht-nc11-6-2__block1, body > #Contents .hht-nc11-6-2-2 .hht-nc11-6-2__block1 {
display: block;
}
body > #Contents .hht-nc11-6-2 .hht-nc11-6-2__block2, body > #Contents .hht-nc11-6-2-2 .hht-nc11-6-2__block2 {
display: inline-block;
}
body > #Contents .hht-nc11-6-2 .hht-nc11-6-2__block2 span, body > #Contents .hht-nc11-6-2-2 .hht-nc11-6-2__block2 span, body > #Contents .hht-nc11-6-2 .hht-nc11-6-2__block2 time, body > #Contents .hht-nc11-6-2-2 .hht-nc11-6-2__block2 time {
font-family: Hitachi Sans, Verdana, sans-serif;
font-size: 12px;
font-weight: bold;
line-height: 1;
color: #737373;
letter-spacing: 0.15em;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc11-6-2 .hht-nc11-6-2__block2 span, body > #Contents .hht-nc11-6-2-2 .hht-nc11-6-2__block2 span, body > #Contents .hht-nc11-6-2 .hht-nc11-6-2__block2 time, body > #Contents .hht-nc11-6-2-2 .hht-nc11-6-2__block2 time {
font-size: 14px;
}
}
body > #Contents .hht-nc11-6-2 .hht-nc11-6-2__block3, body > #Contents .hht-nc11-6-2 .hht-nc11-6-2-2__block3, body > #Contents .hht-nc11-6-2-2 .hht-nc11-6-2__block3, body > #Contents .hht-nc11-6-2-2 .hht-nc11-6-2-2__block3 {
display: inline-block;
}
body > #Contents .hht-nc11-6-2 .hht-nc11-6-2__block3 span, body > #Contents .hht-nc11-6-2 .hht-nc11-6-2-2__block3 span, body > #Contents .hht-nc11-6-2-2 .hht-nc11-6-2__block3 span, body > #Contents .hht-nc11-6-2-2 .hht-nc11-6-2-2__block3 span {
display: inline-block;
font-size: 12px;
font-weight: bold;
color: #CC0000;
letter-spacing: 0.15em;
vertical-align: bottom;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc11-6-2 .hht-nc11-6-2__block3 span, body > #Contents .hht-nc11-6-2 .hht-nc11-6-2-2__block3 span, body > #Contents .hht-nc11-6-2-2 .hht-nc11-6-2__block3 span, body > #Contents .hht-nc11-6-2-2 .hht-nc11-6-2-2__block3 span {
font-size: 14px;
}
}
body > #Contents .hht-nc11-6-2 .hht-nc11-6-2__block4 a, body > #Contents .hht-nc11-6-2 .hht-nc11-6-2-2__block4 a, body > #Contents .hht-nc11-6-2-2 .hht-nc11-6-2__block4 a, body > #Contents .hht-nc11-6-2-2 .hht-nc11-6-2-2__block4 a {
font-weight: normal;
text-underline-offset: 0.25em;
-webkit-text-decoration-skip-ink: none;
text-decoration-skip-ink: none;
}
body > #Contents .hht-nc11-6-2 .hht-nc11-6-2__block4 a:active, body > #Contents .hht-nc11-6-2 .hht-nc11-6-2-2__block4 a:active, body > #Contents .hht-nc11-6-2-2 .hht-nc11-6-2__block4 a:active, body > #Contents .hht-nc11-6-2-2 .hht-nc11-6-2-2__block4 a:active, body > #Contents .hht-nc11-6-2 .hht-nc11-6-2__block4 a:link, body > #Contents .hht-nc11-6-2 .hht-nc11-6-2-2__block4 a:link, body > #Contents .hht-nc11-6-2-2 .hht-nc11-6-2__block4 a:link, body > #Contents .hht-nc11-6-2-2 .hht-nc11-6-2-2__block4 a:link, body > #Contents .hht-nc11-6-2 .hht-nc11-6-2__block4 a:visited, body > #Contents .hht-nc11-6-2 .hht-nc11-6-2-2__block4 a:visited, body > #Contents .hht-nc11-6-2-2 .hht-nc11-6-2__block4 a:visited, body > #Contents .hht-nc11-6-2-2 .hht-nc11-6-2-2__block4 a:visited {
color: #0C0C0C;
text-decoration: underline;
}
body > #Contents .hht-nc11-6-2 .hht-nc11-6-2__block4 a:hover, body > #Contents .hht-nc11-6-2 .hht-nc11-6-2-2__block4 a:hover, body > #Contents .hht-nc11-6-2-2 .hht-nc11-6-2__block4 a:hover, body > #Contents .hht-nc11-6-2-2 .hht-nc11-6-2-2__block4 a:hover {
color: #CC0000;
}
@media screen and (max-width: 767px) {
body > #Contents .hht-nc11-6-2 .hht-nc11-6-2__block4 a, body > #Contents .hht-nc11-6-2 .hht-nc11-6-2-2__block4 a, body > #Contents .hht-nc11-6-2-2 .hht-nc11-6-2__block4 a, body > #Contents .hht-nc11-6-2-2 .hht-nc11-6-2-2__block4 a {
font-size: 15px;
line-height: 1.666;
}
}
body > #Contents .hht-nc11-6-2 .hht-nc11-6-2__block5, body > #Contents .hht-nc11-6-2 .hht-nc11-6-2-2__block5, body > #Contents .hht-nc11-6-2-2 .hht-nc11-6-2__block5, body > #Contents .hht-nc11-6-2-2 .hht-nc11-6-2-2__block5 {
display: inline-block;
}
body > #Contents .hht-nc11-6-2 .hht-nc11-6-2__block5 span, body > #Contents .hht-nc11-6-2 .hht-nc11-6-2-2__block5 span, body > #Contents .hht-nc11-6-2-2 .hht-nc11-6-2__block5 span, body > #Contents .hht-nc11-6-2-2 .hht-nc11-6-2-2__block5 span {
display: inline-block;
padding: 3px 7px;
font-size: 11px;
font-weight: bold;
line-height: 1.545;
color: #CC0000;
background: #fff;
border: 1px solid #CC0000;
}
body > #Contents .hht-nc11-6-2-2__block1 {
display: block;
}
body > #Contents .hht-nc11-6-2-2__block2 {
display: inline-block;
}
body > #Contents .hht-nc11-6-2-2__block2 p {
display: flex;
align-items: center;
font-size: 12px;
font-weight: bold;
line-height: 1;
letter-spacing: normal;
}
body > #Contents .hht-nc11-6-2-2__block2 p > span {
position: relative;
padding-left: 32px;
}
body > #Contents .hht-nc11-6-2-2__block2 p > span::before {
position: absolute;
top: 50%;
left: 0;
display: block;
width: 24px;
height: 24px;
content: "";
background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22https%3A%2F%2Fsiteproxy.ruqli.workers.dev%3A443%2Fhttp%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%20%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%2F%3E%20%3Cpath%20d%3D%22M.719%2C17.324A.717.717%2C0%2C0%2C1%2C0%2C16.605V2.055a.716.716%2C0%2C0%2C1%2C.719-.714H3.184V.648a.648.648%2C0%2C0%2C1%2C1.3%2C0v.694H15.02V.648a.648.648%2C0%2C0%2C1%2C1.3%2C0v.694h2.4a.714.714%2C0%2C0%2C1%2C.719.714v14.55a.715.715%2C0%2C0%2C1-.719.719Zm.713-1.433H18V2.769H16.316V3.26a.648.648%2C0%2C0%2C1-1.3%2C0V2.769H4.48V3.26a.648.648%2C0%2C0%2C1-1.3%2C0V2.769H1.432Zm11.143-3.063V11.543h2.283v1.286Zm-4%2C0V11.543h2.283v1.286Zm-4%2C0V11.543H6.859v1.286Zm8-2.855V8.688h2.283V9.973Zm-4%2C0V8.688h2.283V9.973Zm-4%2C0V8.688H6.859V9.973Zm8-2.855V5.832h2.283V7.118Zm-4%2C0V5.832h2.283V7.118Zm-4%2C0V5.832H6.859V7.118Z%22%20transform%3D%22translate(2.285%203.338)%22%20fill%3D%22%232d2d2d%22%20stroke%3D%22rgba(0%2C0%2C0%2C0)%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
body > #Contents [class^=hht-nc12-] {
max-width: 1275px;
margin-right: auto;
margin-left: auto;
}
body > #Contents .hht-nc12-1-1 > * + *, body > #Contents .hht-nc12-1-2 > * + *, body > #Contents .hht-nc12-1-2-2 > * + * {
margin-top: -16px;
}
body > #Contents .hht-nc12-1-2-2 {
text-align: center;
}
body > #Contents .hht-nc12-1-2-2 > [class*=hht-button-] {
margin: 16px 0;
}
body > #Contents .hht-nc12-1-3__block1 {
display: flex;
flex-wrap: wrap;
gap: 0 24px;
align-items: center;
}
body > #Contents .hht-nc12-1-3__block1 > [class*=hht-button-] {
flex: 0 0 auto;
width: auto;
margin: 0;
}
body > #Contents .hht-nc12-2 [class*=hht-button-] {
text-align: center;
}
body > #Contents .hht-nc12-2 > div {
display: flex;
flex-wrap: wrap;
gap: 12px 24px;
align-items: center;
overflow: hidden;
}
body > #Contents .hht-nc12-2 > div > [class*=hht-button-] {
flex: 1 0 auto;
width: auto;
max-width: calc(100% - 24px);
}
body > #Contents .hht-nc12-7-2 {
text-align: center;
}
body > #Contents .hht-nc12-7-3 {
max-width: inherit;
text-align: center;
}
body > #Contents .hht-nc12-8-1 {
margin-top: 16px;
margin-bottom: 16px;
}
body > #Contents .hht-nc12-8-1 .hht-nc12-8-1__block1 {
display: flex;
flex-wrap: wrap;
gap: 16px 12px;
}
body > #Contents .hht-nc12-8-1 .hht-nc12-8-1__block1 > [class*=hht-button-] {
flex: 0 0 auto;
width: auto;
margin: 0;
}
body > #Contents .hht-nc12-7-4 {
margin: 24px auto;
background: #fff;
}
body > #Contents .hht-nc12-7-4 > dl {
border-bottom: 1px solid #e1e1e1;
}
body > #Contents .hht-nc12-7-4 > dl dt {
position: relative;
display: flex;
width: 100%;
}
body > #Contents .hht-nc12-7-4 > dl dt button {
position: relative;
box-sizing: border-box;
display: inline-block;
width: 100%;
padding: 28px 80px 28px 16px;
font-size: 16px;
font-weight: bold;
line-height: 1.5;
text-align: left;
-webkit-appearance: none;
appearance: none;
cursor: pointer;
background-color: transparent;
border: none;
border-top: 1px solid #e1e1e1;
border-radius: 0;
box-shadow: none;
transition: all 0.25s ease;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc12-7-4 > dl dt button {
font-size: 18px;
line-height: 1.777;
}
}
body > #Contents .hht-nc12-7-4 > dl dt button::before, body > #Contents .hht-nc12-7-4 > dl dt button::after {
position: absolute;
content: "";
}
body > #Contents .hht-nc12-7-4 > dl dt button::before {
top: calc(50% - 25px);
right: 12px;
box-sizing: border-box;
display: block;
width: 45px;
height: 45px;
border: solid 2px #e1e1e1;
border-radius: 50%;
transition: border-color 0.25s ease;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc12-7-4 > dl dt button::before {
top: calc(50% - 30px);
right: 16px;
width: 56px;
height: 56px;
}
}
body > #Contents .hht-nc12-7-4 > dl dt button::after {
top: calc(50% - 16px);
right: 21px;
display: inline-block;
width: 26px;
height: 26px;
background-color: #CC0000;
-webkit-mask: url("../icon/plus-for-button.svg") no-repeat center center/26px 26px;
mask: url("../icon/plus-for-button.svg") no-repeat center center/26px 26px;
transition: background-color 0.25s ease;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc12-7-4 > dl dt button::after {
right: 31px;
width: 26px;
height: 26px;
}
}
body > #Contents .hht-nc12-7-4 > dl dt button:active, body > #Contents .hht-nc12-7-4 > dl dt button:link, body > #Contents .hht-nc12-7-4 > dl dt button:visited {
color: #0C0C0C;
}
body > #Contents .hht-nc12-7-4 > dl dt button:hover {
color: #CC0000;
}
body > #Contents .hht-nc12-7-4 > dl dt button:hover::before {
border-color: #CC0000;
}
body > #Contents .hht-nc12-7-4 > dl dt button:hover::after {
background-color: #CC0000;
}
body > #Contents .hht-nc12-7-4 > dl dt:not(.-open) + dd {
height: 0;
padding: 0;
opacity: 0;
}
body > #Contents .hht-nc12-7-4 > dl dt.-open button::after {
-webkit-mask-image: url("../icon/minus-for-button.svg");
mask-image: url("../icon/minus-for-button.svg");
}
body > #Contents .hht-nc12-7-4 > dl dd {
padding: 4px 16px 16px;
overflow: hidden;
opacity: 1;
transition: opacity 0.2s ease;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc12-7-4 > dl dd {
padding: 0 16px 24px;
}
}
body > #Contents .hht-nc13-1-1-1-1, body > #Contents .hht-nc13-1-1-1-2 {
max-width: 1275px;
margin: 8px auto;
font-weight: bold;
}
body > #Contents .hht-nc13-1-1-1-1 sup, body > #Contents .hht-nc13-1-1-1-2 sup {
vertical-align: super;
}
body > #Contents .hht-nc13-1-1-1-1 sub, body > #Contents .hht-nc13-1-1-1-2 sub {
vertical-align: sub;
}
body > #Contents .hht-nc13-1-1-1-2 {
text-align: right;
}
body > #Contents .hht-nc13-6-1-1-2 {
max-width: 1275px;
margin: 16px auto;
font-size: 12px;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc13-6-1-1-2 {
margin: 24px auto;
font-size: 14px;
line-height: 1.571;
}
}
body > #Contents .hht-nc13-6-1-1-2 [class*=hht-icon-]:active, body > #Contents .hht-nc13-6-1-1-2 [class*=hht-icon-]:link, body > #Contents .hht-nc13-6-1-1-2 [class*=hht-icon-]:visited {
color: #737373;
}
body > #Contents .hht-nc13-6-1-1-2 [class*=hht-icon-]::after {
background-color: #CC0000;
}
body > #Contents .hht-nc13-6-1-1-2 [class*=hht-icon-]:hover {
color: #0C0C0C;
}
body > #Contents .hht-nc13-6-1-1-2 [class*=hht-icon-]:hover::after {
background-color: #0C0C0C;
}
body > #Contents .hht-nc14-2-2 {
position: relative;
max-width: 1275px;
min-height: 110px;
margin: 16px auto;
overflow-x: scroll;
-webkit-overflow-scrolling: touch;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc14-2-2 {
min-height: 0;
margin-top: 24px;
margin-bottom: 24px;
overflow-x: hidden;
}
}
body > #Contents .hht-nc14-2-2-hint::after {
position: absolute;
top: 50%;
right: 0;
z-index: 1;
display: block;
width: 78px;
height: 78px;
content: "";
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20height%3D%2278%22%20viewBox%3D%220%200%2078%2078%22%20width%3D%2278%22%20xmlns%3D%22https%3A%2F%2Fsiteproxy.ruqli.workers.dev%3A443%2Fhttp%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle%20cx%3D%2239%22%20cy%3D%2239%22%20fill%3D%22%232d2d2d%22%20opacity%3D%22.572%22%20r%3D%2239%22%2F%3E%3Cpath%20d%3D%22m30%2024h28v27h-28z%22%20fill%3D%22none%22%2F%3E%3Cg%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22m30.212%2019.477-2.212-2.027%205.706-6.226h-13.975v-3h13.685l-5.442-6.254%202.264-1.97%208.682%209.976z%22%20transform%3D%22translate(33.08%2029.523)%22%2F%3E%3Cpath%20d%3D%22m30.212%2019.477-2.212-2.027%205.706-6.226h-17.165v-3h16.875l-5.442-6.254%202.264-1.97%208.682%209.976z%22%20transform%3D%22matrix(-1%200%200%20-1%2046.196%2049)%22%2F%3E%3Cpath%20d%3D%22m-167.071%20313.305a2.462%202.462%200%200%200%20-2%201.033v-.013a2.471%202.471%200%200%200%20-2.469-2.468%202.464%202.464%200%200%200%20-2.009%201.045%202.466%202.466%200%200%200%20-2.457-2.371%202.463%202.463%200%200%200%20-2%201.034v-5.68a2.471%202.471%200%200%200%20-2.468-2.469%202.471%202.471%200%200%200%20-2.468%202.469v16.207l-2.524-3.115a2.45%202.45%200%200%200%20-1.647-.923%202.455%202.455%200%200%200%20-1.819.507%202.472%202.472%200%200%200%20-.417%203.464l7.883%2010.129h.006c0%20.007%200%20.016.008.022a10.042%2010.042%200%200%200%207.235%202.991c5.041%200%209.18-3.556%209.575-8.059a.221.221%200%200%200%20.039-.094v-11.241a2.471%202.471%200%200%200%20-2.468-2.468z%22%20transform%3D%22matrix(.8660254%20.5%20-.5%20.8660254%20352.141%20-136.899)%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-position: 0 0;
opacity: 1;
transition: opacity 0.25s ease;
-webkit-transform: translate(0, -50%) translate(-16px, 16px);
transform: translate(0, -50%) translate(-16px, 16px);
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc14-2-2-hint::after {
display: none;
}
}
body > #Contents .hht-nc14-2-2.-hint.-touched::after {
opacity: 0;
}
body > #Contents .hht-nc14-2-2:not(.-inview).-hint::after {
opacity: 0;
}
body > #Contents .hht-nc14-2-2 table {
width: auto;
table-layout: fixed;
border-bottom: 1px solid #b3b3b3;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc14-2-2 table {
width: calc(100% - 1px);
}
}
body > #Contents .hht-nc14-2-2 table td, body > #Contents .hht-nc14-2-2 table th {
padding: 16px;
overflow-wrap: break-word;
vertical-align: top;
}
@media screen and (max-width: 767px) {
body > #Contents .hht-nc14-2-2 table td, body > #Contents .hht-nc14-2-2 table th {
padding: 8px 16px;
font-size: 14px;
line-height: 1.714;
}
}
body > #Contents .hht-nc14-2-2 table th {
font-weight: bold;
background: #e1e1e1;
border-right: 1px solid #fff;
}
body > #Contents .hht-nc14-2-2 table td {
font-weight: normal;
background: #f9f9f9;
border-top: 1px solid #b3b3b3;
border-right: 1px solid #b3b3b3;
}
body > #Contents .hht-nc14-2-2 caption {
margin-bottom: 12px;
font-size: 18px;
font-weight: bold;
line-height: 1.777;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc14-2-2 caption {
margin-bottom: 24px;
}
}
body > #Contents .hht-nc14-2-2 thead {
border-right: 1px solid #e1e1e1;
border-left: 1px solid #e1e1e1;
}
body > #Contents .hht-nc14-2-2 thead tr th {
border-bottom: 1px solid #fff;
}
body > #Contents .hht-nc14-2-2 thead tr th:last-child {
border-right: none;
}
body > #Contents .hht-nc14-2-2 tbody {
border-left: 1px solid #e1e1e1;
}
body > #Contents .hht-nc14-2-2 tbody tr th {
border-top: 1px solid #fff;
}
body > #Contents .hht-nc14-2-2 tbody tr th:last-child {
border-right: 1px solid #fff;
border-left: none;
}
body > #Contents .hht-nc14-2-2 tr:nth-child(odd) td {
background: #fff;
}
body > #Contents .hht-nc14-4 {
position: relative;
max-width: 1275px;
margin: 16px auto;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc14-4 {
margin-top: 24px;
margin-bottom: 24px;
}
}
body > #Contents .hht-nc14-4 a:active, body > #Contents .hht-nc14-4 a:link, body > #Contents .hht-nc14-4 a:visited {
color: #CC0000;
}
body > #Contents .hht-nc14-4 a:hover {
text-decoration: underline;
}
body > #Contents .hht-nc14-4 table {
width: 100%;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc14-4 table {
table-layout: fixed;
}
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc14-4 thead tr {
display: flex;
justify-content: space-between;
width: 100%;
margin-top: 10px;
}
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc14-4 thead th {
justify-content: center;
width: 100%;
padding: 0;
font-size: 18px;
font-weight: bold;
line-height: 1.777;
text-align: center;
}
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc14-4 thead th:not(:first-child) {
margin-left: 24px;
color: #fff;
background: #0C0C0C;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
}
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc14-4 thead th:first-child {
flex: 0 1 18.823%;
width: 18.823%;
padding: 16px 4px;
background: transparent;
box-shadow: none;
}
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc14-4 thead th > div {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 100%;
}
}
body > #Contents .hht-nc14-4 thead th > div > picture {
background-color: aqua;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc14-4 thead th > div > picture {
position: relative;
display: block;
width: 100%;
height: 0;
padding-bottom: 133px;
margin-top: 0;
margin-bottom: auto;
overflow: hidden;
background: #fff;
}
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc14-4 thead th > div > picture img {
position: absolute;
top: 50%;
left: 50%;
display: block;
width: auto;
height: auto;
max-height: 100%;
margin: auto;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc14-4 thead th span {
display: block;
padding: 16px;
margin: auto;
}
}
body > #Contents .hht-nc14-4 thead th[data-in]:not(.-visible) {
display: none;
}
body > #Contents .hht-nc14-4 thead td[data-in]:not(.-visible) {
display: none;
}
body > #Contents .hht-nc14-4 thead tbody td[data-in]:not(.-visible) {
display: none;
}
body > #Contents .hht-nc14-4 thead tfoot td[data-in]:not(.-visible) {
display: none;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc14-4 tbody tr {
display: flex;
justify-content: space-between;
width: 100%;
}
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc14-4 tbody tr:last-child td {
border-bottom: none;
box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.16);
}
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc14-4 tbody td, body > #Contents .hht-nc14-4 tbody th {
width: 100%;
}
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc14-4 tbody td > div, body > #Contents .hht-nc14-4 tbody th > div {
width: 100%;
}
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc14-4 tbody th {
flex: 0 1 18.823%;
width: 18.823%;
border-bottom: 1px solid #b3b3b3;
}
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc14-4 tbody td {
margin-left: 24px;
}
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc14-4 tfoot tr {
display: flex;
justify-content: space-between;
width: 100%;
}
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc14-4 tfoot td, body > #Contents .hht-nc14-4 tfoot th {
width: 100%;
}
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc14-4 tfoot td > div, body > #Contents .hht-nc14-4 tfoot th > div {
width: 100%;
}
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc14-4 tfoot th {
flex: 0 1 18.823%;
width: 18.823%;
}
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc14-4 tfoot td {
margin-left: 24px;
border: none;
}
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc14-4 tfoot td::after, body > #Contents .hht-nc14-4 tfoot td::before {
content: none;
}
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc14-4 tfoot td .hht-nc12-2 {
width: 100%;
max-width: 300px;
}
}
body > #Contents .hht-nc14-4 td, body > #Contents .hht-nc14-4 th {
overflow-wrap: break-word;
vertical-align: top;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc14-4 tr:nth-child(odd) td {
background: #fff;
}
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc14-4 th {
display: flex;
justify-content: flex-start;
padding: 16px 4px;
}
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc14-4 td {
position: relative;
display: flex;
justify-content: center;
padding: 16px;
text-align: center;
background: #f9f9f9;
border-bottom: 1px solid #b3b3b3;
}
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc14-4 td::after, body > #Contents .hht-nc14-4 td::before {
position: absolute;
top: 0;
z-index: -1;
display: block;
width: 10px;
height: 100%;
content: "";
}
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc14-4 td::before {
left: 0;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
}
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc14-4 td::after {
right: 0;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
}
}
body > #Contents .hht-nc14-4.-alt table {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
}
body > #Contents .hht-nc14-4.-alt table + .hht-nc12-2 + table, body > #Contents .hht-nc14-4.-alt table + table {
margin-top: 24px;
}
body > #Contents .hht-nc14-4.-alt thead th {
padding: 0 0 16px;
color: #fff;
text-align: center;
background: #0C0C0C;
}
body > #Contents .hht-nc14-4.-alt thead th > div {
width: 100%;
}
body > #Contents .hht-nc14-4.-alt thead th > div > picture {
position: relative;
display: block;
width: 100%;
height: 133px;
margin-bottom: 16px;
background: #fff;
}
body > #Contents .hht-nc14-4.-alt thead th > div > picture img {
width: 100%;
height: 133px;
object-fit: contain;
object-position: center center;
}
body > #Contents .hht-nc14-4.-alt thead th span {
display: block;
padding: 0 16px;
}
body > #Contents .hht-nc14-4.-alt tbody tr:nth-child(odd) td {
background: #fff;
}
body > #Contents .hht-nc14-4.-alt tbody tr:last-child td {
border-bottom: none;
}
body > #Contents .hht-nc14-4.-alt tbody td {
padding: 16px;
font-size: 14px;
background: #f9f9f9;
border-bottom: 1px solid #b3b3b3;
}
body > #Contents .hht-nc15-1 {
max-width: 1275px;
padding: 16px;
margin: 16px auto;
background: #f9f9f9;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc15-1 {
display: flex;
gap: 0 24px;
align-items: center;
max-width: 950px;
padding: 24px;
margin: 40px auto;
}
}
body > #Contents .hht-nc15-1__block1 {
text-align: center;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc15-1__block1 {
flex-shrink: 0;
}
}
body > #Contents .hht-nc15-1__block2 {
margin-top: 12px;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc15-1__block2 {
margin-top: 0;
}
}
body > #Contents .hht-nc15-1__block2 p {
font-size: 12px;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc15-1__block2 p {
font-size: 14px;
}
}
body > #Contents .hht-nc16-3-1-1 {
position: relative;
max-width: 1275px;
padding: 32px 24px 16px;
margin: 16px auto;
overflow: hidden;
background: #f9f9f9;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc16-3-1-1 {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 34px 40px;
margin: 40px auto;
}
}
body > #Contents .hht-nc16-3-1-1::before {
position: absolute;
top: 0;
left: -10px;
z-index: 1;
display: block;
width: 238px;
max-width: 63.466vw;
height: 8px;
content: "";
background: #CC0000;
-webkit-transform: skew(-39deg);
transform: skew(-39deg);
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc16-3-1-1::before {
width: 245px;
max-width: none;
}
}
body > #Contents .hht-nc16-3-1-1__block1 a[href^="https://"][target]::after, body > #Contents .hht-nc16-3-1-1__block1 a[href^="https://"][target]::after, body > #Contents .hht-nc16-3-1-1__block2 a[href^="https://"][target]::after, body > #Contents .hht-nc16-3-1-1__block2 a[href^="https://"][target]::after, body > #Contents .hht-nc16-3-1-1__block3 a[href^="https://"][target]::after, body > #Contents .hht-nc16-3-1-1__block3 a[href^="https://"][target]::after {
top: calc(50% - 12px);
display: inline-block;
width: 24px;
height: 24px;
margin: -0.2em 0 0 4px;
vertical-align: middle;
content: "";
background-color: currentcolor;
-webkit-mask-image: url("../icon/external-link.svg");
mask-image: url("../icon/external-link.svg");
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: 24px 24px;
mask-size: 24px 24px;
transition: color 0.25s ease, -webkit-transform 0.25s ease;
transition: color 0.25s ease, transform 0.25s ease;
transition: color 0.25s ease, transform 0.25s ease, -webkit-transform 0.25s ease;
}
body > #Contents .hht-nc16-3-1-1__block1 a[href^="https://"][target]:active, body > #Contents .hht-nc16-3-1-1__block1 a[href^="https://"][target]:link, body > #Contents .hht-nc16-3-1-1__block1 a[href^="https://"][target]:visited, body > #Contents .hht-nc16-3-1-1__block1 a[href^="https://"][target]:active, body > #Contents .hht-nc16-3-1-1__block1 a[href^="https://"][target]:link, body > #Contents .hht-nc16-3-1-1__block1 a[href^="https://"][target]:visited, body > #Contents .hht-nc16-3-1-1__block2 a[href^="https://"][target]:active, body > #Contents .hht-nc16-3-1-1__block2 a[href^="https://"][target]:link, body > #Contents .hht-nc16-3-1-1__block2 a[href^="https://"][target]:visited, body > #Contents .hht-nc16-3-1-1__block2 a[href^="https://"][target]:active, body > #Contents .hht-nc16-3-1-1__block2 a[href^="https://"][target]:link, body > #Contents .hht-nc16-3-1-1__block2 a[href^="https://"][target]:visited, body > #Contents .hht-nc16-3-1-1__block3 a[href^="https://"][target]:active, body > #Contents .hht-nc16-3-1-1__block3 a[href^="https://"][target]:link, body > #Contents .hht-nc16-3-1-1__block3 a[href^="https://"][target]:visited, body > #Contents .hht-nc16-3-1-1__block3 a[href^="https://"][target]:active, body > #Contents .hht-nc16-3-1-1__block3 a[href^="https://"][target]:link, body > #Contents .hht-nc16-3-1-1__block3 a[href^="https://"][target]:visited {
color: #CC0000;
}
body > #Contents .hht-nc16-3-1-1__block1 a[href^="https://"][target]:hover, body > #Contents .hht-nc16-3-1-1__block1 a[href^="https://"][target]:hover, body > #Contents .hht-nc16-3-1-1__block2 a[href^="https://"][target]:hover, body > #Contents .hht-nc16-3-1-1__block2 a[href^="https://"][target]:hover, body > #Contents .hht-nc16-3-1-1__block3 a[href^="https://"][target]:hover, body > #Contents .hht-nc16-3-1-1__block3 a[href^="https://"][target]:hover {
color: #CC0000;
text-decoration: underline;
}
body > #Contents .hht-nc16-3-1-1__block1 a[href^="https://"][target]:hover::after, body > #Contents .hht-nc16-3-1-1__block1 a[href^="https://"][target]:hover::after, body > #Contents .hht-nc16-3-1-1__block2 a[href^="https://"][target]:hover::after, body > #Contents .hht-nc16-3-1-1__block2 a[href^="https://"][target]:hover::after, body > #Contents .hht-nc16-3-1-1__block3 a[href^="https://"][target]:hover::after, body > #Contents .hht-nc16-3-1-1__block3 a[href^="https://"][target]:hover::after {
background-color: #CC0000;
-webkit-transform: translateX(4px);
transform: translateX(4px);
}
body > #Contents .hht-nc16-3-1-1__block1 a:link, body > #Contents .hht-nc16-3-1-1__block1 a:active, body > #Contents .hht-nc16-3-1-1__block1 a:visited, body > #Contents .hht-nc16-3-1-1__block2 a:link, body > #Contents .hht-nc16-3-1-1__block2 a:active, body > #Contents .hht-nc16-3-1-1__block2 a:visited, body > #Contents .hht-nc16-3-1-1__block3 a:link, body > #Contents .hht-nc16-3-1-1__block3 a:active, body > #Contents .hht-nc16-3-1-1__block3 a:visited {
text-decoration: none;
}
body > #Contents .hht-nc16-3-1-1__block1 a:hover, body > #Contents .hht-nc16-3-1-1__block2 a:hover, body > #Contents .hht-nc16-3-1-1__block3 a:hover {
color: #CC0000;
text-decoration: underline;
}
body > #Contents .hht-nc16-3-1-1__block1 h2, body > #Contents .hht-nc16-3-1-1__block2 h2, body > #Contents .hht-nc16-3-1-1__block3 h2 {
font-size: 18px;
font-weight: bold;
line-height: 1.555;
color: #0C0C0C;
letter-spacing: 0.08em;
background: none;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc16-3-1-1__block1 h2, body > #Contents .hht-nc16-3-1-1__block2 h2, body > #Contents .hht-nc16-3-1-1__block3 h2 {
font-size: 24px;
line-height: 1.583;
}
}
body > #Contents .hht-nc16-3-1-1__block1 h2 + ul, body > #Contents .hht-nc16-3-1-1__block2 h2 + ul, body > #Contents .hht-nc16-3-1-1__block3 h2 + ul {
margin-top: 16px;
}
body > #Contents .hht-nc16-3-1-1__block1 p, body > #Contents .hht-nc16-3-1-1__block2 p, body > #Contents .hht-nc16-3-1-1__block3 p {
margin-top: 8px;
margin-bottom: 8px;
}
body > #Contents .hht-nc16-3-1-1__block1 p + ul, body > #Contents .hht-nc16-3-1-1__block2 p + ul, body > #Contents .hht-nc16-3-1-1__block3 p + ul {
margin-top: 16px;
}
body > #Contents .hht-nc16-3-1-1__block1 picture, body > #Contents .hht-nc16-3-1-1__block2 picture, body > #Contents .hht-nc16-3-1-1__block3 picture {
position: relative;
display: block;
width: 100%;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc16-3-1-1__block1 picture, body > #Contents .hht-nc16-3-1-1__block2 picture, body > #Contents .hht-nc16-3-1-1__block3 picture {
width: 230px;
}
}
body > #Contents .hht-nc16-3-1-1__block1 picture img, body > #Contents .hht-nc16-3-1-1__block2 picture img, body > #Contents .hht-nc16-3-1-1__block3 picture img {
display: block;
max-width: 100%;
margin: 0 auto;
}
body > #Contents .hht-nc16-3-1-1__block1 ul, body > #Contents .hht-nc16-3-1-1__block2 ul, body > #Contents .hht-nc16-3-1-1__block3 ul {
padding-left: 0;
margin-top: 8px;
margin-bottom: 8px;
margin-left: 0;
list-style-type: none;
}
body > #Contents .hht-nc16-3-1-1__block1 ul > li, body > #Contents .hht-nc16-3-1-1__block2 ul > li, body > #Contents .hht-nc16-3-1-1__block3 ul > li {
margin-bottom: 8px;
font-weight: bold;
color: #0C0C0C;
}
body > #Contents .hht-nc16-3-1-1__block1 {
padding-bottom: 24px;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc16-3-1-1__block1 {
width: 100%;
}
}
body > #Contents .hht-nc16-3-1-1__block2 {
padding-bottom: 14px;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc16-3-1-1__block2 {
flex: 0 1 230px;
width: 230px;
}
}
body > #Contents .hht-nc16-3-1-1__block2 + .hht-nc16-3-1-1__block3 {
margin-top: 0;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc16-3-1-1__block2 + .hht-nc16-3-1-1__block3 {
width: calc(100% - 255px);
}
}
body > #Contents .hht-nc16-3-1-1__block3 {
margin-top: -12px;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc16-3-1-1__block3 {
width: 100%;
margin-top: 0;
}
}
body > #Contents .hht-nc16-4-2-1-1 {
position: relative;
max-width: 1275px;
padding: 32px 24px 16px;
margin: 16px auto;
overflow: hidden;
background: #f9f9f9;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc16-4-2-1-1 {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 25px 40px 15px;
margin: 25px auto;
}
}
body > #Contents .hht-nc16-4-2-1-1::after {
position: absolute;
top: 0;
left: -10px;
z-index: 1;
display: block;
width: 238px;
max-width: 63.466vw;
height: 8px;
content: "";
background: #CC0000;
-webkit-transform: skew(-39deg);
transform: skew(-39deg);
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc16-4-2-1-1::after {
width: 245px;
max-width: none;
}
}
body > #Contents .hht-nc16-4-2-1-1__block1 ul, body > #Contents .hht-nc16-4-2-1-1__block2 ul, body > #Contents .hht-nc16-4-2-1-1__block3 ul {
padding-left: 0;
margin-top: 8px;
margin-bottom: 8px;
margin-left: 0;
list-style-type: none;
}
body > #Contents .hht-nc16-4-2-1-1__block1 ul > li, body > #Contents .hht-nc16-4-2-1-1__block2 ul > li, body > #Contents .hht-nc16-4-2-1-1__block3 ul > li {
margin-bottom: 8px;
font-weight: bold;
color: #0C0C0C;
}
body > #Contents .hht-nc16-4-2-1-1__block1 ul + p, body > #Contents .hht-nc16-4-2-1-1__block2 ul + p, body > #Contents .hht-nc16-4-2-1-1__block3 ul + p {
margin-top: 16px;
}
body > #Contents .hht-nc16-4-2-1-1__block1 {
padding-bottom: 24px;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc16-4-2-1-1__block1 {
width: 100%;
}
}
body > #Contents .hht-nc16-4-2-1-1__block1 + .hht-nc16-4-2-1-1__block3 {
margin-top: 0;
}
body > #Contents .hht-nc16-4-2-1-1__block1 h2 {
font-size: 18px;
font-weight: bold;
line-height: 1.555;
color: #0C0C0C;
background: none;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc16-4-2-1-1__block1 h2 {
font-size: 24px;
line-height: 1.583;
}
}
body > #Contents .hht-nc16-4-2-1-1__block1 h2 a {
background: none;
}
body > #Contents .hht-nc16-4-2-1-1__block1 h2 a::after {
display: inline-block;
width: 37px;
height: 24px;
margin: 0 0 0 8px;
content: "";
background-color: #CC0000;
-webkit-mask: url("../icon/arrow-link.svg") no-repeat center center/37px 24px;
mask: url("../icon/arrow-link.svg") no-repeat center center/37px 24px;
transition: color 0.25s ease, -webkit-transform 0.25s ease;
transition: color 0.25s ease, transform 0.25s ease;
transition: color 0.25s ease, transform 0.25s ease, -webkit-transform 0.25s ease;
}
body > #Contents .hht-nc16-4-2-1-1__block1 h2 a:hover {
color: #CC0000;
}
body > #Contents .hht-nc16-4-2-1-1__block1 h2 a:hover::after {
background-color: #CC0000;
-webkit-transform: translateX(4px);
transform: translateX(4px);
}
body > #Contents .hht-nc16-4-2-1-1__block1 h2 a:active, body > #Contents .hht-nc16-4-2-1-1__block1 h2 a:link, body > #Contents .hht-nc16-4-2-1-1__block1 h2 a:visited {
color: #0C0C0C;
}
body > #Contents .hht-nc16-4-2-1-1__block1 h2 a:hover {
color: #CC0000;
text-decoration: underline;
}
body > #Contents .hht-nc16-4-2-1-1__block2 {
padding-bottom: 14px;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc16-4-2-1-1__block2 {
width: calc(50% - 12.5px);
}
}
body > #Contents .hht-nc16-4-2-1-1__block2 > div {
position: relative;
}
body > #Contents .hht-nc16-4-2-1-1__block2 > div iframe {
width: 100%;
height: 100%;
aspect-ratio: 1/0.562;
}
body > #Contents .hht-nc16-4-2-1-1__block2 > div img {
display: block;
width: auto;
max-width: 100%;
height: auto;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc16-4-2-1-1__block2 + .hht-nc16-4-2-1-1__block3 {
width: calc(50% - 12.5px);
}
}
body > #Contents .hht-nc16-4-2-1-1__block3 {
margin-top: -12px;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc16-4-2-1-1__block3 {
width: 100%;
margin-top: 0;
}
}
body > #Contents .hht-nc16-4-2-1-1__block3 p {
margin-top: 8px;
margin-bottom: 8px;
}
body > #Contents .hht-nc16-4-2-1-1__block3 p + ul {
margin-top: 16px;
}
body > #Contents .hht-nc16-7-1-1 {
position: relative;
max-width: 1275px;
padding: 32px 24px 16px;
margin: 16px auto;
overflow: hidden;
background: #f9f9f9;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc16-7-1-1 {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 34px 40px;
margin: 40px auto;
}
}
body > #Contents .hht-nc16-7-1-1__block1 {
padding-bottom: 24px;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc16-7-1-1__block1 {
width: 100%;
}
}
body > #Contents .hht-nc16-7-1-1__block1 h2 {
font-size: 18px;
font-weight: bold;
line-height: 1.555;
color: #0C0C0C;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc16-7-1-1__block1 h2 {
font-size: 24px;
line-height: 1.583;
}
}
body > #Contents .hht-nc16-7-1-1__block1 h2 + .hht-nc16-7-1-1__text2 {
margin-top: 16px;
}
body > #Contents .hht-nc16-7-1-1__block1 + .hht-nc16-7-1-1__block3 {
margin-top: 0;
}
body > #Contents .hht-nc16-7-1-1__block2 {
padding-bottom: 14px;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc16-7-1-1__block2 {
flex: 0 1 230px;
width: 230px;
max-width: 230px;
}
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc16-7-1-1__block2 picture {
position: relative;
display: block;
}
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc16-7-1-1__block2 picture img {
width: 100%;
height: auto;
max-height: 100%;
}
}
body > #Contents .hht-nc16-7-1-1__block2 img {
display: block;
width: 100%;
max-width: 100%;
height: auto;
}
body > #Contents .hht-nc16-7-1-1__block2 + .hht-nc16-7-1-1__block3 {
margin-top: 0;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc16-7-1-1__block2 + .hht-nc16-7-1-1__block3 {
width: calc(100% - 255px);
}
}
body > #Contents .hht-nc16-7-1-1__block3 {
margin-top: -12px;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc16-7-1-1__block3 {
width: 100%;
margin-top: 0;
}
}
body > #Contents .hht-nc16-7-1-1__block3 > p {
margin-top: 8px;
margin-bottom: 8px;
}
body > #Contents .hht-nc16-7-1-1__block3 > p + ul {
margin-top: 16px;
}
body > #Contents .hht-nc16-7-1-1__block3 ul {
padding-left: 0;
margin-top: 8px;
margin-bottom: 8px;
margin-left: 0;
list-style-type: none;
}
body > #Contents .hht-nc16-7-1-1__block3 ul > li {
margin-bottom: 8px;
font-weight: bold;
}
body > #Contents .hht-nc16-8-1 {
position: relative;
margin-top: 24px;
margin-bottom: 92px;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc16-8-1 {
margin-top: 48px;
margin-bottom: 116px;
}
}
body > #Contents .hht-nc16-8-1__block1 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
body > #Contents .hht-nc16-8-1__block1 picture {
position: relative;
display: block;
}
body > #Contents .hht-nc16-8-1__block1 picture img {
width: 100%;
max-width: 100%;
height: auto;
}
body > #Contents .hht-nc16-8-1__block2 {
position: relative;
z-index: 1;
display: flex;
align-items: flex-end;
height: 100%;
margin: 0 auto;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc16-8-1__block2 {
max-width: 1275px;
min-height: 500px;
}
}
body > #Contents .hht-nc16-8-1__block3 {
position: relative;
z-index: 2;
width: calc(100% - 32px);
padding: 8px 24px 24px;
margin: 16px auto 0;
overflow: hidden;
background: #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
-webkit-transform: translate(0, 60px);
transform: translate(0, 60px);
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc16-8-1__block3 {
width: 100%;
max-width: 728px;
padding: 0 48px 32px;
margin: 0;
}
}
body > #Contents .hht-nc16-8-1__block3::before {
position: absolute;
top: 0;
left: -3px;
z-index: 1;
display: block;
width: 124px;
max-width: 75.609%;
height: 8px;
content: "";
background: #CC0000;
-webkit-transform: skew(-39deg);
transform: skew(-39deg);
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc16-8-1__block3::before {
width: 66.758%;
max-width: none;
}
}
body > #Contents .hht-nc16-8-1__block3 h2 {
display: block;
padding-top: 24px;
padding-bottom: 8px;
font-size: 18px;
line-height: 1.555;
color: #0C0C0C;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc16-8-1__block3 h2 {
padding-top: 40px;
padding-bottom: 16px;
font-size: 24px;
line-height: 1.583;
}
}
body > #Contents .hht-nc16-8-1__block3 h2 > a {
color: #0C0C0C;
transition: color 0.25s ease;
}
body > #Contents .hht-nc16-8-1__block3 > p {
padding: 8px 0;
}
body > #Contents .hht-nc16-8-1__block4 {
display: flex;
flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc16-8-1__block4 {
margin-top: 32px;
}
}
body > #Contents .hht-nc16-8-1__block4 ul {
min-width: 240px;
padding-left: 0;
overflow: hidden;
list-style-type: none;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc16-8-1__block4 ul {
padding-right: 40px;
}
}
body > #Contents .hht-nc16-8-1__block4 ul > li {
display: block;
margin-top: 16px;
}
body > #Contents .hht-nc16-8-1__block4 ul > li a {
display: block;
font-weight: bold;
}
body > #Contents .nc17-1 {
max-width: 1275px;
margin: 8px auto;
}
body > #Contents .nc17-1 p {
margin-bottom: 8px;
}
body > #Contents .hht-nc20-3, body > #Contents .hht-nc20-4 {
max-width: 1275px;
margin-right: auto;
margin-left: auto;
}
body > #Contents .hht-nc20-3__block1 a, body > #Contents .hht-nc20-4__block1 a {
font-weight: bold;
color: #0C0C0C;
border-bottom: 1px solid #e1e1e1;
}
body > #Contents .hht-nc20-3__block1 a::after, body > #Contents .hht-nc20-4__block1 a::after {
position: absolute;
top: calc(50% - 12px);
right: 10px;
display: inline-block;
width: 24px;
height: 24px;
vertical-align: middle;
content: "";
background-color: #CC0000;
-webkit-mask: url("../icon/arrow-down.svg") no-repeat center center/24px 24px;
mask: url("../icon/arrow-down.svg") no-repeat center center/24px 24px;
transition: color 0.25s ease, -webkit-transform 0.25s ease;
transition: color 0.25s ease, transform 0.25s ease;
transition: color 0.25s ease, transform 0.25s ease, -webkit-transform 0.25s ease;
}
body > #Contents .hht-nc20-3__block1 a:active, body > #Contents .hht-nc20-3__block1 a:link, body > #Contents .hht-nc20-3__block1 a:visited, body > #Contents .hht-nc20-4__block1 a:active, body > #Contents .hht-nc20-4__block1 a:link, body > #Contents .hht-nc20-4__block1 a:visited {
color: #0C0C0C;
}
body > #Contents .hht-nc20-3__block1 a:hover, body > #Contents .hht-nc20-4__block1 a:hover {
color: #CC0000;
text-decoration: none;
}
body > #Contents .hht-nc20-3__block1 a:hover::after, body > #Contents .hht-nc20-4__block1 a:hover::after {
background-color: #CC0000;
-webkit-transform: translateX(4px);
transform: translateX(4px);
}
body > #Contents .hht-nc20-3 {
max-width: 1275px;
margin-right: auto;
margin-left: auto;
}
body > #Contents .hht-nc20-3.--alt .hht-nc20-3__block1 {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
body > #Contents .hht-nc20-3.--alt .hht-nc20-3__block1 a {
width: 100%;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc20-3.--alt .hht-nc20-3__block1 a {
width: calc(50% - 12.5px);
}
}
body > #Contents .hht-nc20-3__block1 a {
position: relative;
display: block;
padding: 16px 40px 16px 16px;
font-size: 18px;
}
body > #Contents .hht-nc20-4__block1 {
display: flex;
flex-wrap: wrap;
margin-right: -12.5px;
margin-left: -12.5px;
overflow: hidden;
}
body > #Contents .hht-nc20-4__block1 a {
position: relative;
display: inline-flex;
align-items: center;
padding: 16px 58px 16px 16px;
margin-right: 12.5px;
margin-left: 12.5px;
}
body .hht-nc21-1, body .hht-nc21-2 {
margin-right: auto;
margin-left: auto;
}
body .hht-nc21-1 a, body .hht-nc21-2 a {
position: relative;
display: inline-block;
padding: 16px 40px 16px 16px;
font-size: 12px;
font-weight: bold;
letter-spacing: 0.1em;
pointer-events: auto;
background: rgba(255, 255, 255, 0.8);
}
body .hht-nc21-1 a::after, body .hht-nc21-2 a::after {
position: absolute;
top: calc(50% - 12px);
right: 8px;
display: inline-block;
width: 24px;
height: 24px;
margin: 0 0 0 4px;
vertical-align: middle;
content: "";
background-color: #CC0000;
-webkit-mask: url("../icon/to-top.svg") no-repeat center center/24px 24px;
mask: url("../icon/to-top.svg") no-repeat center center/24px 24px;
transition: color 0.25s ease, -webkit-transform 0.25s ease;
transition: color 0.25s ease, transform 0.25s ease;
transition: color 0.25s ease, transform 0.25s ease, -webkit-transform 0.25s ease;
}
body > #Contents body .hht-nc21-1 a:link, body .hht-nc21-1 a:visited body .hht-nc21-1 a:active, body .hht-nc21-2 a:link, body .hht-nc21-1 a:visited body .hht-nc21-2 a:active, body .hht-nc21-2 a:visited body .hht-nc21-1 a:active, body .hht-nc21-2 a:visited body .hht-nc21-2 a:active {
text-decoration: none;
}
body .hht-nc21-1 a:hover::after, body .hht-nc21-2 a:hover::after {
background-color: #CC0000;
-webkit-mask-image: url("../icon/to-top-hover.svg");
mask-image: url("../icon/to-top-hover.svg");
}
body .hht-nc21-1 {
max-width: 1275px;
text-align: right;
}
body .hht-nc21-2 {
min-height: 58px;
pointer-events: none;
background: #fff;
}
body .hht-nc21-2 > div {
width: 100%;
text-align: right;
opacity: 1;
transition: -webkit-transform 0.25s ease;
transition: transform 0.25s ease;
transition: transform 0.25s ease, -webkit-transform 0.25s ease;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
@media screen and (min-width: 768px) {
body .hht-nc21-2 > div {
padding-right: calc(50% - 637.5px);
padding-left: calc(50% - 637.5px);
}
}
@media screen and (min-width: 768px) and (max-width: 1275px) {
body .hht-nc21-2 > div {
padding-right: 16px;
padding-left: 16px;
}
}
body .hht-nc21-2--fixed > div {
position: fixed;
bottom: 0;
left: 0;
z-index: 20;
-webkit-transform: translate(0, -48px);
transform: translate(0, -48px);
}
@media screen and (min-width: 768px) {
body .hht-nc21-2--fixed > div {
-webkit-transform: translate(0, -40px);
transform: translate(0, -40px);
}
}
body > #Contents .hover div .hht-nc22-1-1-1__text3 {
height: 100%;
min-height: 5em;
}
body > #Contents .hht-nc22-1-1-1, body > #Contents .hht-nc22-2, body > #Contents .hht-nc22-3, body > #Contents .hht-nc22-4, body > #Contents .hht-nc22-5, body > #Contents .hht-nc22-6 {
max-width: 1275px;
}
body > #Contents .hht-nc22-1-1-1 {
margin: 0 auto;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc22-1-1-1 {
margin-top: 0;
margin-bottom: 0;
}
}
body > #Contents .hht-nc22-1-1-1 [class*=hht-md-col-] {
padding-top: 16px;
padding-bottom: 16px;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc22-1-1-1 [class*=hht-md-col-] {
padding-top: 20px;
padding-bottom: 20px;
}
}
body > #Contents .hht-nc22-1-1-1 .hht-nc22-1-1-1__block1 {
position: relative;
display: grid;
grid-template: "hht-nc22-1-1-1__block2"auto "hht-nc22-1-1-1__block3"1fr/1fr;
width: 100%;
height: 100%;
background: #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
transition: box-shadow 0.25s ease;
}
body > #Contents .hht-nc22-1-1-1 .hht-nc22-1-1-1__block1::before {
position: absolute;
top: 0;
left: 0;
z-index: 1;
display: block;
width: 100%;
height: 100%;
content: "";
border: 1px solid rgba(230, 0, 39, 0);
transition: border-color 0.25s ease;
}
body > #Contents .hht-nc22-1-1-1 .hht-nc22-1-1-1__block1:hover {
box-shadow: 0 0 12.5px rgba(0, 0, 0, 0.32);
}
body > #Contents .hht-nc22-1-1-1 .hht-nc22-1-1-1__block1:hover .hht-nc22-1-1-1__block2 picture img {
-webkit-transform: translate(unset) scale(1.12);
transform: translate(unset) scale(1.12);
}
body > #Contents .hht-nc22-1-1-1 .hht-nc22-1-1-1__block1.-alt::before {
border-color: #CC0000;
}
body > #Contents .hht-nc22-1-1-1__block1 {
position: relative;
display: grid;
grid-template: "hht-nc22-1-1-1__block2"auto "hht-nc22-1-1-1__block3"1fr/1fr;
width: 100%;
height: 100%;
background: #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
transition: box-shadow 0.25s ease;
}
body > #Contents .hht-nc22-1-1-1__block1::before {
position: absolute;
top: 0;
left: 0;
z-index: 1;
display: block;
width: 100%;
height: 100%;
content: "";
border: 1px solid rgba(230, 0, 39, 0);
transition: border-color 0.25s ease;
}
body > #Contents .hht-nc22-1-1-1__block1:hover {
box-shadow: 0 0 12.5px rgba(0, 0, 0, 0.32);
}
body > #Contents .hht-nc22-1-1-1__block1:hover .hht-nc22-1-1-1__block2 picture img {
-webkit-transform: translate(unset) scale(1.12);
transform: translate(unset) scale(1.12);
}
body > #Contents .hht-nc22-1-1-1__block1.-alt::before {
border-color: #CC0000;
}
body > #Contents .hht-nc22-1-1-1__block2 {
grid-area: hht-nc22-1-1-1__block2;
grid-row: 1;
grid-column: 1;
}
body > #Contents .hht-nc22-1-1-1__block2 picture {
position: relative;
display: block;
width: 100%;
overflow: hidden;
}
body > #Contents .hht-nc22-1-1-1__block2 picture img {
display: block;
width: 100%;
max-width: 100%;
height: auto;
aspect-ratio: 1/0.666;
object-fit: contain;
object-position: center center;
transition: -webkit-transform 0.25s ease;
transition: transform 0.25s ease;
transition: transform 0.25s ease, -webkit-transform 0.25s ease;
}
body > #Contents .hht-nc22-1-1-1__block3 {
display: flex;
flex-direction: column;
grid-area: hht-nc22-1-1-1__block3;
grid-row: 2;
grid-column: 1;
align-items: flex-start;
padding: 16px;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc22-1-1-1__block3 {
padding: 8px 24px 24px;
}
}
body > #Contents .hht-nc22-1-1-1__block3 .hht-nc22-1-1-1__text1 {
font-size: 14px;
font-weight: bold;
line-height: 1.714;
color: #CC0000;
letter-spacing: 0.15em;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc22-1-1-1__block3 .hht-nc22-1-1-1__text1 {
margin-top: 30px;
}
}
body > #Contents .hht-nc22-1-1-1__block3 h2 {
width: 100%;
margin-top: 16px;
font-size: 16px;
font-weight: bold;
line-height: 1.5;
color: #0C0C0C;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc22-1-1-1__block3 h2 {
font-size: 18px;
line-height: 1.777;
}
}
body > #Contents .hht-nc22-1-1-1__block3 h2 a {
word-break: break-word;
}
body > #Contents .hht-nc22-1-1-1__block3 h2 a:active, body > #Contents .hht-nc22-1-1-1__block3 h2 a:link, body > #Contents .hht-nc22-1-1-1__block3 h2 a:visited, body > #Contents .hht-nc22-1-1-1__block3 h2 a:hover {
color: #0C0C0C;
}
body > #Contents .hht-nc22-1-1-1__block3 h2 a::after {
position: absolute;
inset: 0;
z-index: 2;
pointer-events: auto;
content: "";
background-color: rgba(0, 0, 0, 0);
}
body > #Contents .hht-nc22-1-1-1__block3 h2 a:hover {
text-decoration: underline;
}
body > #Contents .hht-nc22-1-1-1__block3 .hht-nc22-1-1-1__text3 {
position: relative;
display: block;
width: 100%;
height: 5em;
margin-top: 24px;
margin-bottom: 24px;
overflow: hidden;
font-size: 14px;
font-weight: normal;
line-height: 1.714;
color: #0C0C0C;
word-break: break-word;
}
body > #Contents .hht-nc22-1-1-1__block3 .hht-nc22-1-1-1__text3::after {
position: absolute;
right: 0;
bottom: 0;
display: block;
width: 33.333%;
height: 24px;
content: "";
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #fff 60%);
}
body > #Contents .hht-nc22-1-1-1__block4 {
margin: auto auto 0;
text-align: center;
}
body > #Contents .hht-nc22-1-1-1__block4 a {
margin-top: 16px;
margin-bottom: 16px;
}
body > #Contents .hht-nc22-1-1-1__button1 {
position: relative;
z-index: 3;
display: inline-flex;
align-items: center;
justify-content: center;
margin-top: 8px;
margin-bottom: 8px;
font-size: 15px;
font-weight: bold;
text-align: center;
letter-spacing: 0.04em;
}
body > #Contents .hht-nc22-1-1-1__checkbox1 {
position: absolute;
top: 0;
left: 0;
z-index: -1;
display: block;
width: 100%;
height: 100%;
-webkit-appearance: none;
appearance: none;
cursor: pointer;
background-color: rgba(0, 0, 0, 0);
border: none;
border-radius: 0;
opacity: 0;
}
body > #Contents .hht-nc22-1-1-1__checkbox1:checked ~ .hht-nc22-1-1-1__text4 {
display: none;
}
body > #Contents .hht-nc22-1-1-1__checkbox1:not(:checked) ~ .hht-nc22-1-1-1__text5 {
display: none;
}
body > #Contents .hht-nc22-1-1-1__text4 {
position: relative;
display: block;
padding: 15px;
font-size: 15px;
font-weight: bold;
color: #CC0000;
letter-spacing: 0.04em;
pointer-events: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc22-1-1-1__text4 {
font-size: clamp(12px, 1.5vw, 16px);
}
}
body > #Contents .hht-nc22-1-1-1__text4::after {
top: calc(50% - 12px);
display: inline-block;
width: 24px;
height: 24px;
margin: -0.2em 0 0 4px;
vertical-align: middle;
content: "";
background-color: #CC0000;
-webkit-mask: url("../icon/plus-for-button.svg") no-repeat center center/24px 24px;
mask: url("../icon/plus-for-button.svg") no-repeat center center/24px 24px;
transition: color 0.25s ease, -webkit-transform 0.25s ease;
transition: color 0.25s ease, transform 0.25s ease;
transition: color 0.25s ease, transform 0.25s ease, -webkit-transform 0.25s ease;
}
body > #Contents .hht-nc22-1-1-1__text4:hover {
color: #CC0000;
text-decoration: underline;
}
body > #Contents .hht-nc22-1-1-1__text4:hover::after {
background-color: #CC0000;
-webkit-transform: translateX(4px);
transform: translateX(4px);
}
body > #Contents .hht-nc22-1-1-1__text5 {
position: relative;
display: block;
padding: 15px;
font-size: 15px;
font-weight: bold;
color: #737373;
letter-spacing: 0.04em;
pointer-events: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc22-1-1-1__text5 {
font-size: clamp(12px, 1.5vw, 16px);
}
}
body > #Contents .hht-nc22-1-1-1__text5::after {
top: calc(50% - 12px);
display: inline-block;
width: 24px;
height: 24px;
margin: -0.2em 0 0 4px;
vertical-align: middle;
content: "";
background-color: #737373;
-webkit-mask: url("../icon/check.svg") no-repeat center center/24px 24px;
mask: url("../icon/check.svg") no-repeat center center/24px 24px;
transition: color 0.25s ease, -webkit-transform 0.25s ease;
transition: color 0.25s ease, transform 0.25s ease;
transition: color 0.25s ease, transform 0.25s ease, -webkit-transform 0.25s ease;
}
body > #Contents .hht-nc22-2 {
margin: 16px auto;
}
body > #Contents .hht-nc22-2 + .hht-nc22-2 {
margin-top: 24px;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc22-2 {
margin: 40px auto;
}
}
body > #Contents .hht-nc22-2__block1 {
position: relative;
display: flex;
margin-top: 16px;
margin-bottom: 16px;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc22-2__block1 {
margin: 40px auto;
}
}
body > #Contents .hht-nc22-2__block1 picture img {
transition: -webkit-transform 0.25s ease;
transition: transform 0.25s ease;
transition: transform 0.25s ease, -webkit-transform 0.25s ease;
}
body > #Contents .hht-nc22-2__block1:hover picture img {
-webkit-transform: translate(0) scale(1.12);
transform: translate(0) scale(1.12);
}
body > #Contents .hht-nc22-2__block1 div:nth-child(1) {
flex: 1 0 120px;
width: 120px;
max-width: 120px;
margin-right: 16px;
}
body > #Contents .hht-nc22-2__block1 div:nth-child(1) picture {
position: relative;
display: block;
width: 100%;
overflow: hidden;
background: #fff;
}
body > #Contents .hht-nc22-2__block1 div:nth-child(1) picture img {
display: block;
width: 100%;
max-width: 100%;
height: auto;
aspect-ratio: 1/0.666;
object-fit: contain;
object-position: center center;
}
body > #Contents .hht-nc22-2__block1 div:nth-child(2) {
overflow: hidden;
}
body > #Contents .hht-nc22-2__block1 div:nth-child(2) .hht-nc22-2__text1 {
margin-top: -2px;
font-size: 12px;
font-weight: bold;
line-height: 1.5;
color: #CC0000;
letter-spacing: 0.15em;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc22-2__block1 div:nth-child(2) .hht-nc22-2__text1 {
margin-top: -4px;
font-size: 14px;
line-height: 1.714;
letter-spacing: 0.15em;
}
}
body > #Contents .hht-nc22-2__block1 div:nth-child(2) .hht-nc22-2__text2 {
margin-top: 4px;
font-size: 14px;
font-weight: bold;
line-height: 1.714;
color: #0C0C0C;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc22-2__block1 div:nth-child(2) .hht-nc22-2__text2 {
margin-top: 8px;
}
}
body > #Contents .hht-nc22-2__block1 div:nth-child(2) .hht-nc22-2__text2 a:active, body > #Contents .hht-nc22-2__block1 div:nth-child(2) .hht-nc22-2__text2 a:link, body > #Contents .hht-nc22-2__block1 div:nth-child(2) .hht-nc22-2__text2 a:visited {
color: #0C0C0C;
}
body > #Contents .hht-nc22-2__block1 div:nth-child(2) .hht-nc22-2__text2 a::after {
position: absolute;
inset: 0;
z-index: 1;
pointer-events: auto;
content: "";
background-color: rgba(0, 0, 0, 0);
}
body > #Contents .hht-nc22-2__block1 div:nth-child(2) .hht-nc22-2__text2 a:hover {
color: #0C0C0C;
text-decoration: underline;
}
body > #Contents .hht-nc22-3 {
margin-right: auto;
margin-left: auto;
}
body > #Contents .hht-nc22-3 .hht-nc22-3__block3 {
position: relative;
height: calc(100% - 32px);
margin-top: 16px;
margin-bottom: 16px;
background: #fff;
border-top: 1px solid #f0f0f0;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
transition: box-shadow 0.25s ease;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc22-3 .hht-nc22-3__block3 {
height: calc(100% - 80px);
margin: 40px auto;
}
}
body > #Contents .hht-nc22-3 .hht-nc22-3__block3::before {
position: absolute;
top: -1px;
left: 0;
z-index: 1;
display: block;
width: 0;
height: 4px;
content: "";
background: #CC0000;
transition: width 0.25s ease;
}
body > #Contents .hht-nc22-3 .hht-nc22-3__block3:hover {
box-shadow: 0 0 12.5px rgba(0, 0, 0, 0.32);
}
body > #Contents .hht-nc22-3 .hht-nc22-3__block3:hover::before {
width: 100%;
}
body > #Contents .hht-nc22-3 .hht-nc22-3__block3 div:nth-child(1) {
position: relative;
display: block;
width: 100%;
padding: 8% 0;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc22-3 .hht-nc22-3__block3 div:nth-child(1) {
padding: 20% 0;
}
}
body > #Contents .hht-nc22-3 .hht-nc22-3__block3 div:nth-child(1) img {
display: block;
height: auto;
margin: auto;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc22-3 .hht-nc22-3__block3 div:nth-child(1) img {
width: calc(100% - 60px);
max-width: 140px;
}
}
body > #Contents .hht-nc22-3 .hht-nc22-3__block3 div:nth-child(2) {
padding: 0 16px 16px;
text-align: center;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc22-3 .hht-nc22-3__block3 div:nth-child(2) {
padding: 0 24px 24px;
}
}
body > #Contents .hht-nc22-3 .hht-nc22-3__block3 div:nth-child(2) h2 {
font-size: 15px;
font-weight: bold;
line-height: 1.666;
color: #0C0C0C;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc22-3 .hht-nc22-3__block3 div:nth-child(2) h2 {
font-size: 18px;
line-height: 1.777;
}
}
body > #Contents .hht-nc22-3 .hht-nc22-3__block3 div:nth-child(2) h2 a {
display: block;
font-size: 15px;
font-weight: bold;
line-height: 1.666;
}
body > #Contents .hht-nc22-3 .hht-nc22-3__block3 div:nth-child(2) h2 a:link, body > #Contents .hht-nc22-3 .hht-nc22-3__block3 div:nth-child(2) h2 a:visited, body > #Contents .hht-nc22-3 .hht-nc22-3__block3 div:nth-child(2) h2 a:active {
color: #0C0C0C;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc22-3 .hht-nc22-3__block3 div:nth-child(2) h2 a:link, body > #Contents .hht-nc22-3 .hht-nc22-3__block3 div:nth-child(2) h2 a:visited, body > #Contents .hht-nc22-3 .hht-nc22-3__block3 div:nth-child(2) h2 a:active {
font-size: 18px;
line-height: 1.777;
}
}
body > #Contents .hht-nc22-3 .hht-nc22-3__block3 div:nth-child(2) h2 a:hover {
color: #0C0C0C;
text-decoration: underline;
}
body > #Contents .hht-nc22-3 .hht-nc22-3__block3 div:nth-child(2) h2 a::after {
position: absolute;
inset: 0;
z-index: 1;
pointer-events: auto;
content: "";
background-color: rgba(0, 0, 0, 0);
}
body > #Contents .hht-nc22-4 {
margin-right: auto;
margin-left: auto;
}
body > #Contents .hht-nc22-4__block3 {
position: relative;
margin-top: 16px;
margin-bottom: 16px;
overflow: hidden;
background: #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
transition: box-shadow 0.25s ease;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc22-4__block3 {
margin: 40px auto;
}
}
body > #Contents .hht-nc22-4__block3::before {
position: absolute;
top: 0;
left: -3px;
z-index: 1;
display: block;
width: 124px;
max-width: 75.609%;
height: 8px;
content: "";
background: #CC0000;
-webkit-transform: skew(-39deg);
transform: skew(-39deg);
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc22-4__block3::before {
width: 72.333%;
max-width: none;
}
}
body > #Contents .hht-nc22-4__block3:hover {
cursor: pointer;
box-shadow: 0 0 12.5px rgba(0, 0, 0, 0.32);
}
body > #Contents .hht-nc22-4__block3:hover .hht-nc22-4__block2 picture img {
-webkit-transform: translate(unset) scale(1.12);
transform: translate(unset) scale(1.12);
}
body > #Contents .hht-nc22-4__block3:hover a::after {
-webkit-transform: translateX(4px);
transform: translateX(4px);
}
body > #Contents .hht-nc22-4__block3 a {
position: static;
display: flex;
align-items: center;
justify-content: space-between;
padding: 18px 16px;
font-size: 14px;
font-weight: bold;
line-height: 1.5;
letter-spacing: 0.04em;
background-color: #0C0C0C;
transition: background-color 0.25s ease, color 0.25s ease;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc22-4__block3 a {
padding: 18px 24px;
font-size: 16px;
}
}
body > #Contents .hht-nc22-4__block3 a:active, body > #Contents .hht-nc22-4__block3 a:link, body > #Contents .hht-nc22-4__block3 a:visited {
color: #fff;
}
body > #Contents .hht-nc22-4__block3 a::before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
pointer-events: auto;
content: "";
background-color: rgba(0, 0, 0, 0);
}
body > #Contents .hht-nc22-4__block3 a::after {
position: relative;
top: calc(50% - 12px);
right: -15px;
left: auto;
display: inline-block;
width: 37px;
height: 24px;
margin: 0 0 0 8px;
content: "";
background-color: #fff;
-webkit-mask: url("../icon/arrow-link.svg") no-repeat center center/37px 24px;
mask: url("../icon/arrow-link.svg") no-repeat center center/37px 24px;
transition: color 0.25s ease, -webkit-transform 0.25s ease;
transition: color 0.25s ease, transform 0.25s ease;
transition: color 0.25s ease, transform 0.25s ease, -webkit-transform 0.25s ease;
}
body > #Contents .hht-nc22-4__block3 a:hover {
color: #fff;
text-decoration: none;
background-color: #0d0d0d;
}
body > #Contents .hht-nc22-4__block3 a:hover::after {
background-color: #fff;
}
body > #Contents .hht-nc22-4__block3 a > span {
display: block;
width: 100%;
padding: 0 9.785%;
margin-right: -24.464%;
text-align: center;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc22-4__block3 a > span {
margin-right: -21.333%;
}
}
body > #Contents .hht-nc22-4__block1 {
padding: 24px 16px 16px;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc22-4__block1 {
padding: 30px 24px 20px;
}
}
body > #Contents .hht-nc22-4__block1 h2 {
font-weight: bold;
color: #0C0C0C;
}
@media screen and (max-width: 767px) {
body > #Contents .hht-nc22-4__block1 h2 {
font-size: 14px;
line-height: 1.714;
}
}
body > #Contents .hht-nc22-4__block2 picture {
position: relative;
display: block;
width: 100%;
overflow: hidden;
}
body > #Contents .hht-nc22-4__block2 picture img {
display: block;
width: 100%;
max-width: 100%;
height: auto;
max-height: 100%;
aspect-ratio: 1/0.666;
transition: -webkit-transform 0.25s ease;
transition: transform 0.25s ease;
transition: transform 0.25s ease, -webkit-transform 0.25s ease;
object-fit: contain;
object-position: center center;
}
body > #Contents .hht-nc22-5, body > #Contents .hht-nc22-6 {
margin: 16px auto;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc22-5, body > #Contents .hht-nc22-6 {
margin-top: 30px;
margin-bottom: 30px;
}
}
body > #Contents .hht-nc22-5__block1, body > #Contents .hht-nc22-6 .hht-nc22-6__block1 {
padding: 18px 24px;
margin-top: 10px;
margin-bottom: 10px;
background: #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc22-5__block1, body > #Contents .hht-nc22-6 .hht-nc22-6__block1 {
min-height: calc(100% - 20px);
padding-top: 32px;
padding-bottom: 24px;
}
}
body > #Contents .hht-nc22-5__block1 h2, body > #Contents .hht-nc22-6 .hht-nc22-6__block1 h2 {
font-size: 16px;
font-weight: bold;
line-height: 1.5;
color: #0C0C0C;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc22-5__block1 h2, body > #Contents .hht-nc22-6 .hht-nc22-6__block1 h2 {
font-size: 18px;
line-height: 1.777;
}
}
body > #Contents .hht-nc22-5__block1 h2 + p, body > #Contents .hht-nc22-6 .hht-nc22-6__block1 h2 + p {
margin-top: 16px;
}
body > #Contents .hht-nc23-3, body > #Contents .hht-nc23-3-2, body > #Contents .hht-nc23-4, body > #Contents .hht-nc23-5, body > #Contents .hht-nc23-6-1, body > #Contents .hht-nc23-6-2 {
max-width: 1275px;
}
body > #Contents .hht-nc23-3, body > #Contents .hht-nc23-3-2 {
margin-right: auto;
margin-left: auto;
}
body > #Contents .hht-nc23-3 .hht-nc23-3__block1 {
position: relative;
margin-top: 16px;
margin-bottom: 16px;
background: #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
transition: box-shadow 0.25s ease;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc23-3 .hht-nc23-3__block1 {
margin: 40px auto;
}
}
body > #Contents .hht-nc23-3 .hht-nc23-3__block1:hover {
box-shadow: 0 0 12.5px rgba(0, 0, 0, 0.32);
}
body > #Contents .hht-nc23-3 .hht-nc23-3__block1:hover .hht-nc23-3__block2 picture img {
-webkit-transform: translate(unset) scale(1.12);
transform: translate(unset) scale(1.12);
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc23-3 .hht-nc23-3__block1:hover .hht-nc23-3__block4 {
height: auto;
min-height: 6.125em;
overflow: auto;
}
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc23-3 .hht-nc23-3__block1:hover .hht-nc23-3__block4 ::after {
visibility: hidden;
}
}
body > #Contents .hht-nc23-3 .hht-nc23-3__block2 {
border-bottom: 1px solid #f0f0f0;
}
body > #Contents .hht-nc23-3 .hht-nc23-3__block2 picture {
position: relative;
display: block;
width: 100%;
height: auto;
aspect-ratio: 1/0.664;
overflow: hidden;
}
body > #Contents .hht-nc23-3 .hht-nc23-3__block2 picture img {
display: block;
width: 100%;
max-width: inherit;
height: auto;
aspect-ratio: 1/0.664;
object-fit: contain;
transition: -webkit-transform 0.25s ease;
transition: transform 0.25s ease;
transition: transform 0.25s ease, -webkit-transform 0.25s ease;
}
body > #Contents .hht-nc23-3 .hht-nc23-3__block3 {
padding: 35px 24px 30px;
}
body > #Contents .hht-nc23-3 .hht-nc23-3__block3 h2 {
font-size: 16px;
line-height: 1.75;
color: #0C0C0C;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc23-3 .hht-nc23-3__block3 h2 {
font-size: 18px;
line-height: 1.555;
}
}
body > #Contents .hht-nc23-3 .hht-nc23-3__block3 h2 a:active, body > #Contents .hht-nc23-3 .hht-nc23-3__block3 h2 a:link, body > #Contents .hht-nc23-3 .hht-nc23-3__block3 h2 a:visited {
color: #0C0C0C;
}
body > #Contents .hht-nc23-3 .hht-nc23-3__block3 h2 a:hover {
color: #0C0C0C;
text-decoration: underline;
}
body > #Contents .hht-nc23-3 .hht-nc23-3__block3 h2 a::after {
position: absolute;
inset: 0;
z-index: 1;
pointer-events: auto;
content: "";
background-color: rgba(0, 0, 0, 0);
}
body > #Contents .hht-nc23-3 .hht-nc23-3__block4 {
position: relative;
margin: 16px auto;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc23-3 .hht-nc23-3__block4 {
height: 6.125em;
overflow: hidden;
}
}
body > #Contents .hht-nc23-3 .hht-nc23-3__block4::after {
position: absolute;
right: 0;
bottom: 2px;
display: block;
width: 120px;
height: 24px;
content: "";
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #fff 90%, #fff 100%);
}
body > #Contents .hht-nc23-3 .hht-nc23-3__block4 > p {
font-size: 14px;
font-weight: normal;
line-height: 1.714;
}
body > #Contents .hht-nc23-3 .hht-nc23-3__block5 a {
position: relative;
z-index: 1;
display: block;
font-weight: bold;
}
@media screen and (max-width: 767px) {
body > #Contents .hht-nc23-3 .hht-nc23-3__block5 a {
font-size: 14px;
line-height: 1.714;
}
}
body > #Contents .hht-nc23-3-2__block5 {
margin-top: 16px;
margin-bottom: 16px;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc23-3-2__block5 {
display: grid;
grid-template: "hht-nc23-3-2__block4"1fr "hht-nc23-3-2__block3"auto/1fr;
gap: 24px 24px;
-webkit-column-gap: 24px;
-moz-column-gap: 24px;
column-gap: 24px;
margin: 40px auto;
}
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc23-3-2__block1 {
grid-area: hht-nc23-3-2__block1;
}
}
body > #Contents .hht-nc23-3-2__block1 picture {
position: relative;
display: block;
overflow: hidden;
}
body > #Contents .hht-nc23-3-2__block1 picture img {
display: block;
width: 100%;
max-width: 100%;
height: auto;
max-height: 100%;
aspect-ratio: 1/0.666;
object-fit: contain;
object-position: center center;
transition: -webkit-transform 0.25s ease;
transition: transform 0.25s ease;
transition: transform 0.25s ease, -webkit-transform 0.25s ease;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc23-3-2__block1 picture img {
width: auto;
max-height: 100%;
}
}
body > #Contents .hht-nc23-3-2__block2 {
margin-top: 24px;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc23-3-2__block2 {
grid-area: hht-nc23-3-2__block2;
margin-top: 0;
}
}
body > #Contents .hht-nc23-3-2__block2 .hht-nc23-3-2__text2 {
margin-top: 16px;
font-size: 14px;
line-height: 1.714;
}
body > #Contents .hht-nc23-3-2__block3 {
margin-top: 24px;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc23-3-2__block3 {
grid-area: hht-nc23-3-2__block3;
grid-row: 3;
grid-column: 1;
margin-top: 0;
}
}
body > #Contents .hht-nc23-3-2__block4 {
position: relative;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc23-3-2__block4 {
display: grid;
grid-area: hht-nc23-3-2__block4;
grid-template: "hht-nc23-3-2__block1 hht-nc23-3-2__block2"1fr/300px 1fr;
grid-row: 1;
grid-column: 1;
-webkit-column-gap: 24px;
-moz-column-gap: 24px;
column-gap: 24px;
}
}
body > #Contents .hht-nc23-3-2__block4:hover .hht-nc23-3-2__block1 picture img {
-webkit-transform: translate(unset) scale(1.12);
transform: translate(unset) scale(1.12);
}
body > #Contents .hht-nc23-3-2__text1 {
font-size: 16px;
font-weight: bold;
line-height: 1.75;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc23-3-2__text1 {
font-size: 18px;
line-height: 1.555;
}
}
body > #Contents .hht-nc23-3-2__text1 .hht-nc23-3-2__link1:active, body > #Contents .hht-nc23-3-2__text1 .hht-nc23-3-2__link1:link, body > #Contents .hht-nc23-3-2__text1 .hht-nc23-3-2__link1:visited {
color: #0C0C0C;
}
body > #Contents .hht-nc23-3-2__text1 .hht-nc23-3-2__link1:hover {
color: #0C0C0C;
text-decoration: underline;
}
body > #Contents .hht-nc23-3-2__text1 .hht-nc23-3-2__link1::after {
position: absolute;
inset: 0;
z-index: 1;
pointer-events: auto;
content: "";
background-color: rgba(0, 0, 0, 0);
}
body > #Contents .hht-nc23-3-2__list1 {
padding-left: 0;
list-style-type: none;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc23-3-2__list1 {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
}
body > #Contents .hht-nc23-3-2__list1 > li {
display: block;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc23-3-2__list1 > li {
flex: 0 1 calc(50% - 12px);
width: calc(50% - 12px);
max-width: calc(50% - 12px);
}
}
body > #Contents .hht-nc23-3-2__list1 > li:not(:last-child) {
margin-bottom: 16px;
}
body > #Contents .hht-nc23-3-2__list1 > li a {
display: block;
font-weight: bold;
word-break: break-word;
}
body > #Contents .hht-nc23-4 {
margin: 6px auto 16px;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc23-4 {
margin: 40px auto;
}
}
body > #Contents .hht-nc23-4 .hht-nc23-4__slider {
height: auto;
padding-bottom: 0;
margin-right: -8px;
margin-left: -8px;
overflow: hidden;
visibility: visible;
opacity: 1;
transition: visibility 0.2s ease 0.15s, opacity 0.2s ease 0.15s;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc23-4 .hht-nc23-4__slider {
margin-right: -12.5px;
margin-left: -12.5px;
}
}
body > #Contents .hht-nc23-4 .hht-nc23-4__slider:not(.slick-initialized) {
height: 0;
padding-bottom: 41.411%;
visibility: hidden;
opacity: 0;
}
body > #Contents .hht-nc23-4 .hht-nc23-4__slider .slick-track {
display: flex !important;
}
body > #Contents .hht-nc23-4 .hht-nc23-4__slider .slick-slide {
height: inherit !important;
padding: 10px 12.5px;
}
body > #Contents .hht-nc23-4 .hht-nc23-4__slider .slick-slide:focus-within {
outline: none;
}
body > #Contents .hht-nc23-4 .hht-nc23-4__slider .slick-arrow {
display: none;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc23-4 .hht-nc23-4__slider .slick-arrow {
position: absolute;
top: 0;
z-index: 10;
display: block;
width: 53px;
height: 32px;
padding: 0;
-webkit-appearance: none;
appearance: none;
background-color: transparent;
background-repeat: no-repeat;
background-position: 0 0;
border: none;
box-shadow: none;
}
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc23-4 .hht-nc23-4__slider .slick-arrow.slick-next svg path, body > #Contents .hht-nc23-4 .hht-nc23-4__slider .slick-arrow.slick-prev svg path {
fill: #0C0C0C;
transition: fill 0.25s ease;
}
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc23-4 .hht-nc23-4__slider .slick-arrow.slick-next:hover svg path, body > #Contents .hht-nc23-4 .hht-nc23-4__slider .slick-arrow.slick-prev:hover svg path {
fill: #CC0000;
}
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc23-4 .hht-nc23-4__slider .slick-arrow.slick-next {
right: 12.5px;
}
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc23-4 .hht-nc23-4__slider .slick-arrow.slick-prev {
right: 81.5px;
}
}
body > #Contents .hht-nc23-4 .hht-nc23-4__slider .slick-dots {
display: flex;
align-items: center;
justify-content: center;
padding-top: 20px;
padding-left: 0;
list-style-type: none;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc23-4 .hht-nc23-4__slider .slick-dots {
padding-top: 30px;
padding-bottom: 24px;
}
}
body > #Contents .hht-nc23-4 .hht-nc23-4__slider .slick-dots > li {
display: flex;
align-items: center;
justify-content: center;
margin: 0 8px;
}
body > #Contents .hht-nc23-4 .hht-nc23-4__slider .slick-dots > li.slick-active button {
background: #6c6c6c;
border-color: #6c6c6c;
}
body > #Contents .hht-nc23-4 .hht-nc23-4__slider .slick-dots > li button {
width: 8px;
height: 8px;
padding: 0;
overflow: hidden;
text-align: left;
text-indent: 120%;
white-space: nowrap;
-webkit-appearance: none;
appearance: none;
background: rgba(255, 255, 255, 0.5);
border: 1px solid #e1e1e1;
border-radius: 4px;
box-shadow: none;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc23-4 .hht-nc23-4__slider .slick-dots > li button {
width: 12px;
height: 12px;
border-radius: 6px;
}
}
body > #Contents .hht-nc23-4 .hht-nc23-4__slider .slick-dots > li button:focus-within {
outline: none;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc23-4 .hht-nc23-4__slider.slick-slider {
padding-top: 61px;
}
}
body > #Contents .hht-nc23-4__block1 {
position: relative;
height: 100%;
background: #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
transition: box-shadow 0.25s ease;
}
body > #Contents .hht-nc23-4__block1:hover {
text-decoration: underline;
box-shadow: 0 0 12.5px rgba(0, 0, 0, 0.32);
}
body > #Contents .hht-nc23-4__block1:hover .hht-nc23-4__block2 picture img {
-webkit-transform: translate(unset) scale(1.12);
transform: translate(unset) scale(1.12);
}
body > #Contents .hht-nc23-4__block2 picture {
position: relative;
display: block;
width: 100%;
overflow: hidden;
}
body > #Contents .hht-nc23-4__block2 picture img {
display: block;
width: 100%;
max-width: 100%;
height: auto;
max-height: 100%;
aspect-ratio: 1/0.666;
object-fit: contain;
object-position: center center;
transition: -webkit-transform 0.25s ease;
transition: transform 0.25s ease;
transition: transform 0.25s ease, -webkit-transform 0.25s ease;
}
body > #Contents .hht-nc23-4__block3 {
padding: 16px;
}
body > #Contents .hht-nc23-4__link1 {
font-weight: bold;
}
@media screen and (max-width: 767px) {
body > #Contents .hht-nc23-4__link1 {
font-size: 14px;
line-height: 1.714;
}
}
body > #Contents .hht-nc23-4__link1:active, body > #Contents .hht-nc23-4__link1:link, body > #Contents .hht-nc23-4__link1:visited {
color: #0C0C0C;
}
body > #Contents .hht-nc23-4__link1:hover {
color: #0C0C0C;
}
body > #Contents .hht-nc23-4__link1::after {
position: absolute;
inset: 0;
z-index: 1;
pointer-events: auto;
content: "";
background-color: rgba(0, 0, 0, 0);
}
body > #Contents .hht-nc23-5 {
margin: 16px auto;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc23-5 {
margin: 40px auto;
}
}
body > #Contents .hht-nc23-5__block1 {
position: relative;
min-height: 100%;
padding: 16px;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc23-5__block1 {
padding: 40px 0;
}
}
body > #Contents .hht-nc23-5__block1::after, body > #Contents .hht-nc23-5__block1::before {
position: absolute;
bottom: 0;
left: 0;
display: block;
height: 1px;
content: "";
}
body > #Contents .hht-nc23-5__block1::before {
z-index: 1;
width: 100%;
background: #e1e1e1;
}
body > #Contents .hht-nc23-5__block1::after {
z-index: 2;
width: 125px;
background: #CC0000;
transition: width 0.25s ease;
}
body > #Contents .hht-nc23-5__block1:hover::after {
width: 100%;
}
body > #Contents .hht-nc23-5__block1:hover .hht-nc23-5__block2 picture img {
-webkit-transform: translate(unset) scale(1.12);
transform: translate(unset) scale(1.12);
}
body > #Contents .hht-nc23-5__block2 {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc23-5__block2 {
flex-wrap: nowrap;
}
}
body > #Contents .hht-nc23-5__block3 {
width: 100%;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc23-5__block3 {
flex: 1 0 200px;
width: 200px;
max-width: 200px;
margin-right: 16px;
}
}
body > #Contents .hht-nc23-5__block3 picture {
position: relative;
display: block;
width: 100%;
overflow: hidden;
}
body > #Contents .hht-nc23-5__block3 picture img {
display: block;
width: 100%;
max-width: 100%;
height: auto;
max-height: 100%;
aspect-ratio: 1/0.666;
object-fit: contain;
object-position: center center;
transition: -webkit-transform 0.25s ease;
transition: transform 0.25s ease;
transition: transform 0.25s ease, -webkit-transform 0.25s ease;
}
body > #Contents .hht-nc23-5__block3 + .hht-nc23-5__block4 {
padding-top: 16px;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc23-5__block3 + .hht-nc23-5__block4 {
padding-top: 0;
}
}
body > #Contents .hht-nc23-5__text1 time {
font-family: Hitachi Sans, Verdana, sans-serif;
font-size: 12px;
font-weight: bold;
line-height: 1.5;
color: #737373;
letter-spacing: 0.15em;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc23-5__text1 time {
font-size: 14px;
line-height: 1.142;
letter-spacing: 0.15em;
}
}
body > #Contents .hht-nc23-5__text2, body > #Contents .hht-nc23-5__text3 {
font-size: 14px;
}
body > #Contents .hht-nc23-5__text2 {
margin-top: 4px;
font-weight: bold;
line-height: 1.555;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc23-5__text2 {
margin-top: 10px;
font-size: 18px;
}
}
body > #Contents .hht-nc23-5__text3 {
margin-top: 8px;
font-weight: normal;
line-height: 1.714;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc23-5__text3 {
margin-top: 16px;
}
}
body > #Contents .hht-nc23-5__text3 br {
display: none;
}
body > #Contents .hht-nc23-5__link1::after {
position: absolute;
inset: 0;
z-index: 1;
pointer-events: auto;
content: "";
background-color: rgba(0, 0, 0, 0);
}
body > #Contents .hht-nc23-5__link1:active, body > #Contents .hht-nc23-5__link1:link, body > #Contents .hht-nc23-5__link1:visited {
color: #0C0C0C;
}
body > #Contents .hht-nc23-5__link1:hover {
color: #0C0C0C;
text-decoration: underline;
}
body > #Contents .hht-nc23-5__link1 br {
display: none;
}
body > #Contents .hht-nc23-6-1, body > #Contents .hht-nc23-6-2 {
margin: 8px auto;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc23-6-1, body > #Contents .hht-nc23-6-2 {
margin-top: 20px;
margin-bottom: 20px;
}
}
body > #Contents .hht-nc23-6-1 [class*=hht-md-col-], body > #Contents .hht-nc23-6-2 [class*=hht-md-col-] {
padding-top: 8px;
padding-bottom: 8px;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc23-6-1 [class*=hht-md-col-], body > #Contents .hht-nc23-6-2 [class*=hht-md-col-] {
padding-top: 16px;
padding-bottom: 16px;
}
}
body > #Contents .hht-nc23-6-1__block1, body > #Contents .hht-nc23-6-2__block1 {
position: relative;
height: 100%;
padding: 32px 0 24px;
margin: 0 auto;
overflow: hidden;
background: #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
transition: box-shadow 0.25s ease;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc23-6-1__block1, body > #Contents .hht-nc23-6-2__block1 {
padding: 48px 0 40px;
}
}
body > #Contents .hht-nc23-6-1__block1::before, body > #Contents .hht-nc23-6-2__block1::before {
position: absolute;
top: 0;
left: -10px;
z-index: 1;
display: block;
width: 238px;
max-width: 63.466vw;
height: 8px;
content: "";
background: #CC0000;
-webkit-transform: skew(-39deg);
transform: skew(-39deg);
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc23-6-1__block1::before, body > #Contents .hht-nc23-6-2__block1::before {
width: 245px;
max-width: none;
}
}
body > #Contents .hht-nc23-6-1__block2, body > #Contents .hht-nc23-6-2__block2 {
padding: 0 24px 8px;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc23-6-1__block2, body > #Contents .hht-nc23-6-2__block2 {
width: 100%;
padding: 0 40px 24px;
}
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc23-6-1__block3, body > #Contents .hht-nc23-6-2__block3 {
flex: 0 1 100%;
width: 100%;
max-width: 100%;
}
}
body > #Contents .hht-nc23-6-1__block3 picture, body > #Contents .hht-nc23-6-2__block3 picture {
position: relative;
display: block;
width: 100%;
overflow: hidden;
}
body > #Contents .hht-nc23-6-1__block3 picture img, body > #Contents .hht-nc23-6-2__block3 picture img {
display: block;
width: 100%;
max-width: 100%;
height: auto;
max-height: 100%;
aspect-ratio: 1/0.416;
object-fit: contain;
object-position: center center;
transition: -webkit-transform 0.25s ease;
transition: transform 0.25s ease;
transition: transform 0.25s ease, -webkit-transform 0.25s ease;
}
body > #Contents .hht-nc23-6-1__block4, body > #Contents .hht-nc23-6-2__block4 {
display: flex;
flex-wrap: wrap;
padding: 8px 24px 0;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc23-6-1__block4, body > #Contents .hht-nc23-6-2__block4 {
padding: 24px 36px 0;
}
}
body > #Contents .hht-nc23-6-1__text1, body > #Contents .hht-nc23-6-2__text1 {
font-size: 18px;
font-weight: bold;
line-height: 1.555;
color: #0C0C0C;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc23-6-1__text1, body > #Contents .hht-nc23-6-2__text1 {
font-size: 24px;
line-height: 1.5833;
}
}
body > #Contents .hht-nc23-6-1__text1 > a, body > #Contents .hht-nc23-6-2__text1 > a {
transition: color 0.25s ease;
}
body > #Contents .hht-nc23-6-1__text1 > a:link, body > #Contents .hht-nc23-6-1__text1 > a:visited, body > #Contents .hht-nc23-6-1__text1 > a:active, body > #Contents .hht-nc23-6-2__text1 > a:link, body > #Contents .hht-nc23-6-2__text1 > a:visited, body > #Contents .hht-nc23-6-2__text1 > a:active {
color: #0C0C0C;
}
body > #Contents .hht-nc23-6-1__text1 > a::after, body > #Contents .hht-nc23-6-2__text1 > a::after {
display: inline-block;
width: 37px;
height: 24px;
margin: 0 0 0 8px;
content: "";
background-color: #CC0000;
-webkit-mask: url("../icon/arrow-link.svg") no-repeat center center/37px 24px;
mask: url("../icon/arrow-link.svg") no-repeat center center/37px 24px;
transition: color 0.25s ease, -webkit-transform 0.25s ease;
transition: color 0.25s ease, transform 0.25s ease;
transition: color 0.25s ease, transform 0.25s ease, -webkit-transform 0.25s ease;
}
body > #Contents .hht-nc23-6-1__text1 > a:hover, body > #Contents .hht-nc23-6-2__text1 > a:hover {
color: #CC0000;
}
body > #Contents .hht-nc23-6-1__text1 > a:hover::after, body > #Contents .hht-nc23-6-2__text1 > a:hover::after {
background-color: #CC0000;
-webkit-transform: translateX(4px);
transform: translateX(4px);
}
body > #Contents .hht-nc23-6-1__list1, body > #Contents .hht-nc23-6-2__list1 {
width: 100%;
max-width: inherit;
padding-right: 0;
padding-left: 0;
list-style-type: none;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc23-6-1__list1, body > #Contents .hht-nc23-6-2__list1 {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
}
body > #Contents .hht-nc23-6-1__list1 > li, body > #Contents .hht-nc23-6-2__list1 > li {
display: block;
margin-top: 16px;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc23-6-1__list1 > li, body > #Contents .hht-nc23-6-2__list1 > li {
width: calc(50% - 16px);
max-width: calc(50% - 16px);
}
}
body > #Contents .hht-nc23-6-1__list1 > li a, body > #Contents .hht-nc23-6-2__list1 > li a {
display: block;
font-weight: bold;
word-wrap: break-word;
}
body > #Contents .hht-nc23-7 {
width: 100%;
padding: 8px 16px 0;
margin-right: auto;
margin-left: auto;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc23-7 {
display: flex;
flex-wrap: wrap;
-webkit-column-gap: 26px;
-moz-column-gap: 26px;
column-gap: 26px;
max-width: 1295px;
padding: 24px 10px 0;
}
}
body > #Contents .hht-nc23-7 + .hht-nc23-7 {
padding-top: 0;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc23-7 + .hht-nc23-7 {
padding-top: 0;
}
}
body > #Contents .hht-nc23-7__block1 {
padding: 8px 0;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc23-7__block1 {
flex: 0 0 calc((100% - 52px) / 3);
width: calc((100% - 52px) / 3);
padding: 16px 0;
}
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc23-7__block1:nth-of-type(3n + 1) .hht-nc23-7__block2 {
left: 0;
}
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc23-7__block1:nth-of-type(3n + 2) .hht-nc23-7__block2 {
left: calc(-100% - 26px);
}
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc23-7__block1:nth-of-type(3n) .hht-nc23-7__block2 {
left: calc(-200% - 52px);
}
}
body > #Contents .hht-nc23-7__block2 {
padding-top: 16px;
transition: opacity 0.2s ease;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc23-7__block2 {
padding-top: 32px;
}
}
body > #Contents .hht-nc23-7__block2:not(.-active) {
position: absolute;
z-index: -1;
visibility: hidden;
opacity: 0;
}
body > #Contents .hht-nc23-7__block2.-active {
position: relative;
z-index: 1;
max-width: 100%;
visibility: visible;
opacity: 1;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc23-7__block2.-active {
max-width: none;
}
}
body > #Contents .hht-nc23-7__block3 {
position: relative;
padding: 32px 24px;
overflow: hidden;
line-height: inherit;
background: #f9f9f9;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc23-7__block3 {
padding: 40px 44px;
margin: 0;
}
}
body > #Contents .hht-nc23-7__list1, body > #Contents .hht-nc23-7__list2 {
display: block;
padding-left: 0;
list-style-type: none;
}
body > #Contents .hht-nc23-7__list1 > li, body > #Contents .hht-nc23-7__list2 > li {
display: block;
}
body > #Contents .hht-nc23-7__list1 > li {
margin-top: 8px;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc23-7__list2 {
display: flex;
flex-wrap: wrap;
}
}
body > #Contents .hht-nc23-7__list2 > li {
margin-top: 16px;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc23-7__list2 > li {
width: 33.333%;
padding-right: 6.739%;
}
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc23-7__list2 > li a {
min-height: 100%;
}
}
body > #Contents .hht-nc23-7__text1 {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
margin: 0;
}
body > #Contents .hht-nc23-7__button1 {
position: relative;
width: 100%;
height: 100%;
padding: 0;
-webkit-appearance: none;
appearance: none;
background-color: transparent;
border: none;
overflow-anchor: none;
}
body > #Contents .hht-nc23-7__button1 * {
pointer-events: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
body > #Contents .hht-nc23-7__button1 span {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
height: 100%;
padding: 24px 80px 24px 24px;
overflow: hidden;
font-size: 16px;
font-weight: bold;
line-height: 1.5;
color: #0C0C0C;
cursor: pointer;
background-color: #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
transition: box-shadow 0.25s ease;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc23-7__button1 span {
font-size: 18px;
line-height: 1.444;
}
}
body > #Contents .hht-nc23-7__button1 span::after, body > #Contents .hht-nc23-7__button1 span::before {
position: absolute;
display: block;
}
body > #Contents .hht-nc23-7__button1 span::after {
top: calc(50% - 13px);
right: 24px;
width: 32px;
height: 32px;
margin: 0 0 0 4px;
vertical-align: middle;
content: "";
background-color: #CC0000;
-webkit-mask: url("../icon/arrow-next.svg") no-repeat center center/32px 32px;
mask: url("../icon/arrow-next.svg") no-repeat center center/32px 32px;
transition: color 0.25s ease, -webkit-transform 0.25s ease;
transition: color 0.25s ease, transform 0.25s ease;
transition: color 0.25s ease, transform 0.25s ease, -webkit-transform 0.25s ease;
}
body > #Contents .hht-nc23-7__button1 span::before {
position: absolute;
top: 0;
left: -10px;
z-index: 1;
width: 238px;
max-width: 63.466vw;
height: 8px;
content: "";
background: #CC0000;
transition: all 0.25s ease;
-webkit-transform: skew(-39deg);
transform: skew(-39deg);
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc23-7__button1 span::before {
width: 245px;
max-width: none;
}
}
body > #Contents .hht-nc23-7__button1[aria-expanded=false]::after, body > #Contents .hht-nc23-7__button1[aria-expanded=false]::before {
display: none;
}
body > #Contents .hht-nc23-7__button1[aria-expanded=false] span::before {
-webkit-transform: skew(-39deg) translate(-100%, 0);
transform: skew(-39deg) translate(-100%, 0);
}
body > #Contents .hht-nc23-7__button1[aria-expanded=false] span::after {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
body > #Contents .hht-nc23-7__button1:hover span::before {
background: #CC0000;
}
body > #Contents .hht-nc23-7__button1:hover[aria-expanded=false] span::before {
-webkit-transform: skew(-39deg) translate(0, 0);
transform: skew(-39deg) translate(0, 0);
}
body > #Contents .hht-nc23-7__button1:hover[aria-expanded=false] span::after {
background-color: #CC0000;
}
body > #Contents .hht-nc23-7__button1[aria-expanded=true]::after, body > #Contents .hht-nc23-7__button1[aria-expanded=true]::before {
display: block;
}
body > #Contents .hht-nc23-7__button1[aria-expanded=true] span::before {
-webkit-transform: skew(-39deg) translate(0, 0);
transform: skew(-39deg) translate(0, 0);
}
body > #Contents .hht-nc23-7__button1[aria-expanded=true] span::after {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
body > #Contents .hht-nc23-7__button1::after, body > #Contents .hht-nc23-7__button1::before {
position: absolute;
bottom: 0;
left: 50%;
content: "";
}
body > #Contents .hht-nc23-7__button1::before {
z-index: 0;
width: 28px;
height: 28px;
background-color: #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
-webkit-transform: translate(-50%, 9px) rotate(-45deg);
transform: translate(-50%, 9px) rotate(-45deg);
}
body > #Contents .hht-nc23-7__button1::after {
z-index: 1;
width: 0;
height: 0;
border-color: #fff transparent transparent;
border-style: solid;
border-width: 14px 15px 0;
-webkit-transform: translate(-50%, 14px);
transform: translate(-50%, 14px);
}
body > #Contents .hht-nc23-7__link1, body > #Contents .hht-nc23-7__link2 {
display: block;
font-size: 15px;
line-height: 1.666;
color: #0C0C0C;
}
body > #Contents .hht-nc23-7__link1:active, body > #Contents .hht-nc23-7__link1:link, body > #Contents .hht-nc23-7__link1:visited, body > #Contents .hht-nc23-7__link2:active, body > #Contents .hht-nc23-7__link2:link, body > #Contents .hht-nc23-7__link2:visited {
color: #0C0C0C;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc23-7__link1, body > #Contents .hht-nc23-7__link2 {
font-size: 16px;
line-height: 1.75;
}
}
body > #Contents .hht-nc23-7__link1::after, body > #Contents .hht-nc23-7__link2::after {
top: calc(50% - 12px);
display: inline-block;
width: 24px;
height: 24px;
margin: -0.2em 0 0 4px;
vertical-align: middle;
content: "";
background-color: #CC0000;
-webkit-mask-image: url("../icon/arrow-next.svg");
mask-image: url("../icon/arrow-next.svg");
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: 24px 24px;
mask-size: 24px 24px;
transition: color 0.25s ease, -webkit-transform 0.25s ease;
transition: color 0.25s ease, transform 0.25s ease;
transition: color 0.25s ease, transform 0.25s ease, -webkit-transform 0.25s ease;
}
body > #Contents .hht-nc23-7__link1:hover, body > #Contents .hht-nc23-7__link2:hover {
color: #CC0000;
text-decoration: underline;
}
body > #Contents .hht-nc23-7__link1:hover::after, body > #Contents .hht-nc23-7__link2:hover::after {
background-color: #CC0000;
-webkit-transform: translateX(4px);
transform: translateX(4px);
}
body > #Contents .hht-nc23-7__link1 {
font-weight: bold;
}
body > #Contents .hht-nc26-1 {
max-width: 1275px;
margin: 16px auto;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc26-1 {
max-width: 762px;
margin: 40px auto;
}
}
body > #Contents .hht-nc26-1__block1, body > #Contents .hht-nc26-opt-2-2__block1 {
position: relative;
}
body > #Contents .hht-nc26-1__block1 iframe, body > #Contents .hht-nc26-opt-2-2__block1 iframe {
display: block;
width: 100%;
height: 100%;
aspect-ratio: 1/0.562;
}
body > #Contents .hht-nc26-1__block1 :where(:not(.video-js)) video, body > #Contents .hht-nc26-opt-2-2__block1 :where(:not(.video-js)) video {
display: block;
width: 100%;
height: 100%;
aspect-ratio: 1/0.562;
}
body > #Contents .hht-nc26-1__block1 .video-js .vjs-big-play-button, body > #Contents .hht-nc26-opt-2-2__block1 .video-js .vjs-big-play-button {
margin: 0;
}
body > #Contents .hht-nc26-1__block2, body > #Contents .hht-nc26-opt-2-2__block2 {
padding: 8px 16px 16px 20px;
margin-top: 8px;
border-left: 4px solid #CC0000;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc26-1__block2, body > #Contents .hht-nc26-opt-2-2__block2 {
padding: 4px 16px 8px 20px;
margin-top: 16px;
}
}
body > #Contents .hht-nc26-1__block2 > h2, body > #Contents .hht-nc26-opt-2-2__block2 > h2 {
padding: 0;
}
body > #Contents .hht-nc26-1__block3 {
margin-top: 8px;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc26-1__block3 {
margin-top: 16px;
}
}
body > #Contents .hht-nc26-opt-2-2 {
margin: 16px auto;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc26-opt-2-2 {
max-width: 762px;
margin: 40px auto;
}
}
body > #Contents .hht-nc27-1-1, body > #Contents .hht-nc27-1-2 {
max-width: 1275px;
margin: 16px auto;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc27-1-1, body > #Contents .hht-nc27-1-2 {
margin: 40px auto;
}
}
body > #Contents .hht-nc27-1-1 > dl, body > #Contents .hht-nc27-1-2 > dl {
display: flex;
flex-wrap: wrap;
padding-bottom: 1px;
overflow: hidden;
}
body > #Contents .hht-nc27-1-1 > dl dt, body > #Contents .hht-nc27-1-1 > dl dd, body > #Contents .hht-nc27-1-2 > dl dt, body > #Contents .hht-nc27-1-2 > dl dd {
padding: 4px 16px;
margin-bottom: -1px;
border-top: 1px solid #e1e1e1;
border-bottom: 1px solid #e1e1e1;
}
@media screen and (max-width: 767px) {
body > #Contents .hht-nc27-1-1 > dl dt, body > #Contents .hht-nc27-1-1 > dl dd, body > #Contents .hht-nc27-1-2 > dl dt, body > #Contents .hht-nc27-1-2 > dl dd {
font-size: 14px;
line-height: 1.571;
}
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc27-1-1 > dl dt, body > #Contents .hht-nc27-1-1 > dl dd, body > #Contents .hht-nc27-1-2 > dl dt, body > #Contents .hht-nc27-1-2 > dl dd {
padding: 8px 16px;
}
}
body > #Contents .hht-nc27-1-1 > dl dt, body > #Contents .hht-nc27-1-2 > dl dt {
flex: 1 1 31.486%;
width: 31.486%;
max-width: 31.486%;
font-weight: bold;
color: #0C0C0C;
background: #f9f9f9;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc27-1-1 > dl dt, body > #Contents .hht-nc27-1-2 > dl dt {
line-height: 1.875;
}
}
body > #Contents .hht-nc27-1-1 > dl dd, body > #Contents .hht-nc27-1-2 > dl dd {
flex: 1 1 68.513%;
width: 68.513%;
max-width: 68.513%;
font-weight: normal;
letter-spacing: 0;
background: #fff;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc27-1-1 > dl dd, body > #Contents .hht-nc27-1-2 > dl dd {
line-height: 1.75;
}
}
body > #Contents .hht-nc27-1-1 > dl dd a:hover, body > #Contents .hht-nc27-1-2 > dl dd a:hover {
color: #CC0000;
text-decoration: underline;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc27-1-1 > dl dt {
flex: 1 1 13.68%;
width: 13.68%;
max-width: 13.68%;
}
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc27-1-1 > dl dt:nth-of-type(2n) {
margin-left: 25px;
}
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc27-1-1 > dl dd {
flex: 1 1 calc(36.32% - 12.5px);
width: calc(36.32% - 12.5px);
max-width: calc(36.32% - 12.5px);
}
}
body > #Contents .hht-nc27-2-1, body > #Contents .hht-nc27-2-2 {
margin-top: 40px;
background: #f9f9f9;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc27-2-1, body > #Contents .hht-nc27-2-2 {
padding-right: 32px;
padding-left: 32px;
margin-top: 80px;
}
}
body > #Contents .hht-nc27-2-1__block5, body > #Contents .hht-nc27-2-2 .hht-nc27-2-2__block5 {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
max-width: 1300px;
margin: 0 auto;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc27-2-1__block5, body > #Contents .hht-nc27-2-2 .hht-nc27-2-2__block5 {
flex-wrap: nowrap;
justify-content: center;
}
}
body > #Contents .hht-nc27-2-1__block1, body > #Contents .hht-nc27-2-2 .hht-nc27-2-2__block1 {
width: 100%;
padding: 24px 16px;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc27-2-1__block1, body > #Contents .hht-nc27-2-2 .hht-nc27-2-2__block1 {
position: relative;
padding: 48px 12.5px;
}
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc27-2-1__block1:not(:last-child)::after, body > #Contents .hht-nc27-2-2 .hht-nc27-2-2__block1:not(:last-child)::after {
position: absolute;
top: 50%;
right: 0;
display: block;
width: 1px;
height: calc(100% - 80px);
content: "";
background: #e1e1e1;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
}
}
@media screen and (max-width: 767px) {
body > #Contents .hht-nc27-2-1__block1:first-child:not(.-alt), body > #Contents .hht-nc27-2-2 .hht-nc27-2-2__block1:first-child:not(.-alt) {
border-bottom: 1px solid #e1e1e1;
}
}
@media screen and (max-width: 767px) {
body > #Contents .hht-nc27-2-1__block1.-alt, body > #Contents .hht-nc27-2-2 .-alt.hht-nc27-2-2__block1 {
flex: 0 1 calc(50% - 8px);
width: calc(50% - 8px);
max-width: calc(50% - 8px);
padding-top: 32px;
}
}
@media screen and (max-width: 767px) {
body > #Contents .hht-nc27-2-1__block1.-alt .hht-nc27-2-1__text2, body > #Contents .hht-nc27-2-2 .-alt.hht-nc27-2-2__block1 .hht-nc27-2-1__text2 {
margin-top: 8px;
font-size: 12px;
line-height: 1.666;
}
}
body > #Contents .hht-nc27-2-1__block2, body > #Contents .hht-nc27-2-2 .hht-nc27-2-2__block2 {
text-align: center;
}
body > #Contents .hht-nc27-2-1__block3, body > #Contents .hht-nc27-2-2 .hht-nc27-2-2__block3 {
margin-top: 16px;
text-align: center;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc27-2-1__block3, body > #Contents .hht-nc27-2-2 .hht-nc27-2-2__block3 {
padding: 0 24px;
margin-top: 18px;
}
}
body > #Contents .hht-nc27-2-1__block3 > h2, body > #Contents .hht-nc27-2-2 .hht-nc27-2-2__block3 > h2 {
font-size: 18px;
font-weight: bold;
line-height: 1.555;
color: #0C0C0C;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc27-2-1__block3 > h2, body > #Contents .hht-nc27-2-2 .hht-nc27-2-2__block3 > h2 {
font-size: 24px;
line-height: 1.583;
}
}
body > #Contents .hht-nc27-2-1__block3 > h2 a:active, body > #Contents .hht-nc27-2-2 .hht-nc27-2-2__block3 > h2 a:active, body > #Contents .hht-nc27-2-1__block3 > h2 a:link, body > #Contents .hht-nc27-2-2 .hht-nc27-2-2__block3 > h2 a:link, body > #Contents .hht-nc27-2-1__block3 > h2 a:visited, body > #Contents .hht-nc27-2-2 .hht-nc27-2-2__block3 > h2 a:visited, body > #Contents .hht-nc27-2-1__block3 > h2 a:hover, body > #Contents .hht-nc27-2-2 .hht-nc27-2-2__block3 > h2 a:hover {
color: #0C0C0C;
}
body > #Contents .hht-nc27-2-1__block3 > p, body > #Contents .hht-nc27-2-2 .hht-nc27-2-2__block3 > p {
margin-top: 16px;
margin-bottom: 0;
}
body > #Contents .hht-nc27-2-1__block4 {
text-align: center;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc27-2-1__block4 {
padding: 0 24px;
margin-top: 24px;
}
}
body > #Contents a.hht-nc27-2-1__link1:hover {
text-decoration: none;
}
body > #Contents .hht-nc27-2-2 .hht-nc27-2-2__text1 a:hover {
text-decoration: underline;
}
body > #Contents .hht-nc27-3 {
padding: 24px 16px;
margin-top: 16px;
margin-bottom: 16px;
background: #f9f9f9;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc27-3 {
padding: 32px 20px;
}
}
body > #Contents .hht-nc27-3__block1 {
display: grid;
grid-template: "hht-nc27-3__block2 hht-nc27-3__block4"auto "hht-nc27-3__block3 hht-nc27-3__block3"1fr/1fr 80px;
width: 100%;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc27-3__block1 {
grid-template-columns: 1fr 160px;
max-width: 950px;
margin-right: auto;
margin-left: auto;
}
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc27-3__block2 {
grid-area: hht-nc27-3__block2;
grid-row: 1;
grid-column: 1;
}
}
body > #Contents .hht-nc27-3__block2 input[type=search], body > #Contents .hht-nc27-3__block2 input[type=text] {
display: block;
width: 100%;
height: auto;
padding: 10px 8px 10px 50px;
margin: 0;
font-size: 16px;
font-weight: normal;
line-height: 1.75;
-webkit-appearance: none;
appearance: none;
background-image: url("/https/www.hitachi-hightech.com/assets/image/jp/r1/icon/icon_search_red.gif");
background-size: 32px 32px;
background-repeat: no-repeat;
background-position: 8px 50%;
border: 1px solid #e1e1e1;
border-radius: 0;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc27-3__block2 input[type=search], body > #Contents .hht-nc27-3__block2 input[type=text] {
padding: 12px 12px 12px 84px;
font-size: 18px;
line-height: 1.555;
background-size: 48px 48px;
}
}
body > #Contents .hht-nc27-3__block2 input[type=search]::-webkit-search-cancel-button, body > #Contents .hht-nc27-3__block2 input[type=search]::-ms-reveal, body > #Contents .hht-nc27-3__block2 input[type=search]::-ms-clear, body > #Contents .hht-nc27-3__block2 input[type=text]::-webkit-search-cancel-button, body > #Contents .hht-nc27-3__block2 input[type=text]::-ms-reveal, body > #Contents .hht-nc27-3__block2 input[type=text]::-ms-clear {
display: none;
}
body > #Contents .hht-nc27-3__block2 input[type=search]::-webkit-input-placeholder, body > #Contents .hht-nc27-3__block2 input[type=text]::-webkit-input-placeholder {
font-size: 14px;
color: rgba(45, 45, 45, 0.5);
}
body > #Contents .hht-nc27-3__block2 input[type=search]:-ms-input-placeholder, body > #Contents .hht-nc27-3__block2 input[type=text]:-ms-input-placeholder {
font-size: 14px;
color: rgba(45, 45, 45, 0.5);
}
body > #Contents .hht-nc27-3__block2 input[type=search]::-ms-input-placeholder, body > #Contents .hht-nc27-3__block2 input[type=text]::-ms-input-placeholder {
font-size: 14px;
color: rgba(45, 45, 45, 0.5);
}
body > #Contents .hht-nc27-3__block2 input[type=search]::placeholder, body > #Contents .hht-nc27-3__block2 input[type=text]::placeholder {
font-size: 14px;
color: rgba(45, 45, 45, 0.5);
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc27-3__block2 input[type=search]::-webkit-input-placeholder, body > #Contents .hht-nc27-3__block2 input[type=text]::-webkit-input-placeholder {
font-size: 18px;
}
body > #Contents .hht-nc27-3__block2 input[type=search]:-ms-input-placeholder, body > #Contents .hht-nc27-3__block2 input[type=text]:-ms-input-placeholder {
font-size: 18px;
}
body > #Contents .hht-nc27-3__block2 input[type=search]::-ms-input-placeholder, body > #Contents .hht-nc27-3__block2 input[type=text]::-ms-input-placeholder {
font-size: 18px;
}
body > #Contents .hht-nc27-3__block2 input[type=search]::placeholder, body > #Contents .hht-nc27-3__block2 input[type=text]::placeholder {
font-size: 18px;
}
}
body > #Contents .hht-nc27-3__block3 {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
margin-top: 8px;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc27-3__block3 {
grid-area: hht-nc27-3__block3;
grid-row: 2;
grid-column: 1;
justify-content: center;
margin-top: 0;
margin-bottom: -16px;
}
}
body > #Contents .hht-nc27-3__block3 input[type=radio] {
position: relative;
width: 1px;
height: 1px;
margin-top: -1px;
margin-left: -1px;
opacity: 0.001;
}
body > #Contents .hht-nc27-3__block3 input[type=radio]:checked + label::after {
background: #0C0C0C;
}
body > #Contents .hht-nc27-3__block3 input[type=radio] + label {
position: relative;
display: block;
width: calc(100% - 32px);
padding-left: 32px;
margin-top: 16px;
font-weight: normal;
cursor: pointer;
}
@media screen and (max-width: 767px) {
body > #Contents .hht-nc27-3__block3 input[type=radio] + label {
font-size: 14px;
line-height: 1.714;
}
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc27-3__block3 input[type=radio] + label {
display: inline-block;
width: auto;
margin-top: 16px;
margin-right: 64px;
}
}
body > #Contents .hht-nc27-3__block3 input[type=radio] + label::before, body > #Contents .hht-nc27-3__block3 input[type=radio] + label::after {
position: absolute;
top: 50%;
display: block;
cursor: pointer;
content: "";
border-radius: 50%;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
}
body > #Contents .hht-nc27-3__block3 input[type=radio] + label::before {
left: 2px;
width: 18px;
height: 18px;
background: #fff;
border: 1px solid #b3b3b3;
}
body > #Contents .hht-nc27-3__block3 input[type=radio] + label::after {
left: 7px;
width: 10px;
height: 10px;
background: #0C0C0C;
transition: all 0.2s ease;
}
body > #Contents .hht-nc27-3__block4 {
padding: 1px 0;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc27-3__block4 {
display: block;
grid-area: hht-nc27-3__block4;
grid-row: 1;
grid-column: 2;
margin-top: 0;
}
}
body > #Contents .hht-nc27-3__block4 input[type=submit] {
display: block;
width: 100%;
height: 100%;
font-size: 16px;
font-weight: bold;
line-height: 1;
color: #fff;
text-align: center;
letter-spacing: 0.04em;
-webkit-appearance: none;
appearance: none;
background-color: #0C0C0C;
border: none;
border-radius: 0;
box-shadow: none;
transition: background-color 0.25s ease;
}
body > #Contents .hht-nc27-3__block4 input[type=submit]:hover {
background: #0d0d0d;
}
.hht-nc27-4, 
.hht-nc27-4-1,
 
.hht-nc27-4-2,

 .hht-nc27-4-3 {
width: 100%;
max-width: 1275px;
}
@media screen and (min-width: 768px) {
.hht-nc27-4, 

.hht-nc27-4-1,
 
.hht-nc27-4-2,

 .hht-nc27-4-3 {
margin: 40px auto;
}
}
.hht-nc27-4 a, 
.hht-nc27-4-1 a, 
.hht-nc27-4-2 a,
 
.hht-nc27-4-3 a {
position: relative;
display: block;
width: 100%;
}
.hht-nc27-4 a picture, 
.hht-nc27-4-1 a picture, 
.hht-nc27-4-2 a picture,
 
.hht-nc27-4-3 a picture {
position: relative;
display: block;
width: 100%;
height: auto;
padding: 0;
overflow: hidden;
background: #fff;
}
.hht-nc27-4 a picture img, 
.hht-nc27-4-1 a picture img, 
.hht-nc27-4-2 a picture img,
 
.hht-nc27-4-3 a picture img {
width: 100%;
max-width: 100%;
height: auto;
object-fit: scale-down;
object-position: center center;
transition: -webkit-transform 0.25s ease;
transition: transform 0.25s ease;
transition: transform 0.25s ease, -webkit-transform 0.25s ease;
}
.hht-nc27-4 a:hover picture img, 
.hht-nc27-4-1 a:hover picture img, 
.hht-nc27-4-2 a:hover picture img,
 
.hht-nc27-4-3 a:hover picture img {
-webkit-transform: scale(1.12);
transform: scale(1.12);
}
.hht-nc27-4-1__block1, 
.hht-nc27-4-2__block1,
 
.hht-nc27-4-3__block1 {
display: flex;
flex: 0 1 auto;
flex-flow: row wrap;
justify-content: center;
}
.hht-nc27-4-1__block2, 
.hht-nc27-4-2__block2,
 
.hht-nc27-4-3__block2 {
position: relative;
width: 100%;
padding: 0;
margin: 0;
overflow: hidden;
}
.hht-nc27-4-1__block3, 
.hht-nc27-4-2__block3,
 
.hht-nc27-4-3__block3 {
position: absolute;
z-index: 1;
width: 100%;
max-width: 100%;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
.hht-nc27-4__text1, 
.hht-nc27-4-1__text1, 
.hht-nc27-4-2__text1,
 
.hht-nc27-4-3__text1 {
font-weight: bold;
line-height: 1.333;
word-break: break-word;
background: rgba(255, 255, 255, 0.6);
}
body > #Contents a .hht-nc27-4__text1, 
body > #Contents a .hht-nc27-4-1__text1, 
body > #Contents a .hht-nc27-4-2__text1, 
body > #Contents a .hht-nc27-4-3__text1, 
body > #Contents a .hht-nc27-4-2__text2 {
color: #0C0C0C;
}
.hht-nc27-4 {
margin: 16px auto;
overflow: hidden;
}
@media screen and (min-width: 768px) {
.hht-nc27-4 {
max-width: 300px;
}
}
.hht-nc27-4 a img {
aspect-ratio: 1/0.666;
}
.hht-nc27-4__block1 {
position: absolute;
top: 50%;
left: 50%;
z-index: 1;
width: 100%;
max-width: 100%;
padding: 4.266vw;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
@media screen and (min-width: 768px) {
.hht-nc27-4__block1 {
padding: 32px;
}
}
.hht-nc27-4__text1, 
.hht-nc27-4-1__text1 {
display: inline;
font-size: 8.533vw;
text-align: center;
}
@media screen and (min-width: 768px) {
.hht-nc27-4__text1, 

.hht-nc27-4-1__text1 {
font-size: 24px;
}
}
.hht-nc27-4-1 + .hht-nc27-4-1 {
margin-top: 16px;
}
@media screen and (min-width: 768px) {


.hht-nc27-4-1 + .hht-nc27-4-1 {
margin-top: min(1.96vw - 40px, -15px);
}
}
.hht-nc27-4-1 a {
width: 100%;
}
.hht-nc27-4-1 a img {
aspect-ratio: 1/0.666;
}
.hht-nc27-4-1__block1 {
gap: 16px;
}
@media screen and (min-width: 768px) {


.hht-nc27-4-1__block1 {
gap: min(1.96vw, 25px) 1.96%;
}
}
@media screen and (min-width: 768px) {


.hht-nc27-4-1__block2 {
width: 23.529%;
}
}
.hht-nc27-4-1__block3 {
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
@media screen and (min-width: 768px) {


.hht-nc27-4-1__block3 {
padding: 32px;
}
}
@media screen and (min-width: 768px) and (max-width: 1275px) {


.hht-nc27-4-1__block3 {
padding: 1.725vw;
}
}
@media screen and (min-width: 768px) and (max-width: 1275px) {


.hht-nc27-4-1__text1 {
font-size: 1.882vw;
}
}
.hht-nc27-4-2 {
overflow: hidden;
}
.hht-nc27-4-2 a img {
aspect-ratio: 1/0.32;
}
.hht-nc27-4-2__block1 {
gap: 6px;
}
@media screen and (min-width: 768px) {

.hht-nc27-4-2__block1 {
gap: 12.5px;
}
}
@media screen and (min-width: 768px) {

.hht-nc27-4-2__block2 {
flex: 1 0 calc(50% - 25px);
width: calc(50% - 25px);
max-width: 50%;
}
}
.hht-nc27-4-2__block3 {
top: 0%;
left: 0%;
}
@media screen and (min-width: 768px) {

.hht-nc27-4-2__block3 {
padding: 32px;
}
}
@media screen and (min-width: 768px) and (max-width: 1275px) {

.hht-nc27-4-2__block3 {
padding: 2.352vw;
}
}
.hht-nc27-4-2__text1 {
display: table-caption;
font-size: 6.4vw;
word-break: break-word;
white-space: nowrap;
}
@media screen and (min-width: 768px) {

.hht-nc27-4-2__text1 {
font-size: 42px;
}
}
@media screen and (min-width: 768px) and (max-width: 1275px) {

.hht-nc27-4-2__text1 {
font-size: 3.294vw;
}
}
.hht-nc27-4-2__text2 {
display: inline;
font-size: 3.866vw;
background: rgba(255, 255, 255, 0.6);
}
@media screen and (min-width: 768px) {

.hht-nc27-4-2__text2 {
font-size: 24px;
}
}
@media screen and (min-width: 768px) and (max-width: 1275px) {

.hht-nc27-4-2__text2 {
font-size: 1.882vw;
}
}
.hht-nc27-4-3 {
margin-top: 8px;
margin-bottom: 8px;
overflow: hidden;
}
.hht-nc27-4-3 a picture img {
aspect-ratio: 1/0.156;
}
.hht-nc27-4-3__block1 {
gap: 6px;
}
@media screen and (min-width: 768px) {

.hht-nc27-4-3__block1 {
gap: 12.5px;
}
}
.hht-nc27-4-3__block2 {
padding: 0 8px;
margin: 0 8px;
}
@media screen and (min-width: 768px) {

.hht-nc27-4-3__block2 {
flex: 1 0 100%;
width: 100%;
max-width: 100%;
padding: 0 12.5px;
margin: 0 12.5px;
}
}
.hht-nc27-4-3__block3 {
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
@media screen and (min-width: 768px) {

.hht-nc27-4-3__block3 {
padding: 60px;
}
}
@media screen and (min-width: 768px) and (max-width: 1275px) {

.hht-nc27-4-3__block3 {
padding: 4.549vw;
}
}
.hht-nc27-4-3__text1 {
display: inline;
font-size: 3.2vw;
}
@media screen and (min-width: 768px) {

.hht-nc27-4-3__text1 {
font-size: 42px;
}
}
@media screen and (min-width: 768px) and (max-width: 1275px) {

.hht-nc27-4-3__text1 {
font-size: 3.294vw;
}
}
body > #Contents .hht-nc27-5 {
max-width: 1275px;
margin: 24px auto;
}
body > #Contents .hht-nc27-5 [role=tab] {
display: block;
flex: 0 1 auto;
font-size: 14px;
font-weight: bold;
line-height: 2.285;
color: #0C0C0C;
text-align: center;
cursor: pointer;
border-bottom: 8px solid rgba(177, 0, 14, 0);
transition: color 0.25s ease, border 0.25s ease;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc27-5 [role=tab] {
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 18px;
line-height: 1.888;
}
}
body > #Contents .hht-nc27-5 [role=tab]:hover {
color: #CC0000;
}
body > #Contents .hht-nc27-5 [role=tab][aria-selected=true] {
border-bottom-color: #CC0000;
}
body > #Contents .hht-nc27-5 [role=tab] a, body > #Contents .hht-nc27-5 [role=tab] span {
display: block;
width: 100%;
padding: 16px;
color: #0C0C0C;
}
body > #Contents .hht-nc27-5 [role=tab] a:hover, body > #Contents .hht-nc27-5 [role=tab] span:hover {
color: #CC0000;
text-decoration: none;
}
body > #Contents .hht-nc27-5 [role=tabpanel] {
display: none;
margin-bottom: 24px;
}
body > #Contents .hht-nc27-5 [role=tabpanel][aria-hidden=false] {
display: block;
}
body > #Contents .hht-nc27-5 .hht-nc27-5__block1 {
position: relative;
margin-bottom: 24px;
border-bottom: 1px solid #e1e1e1;
}
body > #Contents .hht-nc27-5 .hht-nc27-5__block1::after {
position: absolute;
top: 0;
right: 0;
z-index: 1;
display: block;
width: 81px;
height: 100%;
content: "";
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #fff 100%);
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc27-5 .hht-nc27-5__block1::after {
display: block;
width: 81px;
min-width: 81px;
content: "";
}
}
body > #Contents .hht-nc27-5 .hht-nc27-5__block2 {
overflow: scroll hidden;
-webkit-overflow-scrolling: touch;
white-space: nowrap;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc27-5 .hht-nc27-5__block2 {
overflow-x: auto;
}
}
body > #Contents .hht-nc27-5 .hht-nc27-5__list1 {
display: flex;
padding-left: 0;
list-style-type: none;
}
body > #Contents .hht-nc27-5 .hht-nc27-5__list1::after {
display: block;
width: 81px;
min-width: 81px;
content: "";
}
body > #Contents .hht-event-section .hht-nc27-5 .hht-nc27-5__block1 {
border-bottom: unset;
}
body > #Contents .hht-nc27-6 {
position: relative;
height: 32px;
margin-top: 32px;
overflow: hidden;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc27-6 {
height: 45px;
margin-top: 60px;
}
}
body > #Contents .hht-nc27-6::before {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
content: "";
box-shadow: 0 28px 28px rgba(160, 160, 160, 0.08);
-webkit-transform: translate(0, -100%);
transform: translate(0, -100%);
}
body > #Contents .hht-nc27-6 hr {
display: none;
}
body > #Contents .hht-nc27-7 {
max-width: 1275px;
padding: 24px 0;
margin: auto;
}
body > #Contents .hht-nc27-7__block1, body > #Contents .hht-nc27-7__block2, body > #Contents .hht-nc27-7__block3 {
margin: 16px auto;
}
body > #Contents .hht-nc27-10 {
max-width: 1275px;
margin: 8px auto;
}
body > #Contents .hht-nc27-10 .select2-container .select2-selection--single {
padding: 8px 38px 8px 44px;
background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22https%3A%2F%2Fsiteproxy.ruqli.workers.dev%3A443%2Fhttp%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20transform%3D%22translate(-703%20-400)%22%3E%3Cpath%20d%3D%22M0%2C0H24V24H0Z%22%20transform%3D%22translate(703%20400)%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M21.077%2C17.037a8.821%2C8.821%2C0%2C0%2C0%2C.953-4.009h0a8.887%2C8.887%2C0%2C0%2C0-.977-4.06l.023.05a.762.762%2C0%2C0%2C0-.041-.086l0%2C0a9.017%2C9.017%2C0%2C0%2C0-8.007-4.912h0c-.043%2C0-.084.005-.126.006-.024%2C0-.047-.006-.07-.006a2.373%2C2.373%2C0%2C0%2C0-.262.025l.014%2C0A9.009%2C9.009%2C0%2C0%2C0%2C5.039%2C8.9l-.023.05C5.007%2C8.968%2C5%2C8.985%2C4.989%2C9a8.818%2C8.818%2C0%2C0%2C0-.959%2C4.018h0a8.883%2C8.883%2C0%2C0%2C0%2C.983%2C4.069l-.023-.05c.007.02.017.035.025.053A9.015%2C9.015%2C0%2C0%2C0%2C12.562%2C22h.022c.083.007.165.022.249.022.024%2C0%2C.047-.005.07-.006.042%2C0%2C.083.006.126.006a9%2C9%2C0%2C0%2C0%2C7.985-4.862l.023-.05a.654.654%2C0%2C0%2C0%2C.036-.069l0-.005ZM6.04%2C9.92H8.275A15.476%2C15.476%2C0%2C0%2C0%2C8%2C12.321v.03H5.41a7.546%2C7.546%2C0%2C0%2C1%2C.652-2.475l-.02.047Zm14.6%2C2.431H17.659a16.389%2C16.389%2C0%2C0%2C0-.29-2.534l.017.1h2.628a7.392%2C7.392%2C0%2C0%2C1%2C.63%2C2.4l0%2C.029Zm-4.332%2C0H13.7V9.92h2.313a13.961%2C13.961%2C0%2C0%2C1%2C.3%2C2.406v.028ZM13.7%2C8.573V5.657a5.562%2C5.562%2C0%2C0%2C1%2C1.928%2C2.877l.009.039ZM12.353%2C5.465V8.572H10.02c.583-1.682%2C1.458-2.8%2C2.334-3.1Zm0%2C4.454v2.431H9.346a14.656%2C14.656%2C0%2C0%2C1%2C.318-2.527l-.017.1ZM5.41%2C13.7H8a16.462%2C16.462%2C0%2C0%2C0%2C.29%2C2.533l-.017-.1H6.039a7.433%2C7.433%2C0%2C0%2C1-.626-2.392l0-.029Zm3.94%2C0h3.007v2.43H9.65a13.877%2C13.877%2C0%2C0%2C1-.3-2.392v-.029Zm3.007%2C3.778v3.107c-.877-.306-1.751-1.422-2.333-3.107ZM13.7%2C20.392V17.476h1.939a5.578%2C5.578%2C0%2C0%2C1-1.928%2C2.912L13.7%2C20.4Zm0-4.265v-2.42h2.611A14.63%2C14.63%2C0%2C0%2C1%2C16%2C16.233l.017-.1Zm3.959-2.43h2.985A7.581%2C7.581%2C0%2C0%2C1%2C20%2C16.175l.02-.047H17.39a15.512%2C15.512%2C0%2C0%2C0%2C.273-2.389v-.03ZM19.239%2C8.57H17.062a9.465%2C9.465%2C0%2C0%2C0-1.256-2.695l.021.033a7.73%2C7.73%2C0%2C0%2C1%2C3.4%2C2.644l.016.023ZM9.669%2C6.159A9.579%2C9.579%2C0%2C0%2C0%2C8.621%2C8.5L8.6%2C8.57H6.82A7.74%2C7.74%2C0%2C0%2C1%2C9.625%2C6.184l.044-.02ZM6.818%2C17.475H8.6a9.761%2C9.761%2C0%2C0%2C0%2C1.091%2C2.452l-.024-.041A7.743%2C7.743%2C0%2C0%2C1%2C6.834%2C17.5l-.015-.022Zm9.01%2C2.662a9.367%2C9.367%2C0%2C0%2C0%2C1.217-2.6l.017-.067H19.24a7.736%2C7.736%2C0%2C0%2C1-3.361%2C2.649l-.052.019Z%22%20transform%3D%22translate(701.97%20398.977)%22%20fill%3D%22%238a8a8a%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat 14px 50%;
}
body > #Contents .hht-nc27-10 .select2-container--default .select2-selection--single .select2-selection__rendered {
font-size: 15px;
line-height: 1.866;
}
body > #Contents .hht-nc27-10 .select2-container--default .select2-selection--single .select2-selection__arrow {
right: 14px;
}
body > #Contents .hht-nc27-10__block1 {
display: flex;
justify-content: flex-end;
}
body > #Contents .hht-nc27-10__block2 {
width: 192px;
}
body > #Contents .select2-container--open .select2-dropdown__hht-nc27-10.select2-dropdown--below {
left: -68px;
min-width: 260px !important;
}
body > #Contents .select2-container--open .select2-dropdown__hht-nc27-10.select2-dropdown--above {
left: -68px;
min-width: 260px !important;
}
body > #Contents .select2-container--default .select2-dropdown__hht-nc27-10 .select2-results > .select2-results__options {
max-height: 456px;
padding-top: 8px;
padding-bottom: 8px;
}
body > #Contents .select2-dropdown__hht-nc27-10 .select2-results__option {
padding: 7px 16px 7px 24px;
font-size: 15px;
}
body > #Contents .hht-nc27-11 {
display: none;
}
body > #Contents .hht-nc27-11__block1 {
position: relative;
max-width: 600px;
padding: 72px 24px 24px;
margin: 0 auto;
overflow: hidden;
background: #fff;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.16);
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc27-11__block1 {
padding: 72px 40px 40px;
}
}
body > #Contents .hht-nc27-11__block1::before {
position: absolute;
top: 0;
left: -3px;
z-index: 1;
display: block;
width: 124px;
max-width: 75.609%;
height: 8px;
content: "";
background: #CC0000;
-webkit-transform: skew(-39deg);
transform: skew(-39deg);
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc27-11__block1::before {
width: 39.666%;
max-width: none;
}
}
body > #Contents .hht-nc27-11__block2 {
position: absolute;
top: 10px;
right: 10px;
}
body > #Contents .hht-nc27-11__block2 button {
display: flex;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
padding: 0;
-webkit-appearance: none;
appearance: none;
cursor: pointer;
background: transparent;
border: none;
border-radius: 0;
box-shadow: none;
}
body > #Contents .hht-nc27-11__block2 button > span {
position: absolute !important;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
word-break: normal;
word-wrap: normal !important;
border: 0;
}
body > #Contents .hht-nc27-11__block2 button > span:focus {
z-index: 100000;
display: block;
width: auto;
height: auto;
margin: auto;
clip: auto !important;
-webkit-clip-path: none;
clip-path: none;
}
body > #Contents .hht-nc27-11__block3 {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding-bottom: 20px;
}
body > #Contents .hht-nc27-11__block4 {
display: flex;
align-items: center;
justify-content: space-between;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc27-11__block4 {
justify-content: center;
}
}
body > #Contents .hht-nc27-11__block5 {
padding-top: 24px;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc27-11__block5 {
padding-top: 48px;
}
}
body > #Contents .hht-nc27-11__text1 {
font-size: 18px;
font-weight: bold;
line-height: 1.555;
color: #0C0C0C;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc27-11__text1 {
font-size: 24px;
line-height: 1.583;
}
}
body > #Contents .hht-nc27-11__text2 {
font-size: 14px;
font-weight: normal;
line-height: 1.714;
color: #737373;
}
body > #Contents .hht-nc27-11__button1, body > #Contents .hht-nc27-11__button2 {
display: inline-flex;
align-items: center;
width: calc(50% - 8px);
height: 60px;
padding: 18px 24px 18px 18px;
margin: 8px 0;
font-weight: normal;
color: #fff;
text-decoration: none;
-webkit-appearance: none;
appearance: none;
cursor: pointer;
background-color: #CC0000;
border: none;
border-radius: 0;
transition: background-color 0.25s ease;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc27-11__button1, body > #Contents .hht-nc27-11__button2 {
width: auto;
min-width: 132px;
margin: 16px 20px;
}
}
body > #Contents .hht-nc27-11__button1:hover, body > #Contents .hht-nc27-11__button2:hover {
color: #fff;
text-decoration: none;
background: #CC0000;
}
body > #Contents .hht-nc27-11__button1.modaal-confirm-btn, body > #Contents .hht-nc27-11__button2.modaal-confirm-btn {
display: inline-flex;
margin: 8px 0;
overflow: hidden;
font-weight: normal;
background: #CC0000;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc27-11__button1.modaal-confirm-btn, body > #Contents .hht-nc27-11__button2.modaal-confirm-btn {
margin: 16px 20px;
}
}
body > #Contents .hht-nc27-11__button1.modaal-confirm-btn.modaal-ok, body > #Contents .hht-nc27-11__button1.modaal-confirm-btn.modaal-cancel, body > #Contents .hht-nc27-11__button2.modaal-confirm-btn.modaal-ok, body > #Contents .hht-nc27-11__button2.modaal-confirm-btn.modaal-cancel {
color: #fff;
}
body > #Contents .hht-nc27-11__button1.modaal-confirm-btn.modaal-ok, body > #Contents .hht-nc27-11__button2.modaal-confirm-btn.modaal-ok {
padding: 18px 24px 18px 18px;
background-color: #CC0000;
border-radius: 0;
transition: background-color 0.25s ease;
}
body > #Contents .hht-nc27-11__button1.modaal-confirm-btn.modaal-ok:hover, body > #Contents .hht-nc27-11__button2.modaal-confirm-btn.modaal-ok:hover {
background: #CC0000;
}
body > #Contents .hht-nc27-11__button1.modaal-confirm-btn.modaal-cancel, body > #Contents .hht-nc27-11__button2.modaal-confirm-btn.modaal-cancel {
text-decoration: none;
}
body > #Contents .hht-nc27-11__button1.modaal-confirm-btn.modaal-cancel:hover, body > #Contents .hht-nc27-11__button2.modaal-confirm-btn.modaal-cancel:hover {
color: #fff;
}
body > #Contents .hht-nc27-11-toggle {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
word-break: normal;
word-wrap: normal;
border: 0;
}
body > #Contents .hht-nc27-12 {
max-width: 1275px;
margin: 8px auto;
}
body > #Contents .hht-nc27-12__block1 {
display: flex;
justify-content: flex-end;
}
body > #Contents .hht-nc27-12__list1 {
display: flex;
flex-wrap: wrap;
padding-right: 1px;
padding-left: 0;
list-style-type: none;
}
body > #Contents .hht-nc27-12__list1 > li {
position: relative;
width: 92px;
height: 28px;
margin-left: 10px;
}
body > #Contents .hht-nc27-12__list1 > li > div {
position: absolute;
top: 50%;
left: 50%;
display: block;
width: 100%;
height: 100%;
overflow: hidden;
border-radius: 3px;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
body > #Contents .hht-nc27-12__list1 > li > div .twitter-share-button, body > #Contents .hht-nc27-12__list1 > li > div .twitter-tweet-button {
background-color: transparent;
}
body > #Contents .hht-nc27-12__list1 > li > div .twitter-share-button:hover, body > #Contents .hht-nc27-12__list1 > li > div .twitter-tweet-button:hover {
background-color: transparent;
}
body > #Contents .hht-nc27-13 {
max-width: 1275px;
margin: 18px auto 16px;
}
body > #Contents .hht-nc27-13__block1 {
position: relative;
padding: 24px;
background: #f9f9f9;
}
body > #Contents .hht-nc27-13__block1::before {
position: absolute;
top: -17px;
left: 68px;
display: block;
width: 0;
height: 0;
content: "";
border-color: transparent transparent #f9f9f9;
border-style: solid;
border-width: 0 22px 18px;
}
body > #Contents .hht-nc27-13__list1 {
display: flex;
flex-wrap: wrap;
padding-left: 0;
list-style-type: none;
}
body > #Contents .hht-nc27-13__list1 > li {
width: 100%;
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc27-13__list1 > li {
width: 50%;
}
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc27-13__list1 > li:nth-child(odd) {
padding-right: 8px;
}
}
@media screen and (min-width: 768px) {
body > #Contents .hht-nc27-13__list1 > li:nth-child(2n) {
padding-left: 8px;
}
}
body > #Contents .hht-nc27-13__list1 .hht-nc27-13__link1 {
display: inline-flex;
align-items: center;
width: 100%;
}
body > #Contents .hht-nc27-13__list1 .hht-nc27-13__link1:active, body > #Contents .hht-nc27-13__list1 .hht-nc27-13__link1:link, body > #Contents .hht-nc27-13__list1 .hht-nc27-13__link1:visited {
color: #0C0C0C;
}
body > #Contents .hht-nc27-13__list1 .hht-nc27-13__link1::after {
background-color: #0C0C0C;
-webkit-mask-size: 14px 14px;
mask-size: 14px 14px;
}
body > #Contents .hht-nc27-13__list1 .hht-nc27-13__link1:hover {
color: #0C0C0C;
}
body > #Contents .hht-nc27-13__list1 .hht-nc27-13__link1:hover::after {
background-color: #0C0C0C;
}
body > #Contents .hht-nc27-13__list1 .hht-nc27-13__link1 > span {
text-decoration: none;
}
body > #Contents .hht-nc27-13__list1 .hht-nc27-13__link1 > picture {
display: block;
flex-shrink: 0;
margin-right: 14px;
}
body > #Contents .hht-nc27-13__list1 .hht-nc27-13__link1 > picture img {
display: block;
height: auto;
}
body > #Contents .hht-wrap .hht-nc2-1-1__text1 svg {
display: none;
}
body > #Contents .hht-wrap .hht-nc2-2-1-1__text1 svg {
display: none;
}
body > #Contents .hht-wrap .hht-nc2-3-1-1__text1 svg {
display: none;
}
body > #Contents .hht-wrap .hht-nc2-5-1-1__text1 svg {
display: none;
}
body > #Contents .hht-wrap .hht-nc5-1-2-4 button {
display: none;
}
body > #Contents .hht-wrap .hht-nc10-1-1 svg {
display: none;
}
body > #Contents .hht-wrap .hht-nc10-1-1 .hht-nc10-1-1__text1 {
padding: 0;
}
body > #Contents .hht-wrap .hht-button-4 svg {
display: none;
}
body > #Contents .hht-wrap .hht-button-5 svg {
display: none;
}
body > #Contents .hht-wrap .hht-button-6 svg {
display: none;
}
body > #Contents .hht-wrap .hht-button-7 svg {
display: none;
}
body > #Contents .hht-wrap .hht-nc12-7-4__list1 svg {
display: none;
}
body > #Contents .hht-wrap .hht-nc16-4-2-1-1__text1 svg {
display: none;
}
body > #Contents .hht-wrap .hht-nc20-3__block1 svg {
display: none;
}
body > #Contents .hht-wrap .hht-nc20-4__block1 svg {
display: none;
}
body > #Contents .hht-wrap .hht-nc21-1 svg {
display: none;
}
body > #Contents .hht-wrap .hht-nc22-1-1-1__text4 svg {
display: none;
}
body > #Contents .hht-wrap .hht-nc22-1-1-1__text5 svg {
display: none;
}
body > #Contents .hht-wrap .hht-nc23-6-1__text1 svg {
display: none;
}
body > #Contents .hht-wrap .hht-spotlight-section h2 {
margin-bottom: 25px;
}
.hht-nc4-1-1 p:first-child {
font-weight: bold;
font-size: 18px;
letter-spacing: 0.08em;
line-height: 1.5833333333;
color: #0C0C0C
}
.hht-nc4-1-1 p:first-child strong {
font-weight: bold;
color: inherit
}
.hht-nc4-1-1 p:first-child sup {
top: -0.25em;
margin: 0 0.25em 0 0;
font-weight: inherit;
vertical-align: super;
font-size: 10px;
letter-spacing: 0;
color: inherit
}
.hht-nc4-1-1 p:first-child sub {
bottom: 0.25em;
margin: 0 0.25em 0 0;
font-weight: inherit;
vertical-align: sub;
font-size: 10px;
letter-spacing: 0;
color: inherit
}
.hht-nc4-1-1 p:first-child em {
font-style: italic;
color: inherit
}
.hht-nc4-1-1 p:nth-child(2) {
position: relative;
margin-top: 8px;
font-weight: bold;
font-size: 16px;
letter-spacing: 0.08em;
line-height: 1.7777777778;
color: #737373
}
.hht-nc4-1-1 p:nth-child(2):before {
content: "";
display: block;
width: 64px;
height: 2px;
margin: 16px 0 12px 0;
background: #CC0000
}
.hht-nc4-1-1 p:nth-child(2) strong {
font-weight: bold;
color: inherit
}
.hht-nc4-1-1 p:nth-child(2) sup {
top: auto;
margin: 0 0.25em 0 0;
font-weight: inherit;
vertical-align: super;
font-size: 10px;
letter-spacing: 0;
color: inherit
}
.hht-nc4-1-1 p:nth-child(2) sub {
bottom: 0.25em;
margin: 0 0.25em 0 0;
font-weight: inherit;
vertical-align: sub;
font-size: 10px;
letter-spacing: 0;
color: inherit
}
.hht-nc4-1-1 p:nth-child(2) em {
font-style: italic;
color: inherit
}
@media (min-width: 768px) {
.hht-nc4-1-1 p:first-child {
font-size: 24px
}
.hht-nc4-1-1 p:nth-child(2) {
padding: 0 0 0 80px;
font-size: 18px
}
.hht-nc4-1-1 p:nth-child(2):before {
position: absolute;
top: 16px;
left: 0;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
margin: 0
}
}
body .hht-nc22-4__block1 h2 {
font-weight: bold;
font-size: 14px;
letter-spacing: 0.08em;
line-height: 1.7142857143;
color: #0C0C0C
}
@media (min-width: 768px) {
body .hht-nc22-4__block1 h2 {
font-size: 16px;
line-height: 1.75
}
}
body .hht-nc22-4__block1 h2 strong, body .hht-nc22-4__block1 h2 strong {
font-weight: bold;
color: inherit
}
body .hht-nc22-4__block1 h2 sup, body .hht-nc22-4__block1 h2 sup {
top: auto;
margin: 0 0.25em 0 0;
font-weight: inherit;
vertical-align: super;
font-size: 10px;
letter-spacing: 0;
color: inherit
}
body .hht-nc22-4__block1 h2 sub, body .hht-nc22-4__block1 h2 sub {
bottom: 0.25em;
margin: 0 0.25em 0 0;
font-weight: inherit;
vertical-align: sub;
font-size: 10px;
letter-spacing: 0;
color: inherit
}
body .hht-nc22-4__block1 h2 em, body .hht-nc22-4__block1 h2 em {
font-style: italic;
color: inherit
}
body > #Contents .hht-nc1-1-1 h1 strong {
font-weight: bold;
color: inherit
}
body > #Contents .hht-nc1-1-1 h1 sup {
margin: 0 0.25em 0 0;
font-weight: inherit;
vertical-align: super;
font-size: 12px;
letter-spacing: 0;
color: inherit
}
body > #Contents .hht-nc1-1-1 h1 sub {
bottom: 0.5em;
margin: 0 0.25em 0 0;
font-weight: inherit;
vertical-align: sub;
font-size: 12px;
letter-spacing: 0;
color: inherit
}
body > #Contents .hht-nc1-1-1 h1 em {
font-style: italic;
color: inherit
}
body > #Contents .hht-nc1-1-1 h1 span {
display: block
}
body > #Contents .hht-nc8-2-1 li sup {
top: auto;
margin: 0 0.25em 0 0;
font-weight: inherit;
vertical-align: super;
font-size: 10px;
letter-spacing: 0;
color: inherit
}
body > #Contents .hht-nc8-2-1 li sub {
bottom: 0.25em;
margin: 0 0.25em 0 0;
font-weight: inherit;
vertical-align: sub;
font-size: 10px;
letter-spacing: 0;
color: inherit
}
body > #Contents .hht-nc8-2-1 li em {
font-style: italic;
color: inherit
}
@media (min-width: 768px) {
body > #Contents .hht-nc23-3__block2 picture img, body > .where-not .hht-nc23-3__block2 picture img {
width: auto;
max-height: 100%;
}
}
body > #Contents .ButtonStyle1 a strong, body > #Contents .ButtonStyle2 a strong {
color: #fff;
}