@charset "UTF-8";
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
html, body, div, span, iframe,
h1, h2, h3, h4, h5, h6, p, a,
dl, dt, dd, ol, ul, li,
table, tbody, tfoot, tr, th, td,
article, aside, canvas,
footer, header, nav, section,
audio, video {
box-sizing: border-box;
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: baseline;
}
ul,
ol {
margin: 0;
padding: 0;
list-style: none;
}
/* HTML5 */
article,
aside,
header,
footer,
main,
nav,
section {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
a:active,
a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #000;
margin: 1em 0;
padding: 0;
}
input, select {
vertical-align: middle;
}
img {
max-width: 100%;
vertical-align: bottom;
}
/* ------------------------ */
body {
font-family: 'Noto Sans JP', sans-serif;
color: #25201e;
}
a {
color: inherit;
text-decoration: none;
}
.header-block {
position: relative;
z-index: 15;
width: 100%;
background: #b33156;
}
.header-block::before {
content: "";
position: absolute;
bottom: 20px;
width: 100%;
height: 1px;
background: #fff;
}
.header-block > img {
display: block;
margin: 0 auto;
}
main section {
margin: 0 auto;
}
.page-title {
position: relative;
display: flex;
align-items: baseline;
margin-bottom: 80px;
font-size: 18px;
}
.page-title::after {
content: "";
position: absolute;
bottom: -1px;
display: block;
width: calc(100% - 24px);
left: 24px;
border-bottom: 1px solid #b33156;
}
.page-title .en {
position: relative;
display: block;
padding-right: 70px;
color: #b33156;
font-size: 34px;
font-weight: bold;
font-family: 'Marvel', sans-serif;
letter-spacing: 10px;
line-height: 1;
}
.page-title .en::before {
content: "";
position: absolute;
right: 35px;
bottom: 0;
display: block;
width: 10px;
height: 10px;
transform: rotate(45deg);
background: #b33156;
}
.page-title .en span {
display: inline-block;
font-size: 60px;
transform: translateY(9px);
}
.page-title .jp {
font-weight: normal;
letter-spacing: 6px;
}
.section-title {
display: flex;
align-items: center;
height: 50px;
padding-left: 30px;
color: #fff;
font-weight: normal;
background: #b33156;
}
.link-button {
width: 96px;
margin: 0 auto 70px;
color: #b33156;
font-size: 22px;
font-weight: 600;
font-family: 'Marvel', sans-serif;
letter-spacing: 2px;
}
.link-button a {
position: relative;
display: flex;
align-items: center;
height: 30px;
padding-left: 45px;
}
.link-button a::before {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
display: block;
width: 28px;
height: 28px;
margin: auto;
border: 1px solid #b33156;
transition: all 0.3s ease;
}
.link-button a:hover::before {
background: #b33156;
}
.link-button a::after {
content: "";
position: absolute;
top: 0;
left: 18px;
bottom: 0;
display: block;
width: 20px;
height: 1px;
margin: auto;
background: #b33156;
transition: all 0.3s ease;
}
.link-button a:hover::after {
left: 0;
}
.footer-banner {
display: flex;
flex-wrap: wrap;
margin-top: 100px;
padding: 60px 0;
background: #f8f7f7;
}
.footer-banner li {
padding: 0 20px;
}
.footer-block {
margin: 0 auto;
position: relative;
padding-top: 60px;
border-top: 1px solid #b33156;
}
.footer-logo {
margin-bottom: 35px;
text-align: center;
}
.footer-logo img {
width: 115px;
}
.footer-list {
display: flex;
align-items: center;
justify-content: center;
}
.footer-list li {
padding: 0 24px;
font-size: 14px;
letter-spacing: 1px;
}
.footer-list li + li {
border-left: 1px solid #000;
}
.footer-list a {
color: inherit;
text-decoration: none;
}
.copyright {
margin-bottom: 60px;
font-size: 12px;
letter-spacing: 1px;
text-align: center;
}
.js_gotop {
right: 0;
z-index: 10;
}
/* slick */
.slick-next {
right: 30%;
}
.slick-next:before {
content: "";
display: block;
width: 20px;
height: 20px;
margin-top: -50%;
margin-right: -50%;
border-top: 3px solid #000;
border-right: 3px solid #000;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.slick-prev {
left: 30%;
z-index: 5;
}
.slick-prev:before {
content: "";
display: block;
width: 20px;
height: 20px;
margin-top: -50%;
margin-left: -50%;
border-top: 3px solid #000;
border-left: 3px solid #000;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.slick-slide img {
margin: 0 auto;
}
/* table start */
.table {
font-size: 10px;
width: 100%;
}
.table tr {
border-bottom: 1px solid #aba9a8;
}
.table th {
width: 36%;
padding: 8px 15px;
font-weight: normal;
}
.table td {
padding: 8px 3px;
}
/* table end */
/* news-list start */
.news-list {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.news-list::after {
content: "";
display: block;
width: 300px;
height: 0;
}
.news-list li {
position: relative;
}
.news-list .img-box {
overflow: hidden;
text-align: center;
}
.news-list .img-box img {
transition: 0.6s;
object-fit: contain;
object-position: center;
height: 29.4vw;
}
.news-list a:hover .img-box img {
transform: scale(1.1);
}
.news-list .new {
position: absolute;
top: -10px;
left: -10px;
z-index: 5;
width: 50px;
}
.news-list .info {
color: #908480;
}
/* news-list end */
/* responsive */
@media screen and (max-width: 1100px) and (min-width: 601px) {
body .js_gotop {
left: calc(100% - 50px);
right: inherit;
}
body .js_gotop.fixed {
position: fixed !important;
transform: translateY(-60px);
}
}
@media screen and (min-width: 601px) {
.sp_only {
display: none !important;
}
header {
position: relative;
z-index: 15;
height: 80px;
}
.header-block {
position: fixed;
top: 0;
min-width: 1100px;
padding-bottom: 20px;
}
.header-nav {
display: flex;
align-items: center;
width: 1100px;
height: 60px;
margin: 0 auto;
}
.header-nav a:hover span {
opacity: 0.7;
}
.header-logo {
display: block;
width: 105px;
margin: auto 20px auto 0;
}
.header-nav-list {
display: flex;
}
.header-nav-list li {
position: relative;
height: 60px;
padding: 25px 26px 0 17px;
text-align: center;
line-height: 1;
}
.header-nav-list li a::before {
content: "";
position: absolute;
left: 20px;
bottom: 0;
width: 30px;
height: 30px;
background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2028.46%2027.24%22%3E%3Cdefs%3E%3Cstyle%3E.a%2C.e%7Bfill%3Anone%3B%7D.b%2C.e%7Bstroke%3A%23fff%3B%7D.b%7Bstroke-miterlimit%3A10%3B%7D.c%7Bclip-path%3Aurl(%23a)%3B%7D.d%7Bfill%3A%23b33156%3Bstroke%3A%23b33156%3B%7D.d%2C.e%7Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3B%7D%3C%2Fstyle%3E%3CclipPath%20id%3D%22a%22%3E%3Crect%20class%3D%22a%22%20x%3D%22-6.94%22%20y%3D%22-3.62%22%20width%3D%2242.74%22%20height%3D%2234.79%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Crect%20class%3D%22b%22%20x%3D%22-450.4%22%20y%3D%22-189.03%22%20width%3D%221232.9%22%20height%3D%22480.7%22%2F%3E%3Cg%20class%3D%22c%22%3E%3Crect%20class%3D%22d%22%20x%3D%22-6.94%22%20y%3D%22-3.62%22%20width%3D%2242.74%22%20height%3D%2234.79%22%2F%3E%3Cpath%20class%3D%22e%22%20d%3D%22M4%2C13.05H4A3.43%2C3.43%2C0%2C0%2C1%2C.55%2C9.62V6.2H7.4V9.62A3.44%2C3.44%2C0%2C0%2C1%2C4%2C13.05Z%22%2F%3E%3Cpath%20class%3D%22e%22%20d%3D%22M7.4%2C6.2h6.85a0%2C0%2C0%2C0%2C1%2C0%2C0V9.62A3.43%2C3.43%2C0%2C0%2C1%2C10.82%2C13h0A3.43%2C3.43%2C0%2C0%2C1%2C7.4%2C9.62V6.2A0%2C0%2C0%2C0%2C1%2C7.4%2C6.2Z%22%2F%3E%3Cpath%20class%3D%22e%22%20d%3D%22M17.67%2C13.05h0a3.43%2C3.43%2C0%2C0%2C1-3.42-3.43V6.2H21.1V9.62A3.43%2C3.43%2C0%2C0%2C1%2C17.67%2C13.05Z%22%2F%3E%3Cpath%20class%3D%22e%22%20d%3D%22M24.53%2C13.05h0A3.43%2C3.43%2C0%2C0%2C1%2C21.1%2C9.62V6.2H28V9.62A3.43%2C3.43%2C0%2C0%2C1%2C24.53%2C13.05Z%22%2F%3E%3Cpolyline%20class%3D%22e%22%20points%3D%220.55%206.03%203.37%200.54%2025.13%200.54%2027.95%206.03%22%2F%3E%3Cpolyline%20class%3D%22e%22%20points%3D%2226.2%2012.71%2026.2%2026.72%2043.26%2026.72%22%2F%3E%3Cpolyline%20class%3D%22e%22%20points%3D%222.3%2012.7%202.3%2026.72%20-9.93%2026.72%22%2F%3E%3Cpath%20class%3D%22e%22%20d%3D%22M18.21%2C26.72H10.28v-4.9a4%2C4%2C0%2C0%2C1%2C4-4h0a4%2C4%2C0%2C0%2C1%2C4%2C4Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') 0 bottom/contain no-repeat;
}
.header-nav-list li:nth-child(2) a::before {
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020.08%2027.22%22%3E%3Cdefs%3E%3Cstyle%3E.a%2C.e%7Bfill%3Anone%3B%7D.b%2C.e%7Bstroke%3A%23fff%3B%7D.b%7Bstroke-miterlimit%3A10%3B%7D.c%7Bclip-path%3Aurl(%23a)%3B%7D.d%7Bfill%3A%23b33156%3Bstroke%3A%23b33156%3B%7D.d%2C.e%7Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3B%7D%3C%2Fstyle%3E%3CclipPath%20id%3D%22a%22%3E%3Crect%20class%3D%22a%22%20x%3D%22-13.04%22%20y%3D%22-2.78%22%20width%3D%2242.2%22%20height%3D%2233.17%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Crect%20class%3D%22b%22%20x%3D%22-529.99%22%20y%3D%22-189.04%22%20width%3D%221232.9%22%20height%3D%22480.7%22%2F%3E%3Cg%20class%3D%22c%22%3E%3Crect%20class%3D%22d%22%20x%3D%22-13.04%22%20y%3D%22-2.88%22%20width%3D%2242.2%22%20height%3D%2233.17%22%2F%3E%3Cpolygon%20class%3D%22e%22%20points%3D%227.14%200.52%207.14%207.39%200.57%207.36%207.14%200.52%22%2F%3E%3Cline%20class%3D%22e%22%20x1%3D%223.85%22%20y1%3D%2212.79%22%20x2%3D%2216.27%22%20y2%3D%2212.79%22%2F%3E%3Cline%20class%3D%22e%22%20x1%3D%223.85%22%20y1%3D%2216.56%22%20x2%3D%2216.27%22%20y2%3D%2216.56%22%2F%3E%3Cline%20class%3D%22e%22%20x1%3D%223.85%22%20y1%3D%2220.32%22%20x2%3D%2210.89%22%20y2%3D%2220.32%22%2F%3E%3Cpolyline%20class%3D%22e%22%20points%3D%22-15.28%2026.69%200.57%2026.69%200.57%207.32%207.14%200.52%2019.55%200.52%2019.55%2026.69%2037.35%2026.69%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}
.header-nav-list li:nth-child(3) a::before {
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2030.05%2027.77%22%3E%3Cdefs%3E%3Cstyle%3E.a%2C.e%7Bfill%3Anone%3B%7D.b%7Bclip-path%3Aurl(%23a)%3B%7D.c%7Bclip-path%3Aurl(%23b)%3B%7D.d%7Bfill%3A%23b33156%3B%7D.e%7Bstroke%3A%23fff%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3B%7D%3C%2Fstyle%3E%3CclipPath%20id%3D%22a%22%3E%3Crect%20class%3D%22a%22%20x%3D%22-5.6%22%20y%3D%22-1.15%22%20width%3D%2252.28%22%20height%3D%2230.54%22%2F%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22b%22%3E%3Crect%20class%3D%22a%22%20x%3D%2223.41%22%20y%3D%2219.49%22%20width%3D%224.55%22%20height%3D%2212.25%22%20transform%3D%22translate(-10.59%2025.67)%20rotate(-45)%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cg%20class%3D%22b%22%3E%3Cg%20class%3D%22c%22%3E%3Crect%20class%3D%22d%22%20x%3D%2224.01%22%20y%3D%2220.39%22%20width%3D%223.73%22%20height%3D%2211.36%22%20transform%3D%22translate(-10.86%2025.93)%20rotate(-45)%22%2F%3E%3Cpolyline%20class%3D%22e%22%20points%3D%22-11.08%2027.22%2024.75%2027.22%2024.83%2027.24%2020.61%2022.94%2023.04%2020.55%2029.16%2026.79%2029.62%2027.22%2054.2%2027.22%22%2F%3E%3C%2Fg%3E%3Cpath%20class%3D%22e%22%20d%3D%22M21%2C4.11a11.42%2C11.42%2C0%2C0%2C1-.06%2C16.16l-.28.27a12.07%2C12.07%2C0%2C0%2C1-16.81-.35A11.42%2C11.42%2C0%2C0%2C1%2C4%2C4l.28-.27A12.07%2C12.07%2C0%2C0%2C1%2C21%2C4.11Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}
.header-nav-list li:nth-child(4) a::before {
width: 41px;
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2037.38%2026.96%22%3E%3Cdefs%3E%3Cstyle%3E.a%2C.e%7Bfill%3Anone%3B%7D.b%2C.e%7Bstroke%3A%23fff%3B%7D.b%7Bstroke-miterlimit%3A10%3B%7D.c%7Bclip-path%3Aurl(%23a)%3B%7D.d%7Bfill%3A%23b33156%3Bstroke%3A%23b33156%3B%7D.d%2C.e%7Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3B%7D%3C%2Fstyle%3E%3CclipPath%20id%3D%22a%22%3E%3Crect%20class%3D%22a%22%20x%3D%22-10.85%22%20y%3D%22-1.71%22%20width%3D%2266.6%22%20height%3D%2229.28%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Crect%20class%3D%22b%22%20x%3D%22-769.55%22%20y%3D%22-189.32%22%20width%3D%221232.9%22%20height%3D%22480.7%22%2F%3E%3Cg%20class%3D%22c%22%3E%3Crect%20class%3D%22d%22%20x%3D%22-10.85%22%20y%3D%22-1.71%22%20width%3D%2266.6%22%20height%3D%2229.28%22%2F%3E%3Cpolygon%20class%3D%22e%22%20points%3D%2227.29%200.5%2018.71%200.5%2010.13%200.5%203.97%2011.02%2018.71%2011.02%2033.46%2011.02%2027.29%200.5%22%2F%3E%3Crect%20class%3D%22e%22%20x%3D%220.58%22%20y%3D%2211.14%22%20width%3D%2236.26%22%20height%3D%2212.57%22%20rx%3D%223.57%22%2F%3E%3Ccircle%20class%3D%22e%22%20cx%3D%227.01%22%20cy%3D%2217.43%22%20r%3D%222.72%22%2F%3E%3Ccircle%20class%3D%22e%22%20cx%3D%2230.41%22%20cy%3D%2217.43%22%20r%3D%222.72%22%2F%3E%3Cpath%20class%3D%22e%22%20d%3D%22M9.73%2C26.43a2.72%2C2.72%2C0%2C0%2C0-5.44%2C0h-17%22%2F%3E%3Cpath%20class%3D%22e%22%20d%3D%22M27.69%2C26.43a2.72%2C2.72%2C0%2C0%2C1%2C5.44%2C0H50%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}
.header-nav-list li:nth-child(5) a::before {
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2021.96%2026.73%22%3E%3Cdefs%3E%3Cstyle%3E.a%2C.e%7Bfill%3Anone%3B%7D.b%2C.e%7Bstroke%3A%23fff%3B%7D.b%7Bstroke-miterlimit%3A10%3B%7D.c%7Bclip-path%3Aurl(%23a)%3B%7D.d%7Bfill%3A%23b33156%3Bstroke%3A%23b33156%3B%7D.d%2C.e%7Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3B%7D%3C%2Fstyle%3E%3CclipPath%20id%3D%22a%22%3E%3Crect%20class%3D%22a%22%20x%3D%22-7.84%22%20y%3D%22-0.72%22%20width%3D%2236.72%22%20height%3D%2228.77%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Crect%20class%3D%22b%22%20x%3D%22-686.66%22%20y%3D%22-189.33%22%20width%3D%221232.9%22%20height%3D%22480.7%22%2F%3E%3Cg%20class%3D%22c%22%3E%3Crect%20class%3D%22d%22%20x%3D%22-7.84%22%20y%3D%22-0.72%22%20width%3D%2236.72%22%20height%3D%2228.77%22%2F%3E%3Ccircle%20class%3D%22e%22%20cx%3D%2211%22%20cy%3D%2210.42%22%20r%3D%225.23%22%2F%3E%3Cpath%20class%3D%22e%22%20d%3D%22M-7.84%2C26.1H8.21l-.15-.37c-2.53-2.6-7.42-8.36-7.42-14C.64%2C4.23%2C5.28.58%2C11%2C.58S21.36%2C4.23%2C21.36%2C11.77c0%2C5-4.62%2C10.87-7.69%2C14.18l-.13.15h19%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}
.header-nav-list li:nth-child(6) a::before {
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2027.84%2027.45%22%3E%3Cdefs%3E%3Cstyle%3E.a%2C.e%7Bfill%3Anone%3B%7D.b%2C.e%7Bstroke%3A%23fff%3B%7D.b%7Bstroke-miterlimit%3A10%3B%7D.c%7Bclip-path%3Aurl(%23a)%3B%7D.d%7Bfill%3A%23b33156%3Bstroke%3A%23b33156%3B%7D.d%2C.e%7Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3B%7D%3C%2Fstyle%3E%3CclipPath%20id%3D%22a%22%3E%3Crect%20class%3D%22a%22%20x%3D%22-1.38%22%20y%3D%22-0.94%22%20width%3D%2230.61%22%20height%3D%2228.72%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Crect%20class%3D%22b%22%20x%3D%22-970.75%22%20y%3D%22-189.39%22%20width%3D%221232.9%22%20height%3D%22480.7%22%2F%3E%3Cg%20class%3D%22c%22%3E%3Crect%20class%3D%22d%22%20x%3D%22-0.37%22%20width%3D%2228.38%22%20height%3D%2227.78%22%2F%3E%3Cline%20class%3D%22e%22%20x1%3D%2213.93%22%20y1%3D%2212.05%22%20x2%3D%2213.93%22%20y2%3D%223.62%22%2F%3E%3Cline%20class%3D%22e%22%20x1%3D%2223.69%22%20y1%3D%2213.38%22%20x2%3D%2215.26%22%20y2%3D%2213.38%22%2F%3E%3Cpath%20class%3D%22e%22%20d%3D%22M15.08%2C13.28a1.16%2C1.16%2C0%2C1%2C1-1.15-1.15A1.16%2C1.16%2C0%2C0%2C1%2C15.08%2C13.28Z%22%2F%3E%3Cpath%20class%3D%22e%22%20d%3D%22M-110.44%2C26.9H11.38l-.29-.06a13.26%2C13.26%2C0%2C1%2C1%2C5.38.06H86%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}
.header-nav-list a {
display: block;
height: 100%;
padding-left: 40px;
color: #fff;
font-size: 14px;
}
.header-nav-list li:nth-child(1) a {
padding-left: 47px;
}
.header-nav-list li:nth-child(4) a {
padding-left: 57px;
}
.header-nav-list a .en {
display: block;
color: #f1a0b7;
font-size: 10px;
font-family: 'Marvel', sans-serif;
letter-spacing: 1px;
padding-bottom: 2px;
}
.lang {
margin-top: 30px;
margin-left: 16px;
padding: 4px 12px;
border: 1px solid #fff;
border-bottom: none;
color: #fff;
font-size: 12px;
}
.lang:hover {
opacity: 0.7;
}
main section {
width: 1100px;
}
main,
footer {
min-width: 1100px;
}
.news-list .img-box img {
height: 225px;
}
.page-title .en {
font-size: 48px;
}
.page-title .en span {
font-size: 96px;
}
/* page-title(news) start */
.page-title.news {
width: 1100px;
margin: 0 auto 80px;
}
.page-title.news::after {
left: 7px;
width: calc(100% - 7px);
}
.page-title.news .en span {
transform: translateY(14px);
}
.page-title.news::after {
bottom: -1px;
}
.page-title.news .en::before {
bottom: 1px;
}
/* page-title(news) end */
.w980 {
width: 980px;
margin: 0 auto;
}
.section-title {
font-size: 18px;
}
.footer-banner {
width: 100%;
margin: 0 auto;
padding-right: calc(50% - 450px);
padding-left: calc(50% - 450px);
}
.footer-banner li {
max-width: 300px;
flex-basis: 300px;
margin-top: 40px;
}
.footer-banner li:nth-child(1),
.footer-banner li:nth-child(2),
.footer-banner li:nth-child(3) {
margin-top: 0;
}
.footer-list-box {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 60px;
text-align: center;
}
.footer-list + .footer-list {
border-left: 1px solid #000;
}
.js_gotop {
width: 50px;
height: 50px;
right: calc(50% - 550px);
bottom: 20px;
}
/* slick */
.slick-dots li button:before {
font-size: 25px;
}
/* table start */
.table {
font-size: 12px;
}
.table th {
padding: 12px 15px;
}
/* table end*/
/* news-list start */
.news-list {
width: 980px;
margin: 0 auto;
}
.news-list li {
width: 300px;
margin-bottom: 50px;
font-size: 14px;
line-height: 1.6;
}
.news-list div {
margin-bottom: 0.5em;
}
/* news-list end*/
}/* min-width: 601px */
@media screen and (max-width: 600px) {
.pc_only {
display: none !important;
}
.header-block {
height: 60px;
}
.header-block::before {
bottom: 15px;
}
.header-nav {
display: flex;
height: 45px;
padding: 0 30px;
color: #fff;
}
.header-logo {
display: block;
width: 85px;
margin-top: 15px;
margin-right: auto;
}
.header-nav-list li {
position: relative;
height: 45px;
padding: 21px 4px 0 40px;
text-align: center;
line-height: 0.6;
}
.header-nav-list li::before {
content: "";
position: absolute;
left: 20px;
bottom: 0;
width: 25px;
height: 25px;
background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2027.84%2027.45%22%3E%3Cdefs%3E%3Cstyle%3E.a%2C.e%7Bfill%3Anone%3B%7D.b%2C.e%7Bstroke%3A%23fff%3B%7D.b%7Bstroke-miterlimit%3A10%3B%7D.c%7Bclip-path%3Aurl(%23a)%3B%7D.d%7Bfill%3A%23b33156%3Bstroke%3A%23b33156%3B%7D.d%2C.e%7Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3B%7D%3C%2Fstyle%3E%3CclipPath%20id%3D%22a%22%3E%3Crect%20class%3D%22a%22%20x%3D%22-1.38%22%20y%3D%22-0.94%22%20width%3D%2230.61%22%20height%3D%2228.72%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Crect%20class%3D%22b%22%20x%3D%22-970.75%22%20y%3D%22-189.39%22%20width%3D%221232.9%22%20height%3D%22480.7%22%2F%3E%3Cg%20class%3D%22c%22%3E%3Crect%20class%3D%22d%22%20x%3D%22-0.37%22%20width%3D%2228.38%22%20height%3D%2227.78%22%2F%3E%3Cline%20class%3D%22e%22%20x1%3D%2213.93%22%20y1%3D%2212.05%22%20x2%3D%2213.93%22%20y2%3D%223.62%22%2F%3E%3Cline%20class%3D%22e%22%20x1%3D%2223.69%22%20y1%3D%2213.38%22%20x2%3D%2215.26%22%20y2%3D%2213.38%22%2F%3E%3Cpath%20class%3D%22e%22%20d%3D%22M15.08%2C13.28a1.16%2C1.16%2C0%2C1%2C1-1.15-1.15A1.16%2C1.16%2C0%2C0%2C1%2C15.08%2C13.28Z%22%2F%3E%3Cpath%20class%3D%22e%22%20d%3D%22M-110.44%2C26.9H11.38l-.29-.06a13.26%2C13.26%2C0%2C1%2C1%2C5.38.06H86%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') 0 bottom/contain no-repeat;
}
.header-nav-list a span {
font-size: 10px;
transform: scale(0.9);
letter-spacing: 1px;
}
.header-nav-list a .en {
display: block;
color: #f1a0b7;
transform: scale(0.8);
font-family: 'Marvel', sans-serif;
}
.lang {
margin-top: 20px;
margin-left: 10px;
padding: 4px 6px;
border: 1px solid #fff;
border-bottom: none;
color: #fff;
font-size: 10px;
transform: scale(0.9);
letter-spacing: 1px;
}
.lang:hover {
opacity: 0.7;
}
.js_footer-nav {
position: fixed;
bottom: 0;
}
main section {
padding: 0 30px;
}
.page-title {
margin-bottom: 40px;
padding-top: 10px;
font-size: 14px;
}
.page-title::after {
left: 10px;
bottom: -1px;
width: calc(100% - 10px);
}
.page-title .en {
padding-right: 30px;
font-size: 18px;
letter-spacing: 3px;
transform: translateY(3px);
}
.page-title .en::before {
right: 14px;
bottom: 4px;
width: 6px;
height: 6px;
}
.page-title .en span {
font-size: 44px;
transform: translateY(5.5px);
}
.page-title .jp {
font-size: 11px;
letter-spacing: 3px;
transform: translateY(3px);
}
.section-title {
height: 40px;
padding-left: 20px;
font-size: 12px;
letter-spacing: 2px;
}
.link-button {
width: 60px;
margin: 0 auto 50px;
font-size: 14px;
letter-spacing: 1px;
}
.link-button a {
height: 19px;
padding-left: 29px;
}
.link-button a::before {
width: 17px;
height: 17px;
}
.link-button a::after {
left: 11px;
width: 13px;
}
.link-button a:hover::after {
left: 0;
}
.js_footer-nav {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
height: 55px;
margin: 0;
background-color: #b33156;
box-shadow: 0 7px 15px 2px #000;
z-index: 10;
transition: 0.3s ease-out;
transform: translate3d(0, 0, 0);
}
.js_footer-nav.isHide {
bottom: -62px;
}
.footer-nav-list {
display: flex;
height: 100%;
}
.footer-nav-list li {
width: 20%;
color: #fff;
font-size: 10px;
text-align: center;
}
.footer-nav-list li a {
position: relative;
display: block;
width: 100%;
height: 100%;
padding-top: 35px;
}
.footer-nav-list li a::before {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 23px;
width: 24px;
height: 24px;
margin: auto;
background: center bottom/contain no-repeat;
}
.footer-nav-list li:nth-child(1) a::before {
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2028.43%2027.21%22%3E%3Cdefs%3E%3Cstyle%3E.a%2C.b%7Bfill%3Anone%3Bstroke%3A%23fff%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3B%7D.b%7Bstroke-width%3A0.86px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22a%22%20d%3D%22M3.93%2C13h0A3.42%2C3.42%2C0%2C0%2C1%2C.51%2C9.6V6.18H7.36V9.6A3.42%2C3.42%2C0%2C0%2C1%2C3.93%2C13Z%22%2F%3E%3Cpath%20class%3D%22a%22%20d%3D%22M7.36%2C6.18h6.85a0%2C0%2C0%2C0%2C1%2C0%2C0V9.6A3.43%2C3.43%2C0%2C0%2C1%2C10.78%2C13h0A3.43%2C3.43%2C0%2C0%2C1%2C7.36%2C9.6V6.18a0%2C0%2C0%2C0%2C1%2C0%2C0Z%22%2F%3E%3Cpath%20class%3D%22a%22%20d%3D%22M17.64%2C13h0A3.42%2C3.42%2C0%2C0%2C1%2C14.21%2C9.6V6.18h6.85V9.6A3.42%2C3.42%2C0%2C0%2C1%2C17.64%2C13Z%22%2F%3E%3Cpath%20class%3D%22a%22%20d%3D%22M24.49%2C13h0A3.42%2C3.42%2C0%2C0%2C1%2C21.06%2C9.6V6.18h6.85V9.6A3.42%2C3.42%2C0%2C0%2C1%2C24.49%2C13Z%22%2F%3E%3Cpolyline%20class%3D%22a%22%20points%3D%220.51%206.01%203.33%200.52%2025.09%200.52%2027.91%206.01%22%2F%3E%3Cpolyline%20class%3D%22a%22%20points%3D%222.26%2012.68%202.26%2026.7%2026.16%2026.7%2026.16%2012.7%22%2F%3E%3Cpath%20class%3D%22b%22%20d%3D%22M17.64%2C23.53H10.78V19.29a3.43%2C3.43%2C0%2C0%2C1%2C3.43-3.42h0a3.43%2C3.43%2C0%2C0%2C1%2C3.43%2C3.42Z%22%2F%3E%3C%2Fsvg%3E');
}
.footer-nav-list li:nth-child(2) a::before {
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020.05%2027.42%22%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill%3Anone%3Bstroke%3A%23fff%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpolygon%20class%3D%22a%22%20points%3D%227.09%200.52%207.09%207.39%200.52%207.36%207.09%200.52%22%2F%3E%3Cline%20class%3D%22a%22%20x1%3D%223.8%22%20y1%3D%2212.79%22%20x2%3D%2216.22%22%20y2%3D%2212.79%22%2F%3E%3Cline%20class%3D%22a%22%20x1%3D%223.8%22%20y1%3D%2216.56%22%20x2%3D%2216.22%22%20y2%3D%2216.56%22%2F%3E%3Cline%20class%3D%22a%22%20x1%3D%223.8%22%20y1%3D%2220.33%22%20x2%3D%2210.84%22%20y2%3D%2220.33%22%2F%3E%3Cpolygon%20class%3D%22a%22%20points%3D%2219.5%2026.86%2019.5%200.52%207.09%200.52%200.52%207.36%200.52%2026.86%2019.5%2026.86%22%2F%3E%3C%2Fsvg%3E');
}
.footer-nav-list li:nth-child(4) a::before {
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2029.82%2029.71%22%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill%3Anone%3Bstroke%3A%23fff%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22a%22%20d%3D%22M21%2C4.15a11.44%2C11.44%2C0%2C0%2C1-.35%2C16.43%2C12.07%2C12.07%2C0%2C0%2C1-16.81-.35A11.43%2C11.43%2C0%2C0%2C1%2C4.2%2C3.8%2C12.08%2C12.08%2C0%2C0%2C1%2C21%2C4.15Z%22%2F%3E%3Cpolygon%20class%3D%22a%22%20points%3D%2229.2%2026.7%2022.96%2020.59%2020.58%2023.03%2024.89%2027.25%2026.86%2029.14%2029.2%2026.7%22%2F%3E%3C%2Fsvg%3E');
}
.footer-nav-list li:nth-child(5) a::before {
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020.25%2026.92%22%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill%3Anone%3Bstroke%3A%23fff%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22a%22%20d%3D%22M10.12.52C4.84.52.56%2C3.89.56%2C10.85S8.76%2C25%2C8.76%2C25l1.36%2C1.36s9.56-8.59%2C9.56-15.55S15.4.52%2C10.12.52Zm0%2C13.91A4.83%2C4.83%2C0%2C1%2C1%2C15%2C9.6%2C4.82%2C4.82%2C0%2C0%2C1%2C10.12%2C14.43Z%22%2F%3E%3C%2Fsvg%3E');
}
.footer-nav-list li:nth-child(3)::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 35px;
height: 35px;
margin: auto;
background: url('img/footer_icon03.png') center bottom/contain no-repeat;
}
.footer-banner {
flex-wrap: wrap;
justify-content: space-between;
margin-top: 70px;
padding: 30px 30px 0;
}
.footer-banner li {
width: calc(50% - 5px);
margin-bottom: 20px;
padding: 0;
}
.footer-list {
margin-bottom: 20px;
}
.footer-list li {
font-size: 10px;
padding: 0 12px;
}
.copyright {
margin-bottom: 70px;
font-size: 10px;
transform: scale(0.9);
letter-spacing: 0;
}
.js_gotop {
right: 15px;
bottom: 50px;
display: block;
width: 38px;
height: 50px;
padding-bottom: 12px;
transition: 0.3s ease-out;
}
.js_gotop.fixed {
transition: inherit;
}
.js_gotop.isHide {
bottom: 0;
}
/* slick */
.slick-dots li button:before {
font-size: 20px;
}
/* news-list start */
.news-list {
padding: 30px 30px 0;
font-size: 12px;
}
.news-list li {
width: calc(50% - 15px);
margin-bottom: 30px;
}
.news-list .new {
width: 35px;
}
/* news-list end */
}/* max-width: 600px */