@charset "UTF-8";
/*=============================================================
Date: 2022-05
CSS Document ： Sincro
1.初期設定
2.ベース
3.ライブラリ
4.ブロック
=============================================================*/
/* 初期設定
============================================================= */
.button_sin {
display: inline-block;
line-height: 1.2;
outline: none;
text-align: center;
text-decoration: none;
}
/* ベース
============================================================= */
/* aside
============================================================= */
@media screen and (min-width: 768px), print {
.aside_sin {
padding: 60px 0;
}
}
@media screen and (max-width: 767px) {
.aside_sin {
padding: 0.4rem 0;
}
}
@media screen and (min-width: 768px), print {
.aside__inner_sin {
margin-left: auto;
margin-right: auto;
padding-right: calc(20 * 1px);
padding-left: calc(20 * 1px);
max-width: 960px;
}
}
@media screen and (max-width: 767px) {
.aside__inner_sin {
padding: 0 0.25rem;
}
}
@media screen and (min-width: 768px), print {
.aside__inner_sin {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 0 80px;
}
}
@media screen and (min-width: 768px), print {
.aside__body_sin {
width: 50%;
padding-right: 20px;
}
}
.aside__title_sin {
font-family: "Yu Mincho", "YuMincho", serif;
/* IE11 */
font-weight: 500;
}
@media all and (-ms-high-contrast: none) {
.aside__title_sin {
font-family: “ヒラギノ明朝 ProN W3”, “Hiragino Mincho ProN”, “HG明朝E”, “ＭＳ Ｐ明朝”, “ＭＳ 明朝”, serif;
}
}
@media screen and (min-width: 768px), print {
.aside__title_sin {
text-align: left;
font-size: 22px;
line-height: 1.81;
}
.aside__title_sin::before {
display: block;
width: 0;
height: 0;
margin-top: calc((1 - 1.81) * 0.5em);
content: '';
}
.aside__title_sin::after {
display: block;
width: 0;
height: 0;
margin-bottom: calc((1 - 1.81) * 0.5em);
content: '';
}
}
@media screen and (max-width: 767px) {
.aside__title_sin {
text-align: center;
font-size: 0.15rem;
line-height: 1.733;
}
.aside__title_sin::before {
display: block;
width: 0;
height: 0;
margin-top: calc((1 - 1.733) * 0.5em);
content: '';
}
.aside__title_sin::after {
display: block;
width: 0;
height: 0;
margin-bottom: calc((1 - 1.733) * 0.5em);
content: '';
}
}
@media screen and (min-width: 768px), print {
.aside__list_sin {
margin-top: 14px;
text-align: left;
}
}
@media screen and (max-width: 767px) {
.aside__list_sin {
margin-top: 0.13rem;
text-align: center;
}
}
@media screen and (min-width: 768px), print {
.aside__listItem_sin {
font-size: 14px;
line-height: 1.57;
}
}
@media screen and (max-width: 767px) {
.aside__listItem_sin {
font-size: 0.11rem;
line-height: 1.4;
}
}
@media screen and (min-width: 768px), print {
.aside__button_sin {
width: 50%;
}
}
@media screen and (max-width: 767px) {
.aside__button_sin {
margin-top: 0.22rem;
}
}
@media screen and (min-width: 768px), print {
.aside__button_sin .button_sin.-primary_sin {
margin-right: 0;
padding: 28px 20px;
text-align: center;
}
}
@media screen and (max-width: 767px) {
.aside__button_sin .button_sin.-primary_sin {
padding: 0.15rem 0.1rem;
}
}
@media screen and (min-width: 768px), print {
.aside__button_sin .button_sin.-primary_sin > span::before {
margin-right: 14px;
vertical-align: text-bottom;
}
}
.aside__button_sin .button_sin.-primary_sin > span::after {
display: none;
}
/* reset
============================================================= */
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
.body-class {
line-height: 1;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: none;
}
a {
margin: 0;
padding: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
ins {
background-color: #ff9;
color: #000;
text-decoration: none;
}
mark {
background-color: #ff9;
color: #000;
font-style: italic;
font-weight: bold;
}
del {
text-decoration: line-through;
}
abbr[title],
dfn[title] {
border-bottom: 1px dotted;
cursor: help;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
input,
select {
vertical-align: middle;
}
/* base
============================================================= */
html,
body {
min-height: 100%;
}
html {
color: #333333;
overflow-y: scroll;
}
@media screen and (max-width: 767px) {
html {
font-size: 26.6666666667vw;
}
}
/*
@media screen and (min-width: 768px), print {
html {
font-size: 500%;
}
}
@media screen and (min-width: 768px) {
html {
font-size: 10.4166666667vw;
}
}
*/
@media screen and (min-width: 768px), print {
html {
font-size: 625%;
}
}
.body-class {
font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
font-size: 160%;
-webkit-text-size-adjust: 100%;
overflow-wrap: break-word;
word-wrap: break-word;
}
.body-class * {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@media all and (-ms-high-contrast: none) {
.body-class * {
font-family: Meiryo, sans-serif;
}
}
@media screen and (min-width: 768px), print {
.body-class {
font-size: 0.16rem;
line-height: 1.666;
}
}
@media screen and (max-width: 767px) {
.body-class {
font-size: 0.14rem;
line-height: 1.92;
}
}
body.-menuOpen_sin {
position: fixed;
left: 0;
top: 0;
width: 100vw;
height: 100vh;
}
#main_sin {
display: block;
}
@media screen and (min-width: 768px), print {
#wrapper {
overflow: hidden;
}
}
/* link
============================================================= */
a:not([class]) {
color: #333333;
text-decoration: underline;
}
a:not([class]):hover {
text-decoration: none;
}
a:not([class])[target="_blank"]:after {
content: "";
display: inline-block;
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224px%22%20height%3D%2222px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%2314172c%22%20d%3D%22M5.999%2C15.998%20L5.999%2C0.0%20L23.999%2C0.0%20L23.999%2C15.998%20L5.999%2C15.998%20ZM21.999%2C1.999%20L7.999%2C1.999%20L7.999%2C14.0%20L21.999%2C14.0%20L21.999%2C1.999%20ZM1.999%2C19.999%20L15.999%2C19.999%20L15.999%2C17.999%20L17.999%2C17.999%20L17.999%2C21.999%20L0.0%2C21.999%20L0.0%2C5.999%20L3.999%2C5.999%20L3.999%2C7.999%20L1.999%2C7.999%20L1.999%2C19.999%20Z%22%2F%3E%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-size: contain;
vertical-align: text-bottom;
}
@media screen and (min-width: 768px), print {
a:not([class])[target="_blank"]:after {
margin-right: 10px;
width: 13px;
height: 13px;
}
}
@media screen and (max-width: 767px) {
a:not([class])[target="_blank"]:after {
margin-right: 0.11rem;
width: 0.1439rem;
height: 0.132rem;
}
}
@media (hover: hover), screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
a:not([class])[href^="tel:"] {
pointer-events: none;
text-decoration: none;
}
}
/* image
============================================================= */
img {
height: auto;
line-height: 1;
max-width: 100%;
vertical-align: top;
}
table th img,
table td img {
vertical-align: middle;
}
/* =============================================================
modifier
============================================================= */
/* display
============================================================= */
@media screen and (min-width: 768px), print {
.-pcItem_sin {
display: block;
}
}
@media screen and (max-width: 767px) {
.-pcItem_sin {
display: none !important;
}
}
@media screen and (min-width: 768px), print {
br.-pcItem_sin {
display: inline !important;
}
}
@media screen and (min-width: 768px), print {
.-spItem_sin {
display: none !important;
}
}
@media screen and (max-width: 767px) {
.-spItem_sin {
display: block;
}
}
@media screen and (max-width: 767px) {
br.-spItem_sin {
display: inline !important;
}
}
@media screen and (max-width: 767px), print {
.-pcBr_sin {
display: none !important;
}
}
@media screen and (min-width: 768px) {
.-pcBr_sin {
display: block;
}
}
@media screen and (min-width: 768px) {
br.-pcBr_sin {
display: inline !important;
}
}
/* text-align
============================================================= */
.-textRight_sin {
text-align: right;
}
.-textCenter_sin {
text-align: center;
}
.-textLeft_sin {
text-align: left;
}
/*
Accessibility
----------------------------------------------- */
.screenReaderText_sin {
position: absolute;
overflow: hidden;
width: 1px;
height: 1px;
clip: rect(1px, 1px, 1px, 1px);
}
/* footer
============================================================= */
.footer__head_sin {
position: relative;
background: #222;
color: #fff;
font-family: "Yu Mincho", "YuMincho", serif;
/* IE11 */
font-weight: 500;
}
@media all and (-ms-high-contrast: none) {
.footer__head_sin {
font-family: “ヒラギノ明朝 ProN W3”, “Hiragino Mincho ProN”, “HG明朝E”, “ＭＳ Ｐ明朝”, “ＭＳ 明朝”, serif;
}
}
@media screen and (min-width: 768px), print {
.footer__head_sin {
padding: 79px 0 76px;
font-size: 20px;
}
}
@media screen and (max-width: 767px) {
.footer__head_sin {
padding: 0.6rem 0 0.46rem;
font-size: 0.16rem;
}
}
@media screen and (min-width: 768px), print {
.footer__headInner_sin {
margin-left: auto;
margin-right: auto;
padding-right: calc(20 * 1px);
padding-left: calc(20 * 1px);
max-width: 960px;
}
}
@media screen and (max-width: 767px) {
.footer__headInner_sin {
padding: 0 0.25rem;
}
}
@media screen and (min-width: 768px), print {
.footer__headInner_sin {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
@media screen and (max-width: 767px) {
.footer__headInner_sin {
padding: 0 0.25rem;
}
}
@media screen and (min-width: 768px), print {
.footer__headBody_sin {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
text-align: left;
}
}
.footer__address_sin {
font-style: normal;
}
@media screen and (min-width: 768px), print {
.footer__address_sin {
line-height: 1.5;
}
.footer__address_sin::before {
display: block;
width: 0;
height: 0;
margin-top: calc((1 - 1.5) * 0.5em);
content: '';
}
.footer__address_sin::after {
display: block;
width: 0;
height: 0;
margin-bottom: calc((1 - 1.5) * 0.5em);
content: '';
}
}
@media screen and (max-width: 767px) {
.footer__address_sin {
text-align: center;
line-height: 1.56;
}
.footer__address_sin::before {
display: block;
width: 0;
height: 0;
margin-top: calc((1 - 1.56) * 0.5em);
content: '';
}
.footer__address_sin::after {
display: block;
width: 0;
height: 0;
margin-bottom: calc((1 - 1.56) * 0.5em);
content: '';
}
}
@media screen and (min-width: 768px), print {
.footer__dl_sin {
margin-top: 36px;
}
}
@media screen and (max-width: 767px) {
.footer__dl_sin {
margin-top: 0.26rem;
padding: 0 0.375rem;
}
}
.footer__dl_sin > div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media screen and (min-width: 768px), print {
.footer__dl_sin > div:nth-of-type(n + 2) {
margin-top: 10px;
}
}
@media screen and (max-width: 767px) {
.footer__dl_sin > div:nth-of-type(n + 2) {
margin-top: 0.1rem;
}
}
@media screen and (min-width: 768px), print {
.footer__dl_sin dt {
width: 120px;
}
}
@media screen and (max-width: 767px) {
.footer__dl_sin dt {
width: 0.85rem;
}
}
.footer__dl_sin dd {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.footer__dl_sin a:not([class]) {
color: #fff;
}
@media screen and (max-width: 767px) {
.footer__dlList_sin {
margin: .02rem 0;
}
}
@media screen and (min-width: 768px) {
.footer__dlList_sin li {
line-height: 1.4;
}
}
@media screen and (max-width: 767px) {
.footer__dlList_sin li {
line-height: 1.5;
}
}
@media screen and (min-width: 768px), print {
.footer__dlList_sin li:nth-of-type(n + 2) {
margin-top: 10px;
}
}
@media screen and (max-width: 767px) {
.footer__dlList_sin li:nth-of-type(n + 2) {
margin-top: 0.02rem;
}
}
.footer__dlList_sin li .-pcItem_sin {
display: inline-block !important;
}
@media screen and (min-width: 768px), print {
.footer__button_sin {
margin-top: 29px;
}
}
@media screen and (max-width: 767px) {
.footer__button_sin {
margin-top: 0.3rem;
}
}
@media screen and (min-width: 768px), print {
.footer__button_sin .button_sin.-primary_sin {
margin-left: 0;
padding: 9px 10px 10px 21px;
width: 255px;
font-size: 18px;
}
}
@media screen and (max-width: 767px) {
.footer__button_sin .button_sin.-primary_sin {
padding: 0.1rem 0.1rem 0.1rem 0.16rem;
width: 2.5rem;
}
}
@media screen and (min-width: 768px), print {
.footer__button_sin .button_sin.-primary_sin > span {
letter-spacing: 0.16em;
}
}
@media screen and (min-width: 768px), print {
.footer__button_sin .button_sin.-primary_sin > span::before {
margin-right: 10px;
width: 19.19px;
height: 17px;
}
}
@media screen and (max-width: 767px) {
.footer__button_sin .button_sin.-primary_sin > span::before {
margin-right: 0.09rem;
}
}
@media screen and (min-width: 768px), print {
.footer__list_sin {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 46px;
}
}
@media screen and (max-width: 767px) {
.footer__list_sin {
margin-top: 0.26rem;
padding: 0 0.3rem;
}
}
@media screen and (min-width: 768px), print {
.footer__listItem_sin:not(:last-child) .footer__listLink_sin {
padding-right: 15px;
}
}
.footer__listLink_sin {
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-transform: uppercase;
}
@media screen and (max-width: 767px) {
.footer__listLink_sin {
padding: 0.14rem 0;
line-height: 1;
}
}
.footer__listLink_sin::before {
content: "";
display: inline-block;
height: 2px;
background: #666;
}
@media screen and (min-width: 768px), print {
.footer__listLink_sin::before {
margin-right: 6px;
width: 6px;
}
}
@media screen and (max-width: 767px) {
.footer__listLink_sin::before {
margin-right: 0.06rem;
width: 0.06rem;
}
}
.footer__listLink_sin:link, .footer__listLink_sin:visited {
color: #fff;
}
@media screen and (min-width: 768px), print {
.footer__headLogo_sin {
margin-top: 15px;
width: 300px;
}
}
@media screen and (max-width: 767px) {
.footer__headLogo_sin {
position: absolute;
bottom: 0.6rem;
right: 0.5rem;
width: 1.5rem;
}
}
.footer__headLogo_sin img {
width: 100%;
}
#Footer_fca a {
text-decoration: none;
}
@media (hover: hover), screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
#Footer_fca a:hover, #Footer_fca a:focus {
text-decoration: underline;
}
}
/* header
============================================================= */
#header_sin {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 100;
}
#sincro-contents #header_sin {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #fff;
-webkit-transition: -webkit-transform 0.5s;
transition: -webkit-transform 0.5s;
-o-transition: transform 0.5s;
transition: transform 0.5s;
transition: transform 0.5s, -webkit-transform 0.5s;
}
@media screen and (min-width: 768px), print {
#sincro-contents #header_sin {
padding: 0 40px;
height: calc(110 * 1px);
}
}
@media screen and (max-width: 767px) {
#sincro-contents #header_sin {
padding: 0 0.2rem;
height: 0.65rem;
}
}
#sincro-contents #header_sin.-hide {
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
}
@media screen and (min-width: 768px), print {
#sincro-contents #header_sin + * {
padding-top: calc(110 * 1px);
}
}
@media screen and (max-width: 767px) {
#sincro-contents #header_sin + * {
padding-top: 0.65rem;
}
}
.header__logo_sin {
display: block;
}
@media screen and (min-width: 768px), print {
.header__logo_sin {
width: 180px;
}
}
@media screen and (max-width: 767px) {
.header__logo_sin {
width: 0.9rem;
}
}
.header__logo_sin a {
display: block;
-webkit-transition: opacity 0.25s ease-out;
-o-transition: opacity 0.25s ease-out;
transition: opacity 0.25s ease-out;
}
@media (hover: hover), screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
.header__logo_sin a:hover {
opacity: 0.75;
}
}
.header__logo_sin img {
width: 100%;
}
@-webkit-keyframes infinity-show {
0% {
-webkit-transform: scaleX(0);
transform: scaleX(0);
}
90% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
@keyframes infinity-show {
0% {
-webkit-transform: scaleX(0);
transform: scaleX(0);
}
90% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
/* ライブラリ
============================================================= */
/* object fit image */
img.objectFit_sin {
width: 100%;
height: 100%;
font-family: "object-fit: cover;";
-o-object-fit: cover;
object-fit: cover;
}
img.objectFit_sin.-contain_sin {
font-family: "object-fit: contain;";
-o-object-fit: contain;
object-fit: contain;
}
/**
* Swiper 6.5.4
* Most modern mobile touch slider and framework with hardware accelerated transitions
* https://swiperjs.com
*
* Copyright 2014-2021 Vladimir Kharlampidi
*
* Released under the MIT License
*
* Released on: April 5, 2021
*/
@font-face {
font-family: "swiper-icons";
src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
font-weight: 400;
font-style: normal;
}
:root {
--swiper-theme-color: #000;
}
.swiper-container {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
/* Fix of Webkit flickering */
z-index: 1;
}
.swiper-container-vertical > .swiper-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.swiper-container-multirow-column > .swiper-wrapper {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.swiper-container-free-mode > .swiper-wrapper {
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
margin: 0 auto;
}
.swiper-container-pointer-events {
-ms-touch-action: pan-y;
touch-action: pan-y;
}
.swiper-container-pointer-events.swiper-container-vertical {
-ms-touch-action: pan-x;
touch-action: pan-x;
}
.swiper-slide {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
}
.swiper-slide-invisible-blank {
visibility: hidden;
}
/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-transition-property: height, -webkit-transform;
transition-property: height, -webkit-transform;
-o-transition-property: transform, height;
transition-property: transform, height;
transition-property: transform, height, -webkit-transform;
}
/* 3D Effects */
.swiper-container-3d {
-webkit-perspective: 1200px;
perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
/* CSS Mode */
.swiper-container-css-mode > .swiper-wrapper {
overflow: auto;
scrollbar-width: none;
/* For Firefox */
-ms-overflow-style: none;
/* For Internet Explorer and Edge */
}
.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
display: none;
}
.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: start start;
}
.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
-ms-scroll-snap-type: x mandatory;
scroll-snap-type: x mandatory;
}
.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
-ms-scroll-snap-type: y mandatory;
scroll-snap-type: y mandatory;
}
:root {
--swiper-navigation-size: 44px;
/*
--swiper-navigation-color: var(--swiper-theme-color);
*/
}
.swiper-button-prev,
.swiper-button-next {
position: absolute;
top: 50%;
width: calc(var(--swiper-navigation-size) / 44 * 27);
height: var(--swiper-navigation-size);
margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
z-index: 100;
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none;
}
.swiper-button-prev:after,
.swiper-button-next:after {
font-family: swiper-icons;
font-size: var(--swiper-navigation-size);
text-transform: none !important;
letter-spacing: 0;
text-transform: none;
font-variant: initial;
line-height: 1;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
left: 0.1rem;
right: auto;
}
.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
content: "prev";
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
right: 0.1rem;
left: auto;
}
.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
content: "next";
}
.swiper-button-prev.swiper-button-white,
.swiper-button-next.swiper-button-white {
--swiper-navigation-color: #ffffff;
}
.swiper-button-prev.swiper-button-black,
.swiper-button-next.swiper-button-black {
--swiper-navigation-color: #000000;
}
.swiper-button-lock {
display: none;
}
:root {
/*
--swiper-pagination-color: var(--swiper-theme-color);
*/
}
.swiper-pagination {
position: absolute;
text-align: center;
-webkit-transition: 300ms opacity;
-o-transition: 300ms opacity;
transition: 300ms opacity;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
bottom: 0.1rem;
left: 0;
width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transform: scale(0.33);
-ms-transform: scale(0.33);
transform: scale(0.33);
position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
-webkit-transform: scale(0.66);
-ms-transform: scale(0.66);
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
-webkit-transform: scale(0.33);
-ms-transform: scale(0.33);
transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
-webkit-transform: scale(0.66);
-ms-transform: scale(0.66);
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
-webkit-transform: scale(0.33);
-ms-transform: scale(0.33);
transform: scale(0.33);
}
.swiper-pagination-bullet {
width: 8px;
height: 8px;
display: inline-block;
border-radius: 50%;
background: #000;
opacity: 0.2;
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer;
}
.swiper-pagination-bullet-active {
opacity: 1;
background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-container-vertical > .swiper-pagination-bullets {
right: 0.1rem;
top: 50%;
-webkit-transform: translate3d(0px, -50%, 0);
transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0.06rem 0;
display: block;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 0.08rem;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
-webkit-transition: 200ms top, 200ms -webkit-transform;
transition: 200ms top, 200ms -webkit-transform;
-o-transition: 200ms transform, 200ms top;
transition: 200ms transform, 200ms top;
transition: 200ms transform, 200ms top, 200ms -webkit-transform;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 0.04rem;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
white-space: nowrap;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transition: 200ms left, 200ms -webkit-transform;
transition: 200ms left, 200ms -webkit-transform;
-o-transition: 200ms transform, 200ms left;
transition: 200ms transform, 200ms left;
transition: 200ms transform, 200ms left, 200ms -webkit-transform;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transition: 200ms right, 200ms -webkit-transform;
transition: 200ms right, 200ms -webkit-transform;
-o-transition: 200ms transform, 200ms right;
transition: 200ms transform, 200ms right;
transition: 200ms transform, 200ms right, 200ms -webkit-transform;
}
/* Progress */
.swiper-pagination-progressbar {
background: rgba(0, 0, 0, 0.25);
position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: var(--swiper-pagination-color, var(--swiper-theme-color));
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: left top;
-ms-transform-origin: left top;
transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
-webkit-transform-origin: right top;
-ms-transform-origin: right top;
transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 100%;
height: 0.04rem;
left: 0;
top: 0;
}
.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 0.04rem;
height: 100%;
left: 0;
top: 0;
}
.swiper-pagination-white {
--swiper-pagination-color: #ffffff;
}
.swiper-pagination-black {
--swiper-pagination-color: #000000;
}
.swiper-pagination-lock {
display: none;
}
/* Scrollbar */
.swiper-scrollbar {
border-radius: 0.1rem;
position: relative;
-ms-touch-action: none;
background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
position: absolute;
left: 1%;
bottom: 0.03rem;
z-index: 50;
height: 0.05rem;
width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
position: absolute;
right: 0.03rem;
top: 1%;
z-index: 50;
width: 0.05rem;
height: 98%;
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0, 0, 0, 0.5);
border-radius: 0.1rem;
left: 0;
top: 0;
}
.swiper-scrollbar-cursor-drag {
cursor: move;
}
.swiper-scrollbar-lock {
display: none;
}
.swiper-zoom-container {
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
max-width: 100%;
max-height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.swiper-slide-zoomed {
cursor: move;
}
/* Preloader */
:root {
/*
--swiper-preloader-color: var(--swiper-theme-color);
*/
}
.swiper-lazy-preloader {
width: 0.42rem;
height: 0.42rem;
position: absolute;
left: 50%;
top: 50%;
margin-left: -0.21rem;
margin-top: -0.21rem;
z-index: 10;
-webkit-transform-origin: 50%;
-ms-transform-origin: 50%;
transform-origin: 50%;
-webkit-animation: swiper-preloader-spin 1s infinite linear;
animation: swiper-preloader-spin 1s infinite linear;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 0.04rem solid var(--swiper-preloader-color, var(--swiper-theme-color));
border-radius: 50%;
border-top-color: transparent;
}
.swiper-lazy-preloader-white {
--swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
--swiper-preloader-color: #000;
}
@-webkit-keyframes swiper-preloader-spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes swiper-preloader-spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
/* a11y */
.swiper-container .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
pointer-events: none;
-webkit-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-cube {
overflow: visible;
}
.swiper-container-cube .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
visibility: hidden;
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
width: 100%;
height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
-webkit-transform-origin: 100% 0;
-ms-transform-origin: 100% 0;
transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
pointer-events: auto;
visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
opacity: 0.6;
z-index: 0;
}
.swiper-container-cube .swiper-cube-shadow:before {
content: "";
background: #000;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
-webkit-filter: blur(50px);
filter: blur(50px);
}
.swiper-container-flip {
overflow: visible;
}
.swiper-container-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
/* ブロック
============================================================= */
/* article
============================================================= */
@media screen and (min-width: 768px), print {
.articleWrap_sin + * {
margin-top: 50px;
}
}
@media screen and (max-width: 767px) {
.articleWrap_sin + * {
margin-top: 0.35rem;
}
}
.article_sin:first-child .article__inner_sin {
padding-top: 0;
}
.article_sin:nth-of-type(n + 2) {
border-top: 1px solid #bbbbc1;
}
.article__inner_sin {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
text-align: left;
}
@media screen and (min-width: 768px), print {
.article__inner_sin {
padding: 24px 0 20px;
}
}
@media screen and (max-width: 767px) {
.article__inner_sin {
padding: 0.24rem 0.125rem;
}
}
.article__inner_sin[href] .article__title_sin {
text-decoration: underline;
}
@media (hover: hover), screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
.article__inner_sin[href]:hover {
text-decoration: none;
}
.article__inner_sin[href]:hover .article__title_sin {
text-decoration: none;
}
}
.article__inner_sin[target="_blank"] .article__title_sin:after {
content: "";
display: inline-block;
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224px%22%20height%3D%2222px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%2314172c%22%20d%3D%22M5.999%2C15.998%20L5.999%2C0.0%20L23.999%2C0.0%20L23.999%2C15.998%20L5.999%2C15.998%20ZM21.999%2C1.999%20L7.999%2C1.999%20L7.999%2C14.0%20L21.999%2C14.0%20L21.999%2C1.999%20ZM1.999%2C19.999%20L15.999%2C19.999%20L15.999%2C17.999%20L17.999%2C17.999%20L17.999%2C21.999%20L0.0%2C21.999%20L0.0%2C5.999%20L3.999%2C5.999%20L3.999%2C7.999%20L1.999%2C7.999%20L1.999%2C19.999%20Z%22%2F%3E%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-size: contain;
vertical-align: text-bottom;
}
@media screen and (min-width: 768px), print {
.article__inner_sin[target="_blank"] .article__title_sin:after {
margin-right: 10px;
width: 12px;
height: 12px;
}
}
@media screen and (max-width: 767px) {
.article__inner_sin[target="_blank"] .article__title_sin:after {
margin-right: 0.11rem;
width: 0.1439rem;
height: 0.132rem;
}
}
@media screen and (min-width: 768px), print {
.article__title_sin {
font-size: 15px;
line-height: 1.666;
}
}
@media screen and (max-width: 767px) {
.article__title_sin {
font-size: 0.13rem;
line-height: 1.53;
}
}
.article__date_sin {
display: block;
line-height: 1;
}
@media screen and (min-width: 768px), print {
.article__date_sin {
margin-bottom: 20px;
}
}
@media screen and (max-width: 767px) {
.article__date_sin {
margin-bottom: 0.12rem;
}
}
.article__date_sin time {
display: block;
font-weight: bold;
}
/* banner
============================================================= */
.banner_sin a {
display: block;
-webkit-transition: opacity 0.25s ease-out;
-o-transition: opacity 0.25s ease-out;
transition: opacity 0.25s ease-out;
}
@media (hover: hover), screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
.banner_sin a:hover, .banner_sin a:focus {
opacity: 0.75;
}
}
/* button
============================================================= */
.button_sin {
position: relative;
display: block;
margin-left: auto;
margin-right: auto;
/* modifier */
}
@media screen and (min-width: 768px), print {
.button_sin {
width: 360px;
}
}
@media screen and (max-width: 767px) {
.button_sin {
width: 2.5rem;
}
}
.button_sin * {
letter-spacing: 0.1em;
}
.button_sin[target="_blank"] > span {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.button_sin[target="_blank"] > span::before {
content: "";
display: inline-block;
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224px%22%20height%3D%2222px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%2314172c%22%20d%3D%22M5.999%2C15.998%20L5.999%2C0.0%20L23.999%2C0.0%20L23.999%2C15.998%20L5.999%2C15.998%20ZM21.999%2C1.999%20L7.999%2C1.999%20L7.999%2C14.0%20L21.999%2C14.0%20L21.999%2C1.999%20ZM1.999%2C19.999%20L15.999%2C19.999%20L15.999%2C17.999%20L17.999%2C17.999%20L17.999%2C21.999%20L0.0%2C21.999%20L0.0%2C5.999%20L3.999%2C5.999%20L3.999%2C7.999%20L1.999%2C7.999%20L1.999%2C19.999%20Z%22%2F%3E%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-size: contain;
vertical-align: baseline;
}
@media screen and (min-width: 768px), print {
.button_sin[target="_blank"] > span::before {
margin-right: 24px;
width: 24px;
height: 22px;
}
}
@media screen and (max-width: 767px) {
.button_sin[target="_blank"] > span::before {
margin-right: 0.11rem;
width: 0.1439rem;
height: 0.132rem;
}
}
.button_sin[target="_blank"].-whiteIcon_sin > span::before {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224px%22%20height%3D%2222px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%23fff%22%20d%3D%22M5.999%2C15.998%20L5.999%2C0.0%20L23.999%2C0.0%20L23.999%2C15.998%20L5.999%2C15.998%20ZM21.999%2C1.999%20L7.999%2C1.999%20L7.999%2C14.0%20L21.999%2C14.0%20L21.999%2C1.999%20ZM1.999%2C19.999%20L15.999%2C19.999%20L15.999%2C17.999%20L17.999%2C17.999%20L17.999%2C21.999%20L0.0%2C21.999%20L0.0%2C5.999%20L3.999%2C5.999%20L3.999%2C7.999%20L1.999%2C7.999%20L1.999%2C19.999%20Z%22%2F%3E%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-size: contain;
}
@media (hover: hover), screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
.button_sin[target="_blank"]:hover > span::before, .button_sin[target="_blank"]:focus > span::before {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224px%22%20height%3D%2222px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%23fff%22%20d%3D%22M5.999%2C15.998%20L5.999%2C0.0%20L23.999%2C0.0%20L23.999%2C15.998%20L5.999%2C15.998%20ZM21.999%2C1.999%20L7.999%2C1.999%20L7.999%2C14.0%20L21.999%2C14.0%20L21.999%2C1.999%20ZM1.999%2C19.999%20L15.999%2C19.999%20L15.999%2C17.999%20L17.999%2C17.999%20L17.999%2C21.999%20L0.0%2C21.999%20L0.0%2C5.999%20L3.999%2C5.999%20L3.999%2C7.999%20L1.999%2C7.999%20L1.999%2C19.999%20Z%22%2F%3E%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-size: contain;
}
.button_sin[target="_blank"]:hover.-whiteIcon_sin > span::before, .button_sin[target="_blank"]:focus.-whiteIcon_sin > span::before {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224px%22%20height%3D%2222px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%23000%22%20d%3D%22M5.999%2C15.998%20L5.999%2C0.0%20L23.999%2C0.0%20L23.999%2C15.998%20L5.999%2C15.998%20ZM21.999%2C1.999%20L7.999%2C1.999%20L7.999%2C14.0%20L21.999%2C14.0%20L21.999%2C1.999%20ZM1.999%2C19.999%20L15.999%2C19.999%20L15.999%2C17.999%20L17.999%2C17.999%20L17.999%2C21.999%20L0.0%2C21.999%20L0.0%2C5.999%20L3.999%2C5.999%20L3.999%2C7.999%20L1.999%2C7.999%20L1.999%2C19.999%20Z%22%2F%3E%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-size: contain;
}
}
.button_sin.-primary_sin {
border: 1px solid #aaa;
color: #333333;
font-family: "Yu Mincho", "YuMincho", serif;
/* IE11 */
text-transform: uppercase;
line-height: 1;
-webkit-transition: background 0.25s ease-out, color 0.25s ease-out, border 0.25s ease-out;
-o-transition: background 0.25s ease-out, color 0.25s ease-out, border 0.25s ease-out;
transition: background 0.25s ease-out, color 0.25s ease-out, border 0.25s ease-out;
}
@media all and (-ms-high-contrast: none) {
.button_sin.-primary_sin {
font-family: “ヒラギノ明朝 ProN W3”, “Hiragino Mincho ProN”, “HG明朝E”, “ＭＳ Ｐ明朝”, “ＭＳ 明朝”, serif;
}
}
.button_sin.-primary_sin::before {
display: block;
width: 0;
height: 0;
margin-top: calc((1 - 1) * 0.5em);
content: '';
}
.button_sin.-primary_sin::after {
display: block;
width: 0;
height: 0;
margin-bottom: calc((1 - 1) * 0.5em);
content: '';
}
@media screen and (min-width: 768px), print {
.button_sin.-primary_sin {
padding: 28px 10px 30px;
border-radius: 4px;
font-size: 20px;
}
}
@media screen and (max-width: 767px) {
.button_sin.-primary_sin {
padding: 0.2rem;
border-radius: 0.02rem;
font-size: 0.18rem;
}
}
@media screen and (min-width: 768px), print {
.button_sin.-primary_sin > span {
font-weight: 600;
}
}
@media screen and (max-width: 767px) {
.button_sin.-primary_sin > span {
font-weight: 500;
}
}
.button_sin.-primary_sin > span::after {
content: "";
display: inline-block;
position: absolute;
top: 0;
bottom: 0;
margin: auto 0;
right: 0;
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248px%22%20height%3D%2221px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23333333%22%20stroke-width%3D%222px%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20fill%3D%22none%22%20d%3D%22M1.999%2C10.0%20L37.0%2C10.0%20%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23333333%22%20stroke-width%3D%222px%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20fill%3D%22none%22%20d%3D%22M34.0%2C17.999%20L45.0%2C9.999%20%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23333333%22%20stroke-width%3D%222px%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20fill%3D%22none%22%20d%3D%22M34.0%2C2.0%20L45.0%2C10.0%20%22%2F%3E%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-size: 100% auto;
}
@media screen and (min-width: 768px), print {
.button_sin.-primary_sin > span::after {
right: 31px;
width: 37px;
height: 14px;
}
}
@media screen and (max-width: 767px) {
.button_sin.-primary_sin > span::after {
right: 0.175rem;
width: 0.225rem;
height: 0.09rem;
}
}
.button_sin.-primary_sin.-white_sin {
border-color: #fff;
color: #fff;
}
.button_sin.-primary_sin.-white_sin > span::after {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248px%22%20height%3D%2221px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222px%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20fill%3D%22none%22%20d%3D%22M1.999%2C10.0%20L37.0%2C10.0%20%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222px%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20fill%3D%22none%22%20d%3D%22M34.0%2C17.999%20L45.0%2C9.999%20%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222px%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20fill%3D%22none%22%20d%3D%22M34.0%2C2.0%20L45.0%2C10.0%20%22%2F%3E%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-size: 100% auto;
}
.button_sin.-primary_sin.-noArrow_sin > span::after {
display: none;
}
@media (hover: hover), screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
.button_sin.-primary_sin:hover, .button_sin.-primary_sin:focus {
text-decoration: none;
color: #665f55;
background: #fff;
border-color: #fff;
}
.button_sin.-primary_sin:hover > span::after, .button_sin.-primary_sin:focus > span::after {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248px%22%20height%3D%2221px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23665f55%22%20stroke-width%3D%222px%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20fill%3D%22none%22%20d%3D%22M1.999%2C10.0%20L37.0%2C10.0%20%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23665f55%22%20stroke-width%3D%222px%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20fill%3D%22none%22%20d%3D%22M34.0%2C17.999%20L45.0%2C9.999%20%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23665f55%22%20stroke-width%3D%222px%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20fill%3D%22none%22%20d%3D%22M34.0%2C2.0%20L45.0%2C10.0%20%22%2F%3E%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-size: 100% auto;
}
}
.button_sin.-secondary_sin {
background: #000;
color: #fff;
text-transform: uppercase;
font-weight: 500;
font-family: "Yu Mincho", "YuMincho", serif;
/* IE11 */
-webkit-transition: background, 0.25s ease-out, color 0.25s ease-out;
-o-transition: background, 0.25s ease-out, color 0.25s ease-out;
transition: background, 0.25s ease-out, color 0.25s ease-out;
}
@media all and (-ms-high-contrast: none) {
.button_sin.-secondary_sin {
font-family: “ヒラギノ明朝 ProN W3”, “Hiragino Mincho ProN”, “HG明朝E”, “ＭＳ Ｐ明朝”, “ＭＳ 明朝”, serif;
}
}
@media screen and (min-width: 768px), print {
.button_sin.-secondary_sin {
padding: 20px 10px 19px 14px;
border-radius: 35px;
font-size: 24px;
}
}
@media screen and (max-width: 767px) {
.button_sin.-secondary_sin {
margin-left: 0;
padding: 0.11rem 0.1rem 0.11rem 0.12rem;
border-radius: 0.2rem;
font-size: 0.16rem;
width: 1.75rem;
}
}
@media (hover: hover), screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
.button_sin.-secondary_sin:hover, .button_sin.-secondary_sin:focus {
background: #fff;
text-decoration: none;
color: #333333;
}
}
@media screen and (min-width: 768px), print {
.button_sin.-secondary_sin > span::before {
margin-right: 18px;
width: 28.78px;
height: 26px;
}
}
@media screen and (max-width: 767px) {
.button_sin.-secondary_sin > span::before {
margin-right: 0.08rem;
}
}
.button_sin.-contact_sin {
background: #fff;
}
@media (hover: hover), screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
.button_sin.-contact_sin:hover, .button_sin.-contact_sin:focus {
color: #fff;
background: #222;
border-color: transparent;
}
}
.button_sin.-reserve_sin {
background: #fff;
}
@media screen and (min-width: 768px), print {
.button_sin.-reserve_sin {
padding: 46px 10px 45px 34px;
width: 600px;
font-size: 28px;
}
}
@media screen and (max-width: 767px) {
.button_sin.-reserve_sin {
padding: 0.22rem 0.1rem 0.2rem;
width: 3.25rem;
}
}
@media screen and (min-width: 768px), print {
.button_sin.-reserve_sin > span::before {
margin-right: 18px;
}
}
@media screen and (max-width: 767px) {
.button_sin.-reserve_sin > span::before {
margin-right: 0.1rem;
}
}
.button_sin.-reserve_sin > span::after {
position: static;
}
@media screen and (min-width: 768px), print {
.button_sin.-reserve_sin > span::after {
margin-left: 16px;
width: 45px;
height: 18px;
}
}
@media screen and (max-width: 767px) {
.button_sin.-reserve_sin > span::after {
margin-left: 0.04rem;
width: 0.225rem;
height: 0.09rem;
vertical-align: 0.03rem;
}
}
@media (hover: hover), screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
.button_sin.-reserve_sin:hover, .button_sin.-reserve_sin:focus {
color: #fff;
background: #222;
border-color: transparent;
}
.button_sin.-reserve_sin:hover > span::after, .button_sin.-reserve_sin:focus > span::after {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248px%22%20height%3D%2221px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222px%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20fill%3D%22none%22%20d%3D%22M1.999%2C10.0%20L37.0%2C10.0%20%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222px%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20fill%3D%22none%22%20d%3D%22M34.0%2C17.999%20L45.0%2C9.999%20%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222px%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20fill%3D%22none%22%20d%3D%22M34.0%2C2.0%20L45.0%2C10.0%20%22%2F%3E%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-size: 100% auto;
}
}
.button_sin.-patternA_sin > span {
font-weight: 500;
}
@media screen and (min-width: 768px), print {
.button_sin.-patternA_sin > span::before {
margin-right: 20px;
width: 18px;
height: 17px;
}
}
@media screen and (max-width: 767px) {
.button_sin.-patternA_sin > span::before {
margin-right: 0.08rem;
width: 0.12rem;
height: 0.11rem;
}
}
@media (hover: hover), screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
.button_sin.-patternA_sin:hover, .button_sin.-patternA_sin:focus {
color: #fff;
background: #222;
border-color: transparent;
}
.button_sin.-patternA_sin:hover > span::after, .button_sin.-patternA_sin:focus > span::after {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248px%22%20height%3D%2221px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222px%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20fill%3D%22none%22%20d%3D%22M1.999%2C10.0%20L37.0%2C10.0%20%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222px%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20fill%3D%22none%22%20d%3D%22M34.0%2C17.999%20L45.0%2C9.999%20%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222px%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20fill%3D%22none%22%20d%3D%22M34.0%2C2.0%20L45.0%2C10.0%20%22%2F%3E%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-size: 100% auto;
}
}
@media screen and (min-width: 768px), print {
* + .buttonWrap_sin {
margin-top: 50px;
}
}
@media screen and (max-width: 767px) {
* + .buttonWrap_sin {
margin-top: 0.4rem;
}
}
/* gallery
============================================================= */
.gallery_sin {
position: relative;
background: #222;
overflow: hidden;
}
@media screen and (min-width: 768px), print {
.gallery_sin {
padding-top: 166px;
height: 468px;
}
}
@media screen and (min-width: 768px), print {
.gallery_sin + * {
margin-top: 120px;
}
}
@media screen and (max-width: 767px) {
.gallery_sin + * {
margin-top: 0.7rem;
}
}
@media screen and (min-width: 768px), print {
.gallery__logo_sin {
margin: auto;
width: 102.47px;
height: 136.38px;
}
}
.gallery__logo_sin img {
width: 100%;
}
@media screen and (min-width: 768px), print {
.gallery__list_sin {
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 1703px;
}
}
@media screen and (min-width: 768px), print {
.gallery__listItem_sin {
width: 702px;
}
}
.gallery__listItem_sin img {
width: 100%;
}
/* globalNavi
============================================================= */
.globalNaviWrap_sin {
background: rgba(140, 133, 123, 0.98);
overflow-y: auto;
position: fixed;
top: 0;
right: 0;
z-index: 100;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
opacity: 0;
height: 100vh;
-webkit-transition: opacity 0.25s ease-out;
-o-transition: opacity 0.25s ease-out;
transition: opacity 0.25s ease-out;
pointer-events: none;
}
@media screen and (min-width: 768px), print {
.globalNaviWrap_sin {
padding: 0 30px 50px;
width: 550px;
}
}
@media screen and (max-width: 767px) {
.globalNaviWrap_sin {
padding: 0 25px;
width: 2.75rem;
}
}
.-menuOpen_sin .globalNaviWrap_sin {
opacity: 1;
pointer-events: auto;
}
.globalNavi_sin {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
@media screen and (min-width: 768px), print {
.globalNavi_sin {
padding: 0 20px;
border-top: 1px solid #6a6256;
}
}
@media screen and (min-width: 768px), print {
.globalNavi__list_sin {
margin-top: 10px;
}
}
@media screen and (min-width: 1401px), print {
.globalNavi__list_sin {
margin-top: 38px;
}
}
@media screen and (max-width: 767px) {
.globalNavi__list_sin {
margin-top: 0.05rem;
}
}
.globalNavi__listItem_sin {
text-align: left;
}
@media screen and (min-width: 768px), print {
.globalNavi__listItem_sin {
font-size: clamp(32px, 2.2vw, 42px);
}
}
@media screen and (max-width: 767px) {
.globalNavi__listItem_sin {
font-size: 0.25rem;
}
}
.globalNavi__listLink_sin {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #fff;
text-decoration: none;
text-transform: uppercase;
font-family: "Yu Mincho", "YuMincho", serif;
/* IE11 */
line-height: 1;
-webkit-transition: opacity 0.25s ease-out;
-o-transition: opacity 0.25s ease-out;
transition: opacity 0.25s ease-out;
}
@media all and (-ms-high-contrast: none) {
.globalNavi__listLink_sin {
font-family: “ヒラギノ明朝 ProN W3”, “Hiragino Mincho ProN”, “HG明朝E”, “ＭＳ Ｐ明朝”, “ＭＳ 明朝”, serif;
}
}
@media screen and (min-width: 768px), print {
.globalNavi__listLink_sin {
padding: 1.71vw 0;
}
}
@media screen and (min-width: 768px) and (max-width: 959px), print {
.globalNavi__listLink_sin {
padding: 24px 0;
}
}
@media screen and (max-width: 767px) {
.globalNavi__listLink_sin {
padding: 0.28rem 0;
}
}
@media (hover: hover), screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
.globalNavi__listLink_sin:hover, .globalNavi__listLink_sin:focus {
opacity: 0.75;
text-decoration: underline;
}
}
.globalNavi__listLink_sin:link, .globalNavi__listLink_sin:visited {
color: #fff;
}
.globalNavi__listLink_sin::before {
content: "";
display: inline-block;
background: #6a6256;
height: 2px;
}
@media screen and (min-width: 768px), print {
.globalNavi__listLink_sin::before {
margin: 8px 10px 0 2px;
width: 8px;
}
}
@media screen and (min-width: 1401px), print {
.globalNavi__listLink_sin::before {
margin-right: 20px;
width: 10px;
}
}
@media screen and (max-width: 767px) {
.globalNavi__listLink_sin::before {
margin-right: 0.14rem;
width: 0.06rem;
}
}
.globalNavi__buttonList_sin {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media screen and (min-width: 768px), print {
.globalNavi__buttonList_sin {
margin-top: 2.7vw;
}
}
@media screen and (max-width: 767px) {
.globalNavi__buttonList_sin {
margin-top: 0.1rem;
}
}
@media screen and (min-width: 768px), print {
.globalNavi__button_sin {
width: 210px;
height: 200px;
}
}
@media screen and (max-width: 767px) {
.globalNavi__button_sin {
width: 1.05rem;
height: 1rem;
}
}
.globalNavi__buttonLink_sin {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 100%;
text-transform: uppercase;
-webkit-transition: opacity 0.25s ease-out;
-o-transition: opacity 0.25s ease-out;
transition: opacity 0.25s ease-out;
}
@media screen and (min-width: 768px), print {
.globalNavi__buttonLink_sin {
border-radius: 4px;
}
}
@media screen and (max-width: 767px) {
.globalNavi__buttonLink_sin {
border-radius: 0.02rem;
}
}
@media (hover: hover), screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
.globalNavi__buttonLink_sin:hover, .globalNavi__buttonLink_sin:focus {
opacity: 0.75;
text-decoration: none;
}
}
.globalNavi__buttonLink_sin::before {
content: "";
display: inline-block;
background-size: 100% auto;
background-repeat: no-repeat;
}
.globalNavi__buttonLink_sin.-contact_sin {
background: #fff;
}
.globalNavi__buttonLink_sin.-contact_sin[target="_blank"] > span::before {
content: "";
display: inline-block;
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224px%22%20height%3D%2222px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%2314172c%22%20d%3D%22M5.999%2C15.998%20L5.999%2C0.0%20L23.999%2C0.0%20L23.999%2C15.998%20L5.999%2C15.998%20ZM21.999%2C1.999%20L7.999%2C1.999%20L7.999%2C14.0%20L21.999%2C14.0%20L21.999%2C1.999%20ZM1.999%2C19.999%20L15.999%2C19.999%20L15.999%2C17.999%20L17.999%2C17.999%20L17.999%2C21.999%20L0.0%2C21.999%20L0.0%2C5.999%20L3.999%2C5.999%20L3.999%2C7.999%20L1.999%2C7.999%20L1.999%2C19.999%20Z%22%2F%3E%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-size: contain;
}
@media screen and (min-width: 768px), print {
.globalNavi__buttonLink_sin.-contact_sin[target="_blank"] > span::before {
margin-right: 6px;
width: 25.94px;
height: 23px;
}
}
@media screen and (max-width: 767px) {
.globalNavi__buttonLink_sin.-contact_sin[target="_blank"] > span::before {
margin-right: 0.02rem;
width: 0.1297rem;
height: 0.115rem;
}
}
.globalNavi__buttonLink_sin.-contact_sin::before {
background-image: url(../../images/icon_contact.svg);
}
@media screen and (min-width: 768px), print {
.globalNavi__buttonLink_sin.-contact_sin::before {
margin-bottom: 34px;
width: 59px;
height: 42px;
}
}
@media screen and (max-width: 767px) {
.globalNavi__buttonLink_sin.-contact_sin::before {
margin-bottom: 0.17rem;
width: 0.295rem;
height: 0.21rem;
}
}
.globalNavi__buttonLink_sin.-instagram_sin {
background: #665f55;
color: #fff;
}
.globalNavi__buttonLink_sin.-instagram_sin::before {
background-image: url(../../images/icon_instagram.svg);
}
@media screen and (min-width: 768px), print {
.globalNavi__buttonLink_sin.-instagram_sin::before {
width: 50px;
height: 50px;
margin-bottom: 24px;
}
}
@media screen and (max-width: 767px) {
.globalNavi__buttonLink_sin.-instagram_sin::before {
margin-bottom: 0.135rem;
width: 0.25rem;
height: 0.25rem;
}
}
.globalNavi__buttonLink_sin span {
display: block;
font-family: "Yu Mincho", "YuMincho", serif;
/* IE11 */
line-height: 1;
}
@media all and (-ms-high-contrast: none) {
.globalNavi__buttonLink_sin span {
font-family: “ヒラギノ明朝 ProN W3”, “Hiragino Mincho ProN”, “HG明朝E”, “ＭＳ Ｐ明朝”, “ＭＳ 明朝”, serif;
}
}
@media screen and (min-width: 768px), print {
.globalNavi__buttonLink_sin span {
font-size: 24px;
}
}
@media screen and (max-width: 767px) {
.globalNavi__buttonLink_sin span {
font-size: 0.12rem;
}
}
.globalNavi__utility_sin {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
@media screen and (min-width: 768px), print {
.globalNavi__utility_sin {
padding: 20px 0;
}
}
@media screen and (max-width: 767px) {
.globalNavi__utility_sin {
padding: 0.12rem 0;
}
}
@media screen and (min-width: 768px), print {
#sincro-home .globalNavi__utility_sin {
padding: 35px 0;
}
}
@media screen and (min-width: 768px), print {
.globalNavi__buttonReserve_sin .button_sin.-secondary_sin {
margin-left: 20px;
}
}
.globalNaviButton_sin {
position: absolute;
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
z-index: 101;
border: none;
background: #f1f1f1;
border-radius: 50%;
-webkit-transition: -webkit-box-shadow 0.25s ease-out;
transition: -webkit-box-shadow 0.25s ease-out;
-o-transition: box-shadow 0.25s ease-out;
transition: box-shadow 0.25s ease-out;
transition: box-shadow 0.25s ease-out, -webkit-box-shadow 0.25s ease-out;
}
@media screen and (min-width: 768px), print {
.globalNaviButton_sin {
top: 20px;
right: 35px;
width: 70px;
height: 70px;
}
}
@media screen and (max-width: 767px) {
.globalNaviButton_sin {
top: 0.125rem;
right: 0.125rem;
width: 0.4rem;
height: 0.4rem;
}
}
.globalNaviButton_sin:focus:not(:focus-visible) {
outline: 0;
}
@media (hover: hover), screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
.globalNaviButton_sin:hover {
-webkit-box-shadow: 0 0 5px 2px rgba(51, 51, 51, 0.5);
box-shadow: 0 0 5px 2px rgba(51, 51, 51, 0.5);
}
}
@media screen and (min-width: 768px), print {
#sincro-home .globalNaviButton_sin {
top: 35px;
}
}
.globalNaviButton__icon_sin {
background-color: #000;
display: block;
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
margin: auto;
height: 2px;
}
@media screen and (min-width: 768px), print {
.globalNaviButton__icon_sin {
width: 28px;
}
}
@media screen and (max-width: 767px) {
.globalNaviButton__icon_sin {
width: 0.2rem;
}
}
.globalNaviButton__icon_sin::before, .globalNaviButton__icon_sin::after {
background-color: #333333;
content: "";
display: block;
position: absolute;
right: 0;
left: 0;
margin: auto;
width: 100%;
height: 100%;
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s;
}
@media screen and (min-width: 768px), print {
.globalNaviButton__icon_sin::before {
top: -10px;
}
}
@media screen and (max-width: 767px) {
.globalNaviButton__icon_sin::before {
top: -0.06rem;
}
}
@media screen and (min-width: 768px), print {
.globalNaviButton__icon_sin::after {
top: 10px;
}
}
@media screen and (max-width: 767px) {
.globalNaviButton__icon_sin::after {
top: 0.06rem;
}
}
.-menuOpen_sin .globalNaviButton__icon_sin {
background-color: transparent;
}
@media screen and (min-width: 768px), print {
.-menuOpen_sin .globalNaviButton__icon_sin {
width: 35px;
}
}
@media screen and (max-width: 767px) {
.-menuOpen_sin .globalNaviButton__icon_sin {
width: 0.2rem;
}
}
.-menuOpen_sin .globalNaviButton__icon_sin::before, .-menuOpen_sin .globalNaviButton__icon_sin::after {
top: 0;
}
@media screen and (min-width: 768px), print {
.-menuOpen_sin .globalNaviButton__icon_sin::before, .-menuOpen_sin .globalNaviButton__icon_sin::after {
width: 35px;
}
}
@media screen and (max-width: 767px) {
.-menuOpen_sin .globalNaviButton__icon_sin::before, .-menuOpen_sin .globalNaviButton__icon_sin::after {
width: 0.2rem;
}
}
.-menuOpen_sin .globalNaviButton__icon_sin::before {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.-menuOpen_sin .globalNaviButton__icon_sin::after {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.inview {
opacity: 0;
}
.inview.-inviewed {
opacity: 1;
-webkit-transition: opacity 1s;
-o-transition: opacity 1s;
transition: opacity 1s;
}
/* layout
============================================================= */
.layout_sin {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media screen and (min-width: 768px), print {
.layout_sin {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
@media screen and (max-width: 767px) {
.layout_sin {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 0 0.05rem;
}
}
@media screen and (min-width: 768px), print {
.layout_sin.-reserve_sin {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.layout_sin.-reserve_sin .layout__body_sin {
margin-left: 60px;
}
.layout_sin.-reserve_sin .layout__image_sin {
margin-left: 0;
}
}
@media screen and (min-width: 768px), print {
.layout_sin + .layout_sin {
margin-top: 82px;
}
}
@media screen and (max-width: 767px) {
.layout_sin + .layout_sin {
margin-top: 0.6rem;
}
}
@media screen and (min-width: 768px), print {
.layout__image_sin {
margin-left: 60px;
width: 5rem;
}
.chef_02_sin .layout__image_sin {
width: 3rem;
}
}
@media screen and (max-width: 767px) {
.layout__image_sin {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.chef_02_sin .layout__image_sin {
margin: auto;
width: 2rem;
}
}
.layout__image_sin img {
width: 100%;
}
@media screen and (min-width: 768px), print {
.layout__body_sin {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
}
@media screen and (max-width: 767px) {
.layout__body_sin {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
padding-top: 0.4rem;
}
}
.layout__bodyTitle_sin {
color: #fff;
font-family: "Yu Mincho", "YuMincho", serif;
/* IE11 */
font-weight: 500;
}
@media all and (-ms-high-contrast: none) {
.layout__bodyTitle_sin {
font-family: “ヒラギノ明朝 ProN W3”, “Hiragino Mincho ProN”, “HG明朝E”, “ＭＳ Ｐ明朝”, “ＭＳ 明朝”, serif;
}
}
@media screen and (min-width: 768px), print {
.layout__bodyTitle_sin + * {
margin-top: 40px;
}
}
@media screen and (max-width: 767px) {
.layout__bodyTitle_sin + * {
margin-top: 0.3rem;
}
}
.layout__bodyTitleSub_sin {
display: block;
line-height: 1;
letter-spacing: 0.05em;
}
@media screen and (min-width: 768px), print {
.layout__bodyTitleSub_sin {
font-size: 20px;
}
.chef_02_sin .layout__bodyTitleSub_sin {
font-size: 14px;
}
}
@media screen and (max-width: 767px) {
.layout__bodyTitleSub_sin {
font-size: 0.14rem;
}
}
.layout__bodyTitleMain_sin {
display: block;
line-height: 1;
}
@media screen and (min-width: 768px), print {
.layout__bodyTitleMain_sin {
margin-top: 5px;
font-size: 36px;
}
.chef_02_sin .layout__bodyTitleMain_sin {
font-size: 30px;
}
}
@media screen and (max-width: 767px) {
.layout__bodyTitleMain_sin {
margin-top: 0.1rem;
font-size: 0.25rem;
}
}
@media screen and (min-width: 768px), print {
.layout__bodyTitleMain_sin > span {
margin-left: 12px;
font-size: 24px;
}
}
@media screen and (max-width: 767px) {
.layout__bodyTitleMain_sin > span {
margin-left: 0.06rem;
font-size: 0.14rem;
}
}
/* linkBlock
============================================================= */
@media screen and (min-width: 768px), print {
.linkBlock_sin {
padding-bottom: 140px;
}
}
@media screen and (max-width: 767px) {
.linkBlock_sin {
padding-bottom: 0.8rem;
}
}
.linkBlock__title_sin {
margin: 0 auto;
}
@media screen and (min-width: 768px), print {
.linkBlock__title_sin {
width: 176.13px;
}
}
@media screen and (max-width: 767px) {
.linkBlock__title_sin {
width: 1.407rem;
}
}
.linkBlock__title_sin img {
width: 100%;
}
.linkBlock__button_sin {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media screen and (min-width: 768px), print {
.linkBlock__button_sin {
margin-top: 40px;
}
}
@media screen and (max-width: 767px) {
.linkBlock__button_sin {
margin: 0.24rem -0.2rem 0;
}
}
.linkBlock__buttonItem_sin {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
@media screen and (min-width: 768px), print {
.linkBlock__buttonItem_sin {
margin: 0 15px;
width: 330px;
}
}
@media screen and (max-width: 767px) {
.linkBlock__buttonItem_sin {
margin: 0 0.075rem;
width: 1.65rem;
}
}
.linkBlock__buttonText_sin {
line-height: 1;
letter-spacing: 0.1em;
}
@media screen and (min-width: 768px), print {
.linkBlock__buttonText_sin {
margin-top: 0.13rem;
padding-left: 10px;
font-size: 15px;
}
}
@media screen and (max-width: 767px) {
.linkBlock__buttonText_sin {
margin-top: 0.06rem;
padding-left: 0.05rem;
font-size: 0.13rem;
}
}
.linkBlock__buttonLink_sin {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
background: #665f55;
color: #fff;
text-transform: uppercase;
font-family: "Yu Mincho", "YuMincho", serif;
/* IE11 */
line-height: 1;
letter-spacing: 0.1em;
border: 2px solid transparent;
-webkit-transition: background 0.25s ease-out, color 0.25s ease-out, border 0.25s ease-out;
-o-transition: background 0.25s ease-out, color 0.25s ease-out, border 0.25s ease-out;
transition: background 0.25s ease-out, color 0.25s ease-out, border 0.25s ease-out;
}
@media all and (-ms-high-contrast: none) {
.linkBlock__buttonLink_sin {
font-family: “ヒラギノ明朝 ProN W3”, “Hiragino Mincho ProN”, “HG明朝E”, “ＭＳ Ｐ明朝”, “ＭＳ 明朝”, serif;
}
}
.linkBlock__buttonLink_sin:link, .linkBlock__buttonLink_sin:visited {
color: #fff;
}
@media screen and (min-width: 768px), print {
.linkBlock__buttonLink_sin {
padding-bottom: 46px;
border-radius: 4px;
height: 200px;
font-size: 36px;
}
}
@media screen and (max-width: 767px) {
.linkBlock__buttonLink_sin {
padding-bottom: 0.22rem;
border-radius: 0.02rem;
height: 1rem;
font-size: 0.18rem;
}
}
@media (hover: hover), screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
.linkBlock__buttonLink_sin:hover {
text-decoration: none;
border-color: #665f55;
background: #fff;
color: #665f55;
}
.linkBlock__buttonLink_sin:hover.-concept_sin::before {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2259px%22%20height%3D%2258px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%23665f55%22%20d%3D%22M47.414%2C28.493%20L47.414%2C55.403%20C47.414%2C56.340%2046.656%2C57.98%2045.720%2C57.98%20C44.785%2C57.98%2044.26%2C56.340%2044.26%2C55.403%20L44.26%2C28.493%20C37.915%2C27.571%2033.186%2C21.764%2033.186%2C14.742%20C33.186%2C7.81%2038.808%2C0.848%2045.720%2C0.848%20C52.632%2C0.848%2058.254%2C7.81%2058.254%2C14.742%20C58.254%2C21.764%2053.525%2C27.571%2047.414%2C28.493%20ZM45.720%2C4.237%20C40.677%2C4.237%2036.574%2C8.950%2036.574%2C14.742%20C36.574%2C20.534%2040.677%2C25.246%2045.720%2C25.246%20C50.763%2C25.246%2054.867%2C20.534%2054.867%2C14.742%20C54.867%2C8.950%2050.763%2C4.237%2045.720%2C4.237%20ZM23.933%2C22.482%20L14.893%2C26.752%20L14.893%2C55.403%20C14.893%2C56.340%2014.134%2C57.98%2013.199%2C57.98%20C12.263%2C57.98%2011.505%2C56.340%2011.505%2C55.403%20L11.505%2C26.752%20L2.434%2C22.468%20C1.398%2C22.3%200.692%2C20.938%200.665%2C19.770%20L0.665%2C3.900%20C0.665%2C2.963%201.423%2C2.204%202.358%2C2.204%20C3.294%2C2.204%204.52%2C2.963%204.52%2C3.900%20L4.52%2C19.485%20L11.505%2C23.5%20L11.505%2C3.900%20C11.505%2C2.963%2012.263%2C2.204%2013.199%2C2.204%20C14.134%2C2.204%2014.893%2C2.963%2014.893%2C3.900%20L14.893%2C23.5%20L22.346%2C19.485%20L22.346%2C3.900%20C22.346%2C2.963%2023.104%2C2.204%2024.39%2C2.204%20C24.975%2C2.204%2025.733%2C2.963%2025.733%2C3.900%20L25.733%2C19.729%20C25.706%2C20.938%2025.0%2C22.3%2023.933%2C22.482%20Z%22%2F%3E%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-size: 100% auto;
}
.linkBlock__buttonLink_sin:hover.-access_sin::before {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2241px%22%20height%3D%2256px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%23665f55%22%20d%3D%22M40.24%2C54.96%20C40.24%2C54.404%2039.907%2C54.714%2039.674%2C54.950%20C39.440%2C55.186%2039.135%2C55.304%2038.829%2C55.304%20C38.524%2C55.304%2038.218%2C55.186%2037.985%2C54.950%20L29.40%2C45.898%20C28.807%2C45.661%2028.690%2C45.352%2028.690%2C45.43%20L11.363%2C45.43%20C11.363%2C45.352%2011.246%2C45.661%2011.13%2C45.898%20L7.390%2C49.563%20L29.586%2C49.563%20C30.246%2C49.563%2030.780%2C50.104%2030.780%2C50.773%20C30.780%2C51.439%2030.246%2C51.981%2029.586%2C51.981%20L5.81%2C51.981%20C5.58%2C51.981%205.38%2C51.969%205.15%2C51.967%20L2.68%2C54.950%20C1.835%2C55.186%201.529%2C55.304%201.223%2C55.304%20C0.918%2C55.304%200.612%2C55.186%200.379%2C54.950%20C0.146%2C54.714%200.29%2C54.404%200.29%2C54.96%20C0.29%2C53.786%200.146%2C53.478%200.379%2C53.241%20L8.479%2C45.43%20L5.392%2C45.43%20C3.416%2C45.43%201.809%2C43.417%201.809%2C41.417%20L1.809%2C18.453%20C1.809%2C17.786%202.344%2C17.245%203.3%2C17.245%20C3.662%2C17.245%204.197%2C17.786%204.197%2C18.453%20L4.197%2C28.122%20L35.247%2C28.122%20L35.247%2C12.410%20L3.3%2C12.410%20C2.344%2C12.410%201.809%2C11.870%201.809%2C11.203%20L1.809%2C3.950%20C1.809%2C1.950%203.416%2C0.325%205.392%2C0.325%20L34.53%2C0.325%20C36.28%2C0.325%2037.635%2C1.950%2037.635%2C3.950%20L37.635%2C29.331%20L37.635%2C30.539%20L37.635%2C41.417%20C37.635%2C43.417%2036.28%2C45.43%2034.53%2C45.43%20L31.573%2C45.43%20L39.674%2C53.241%20C39.907%2C53.478%2040.24%2C53.786%2040.24%2C54.96%20ZM35.247%2C3.950%20C35.247%2C3.284%2034.711%2C2.741%2034.53%2C2.741%20L5.392%2C2.741%20C4.733%2C2.741%204.197%2C3.284%204.197%2C3.950%20L4.197%2C9.994%20L35.247%2C9.994%20L35.247%2C3.950%20ZM34.53%2C42.626%20C34.711%2C42.626%2035.247%2C42.84%2035.247%2C41.417%20L35.247%2C30.539%20L4.197%2C30.539%20L4.197%2C41.417%20C4.197%2C42.84%204.733%2C42.626%205.392%2C42.626%20L34.53%2C42.626%20ZM10.168%2C35.374%20L12.557%2C35.374%20C13.216%2C35.374%2013.751%2C35.916%2013.751%2C36.583%20C13.751%2C37.251%2013.216%2C37.791%2012.557%2C37.791%20L10.168%2C37.791%20C9.509%2C37.791%208.974%2C37.251%208.974%2C36.583%20C8.974%2C35.916%209.509%2C35.374%2010.168%2C35.374%20ZM26.887%2C35.374%20L29.276%2C35.374%20C29.936%2C35.374%2030.470%2C35.916%2030.470%2C36.583%20C30.470%2C37.251%2029.936%2C37.791%2029.276%2C37.791%20L26.887%2C37.791%20C26.227%2C37.791%2025.693%2C37.251%2025.693%2C36.583%20C25.693%2C35.916%2026.227%2C35.374%2026.887%2C35.374%20Z%22%2F%3E%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-size: 100% auto;
}
.linkBlock__buttonLink_sin:hover.-menu_sin::before {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2238px%22%20height%3D%2252px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%23665f55%22%20d%3D%22M12.400%2C29.301%20L19.0%2C29.301%20C19.607%2C29.301%2020.100%2C29.792%2020.100%2C30.399%20C20.100%2C31.8%2019.607%2C31.499%2019.0%2C31.499%20L12.400%2C31.499%20C11.792%2C31.499%2011.300%2C31.8%2011.300%2C30.399%20C11.300%2C29.792%2011.792%2C29.301%2012.400%2C29.301%20ZM25.599%2C13.900%20L12.400%2C13.900%20C11.792%2C13.900%2011.300%2C13.406%2011.300%2C12.799%20C11.300%2C12.192%2011.792%2C11.700%2012.400%2C11.700%20L25.599%2C11.700%20C26.207%2C11.700%2026.699%2C12.192%2026.699%2C12.799%20C26.699%2C13.406%2026.207%2C13.900%2025.599%2C13.900%20ZM25.599%2C22.700%20L12.400%2C22.700%20C11.792%2C22.700%2011.300%2C22.207%2011.300%2C21.600%20C11.300%2C20.992%2011.792%2C20.499%2012.400%2C20.499%20L25.599%2C20.499%20C26.207%2C20.499%2026.699%2C20.992%2026.699%2C21.600%20C26.699%2C22.207%2026.207%2C22.700%2025.599%2C22.700%20ZM34.399%2C51.300%20L3.600%2C51.300%20C1.780%2C51.300%200.299%2C49.819%200.299%2C48.0%20L0.299%2C4.1%20C0.299%2C2.179%201.780%2C0.701%203.600%2C0.701%20L34.399%2C0.701%20C35.7%2C0.701%2035.499%2C1.192%2035.499%2C1.798%20C35.499%2C2.408%2035.7%2C2.900%2034.399%2C2.900%20L3.600%2C2.900%20C2.993%2C2.900%202.499%2C3.394%202.499%2C4.1%20L2.499%2C48.0%20C2.499%2C48.607%202.993%2C49.100%203.600%2C49.100%20L34.399%2C49.100%20C35.6%2C49.100%2035.499%2C48.607%2035.499%2C48.0%20L35.499%2C9.324%20C35.499%2C8.715%2035.991%2C8.223%2036.599%2C8.223%20C37.207%2C8.223%2037.699%2C8.715%2037.699%2C9.324%20L37.699%2C48.0%20C37.699%2C49.819%2036.219%2C51.300%2034.399%2C51.300%20Z%22%2F%3E%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-size: 100% auto;
}
.linkBlock__buttonLink_sin:hover::after {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2238px%22%20height%3D%2227px%22%3E%3Cdefs%3E%3Cfilter%20id%3D%22Filter_0%22%3E%20%3CfeFlood%20flood-color%3D%22%23rown2%22%20flood-opacity%3D%221%22%20result%3D%22floodOut%22%20%2F%3E%20%3CfeComposite%20operator%3D%22atop%22%20in%3D%22floodOut%22%20in2%3D%22SourceGraphic%22%20result%3D%22compOut%22%20%2F%3E%20%3CfeBlend%20mode%3D%22normal%22%20in%3D%22compOut%22%20in2%3D%22SourceGraphic%22%20%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20filter%3D%22url(%23Filter_0)%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23000000%22%20stroke-width%3D%222px%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20fill%3D%22none%22%20d%3D%22M2.979%2C12.965%20L23.780%2C12.965%20%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23000000%22%20stroke-width%3D%222px%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20fill%3D%22none%22%20d%3D%22M19.940%2C2.725%20L34.20%2C12.965%20%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23000000%22%20stroke-width%3D%222px%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20fill%3D%22none%22%20d%3D%22M19.940%2C23.206%20L34.20%2C12.965%20%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-size: 100% auto;
}
}
.linkBlock__buttonLink_sin.-concept_sin::before {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2259px%22%20height%3D%2258px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%23ffffff%22%20d%3D%22M47.414%2C28.493%20L47.414%2C55.403%20C47.414%2C56.340%2046.656%2C57.98%2045.720%2C57.98%20C44.785%2C57.98%2044.26%2C56.340%2044.26%2C55.403%20L44.26%2C28.493%20C37.915%2C27.571%2033.186%2C21.764%2033.186%2C14.742%20C33.186%2C7.81%2038.808%2C0.848%2045.720%2C0.848%20C52.632%2C0.848%2058.254%2C7.81%2058.254%2C14.742%20C58.254%2C21.764%2053.525%2C27.571%2047.414%2C28.493%20ZM45.720%2C4.237%20C40.677%2C4.237%2036.574%2C8.950%2036.574%2C14.742%20C36.574%2C20.534%2040.677%2C25.246%2045.720%2C25.246%20C50.763%2C25.246%2054.867%2C20.534%2054.867%2C14.742%20C54.867%2C8.950%2050.763%2C4.237%2045.720%2C4.237%20ZM23.933%2C22.482%20L14.893%2C26.752%20L14.893%2C55.403%20C14.893%2C56.340%2014.134%2C57.98%2013.199%2C57.98%20C12.263%2C57.98%2011.505%2C56.340%2011.505%2C55.403%20L11.505%2C26.752%20L2.434%2C22.468%20C1.398%2C22.3%200.692%2C20.938%200.665%2C19.770%20L0.665%2C3.900%20C0.665%2C2.963%201.423%2C2.204%202.358%2C2.204%20C3.294%2C2.204%204.52%2C2.963%204.52%2C3.900%20L4.52%2C19.485%20L11.505%2C23.5%20L11.505%2C3.900%20C11.505%2C2.963%2012.263%2C2.204%2013.199%2C2.204%20C14.134%2C2.204%2014.893%2C2.963%2014.893%2C3.900%20L14.893%2C23.5%20L22.346%2C19.485%20L22.346%2C3.900%20C22.346%2C2.963%2023.104%2C2.204%2024.39%2C2.204%20C24.975%2C2.204%2025.733%2C2.963%2025.733%2C3.900%20L25.733%2C19.729%20C25.706%2C20.938%2025.0%2C22.3%2023.933%2C22.482%20Z%22%2F%3E%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-size: 100% auto;
}
@media screen and (min-width: 768px), print {
.linkBlock__buttonLink_sin.-concept_sin::before {
width: 57.59px;
height: 56px;
}
}
@media screen and (max-width: 767px) {
.linkBlock__buttonLink_sin.-concept_sin::before {
width: 0.2879rem;
height: 0.28rem;
}
}
.linkBlock__buttonLink_sin.-access_sin::before {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2241px%22%20height%3D%2256px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%23ffffff%22%20d%3D%22M40.24%2C54.96%20C40.24%2C54.404%2039.907%2C54.714%2039.674%2C54.950%20C39.440%2C55.186%2039.135%2C55.304%2038.829%2C55.304%20C38.524%2C55.304%2038.218%2C55.186%2037.985%2C54.950%20L29.40%2C45.898%20C28.807%2C45.661%2028.690%2C45.352%2028.690%2C45.43%20L11.363%2C45.43%20C11.363%2C45.352%2011.246%2C45.661%2011.13%2C45.898%20L7.390%2C49.563%20L29.586%2C49.563%20C30.246%2C49.563%2030.780%2C50.104%2030.780%2C50.773%20C30.780%2C51.439%2030.246%2C51.981%2029.586%2C51.981%20L5.81%2C51.981%20C5.58%2C51.981%205.38%2C51.969%205.15%2C51.967%20L2.68%2C54.950%20C1.835%2C55.186%201.529%2C55.304%201.223%2C55.304%20C0.918%2C55.304%200.612%2C55.186%200.379%2C54.950%20C0.146%2C54.714%200.29%2C54.404%200.29%2C54.96%20C0.29%2C53.786%200.146%2C53.478%200.379%2C53.241%20L8.479%2C45.43%20L5.392%2C45.43%20C3.416%2C45.43%201.809%2C43.417%201.809%2C41.417%20L1.809%2C18.453%20C1.809%2C17.786%202.344%2C17.245%203.3%2C17.245%20C3.662%2C17.245%204.197%2C17.786%204.197%2C18.453%20L4.197%2C28.122%20L35.247%2C28.122%20L35.247%2C12.410%20L3.3%2C12.410%20C2.344%2C12.410%201.809%2C11.870%201.809%2C11.203%20L1.809%2C3.950%20C1.809%2C1.950%203.416%2C0.325%205.392%2C0.325%20L34.53%2C0.325%20C36.28%2C0.325%2037.635%2C1.950%2037.635%2C3.950%20L37.635%2C29.331%20L37.635%2C30.539%20L37.635%2C41.417%20C37.635%2C43.417%2036.28%2C45.43%2034.53%2C45.43%20L31.573%2C45.43%20L39.674%2C53.241%20C39.907%2C53.478%2040.24%2C53.786%2040.24%2C54.96%20ZM35.247%2C3.950%20C35.247%2C3.284%2034.711%2C2.741%2034.53%2C2.741%20L5.392%2C2.741%20C4.733%2C2.741%204.197%2C3.284%204.197%2C3.950%20L4.197%2C9.994%20L35.247%2C9.994%20L35.247%2C3.950%20ZM34.53%2C42.626%20C34.711%2C42.626%2035.247%2C42.84%2035.247%2C41.417%20L35.247%2C30.539%20L4.197%2C30.539%20L4.197%2C41.417%20C4.197%2C42.84%204.733%2C42.626%205.392%2C42.626%20L34.53%2C42.626%20ZM10.168%2C35.374%20L12.557%2C35.374%20C13.216%2C35.374%2013.751%2C35.916%2013.751%2C36.583%20C13.751%2C37.251%2013.216%2C37.791%2012.557%2C37.791%20L10.168%2C37.791%20C9.509%2C37.791%208.974%2C37.251%208.974%2C36.583%20C8.974%2C35.916%209.509%2C35.374%2010.168%2C35.374%20ZM26.887%2C35.374%20L29.276%2C35.374%20C29.936%2C35.374%2030.470%2C35.916%2030.470%2C36.583%20C30.470%2C37.251%2029.936%2C37.791%2029.276%2C37.791%20L26.887%2C37.791%20C26.227%2C37.791%2025.693%2C37.251%2025.693%2C36.583%20C25.693%2C35.916%2026.227%2C35.374%2026.887%2C35.374%20Z%22%2F%3E%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-size: 100% auto;
}
@media screen and (min-width: 768px), print {
.linkBlock__buttonLink_sin.-access_sin::before {
width: 40.84px;
height: 55px;
}
}
@media screen and (max-width: 767px) {
.linkBlock__buttonLink_sin.-access_sin::before {
width: 0.2042rem;
height: 0.275rem;
}
}
.linkBlock__buttonLink_sin.-menu_sin::before {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2238px%22%20height%3D%2252px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%23ffffff%22%20d%3D%22M12.400%2C29.301%20L19.0%2C29.301%20C19.607%2C29.301%2020.100%2C29.792%2020.100%2C30.399%20C20.100%2C31.8%2019.607%2C31.499%2019.0%2C31.499%20L12.400%2C31.499%20C11.792%2C31.499%2011.300%2C31.8%2011.300%2C30.399%20C11.300%2C29.792%2011.792%2C29.301%2012.400%2C29.301%20ZM25.599%2C13.900%20L12.400%2C13.900%20C11.792%2C13.900%2011.300%2C13.406%2011.300%2C12.799%20C11.300%2C12.192%2011.792%2C11.700%2012.400%2C11.700%20L25.599%2C11.700%20C26.207%2C11.700%2026.699%2C12.192%2026.699%2C12.799%20C26.699%2C13.406%2026.207%2C13.900%2025.599%2C13.900%20ZM25.599%2C22.700%20L12.400%2C22.700%20C11.792%2C22.700%2011.300%2C22.207%2011.300%2C21.600%20C11.300%2C20.992%2011.792%2C20.499%2012.400%2C20.499%20L25.599%2C20.499%20C26.207%2C20.499%2026.699%2C20.992%2026.699%2C21.600%20C26.699%2C22.207%2026.207%2C22.700%2025.599%2C22.700%20ZM34.399%2C51.300%20L3.600%2C51.300%20C1.780%2C51.300%200.299%2C49.819%200.299%2C48.0%20L0.299%2C4.1%20C0.299%2C2.179%201.780%2C0.701%203.600%2C0.701%20L34.399%2C0.701%20C35.7%2C0.701%2035.499%2C1.192%2035.499%2C1.798%20C35.499%2C2.408%2035.7%2C2.900%2034.399%2C2.900%20L3.600%2C2.900%20C2.993%2C2.900%202.499%2C3.394%202.499%2C4.1%20L2.499%2C48.0%20C2.499%2C48.607%202.993%2C49.100%203.600%2C49.100%20L34.399%2C49.100%20C35.6%2C49.100%2035.499%2C48.607%2035.499%2C48.0%20L35.499%2C9.324%20C35.499%2C8.715%2035.991%2C8.223%2036.599%2C8.223%20C37.207%2C8.223%2037.699%2C8.715%2037.699%2C9.324%20L37.699%2C48.0%20C37.699%2C49.819%2036.219%2C51.300%2034.399%2C51.300%20Z%22%2F%3E%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-size: 100% auto;
}
@media screen and (min-width: 768px), print {
.linkBlock__buttonLink_sin.-menu_sin::before {
width: 38px;
height: 52px;
}
}
@media screen and (max-width: 767px) {
.linkBlock__buttonLink_sin.-menu_sin::before {
width: 0.19rem;
height: 0.26rem;
}
}
.linkBlock__buttonLink_sin::before {
content: "";
display: block;
}
@media screen and (min-width: 768px), print {
.linkBlock__buttonLink_sin::before {
margin: 0 auto 16px;
}
}
@media screen and (max-width: 767px) {
.linkBlock__buttonLink_sin::before {
margin: 0 auto 0.09rem;
}
}
.linkBlock__buttonLink_sin::after {
position: absolute;
content: "";
display: inline-block;
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2238px%22%20height%3D%2227px%22%3E%3Cdefs%3E%3Cfilter%20id%3D%22Filter_0%22%3E%20%3CfeFlood%20flood-color%3D%22%23ffffff%22%20flood-opacity%3D%221%22%20result%3D%22floodOut%22%20%2F%3E%20%3CfeComposite%20operator%3D%22atop%22%20in%3D%22floodOut%22%20in2%3D%22SourceGraphic%22%20result%3D%22compOut%22%20%2F%3E%20%3CfeBlend%20mode%3D%22normal%22%20in%3D%22compOut%22%20in2%3D%22SourceGraphic%22%20%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20filter%3D%22url(%23Filter_0)%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23000000%22%20stroke-width%3D%222px%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20fill%3D%22none%22%20d%3D%22M2.979%2C12.965%20L23.780%2C12.965%20%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23000000%22%20stroke-width%3D%222px%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20fill%3D%22none%22%20d%3D%22M19.940%2C2.725%20L34.20%2C12.965%20%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23000000%22%20stroke-width%3D%222px%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20fill%3D%22none%22%20d%3D%22M19.940%2C23.206%20L34.20%2C12.965%20%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-size: 100% auto;
}
@media screen and (min-width: 768px), print {
.linkBlock__buttonLink_sin::after {
bottom: 18px;
right: 18px;
width: 35px;
height: 24px;
}
}
@media screen and (max-width: 767px) {
.linkBlock__buttonLink_sin::after {
bottom: 0.1rem;
right: 0.08rem;
width: 0.18rem;
height: 0.12rem;
}
}
/* mainVisual
============================================================= */
.mainVisual_sin {
position: relative;
z-index: 2;
overflow: hidden;
}
@media screen and (min-width: 768px), print {
.mainVisual_sin {
padding-left: 5vw;
}
}
@media screen and (max-width: 767px) {
.mainVisual_sin {
padding-left: 8.66vw;
}
}
.mainVisual_sin::before {
position: absolute;
width: 100%;
content: "";
display: inline-block;
height: 100%;
background: #000;
}
@media screen and (min-width: 768px), print {
.mainVisual_sin::before {
bottom: 10px;
left: calc(5vw - 10px);
}
}
@media screen and (max-width: 767px) {
.mainVisual_sin::before {
left: calc(8.66vw - 0.075rem);
bottom: 0.1rem;
}
}
.mainVisual__title_sin {
position: absolute;
z-index: 10;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
}
@media screen and (min-width: 768px), print {
.mainVisual__title_sin {
left: calc(50% + 2.39vw);
}
}
@media screen and (max-width: 767px) {
.mainVisual__title_sin {
left: calc(50% + 0.16rem);
}
}
.mainVisual__titleLogo_sin {
display: block;
}
@media screen and (min-width: 768px), print {
.mainVisual__titleLogo_sin {
width: 15.5vw;
min-width: 217.41px;
}
}
@media screen and (max-width: 767px) {
.mainVisual__titleLogo_sin {
width: 1.2rem;
}
}
.mainVisual__titleLogo_sin img {
width: 100%;
}
.mainVisual__titleText_sin {
display: block;
color: #fff;
text-align: center;
font-family: "Yu Mincho", "YuMincho", serif;
/* IE11 */
letter-spacing: 0.1em;
}
@media all and (-ms-high-contrast: none) {
.mainVisual__titleText_sin {
font-family: “ヒラギノ明朝 ProN W3”, “Hiragino Mincho ProN”, “HG明朝E”, “ＭＳ Ｐ明朝”, “ＭＳ 明朝”, serif;
}
}
@media screen and (min-width: 768px), print {
.mainVisual__titleText_sin {
margin: 40px 0 0 28px;
line-height: 1.666;
font-size: 1.88vw;
font-size: clamp(25.18px, 1.88vw, 1.88vw);
}
.mainVisual__titleText_sin::before {
display: block;
width: 0;
height: 0;
margin-top: calc((1 - 1.666) * 0.5em);
content: '';
}
.mainVisual__titleText_sin::after {
display: block;
width: 0;
height: 0;
margin-bottom: calc((1 - 1.666) * 0.5em);
content: '';
}
}
@media screen and (min-width: 1401px), print {
.mainVisual__titleText_sin {
margin-top: 54px;
}
}
@media screen and (max-width: 767px) {
.mainVisual__titleText_sin {
margin: 0.27rem 0 0 0.1rem;
line-height: 1.57;
}
.mainVisual__titleText_sin::before {
display: block;
width: 0;
height: 0;
margin-top: calc((1 - 1.57) * 0.5em);
content: '';
}
.mainVisual__titleText_sin::after {
display: block;
width: 0;
height: 0;
margin-bottom: calc((1 - 1.57) * 0.5em);
content: '';
}
}
.mainVisual__image_sin {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media screen and (min-width: 768px), print {
.mainVisual__image_sin {
min-height: 758px;
height: 100vh;
}
}
@media screen and (min-width: 1401px), print {
.mainVisual__image_sin {
min-height: 54.1vw;
}
}
@media screen and (max-width: 767px) {
.mainVisual__image_sin {
height: 5.53rem;
}
}
.mainVisual__image_sin .swiper-wrapper {
height: auto;
}
.mainVisual__imagePagination_sin.swiper-pagination {
text-align: right;
}
@media screen and (min-width: 768px), print {
.mainVisual__imagePagination_sin.swiper-pagination {
bottom: 16px;
padding-right: 8px;
}
}
@media screen and (max-width: 767px) {
.mainVisual__imagePagination_sin.swiper-pagination {
padding-right: 0.04rem;
}
}
.mainVisual__imagePagination_sin.swiper-pagination .swiper-pagination-bullet {
opacity: 1;
background: #fff;
}
@media screen and (min-width: 768px), print {
.mainVisual__imagePagination_sin.swiper-pagination .swiper-pagination-bullet {
margin: 0 12px;
width: 16px;
height: 16px;
}
}
@media screen and (max-width: 767px) {
.mainVisual__imagePagination_sin.swiper-pagination .swiper-pagination-bullet {
margin: 0 6px;
width: 8px;
height: 8px;
}
}
.mainVisual__imagePagination_sin.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: #111;
}
.mainVisual__scroll_sin {
position: absolute;
left: 0;
bottom: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-transform: uppercase;
font-family: "Yu Mincho", "YuMincho", serif;
/* IE11 */
-webkit-transform-origin: bottom left;
-ms-transform-origin: bottom left;
transform-origin: bottom left;
-webkit-transform: rotate(90deg) translateX(-100%);
-ms-transform: rotate(90deg) translateX(-100%);
transform: rotate(90deg) translateX(-100%);
letter-spacing: 0.1em;
line-height: 1;
}
@media all and (-ms-high-contrast: none) {
.mainVisual__scroll_sin {
font-family: “ヒラギノ明朝 ProN W3”, “Hiragino Mincho ProN”, “HG明朝E”, “ＭＳ Ｐ明朝”, “ＭＳ 明朝”, serif;
}
}
@media screen and (min-width: 768px), print {
.mainVisual__scroll_sin {
margin-left: 1.57vw;
font-size: 20px;
}
}
@media screen and (min-width: 768px) and (max-width: 959px), print {
.mainVisual__scroll_sin {
margin-left: 0.8vw;
}
}
@media screen and (min-width: 1401px), print {
.mainVisual__scroll_sin {
margin-left: 34px;
}
}
@media screen and (max-width: 767px) {
.mainVisual__scroll_sin {
margin-left: 0.07rem;
font-size: 0.1rem;
}
}
.mainVisual__scroll_sin::after {
content: "";
display: inline-block;
height: 1px;
background: #111;
-webkit-transform-origin: left;
-ms-transform-origin: left;
transform-origin: left;
-webkit-animation: infinity-show 2s 0s infinite;
animation: infinity-show 2s 0s infinite;
}
@media screen and (min-width: 768px), print {
.mainVisual__scroll_sin::after {
margin-left: 8px;
width: 120px;
}
}
@media screen and (max-width: 767px) {
.mainVisual__scroll_sin::after {
margin-left: 0.05rem;
width: 0.65rem;
}
}
/* mainVisualLower
============================================================= */
.mainVisualLower_sin {
position: relative;
}
.mainVisualLower__body_sin {
position: absolute;
z-index: 1;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media screen and (min-width: 768px), print {
.mainVisualLower__body_sin {
bottom: -8px;
}
}
@media screen and (max-width: 767px) {
.mainVisualLower__body_sin {
bottom: -0.04rem;
}
}
.mainVisualLower__logo_sin {
display: block;
}
@media screen and (min-width: 768px), print {
.mainVisualLower__logo_sin {
min-width: 189px;
width: 13.5vw;
}
}
@media screen and (max-width: 767px) {
.mainVisualLower__logo_sin {
width: 100px;
}
}
.mainVisualLower__logo_sin img {
width: 100%;
}
.mainVisualLower__title_sin {
display: block;
}
@media screen and (min-width: 768px), print {
.mainVisualLower__title_sin {
margin-top: 45px;
min-width: 548.8px;
width: 39.2vw;
}
}
@media screen and (max-width: 767px) {
.mainVisualLower__title_sin {
margin-top: 0.15rem;
width: 2.8953rem;
}
}
.mainVisualLower__title_sin img {
width: 100%;
}
@media screen and (min-width: 768px), print {
.mainVisualLower__title_sin.-access_sin {
width: 51.4vw;
min-width: 987px;
}
}
@media screen and (min-width: 768px) and (max-width: 959px), print {
.mainVisualLower__title_sin.-access_sin {
min-width: 600px;
}
}
@media screen and (max-width: 767px) {
.mainVisualLower__title_sin.-access_sin {
width: 3.32rem;
}
}
@media screen and (min-width: 768px), print {
.mainVisualLower__image_sin {
min-height: 684.59px;
height: calc(100vh - (110 * 1px));
}
}
.mainVisualLower__image_sin img {
width: 100%;
}
/* pageTop
============================================================= */
.pageTop_sin {
background-color: #fff;
border: 1px solid #222;
border-radius: 50%;
cursor: pointer;
position: fixed;
right: 0;
opacity: 0;
-webkit-transition: opacity 0.25s, border 0.25s ease-out, background 0.25s ease-out;
-o-transition: opacity 0.25s, border 0.25s ease-out, background 0.25s ease-out;
transition: opacity 0.25s, border 0.25s ease-out, background 0.25s ease-out;
z-index: 99;
overflow: hidden;
}
@media screen and (min-width: 768px), print {
.pageTop_sin {
bottom: 34px;
right: 35px;
width: 60px;
height: 60px;
}
}
@media screen and (max-width: 767px) {
.pageTop_sin {
right: 0.125rem;
bottom: 0.72rem;
width: 0.4rem;
height: 0.4rem;
}
}
@media (hover: hover), screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
.pageTop_sin:hover {
background: #222;
border-color: #fff;
}
.pageTop_sin:hover::before {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2229px%22%20height%3D%2266px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222px%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20fill%3D%22none%22%20d%3D%22M14.0%2C62.600%20L14.0%2C13.599%20%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222px%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20fill%3D%22none%22%20d%3D%22M25.199%2C17.799%20L14.0%2C2.399%20%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222px%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20fill%3D%22none%22%20d%3D%22M2.800%2C17.799%20L13.999%2C2.399%20%22%2F%3E%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-size: 100% auto;
}
}
.pageTop_sin::before {
pointer-events: none;
position: absolute;
left: 0;
right: 0;
margin: auto;
content: "";
display: inline-block;
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2229px%22%20height%3D%2266px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23222222%22%20stroke-width%3D%222px%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20fill%3D%22none%22%20d%3D%22M14.0%2C62.600%20L14.0%2C13.599%20%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23222222%22%20stroke-width%3D%222px%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20fill%3D%22none%22%20d%3D%22M25.199%2C17.799%20L14.0%2C2.399%20%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23222222%22%20stroke-width%3D%222px%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20fill%3D%22none%22%20d%3D%22M2.800%2C17.799%20L13.999%2C2.399%20%22%2F%3E%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-size: 100% auto;
}
@media screen and (min-width: 768px), print {
.pageTop_sin::before {
top: 20px;
width: 24px;
height: 63px;
}
}
@media screen and (max-width: 767px) {
.pageTop_sin::before {
top: 0.135rem;
width: 0.17rem;
height: 0.425rem;
}
}
.pageTop_sin.-active_sin {
opacity: 1;
pointer-events: all;
}
/* reserveBlock
============================================================= */
.reserveBlock_sin {
background: #e8e7e5 url(../../v3/images/bg_reserve.png) no-repeat center bottom/1920px auto;
}
@media screen and (min-width: 768px), print {
.reserveBlock_sin {
padding: 200px 0 118px;
}
}
@media screen and (max-width: 767px) {
.reserveBlock_sin {
padding: 1.23rem 0 0.6rem;
background-image: url(../../v3/images/bg_reserve_sp.png);
background-size: 100% auto;
}
}
.reserveBlock__title_sin {
margin: 0 auto;
}
@media screen and (min-width: 768px), print {
.reserveBlock__title_sin {
width: 462.16px;
}
}
@media screen and (max-width: 767px) {
.reserveBlock__title_sin {
width: 2.3814rem;
}
}
.reserveBlock__title_sin img {
width: 100%;
}
@media screen and (min-width: 768px), print {
.reserveBlock__imageWrap_sin {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 60px;
}
}
@media screen and (min-width: 768px), print {
.reserveBlock__image_sin {
width: 480px;
}
}
@media screen and (min-width: 768px), print {
.reserveBlock__image_sin:nth-of-type(1) {
margin-right: -20px;
}
}
@media screen and (min-width: 768px), print {
.reserveBlock__image_sin:nth-of-type(2) {
margin-top: 28px;
margin-left: -20px;
}
}
.reserveBlock__image_sin img {
width: 100%;
}
.reserveBlock__text_sin {
color: #fff;
text-align: center;
font-family: "Yu Mincho", "YuMincho", serif;
/* IE11 */
font-weight: 500;
}
@media all and (-ms-high-contrast: none) {
.reserveBlock__text_sin {
font-family: “ヒラギノ明朝 ProN W3”, “Hiragino Mincho ProN”, “HG明朝E”, “ＭＳ Ｐ明朝”, “ＭＳ 明朝”, serif;
}
}
@media screen and (min-width: 768px), print {
.reserveBlock__text_sin {
margin-top: 61px;
font-size: 22px;
line-height: 1.8;
}
.reserveBlock__text_sin::before {
display: block;
width: 0;
height: 0;
margin-top: calc((1 - 1.8) * 0.5em);
content: '';
}
.reserveBlock__text_sin::after {
display: block;
width: 0;
height: 0;
margin-bottom: calc((1 - 1.8) * 0.5em);
content: '';
}
}
@media screen and (max-width: 767px) {
.reserveBlock__text_sin {
margin-top: 1.88rem;
font-size: 0.15rem;
line-height: 1.733;
}
.reserveBlock__text_sin::before {
display: block;
width: 0;
height: 0;
margin-top: calc((1 - 1.733) * 0.5em);
content: '';
}
.reserveBlock__text_sin::after {
display: block;
width: 0;
height: 0;
margin-bottom: calc((1 - 1.733) * 0.5em);
content: '';
}
}
.reserveBlock__button_sin {
position: relative;
}
@media screen and (min-width: 768px), print {
.reserveBlock__button_sin {
margin-top: 40px;
}
}
@media screen and (max-width: 767px) {
.reserveBlock__button_sin {
margin-top: 0.28rem;
}
}
.reserveBlock__button_sin .button_sin {
overflow: visible;
}
@media (hover: hover), screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
.reserveBlock__button_sin .button_sin:hover {
background: rgba(34, 34, 34, 0.9);
}
}
.reserveBlock__buttonIllustration_sin {
position: absolute;
}
@media screen and (min-width: 768px), print {
.reserveBlock__buttonIllustration_sin {
right: 0;
bottom: 0;
width: 155px;
}
}
@media screen and (max-width: 767px) {
.reserveBlock__buttonIllustration_sin {
right: -0.08rem;
bottom: -0.05rem;
width: 0.78rem;
}
}
.reserveBlock__buttonIllustration_sin img {
width: 100%;
}
.reserveBlock__tel_sin {
text-align: center;
}
@media screen and (min-width: 768px), print {
.reserveBlock__tel_sin {
margin-top: 45px;
}
}
@media screen and (max-width: 767px) {
.reserveBlock__tel_sin {
margin-top: 0.21rem;
}
}
.reserveBlock__tel_sin a {
display: inline-block;
color: #fff;
line-height: 1;
border-bottom: 1px solid #fff;
}
@media screen and (min-width: 768px), print {
.reserveBlock__tel_sin a {
padding-bottom: 10px;
font-size: 36px;
}
}
@media screen and (max-width: 767px) {
.reserveBlock__tel_sin a {
padding-bottom: 0.03rem;
font-size: 0.21rem;
text-decoration: none;
}
}
@media screen and (max-width: 767px) {
.reserveBlock__telSp_sin {
margin-top: 0.06rem;
text-align: center;
color: #fff;
font-size: 0.11rem;
line-height: 1;
}
}
/* reserveButton
============================================================= */
@media screen and (max-width: 767px) {
.reserveButton_sin {
position: fixed;
z-index: 100;
bottom: 0;
left: 0;
width: 100%;
background: #000;
opacity: 0;
-webkit-transition: opacity 0.25s ease-out;
-o-transition: opacity 0.25s ease-out;
transition: opacity 0.25s ease-out;
}
.reserveButton_sin.-show {
opacity: 1;
}
}
@media screen and (max-width: 767px) {
.reserveButton__inner_sin {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0.165rem 0.1rem 0.22rem 0.85rem;
text-decoration: none;
}
.reserveButton__inner_sin[target="_blank"]::before {
position: absolute;
top: 0;
bottom: 0;
right: 0.5rem;
margin: auto;
content: "";
display: inline-block;
width: 0.12rem;
height: 0.11rem;
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224px%22%20height%3D%2222px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%23fff%22%20d%3D%22M5.999%2C15.998%20L5.999%2C0.0%20L23.999%2C0.0%20L23.999%2C15.998%20L5.999%2C15.998%20ZM21.999%2C1.999%20L7.999%2C1.999%20L7.999%2C14.0%20L21.999%2C14.0%20L21.999%2C1.999%20ZM1.999%2C19.999%20L15.999%2C19.999%20L15.999%2C17.999%20L17.999%2C17.999%20L17.999%2C21.999%20L0.0%2C21.999%20L0.0%2C5.999%20L3.999%2C5.999%20L3.999%2C7.999%20L1.999%2C7.999%20L1.999%2C19.999%20Z%22%2F%3E%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-size: contain;
}
}
@media screen and (max-width: 767px) {
.reserveButton__Illustration_sin {
position: absolute;
left: 0.3rem;
bottom: -0.09rem;
display: block;
width: 0.48rem;
}
.reserveButton__Illustration_sin img {
width: 100%;
}
}
@media screen and (max-width: 767px) {
.reserveButton__text_sin {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
color: #fff;
font-size: 0.16rem;
letter-spacing: 0.1em;
font-weight: 500;
}
.reserveButton__text_sin > span {
display: block;
margin-right: 0.1rem;
width: 0.77rem;
}
.reserveButton__text_sin > span img {
width: 100%;
}
}
/* section
============================================================= */
.section__inner_sin {
position: relative;
}
@media screen and (min-width: 768px), print {
.section__inner_sin {
margin-left: auto;
margin-right: auto;
padding-right: calc(20 * 1px);
padding-left: calc(20 * 1px);
max-width: 960px;
}
}
@media screen and (max-width: 767px) {
.section__inner_sin {
padding: 0 0.25rem;
}
}
.sectionOther_sin {
background: #e8e7e5;
}
.sectionOther__bgWhiteBlock_sin {
background-color: #fff;
}
/* text
============================================================= */
.text_sin {
text-align: left;
font-weight: 500;
word-break: normal;
}
.text_sin.-white_sin {
color: #fff;
}
.text_sin.-textCenter_sin > p {
text-align: center;
}
@media screen and (min-width: 768px), print {
.text_sin.-marginMin_sin + .text_sin {
margin-top: 54px;
}
}
@media screen and (max-width: 767px) {
.text_sin.-marginMin_sin + .text_sin {
margin-top: 0.42rem;
}
}
.text_sin > p {
font-weight: 500;
}
@media screen and (min-width: 768px), print {
.text_sin > p {
font-size: 15px;
line-height: 1.666;
}
.text_sin > p::before {
display: block;
width: 0;
height: 0;
margin-top: calc((1 - 1.666) * 0.5em);
content: '';
}
.text_sin > p::after {
display: block;
width: 0;
height: 0;
margin-bottom: calc((1 - 1.666) * 0.5em);
content: '';
}
}
@media screen and (max-width: 767px) {
.text_sin > p {
font-size: 0.13rem;
line-height: 1.92;
}
.text_sin > p::before {
display: block;
width: 0;
height: 0;
margin-top: calc((1 - 1.92) * 0.5em);
content: '';
}
.text_sin > p::after {
display: block;
width: 0;
height: 0;
margin-bottom: calc((1 - 1.92) * 0.5em);
content: '';
}
}
@media screen and (min-width: 768px), print {
.text_sin > p + p {
margin-top: 30px;
}
}
@media screen and (max-width: 767px) {
.text_sin > p + p {
margin-top: 0.31rem;
}
}
@media screen and (min-width: 768px), print {
.text_sin + .text_sin {
margin-top: 74px;
}
}
@media screen and (max-width: 767px) {
.text_sin + .text_sin {
margin-top: 0.54rem;
}
}
/* topicPath
============================================================= */
.topicPath_sin {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media screen and (min-width: 768px), print {
.topicPath_sin {
margin-left: auto;
margin-right: auto;
padding-right: calc(20 * 1px);
padding-left: calc(20 * 1px);
max-width: 960px;
}
}
@media screen and (max-width: 767px) {
.topicPath_sin {
padding: 0 0.25rem;
}
}
@media screen and (min-width: 768px), print {
.topicPath_sin {
margin: 20px auto;
font-size: 14px;
}
}
@media screen and (max-width: 767px) {
.topicPath_sin {
margin: 0.15rem auto;
font-size: 0.11rem;
}
}
.topicPath_sin li {
line-height: 1;
text-transform: uppercase;
list-style-type: none;
}
.topicPath_sin li:not(:last-child) {
position: relative;
}
@media screen and (min-width: 768px), print {
.topicPath_sin li:not(:last-child) {
padding-right: 13px;
margin-right: 8px;
}
}
@media screen and (max-width: 767px) {
.topicPath_sin li:not(:last-child) {
padding-right: 0.1rem;
margin-right: 0.05rem;
}
}
.topicPath_sin li:not(:last-child)::before, .topicPath_sin li:not(:last-child)::after {
background-color: #333333;
content: "";
display: block;
height: 1px;
position: absolute;
right: 0;
top: 0;
bottom: 0;
margin: auto;
-webkit-transform-origin: right center;
-ms-transform-origin: right center;
transform-origin: right center;
}
@media screen and (min-width: 768px), print {
.topicPath_sin li:not(:last-child)::before, .topicPath_sin li:not(:last-child)::after {
width: 7px;
}
}
@media screen and (max-width: 767px) {
.topicPath_sin li:not(:last-child)::before, .topicPath_sin li:not(:last-child)::after {
width: 0.07rem;
}
}
.topicPath_sin li:not(:last-child)::before {
-webkit-transform: rotate(30deg);
-ms-transform: rotate(30deg);
transform: rotate(30deg);
}
.topicPath_sin li:not(:last-child)::after {
-webkit-transform: rotate(-30deg);
-ms-transform: rotate(-30deg);
transform: rotate(-30deg);
}
.topicPath_sin li a {
display: block;
text-decoration: none;
}
@media (hover: hover), screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
.topicPath_sin li a:hover {
text-decoration: underline;
}
}