@charset "utf-8";
/*
Theme Name: Kujirakan
*/
/*===========================================
Foundation
===========================================*/
/*
Reset.cssやNormalize.cssなどを用いたブラウザのデフォルトスタイルの初期化や、
プロジェクトにおける基本的なスタイルを定義します。
ページの下地としての全体の背景や、基本的なタイポグラフィなどが該当します。
*/
/* ress.min.css */
html {
-webkit-text-size-adjust: 100%;
box-sizing: border-box;
-moz-tab-size: 4;
tab-size: 4;
word-break: normal;
}
*,
:after,
:before {
background-repeat: no-repeat;
box-sizing: inherit;
}
:after,
:before {
text-decoration: inherit;
vertical-align: inherit;
}
* {
margin: 0;
padding: 0;
}
hr {
color: inherit;
height: 0;
overflow: visible;
}
details,
main {
display: block;
}
summary {
display: list-item;
}
small {
font-size: 80%;
}
[hidden] {
display: none;
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted;
}
a {
background-color: transparent;
}
a:active,
a:hover {
outline-width: 0;
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
}
pre {
font-size: 1em;
}
b,
strong {
font-weight: bolder;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
table {
border-color: inherit;
text-indent: 0;
}
iframe {
border-style: none;
}
input {
border-radius: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
[type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
textarea {
overflow: auto;
resize: vertical;
}
button,
input,
optgroup,
select,
textarea {
font: inherit;
}
optgroup {
font-weight: 700;
}
button {
overflow: visible;
}
button,
select {
text-transform: none;
}
[role="button"],
[type="button"],
[type="reset"],
[type="submit"],
button {
cursor: pointer;
}
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
border-style: none;
padding: 0;
}
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button:-moz-focusring {
outline: 1px dotted ButtonText;
}
[type="reset"],
[type="submit"],
button,
html [type="button"] {
-webkit-appearance: button;
}
button,
input,
select,
textarea {
background-color: transparent;
border-style: none;
}
a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus {
outline-width: 0;
}
select {
-moz-appearance: none;
-webkit-appearance: none;
}
select::-ms-expand {
display: none;
}
select::-ms-value {
color: currentColor;
}
legend {
border: 0;
color: inherit;
display: table;
max-width: 100%;
white-space: normal;
}
::-webkit-file-upload-button {
-webkit-appearance: button;
color: inherit;
font: inherit;
}
[disabled] {
cursor: default;
}
img {
border-style: none;
}
progress {
vertical-align: baseline;
}
[aria-busy="true"] {
cursor: progress;
}
[aria-controls] {
cursor: pointer;
}
[aria-disabled="true"] {
cursor: default;
}
/* splide.min.css */
/*.splide__container{box-sizing:border-box;position:relative}.splide__list{backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0!important;padding:0!important}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide:not(.is-overflow) .splide__pagination{display:none}.splide__progress__bar{width:0}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none!important;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0}@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide__track--fade>.splide__list>.splide__slide{margin:0!important;opacity:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__arrow{-ms-flex-align:center;align-items:center;background:#ccc;border:0;border-radius:50%;cursor:pointer;display:-ms-flexbox;display:flex;height:2em;-ms-flex-pack:center;justify-content:center;opacity:.7;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:2em;z-index:1}.splide__arrow svg{fill:#000;height:1.2em;width:1.2em}.splide__arrow:hover:not(:disabled){opacity:.9}.splide__arrow:disabled{opacity:.3}.splide__arrow:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide__arrow--prev{left:1em}.splide__arrow--prev svg{transform:scaleX(-1)}.splide__arrow--next{right:1em}.splide.is-focus-in .splide__arrow:focus{outline:3px solid #0bf;outline-offset:3px}.splide__pagination{bottom:.5em;left:0;padding:0 1em;position:absolute;right:0;z-index:1}.splide__pagination__page{background:#ccc;border:0;border-radius:50%;display:inline-block;height:8px;margin:3px;opacity:.7;padding:0;position:relative;transition:transform .2s linear;width:8px}.splide__pagination__page.is-active{background:#fff;transform:scale(1.4);z-index:1}.splide__pagination__page:hover{cursor:pointer;opacity:.9}.splide__pagination__page:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__pagination__page:focus{outline:3px solid #0bf;outline-offset:3px}.splide__progress__bar{background:#ccc;height:3px}.splide__slide{-webkit-tap-highlight-color:rgba(0,0,0,0)}.splide__slide:focus{outline:0}@supports(outline-offset:-3px){.splide__slide:focus-visible{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide__slide:focus-visible{border:3px solid #0bf}}@supports(outline-offset:-3px){.splide.is-focus-in .splide__slide:focus{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide.is-focus-in .splide__slide:focus{border:3px solid #0bf}.splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus{border-color:#0bf}}.splide__toggle{cursor:pointer}.splide__toggle:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__toggle:focus{outline:3px solid #0bf;outline-offset:3px}.splide__track--nav>.splide__list>.splide__slide{border:3px solid transparent;cursor:pointer}.splide__track--nav>.splide__list>.splide__slide.is-active{border:3px solid #000}.splide__arrows--rtl .splide__arrow--prev{left:auto;right:1em}.splide__arrows--rtl .splide__arrow--prev svg{transform:scaleX(1)}.splide__arrows--rtl .splide__arrow--next{left:1em;right:auto}.splide__arrows--rtl .splide__arrow--next svg{transform:scaleX(-1)}.splide__arrows--ttb .splide__arrow{left:50%;transform:translate(-50%)}.splide__arrows--ttb .splide__arrow--prev{top:1em}.splide__arrows--ttb .splide__arrow--prev svg{transform:rotate(-90deg)}.splide__arrows--ttb .splide__arrow--next{bottom:1em;top:auto}.splide__arrows--ttb .splide__arrow--next svg{transform:rotate(90deg)}.splide__pagination--ttb{bottom:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;left:auto;padding:1em 0;right:.5em;top:0}*/
/* splide-core.min.css */
@keyframes splide-loading {
0% {
transform: rotate(0);
}
to {
transform: rotate(1turn);
}
}
.splide__track--draggable {
-webkit-touch-callout: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
.splide__track--fade > .splide__list > .splide__slide {
margin: 0 !important;
opacity: 0;
z-index: 0;
}
.splide__track--fade > .splide__list > .splide__slide.is-active {
opacity: 1;
z-index: 1;
}
.splide--rtl {
direction: rtl;
}
.splide__track--ttb > .splide__list {
display: block;
}
.splide__container {
box-sizing: border-box;
position: relative;
}
.splide__list {
backface-visibility: hidden;
display: -ms-flexbox;
display: flex;
height: 100%;
margin: 0 !important;
padding: 0 !important;
}
.splide.is-initialized:not(.is-active) .splide__list {
display: block;
}
.splide__pagination {
-ms-flex-align: center;
align-items: center;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center;
margin: 0;
pointer-events: none;
}
.splide__pagination li {
display: inline-block;
line-height: 1;
list-style-type: none;
margin: 0;
pointer-events: auto;
}
.splide:not(.is-overflow) .splide__pagination {
display: none;
}
.splide__progress__bar {
width: 0;
}
.splide {
position: relative;
visibility: hidden;
}
.splide.is-initialized,
.splide.is-rendered {
visibility: visible;
}
.splide__slide {
backface-visibility: hidden;
box-sizing: border-box;
-ms-flex-negative: 0;
flex-shrink: 0;
list-style-type: none !important;
margin: 0;
position: relative;
}
.splide__slide img {
vertical-align: bottom;
}
.splide__spinner {
animation: splide-loading 1s linear infinite;
border: 2px solid #999;
border-left-color: transparent;
border-radius: 50%;
bottom: 0;
contain: strict;
display: inline-block;
height: 20px;
left: 0;
margin: auto;
position: absolute;
right: 0;
top: 0;
width: 20px;
}
.splide__sr {
clip: rect(0 0 0 0);
border: 0;
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.splide__toggle.is-active .splide__toggle__play,
.splide__toggle__pause {
display: none;
}
.splide__toggle.is-active .splide__toggle__pause {
display: inline;
}
.splide__track {
overflow: hidden;
position: relative;
z-index: 0;
}
/* Noto Sans Japanese */
@font-face {
font-display: swap;
font-family: "Noto Sans JP";
font-style: normal;
font-weight: 400;
src: url("lib/fonts/Noto_Sans_JP/NotoSansJP-Regular.woff2") format("woff2"),
url("lib/fonts/Noto_Sans_JP/NotoSansJP-Regular.woff") format("woff"),
url("lib/fonts/Noto_Sans_JP/NotoSansJP-Regular.otf") format("opentype");
}
@font-face {
font-display: swap;
font-family: "Noto Sans JP";
font-style: normal;
font-weight: 500;
src: url("lib/fonts/Noto_Sans_JP/NotoSansJP-Medium.woff2") format("woff2"),
url("lib/fonts/Noto_Sans_JP/NotoSansJP-Medium.woff") format("woff"),
url("lib/fonts/Noto_Sans_JP/NotoSansJP-Medium.otf") format("opentype");
}
@font-face {
font-display: swap;
font-family: "Noto Sans JP";
font-style: normal;
font-weight: 700;
src: url("lib/fonts/Noto_Sans_JP/NotoSansJP-Bold.woff2") format("woff2"),
url("lib/fonts/Noto_Sans_JP/NotoSansJP-Bold.woff") format("woff"),
url("lib/fonts/Noto_Sans_JP/NotoSansJP-Bold.otf") format("opentype");
}
/* Shippori Mincho */
@font-face {
font-display: swap;
font-family: "Shippori Mincho";
font-style: normal;
font-weight: 400;
src: url("lib/fonts/Shippori_Mincho/ShipporiMincho-Regular.woff2") format("woff2"),
url("lib/fonts/Shippori_Mincho/ShipporiMincho-Regular.woff") format("woff"),
url("lib/fonts/Shippori_Mincho/ShipporiMincho-Regular.ttf") format("truetype");
}
@font-face {
font-display: swap;
font-family: "Shippori Mincho";
font-style: normal;
font-weight: 500;
src: url("lib/fonts/Shippori_Mincho/ShipporiMincho-Medium.woff2") format("woff2"),
url("lib/fonts/Shippori_Mincho/ShipporiMincho-Medium.woff") format("woff"),
url("lib/fonts/Shippori_Mincho/ShipporiMincho-Medium.ttf") format("truetype");
}
@font-face {
font-display: swap;
font-family: "Shippori Mincho";
font-style: normal;
font-weight: 600;
src: url("lib/fonts/Shippori_Mincho/ShipporiMincho-SemiBold.woff2") format("woff2"),
url("lib/fonts/Shippori_Mincho/ShipporiMincho-SemiBold.woff") format("woff"),
url("lib/fonts/Shippori_Mincho/ShipporiMincho-SemiBold.ttf") format("truetype");
}
@font-face {
font-display: swap;
font-family: "Shippori Mincho";
font-style: normal;
font-weight: 700;
src: url("lib/fonts/Shippori_Mincho/ShipporiMincho-Bold.woff2") format("woff2"),
url("lib/fonts/Shippori_Mincho/ShipporiMincho-Bold.woff") format("woff"),
url("lib/fonts/Shippori_Mincho/ShipporiMincho-Bold.ttf") format("truetype");
}
/* base.css */
:root {
/* ベースカラー */
--base-color-primary: #fff;
--base-color-primary-rgb: 255, 255, 255;
/* テキストカラー */
--text-color-primary: #171c61;
--text-color-primary-rgb: 23, 28, 97;
--text-color-primary-contrast: #fff;
--text-color-primary-contrast-rgb: 255, 255, 255;
}
body {
background: var(--base-color-primary);
color: var(--text-color-primary);
font-family: "Noto Sans JP", sans-serif;
line-height: 1.75;
}
/* 簡体字 */
html[lang="zh-cmn-Hans"] body {
font-family: "PingFang SC", "Microsoft YaHei", "SimSun", "Noto Sans SC", sans-serif;
}
/* 繁体字 */
html[lang="zh-cmn-Hant"] body {
font-family: "PingFang TC", "Microsoft JhengHei", "SimSun", "Noto Sans TC", sans-serif;
}
/* 英語 */
html[lang="en"] body {
font-family: "Arial", "Helvetica", "Verdana", "Roboto", "Noto Sans", sans-serif;
}
textarea {
border-radius: 0;
vertical-align: bottom;
}
picture {
display: block;
}
address {
font-style: normal;
}
iframe {
vertical-align: bottom;
}
table {
width: 100%;
border-collapse: collapse;
}
video {
vertical-align: bottom;
}
time {
display: block;
}
img {
max-width: 100%;
height: auto;
vertical-align: bottom;
}
li {
list-style-type: none;
}
a {
text-decoration: none;
}
@media screen and (max-width: 767px) {
}
/*** 位置設定 ================================================== */
.ma0 {
margin: 0 !important;
}
.ma_to0 {
margin-top: 0 !important;
}
.ma_to05 {
margin-top: 0.5em !important;
}
.ma_to10 {
margin-top: 1em !important;
}
.ma_to15 {
margin-top: 1.5em !important;
}
.ma_to20 {
margin-top: 2em !important;
}
.ma_to30 {
margin-top: 3em !important;
}
.ma_to40 {
margin-top: 4em !important;
}
.ma_to50 {
margin-top: 5em !important;
}
.ma_to60 {
margin-top: 6em !important;
}
.ma_to70 {
margin-top: 7em !important;
}
.ma_bo05 {
margin-bottom: 0.5em !important;
}
.ma_bo10 {
margin-bottom: 1em !important;
}
.ma_bo15 {
margin-bottom: 1.5em !important;
}
.ma_bo20 {
margin-bottom: 2em !important;
}
.ma_bo30 {
margin-bottom: 3em !important;
}
.ma_bo40 {
margin-bottom: 4em !important;
}
.ma_bo50 {
margin-bottom: 5em !important;
}
.ma_bo60 {
margin-bottom: 6em !important;
}
.ma_bo70 {
margin-bottom: 7em !important;
}
.ma_le0 {
margin-left: 0 !important;
}
.ma_le05 {
margin-left: 0.5em !important;
}
.ma_le10 {
margin-left: 1em !important;
}
.ma_le15 {
margin-left: 1.5em !important;
}
.ma_le20 {
margin-left: 2em !important;
}
.ma_le30 {
margin-left: 3em !important;
}
.ma_le40 {
margin-left: 4em !important;
}
.ma_le50 {
margin-left: 5em !important;
}
.ma_le60 {
margin-left: 6em !important;
}
.ma_le70 {
margin-left: 7em !important;
}
.ma_ri0 {
margin-right: 0 !important;
}
.ma_ri05 {
margin-right: 0.5em !important;
}
.ma_ri10 {
margin-right: 1em !important;
}
.ma_ri15 {
margin-right: 1.5em !important;
}
.ma_ri20 {
margin-right: 2em !important;
}
.ma_ri30 {
margin-right: 3em !important;
}
.ma_ri40 {
margin-right: 4em !important;
}
.ma_ri50 {
margin-right: 5em !important;
}
.ma_ri60 {
margin-right: 6em !important;
}
.ma_ri70 {
margin-right: 7em !important;
}
.pa0 {
padding: 0 !important;
}
.pa_to70 {
padding-top: 7em !important;
}
.pa_to60 {
padding-top: 6em !important;
}
.pa_to50 {
padding-top: 5em !important;
}
.pa_to40 {
padding-top: 4em !important;
}
.pa_to30 {
padding-top: 3em !important;
}
.pa_to20 {
padding-top: 2em !important;
}
.pa_to15 {
padding-top: 1.5em !important;
}
.pa_to10 {
padding-top: 1em !important;
}
.pa_to05 {
padding-top: 0.5em !important;
}
.pa_to0 {
padding-top: 0 !important;
}
.pa_bo70 {
padding-bottom: 7em !important;
}
.pa_bo60 {
padding-bottom: 6em !important;
}
.pa_bo50 {
padding-bottom: 5em !important;
}
.pa_bo40 {
padding-bottom: 4em !important;
}
.pa_bo30 {
padding-bottom: 3em !important;
}
.pa_bo25 {
padding-bottom: 2.5em !important;
}
.pa_bo20 {
padding-bottom: 2em !important;
}
.pa_bo15 {
padding-bottom: 1.5em !important;
}
.pa_bo10 {
padding-bottom: 1em !important;
}
.pa_bo05 {
padding-bottom: 0.5em !important;
}
.pa_le70 {
padding-left: 7em !important;
}
.pa_le60 {
padding-left: 6em !important;
}
.pa_le50 {
padding-left: 5em !important;
}
.pa_le40 {
padding-left: 4em !important;
}
.pa_le30 {
padding-left: 3em !important;
}
.pa_le20 {
padding-left: 2em !important;
}
.pa_le15 {
padding-left: 1.5em !important;
}
.pa_le10 {
padding-left: 1em !important;
}
.pa_le05 {
padding-left: 0.5em !important;
}
.pa_le0 {
padding-left: 0 !important;
}
.pa_ri70 {
padding-right: 7em !important;
}
.pa_ri60 {
padding-right: 6em !important;
}
.pa_ri50 {
padding-right: 5em !important;
}
.pa_ri40 {
padding-right: 4em !important;
}
.pa_ri30 {
padding-right: 3em !important;
}
.pa_ri25 {
padding-right: 2.5em !important;
}
.pa_ri20 {
padding-right: 2em !important;
}
.pa_ri15 {
padding-right: 1.5em !important;
}
.pa_ri10 {
padding-right: 1em !important;
}
.pa_ri05 {
padding-right: 0.5em !important;
}
.pa_ri0 {
padding-right: 0 !important;
}
.w_100 {
width: 100% !important;
}
@media screen and (max-width: 600px) {
.ma_to30 {
margin-top: calc(3em * 0.65) !important;
}
.ma_to40 {
margin-top: calc(4em * 0.65) !important;
}
.ma_to50 {
margin-top: calc(5em * 0.65) !important;
}
.ma_to60 {
margin-top: calc(6em * 0.65) !important;
}
.ma_bo30 {
margin-bottom: calc(3em * 0.65) !important;
}
.ma_bo40 {
margin-bottom: calc(4em * 0.65) !important;
}
.ma_bo50 {
margin-bottom: calc(5em * 0.65) !important;
}
.ma_bo60 {
margin-bottom: calc(6em * 0.65) !important;
}
.ma_bo70 {
margin-bottom: calc(7em * 0.65) !important;
}
.ma_le30 {
margin-left: calc(3em * 0.65) !important;
}
.ma_le40 {
margin-left: calc(4em * 0.65) !important;
}
.ma_le50 {
margin-left: calc(5em * 0.65) !important;
}
.ma_le60 {
margin-left: calc(6em * 0.65) !important;
}
.ma_ri30 {
margin-right: calc(3em * 0.65) !important;
}
.ma_ri40 {
margin-right: calc(4em * 0.65) !important;
}
.ma_ri50 {
margin-right: calc(5em * 0.65) !important;
}
.ma_ri60 {
margin-right: calc(6em * 0.65) !important;
}
.ma_ri70 {
margin-right: calc(7em * 0.65) !important;
}
.pa_to70 {
padding-top: calc(7em * 0.65) !important;
}
.pa_bo70 {
padding-bottom: calc(7em * 0.65) !important;
}
.pa_to60 {
padding-top: calc(6em * 0.65) !important;
}
.pa_bo60 {
padding-bottom: calc(6em * 0.65) !important;
}
.pa_to50 {
padding-top: calc(5em * 0.65) !important;
}
.pa_bo50 {
padding-bottom: calc(5em * 0.65) !important;
}
.pa_to40 {
padding-top: calc(4em * 0.65) !important;
}
.pa_bo40 {
padding-bottom: calc(4em * 0.65) !important;
}
.pa_to30 {
padding-top: calc(3em * 0.65) !important;
}
.pa_bo30 {
padding-bottom: calc(3em * 0.65) !important;
}
.pa_le70 {
padding-left: calc(7em * 0.65) !important;
}
.pa_ri70 {
padding-right: calc(7em * 0.65) !important;
}
.pa_le60 {
padding-left: calc(6em * 0.65) !important;
}
.pa_ri60 {
padding-right: calc(6em * 0.65) !important;
}
.pa_le50 {
padding-left: calc(5em * 0.65) !important;
}
.pa_ri50 {
padding-right: calc(5em * 0.65) !important;
}
.pa_le40 {
padding-left: calc(4em * 0.65) !important;
}
.pa_ri40 {
padding-right: calc(4em * 0.65) !important;
}
.pa_le30 {
padding-left: calc(3em * 0.65) !important;
}
.pa_ri30 {
padding-right: calc(3em * 0.65) !important;
}
}
/*===========================================
JavaScript
===========================================*/
/* フェードイン */
.js-inview {
transform: translateY(30px);
opacity: 0;
}
.js-inview.is-inview {
transform: translateY(0);
opacity: 1;
transition: transform 2s, opacity 2s;
}
@media screen and (max-width: 767px) {
}
/*===========================================
Layout
===========================================*/
/*
ページを構成するヘッダーやメインのコンテンツエリア、
サイドバーやフッターといったプロジェクト共通の
コンテナーブロックのスタイルを定義します。
*/
.l-wrapper {
position: relative;
overflow: clip;
}
body:not(.home):not(.page-id-513):not(.page-id-631):not(.page-id-632) .l-wrapper {
padding-top: 100px;
}
.p-block {
padding: 40px 0 176px;
}
.single-news .p-block__header {
display: grid;
grid-template-columns: 1fr 370px;
gap: 0 74px;
}
.p-block__inner {
width: min(100%, calc(1200px + (20px * 2)));
margin: 0 auto;
padding: 0 20px;
}
.p-block__inner--wide {
width: min(100%, calc(1300px + (20px * 2)));
}
.p-block__inner--narrow {
width: min(100%, calc(784px + (20px * 2)));
width: min(100%, calc(1000px + (20px * 2)));
}
.p-block__body {
margin-top: 56px;
}
.p-block__title {
color: #b4b8bf;
font-size: 50px;
line-height: 1.4;
}
.single-news .p-block__title {
font-size: 35px;
line-height: 1.57;
}
.p-block__title:after {
display: block;
color: #171c61;
font-size: 18px;
text-transform: capitalize;
content: attr(data-title);
}
.p-block__columns {
display: grid;
grid-template-columns: 1fr 370px;
gap: 0 74px;
}
@media screen and (max-width: 999px) {
body:not(.home):not(.page-id-513):not(.page-id-631):not(.page-id-632) .l-wrapper {
padding-top: 66px;
}
.single-news .p-block__header {
display: block;
}
.p-block__columns {
grid-template-columns: none;
gap: 64px 0;
}
}
@media screen and (max-width: 767px) {
.l-wrapper {
min-width: 100%;
}
.l-container {
padding: 80px 24px;
}
.p-block {
padding: 32px 0 120px;
}
.p-block__body {
margin-top: 32px;
}
.p-block__title {
font-size: 30px;
}
.single-news .p-block__title {
font-size: 24px;
line-height: 1.4;
}
.p-block__title:after {
font-size: 10px;
}
}
/* ローディング */
.l-loading {
display: none;
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background: #211c59;
z-index: 2147483647;
}
.l-loading.is-hide {
visibility: hidden;
opacity: 0;
/*transition: visibility .3s, opacity .3s;
transition-delay: .9s;*/
/*transition: visibility .4s, opacity .4s;
transition-delay: 1.8s*/
transition: visibility 0.6s, opacity 0.6s;
transition-delay: 2.4s;
transition-timing-function: ease-out;
}
.l-loading__logo {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, calc(-50% + 30px));
width: 400px;
opacity: 0;
}
.l-loading__logo.is-hide {
/*opacity: 0;
transition: visibility .3s, opacity .3s;
transition-delay: .6s;
transition-timing-function: ease-out;*/
transform: translate(-50%, -50%);
opacity: 1;
transition: transform 1.2s, opacity 1.2s;
transition: transform 2s, opacity 2s;
}
@media screen and (max-width: 767px) {
.l-loading__logo {
width: 264px;
}
}
/* ヘッダー */
.l-header {
position: fixed;
position: absolute;
top: 0;
left: 0;
z-index: 20;
width: 100%;
}
body.home .l-header {
height: 140px;
}
body:not(.home) .l-header {
height: 100px;
}
.l-header.is-active {
position: fixed;
animation: kenburns 0.4s linear forwards;
}
body.home .l-header.is-active {
height: 100px;
}
.l-header.is-active .l-header__sub-menu {
display: none;
}
@keyframes kenburns {
0% {
top: -100%;
}
100% {
top: 0;
}
}
.l-header__inner {
display: flex;
justify-content: space-between;
align-items: center;
height: 100%;
padding: 0 114px 0 40px;
}
html.multi-lang .l-header__inner {
padding: 0 24px 0 40px;
}
.l-header__logo {
width: 400px;
line-height: 1px;
}
html.multi-lang .l-header__logo {
width: auto;
font-size: 19px;
line-height: 1;
}
.l-header.is-active .l-header__logo {
display: none;
}
.l-header__logo a {
display: block;
transition: opacity 0.4s;
}
html.multi-lang .l-header__logo a {
color: #fff;
}
.l-header__logo a:hover {
opacity: 0.6;
}
/*.l-header.is-active .l-header__logo--passive {
display: none;
}
.l-header__logo--active {
display: none;
}
.l-header.is-active .l-header__logo--active {
display: block;
}*/
body:not(.home) .l-header__logo--passive,
.l-header.is-active .l-header__logo--passive {
display: none;
}
body.home .l-header__logo--active {
display: none;
}
body.home .l-header.is-active .l-header__logo--active {
display: block;
}
body.home .l-header:not(.is-active) .l-header__sub-menu {
padding-bottom: 42px;
}
.c-sub-menu__list {
display: flex;
gap: 0 8px;
}
.c-sub-menu__item {
position: relative;
border-radius: 4px;
transition: background 0.4s;
}
.c-sub-menu__item--lang {
border-radius: 4px 4px 0 0;
}
.c-sub-menu__item > a,
.c-sub-menu__item > p {
display: inline-flex;
align-items: center;
gap: 0 8px;
height: 100%;
padding: 8px 12px;
font-size: 14px;
font-weight: 700;
line-height: 1.36;
transition: color 0.4s;
cursor: pointer;
}
body.page-id-513 .c-sub-menu__item > a,
body.page-id-513 .c-sub-menu__item > p,
body.page-id-631 .c-sub-menu__item > a,
body.page-id-631 .c-sub-menu__item > p,
body.page-id-632 .c-sub-menu__item > a,
body.page-id-632 .c-sub-menu__item > p,
body.home .c-sub-menu__item > a,
body.home .c-sub-menu__item > p {
color: #fff;
}
.c-sub-menu__item > a:before,
.c-sub-menu__item > p:before {
display: block;
content: "";
/* transition: background .4s;*/
}
.c-sub-menu__item ul {
position: absolute;
top: 100%;
left: 0;
visibility: hidden;
width: 100%;
padding: 0 16px 16px;
border-radius: 0 0 4px 4px;
opacity: 0;
transition: visibility 0.4s, opacity 0.4s;
}
body.home .c-sub-menu__item ul {
background: rgba(255, 255, 255, 0.8);
}
body:not(.home) .c-sub-menu__item ul,
.l-header.is-active .c-sub-menu__item ul {
background: #211c59;
}
.c-sub-menu__item:hover ul {
visibility: visible;
opacity: 1;
}
.c-sub-menu__item li a {
font-size: 14px;
font-weight: 700;
line-height: 1.36;
transition: opacity 0.4s;
}
body.home .c-sub-menu__item li a {
color: #211c59;
}
body:not(.home) .c-sub-menu__item li a,
.l-header.is-active .c-sub-menu__item li a {
color: #fff;
}
.c-sub-menu__item li a:hover {
opacity: 0.6;
}
.l-header__ticket {
position: fixed;
position: absolute;
top: 166px;
right: 0;
z-index: 10;
}
.l-header__ticket a {
display: flex;
justify-content: center;
align-items: center;
gap: 0 8px;
width: 62px;
height: 226px;
border-radius: 10px 0 0 10px;
border: 1px solid #f4a93b;
background: #f4a93b;
color: #fff;
font-weight: 700;
-ms-writing-mode: tb-rl;
-webkit-writing-mode: vertical-rl;
writing-mode: vertical-rl;
letter-spacing: 0.12em;
transition: background 0.4s, color 0.4s;
}
.l-header__ticket a:hover {
background: #fff;
color: #f4a93b;
}
.l-header__ticket a:before {
display: block;
width: 26px;
height: 16px;
background: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024.27%2014.87%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M24.27%2C14.87H0v-5.82l.62.03h0c.9%2C0%2C1.63-.74%2C1.63-1.65s-.74-1.65-1.65-1.65h-.08s-.53.04-.53.04V0h24.27v5.79h-.5c-.91%2C0-1.65.74-1.65%2C1.65s.74%2C1.65%2C1.65%2C1.65h.5v5.79ZM1%2C13.87h22.27v-3.84c-1.22-.23-2.15-1.31-2.15-2.6s.93-2.36%2C2.15-2.6V1H1v3.82c1.27.19%2C2.25%2C1.29%2C2.25%2C2.62s-.98%2C2.43-2.25%2C2.62v3.82Z%22%2F%3E%3Crect%20class%3D%22cls-1%22%20x%3D%226.32%22%20y%3D%22.5%22%20width%3D%221%22%20height%3D%2213.87%22%2F%3E%3C%2Fsvg%3E")
no-repeat center / contain;
content: "";
transition: background 0.4s;
}
.l-header__ticket a:hover:before {
background: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024.27%2014.87%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23f4a93b%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M24.27%2C14.87H0v-5.82l.62.03h0c.9%2C0%2C1.63-.74%2C1.63-1.65s-.74-1.65-1.65-1.65h-.08s-.53.04-.53.04V0h24.27v5.79h-.5c-.91%2C0-1.65.74-1.65%2C1.65s.74%2C1.65%2C1.65%2C1.65h.5v5.79ZM1%2C13.87h22.27v-3.84c-1.22-.23-2.15-1.31-2.15-2.6s.93-2.36%2C2.15-2.6V1H1v3.82c1.27.19%2C2.25%2C1.29%2C2.25%2C2.62s-.98%2C2.43-2.25%2C2.62v3.82Z%22%2F%3E%3Crect%20class%3D%22cls-1%22%20x%3D%226.32%22%20y%3D%22.5%22%20width%3D%221%22%20height%3D%2213.87%22%2F%3E%3C%2Fsvg%3E")
no-repeat center / contain;
}
body:not(.home):not(.page-id-513):not(.page-id-631):not(.page-id-632) .c-sub-menu__item > a,
body:not(.home):not(.page-id-513):not(.page-id-631):not(.page-id-632) .c-sub-menu__item > p,
.l-header.is-active .c-sub-menu__item > a,
.l-header.is-active .c-sub-menu__item > p {
color: #211c59;
}
.c-sub-menu__item--access a:before {
width: 16px;
height: 19px;
background: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014.88%2018.07%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M7.44%2C0C3.33%2C0%2C0%2C3.33%2C0%2C7.44s5.85%2C10.63%2C7.44%2C10.63%2C7.44-6.52%2C7.44-10.63S11.55%2C0%2C7.44%2C0ZM7.44%2C10.85c-1.89%2C0-3.41-1.53-3.41-3.41s1.53-3.41%2C3.41-3.41%2C3.41%2C1.53%2C3.41%2C3.41-1.53%2C3.41-3.41%2C3.41Z%22%2F%3E%3C%2Fsvg%3E")
no-repeat center / contain;
}
.c-sub-menu__item--barrier a:before {
width: 21px;
height: 23px;
background: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2019.83%2022.35%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M8.42%2C7.25c1.3%2C0%2C2.54%2C0%2C3.78%2C0%2C.95%2C0%2C1.46.44%2C1.46%2C1.19%2C0%2C.75-.52%2C1.16-1.48%2C1.16-1.1%2C0-2.2%2C0-3.41%2C0%2C.07.5.14.93.22%2C1.47.59%2C0%2C1.18%2C0%2C1.78%2C0%2C1.82%2C0%2C3.64.03%2C5.46-.01.88-.02%2C1.39.33%2C1.64%2C1.17.6%2C2.03%2C1.25%2C4.05%2C1.86%2C6.08.27.89%2C0%2C1.53-.73%2C1.73-.71.2-1.26-.14-1.53-1-.52-1.63-1.04-3.25-1.51-4.9-.15-.54-.38-.74-.96-.73-2.23.04-4.47.02-6.7.01-1.08%2C0-1.38-.23-1.55-1.29-.32-1.99-.63-3.97-.92-5.96-.12-.8.26-1.37.95-1.5.67-.13%2C1.22.29%2C1.38%2C1.09.1.48.18.96.27%2C1.49Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M4.58%2C6.29c.03.19.05.33.07.46.24%2C1.18.2%2C2.1-.79%2C3.14-2.29%2C2.4-1.87%2C6.34.63%2C8.53%2C2.56%2C2.23%2C6.37%2C2.04%2C8.62-.52.56-.64%2C1.02-.77%2C1.74-.43.36.17.77.25%2C1.17.37-1.33%2C2.93-5.14%2C4.91-8.45%2C4.44C3.52%2C21.7.67%2C18.85.07%2C14.79c-.49-3.34%2C1.49-7.14%2C4.51-8.5Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M6.63%2C4.11c-1.13%2C0-2.03-.91-2.03-2.05C4.59.92%2C5.51%2C0%2C6.63%2C0c1.12%2C0%2C2.04.93%2C2.03%2C2.06%2C0%2C1.14-.9%2C2.05-2.04%2C2.05Z%22%2F%3E%3C%2Fsvg%3E")
no-repeat center / contain;
}
.c-sub-menu__item--lang p:before {
width: 25px;
height: 20px;
background: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2023.96%2018.21%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M16.91%2C4.1c-1.13%2C0-2.2.27-3.15.75.07.23.14.46.19.69.88-.47%2C1.89-.73%2C2.96-.73%2C3.5%2C0%2C6.35%2C2.84%2C6.35%2C6.35s-2.84%2C6.35-6.35%2C6.35c-1.02%2C0-1.98-.25-2.83-.67-1.24.97-3.05.89-4.2-.26-.06-.06-.12-.13-.18-.2l1.84-1.84c-.1-.15-.17-.31-.25-.47-.3-.04-.61-.11-.9-.23.08.2.16.39.26.58l-1.92%2C1.92.42.5c.07.08.14.16.22.24%2C1.28%2C1.28%2C3.26%2C1.49%2C4.77.57.88.38%2C1.81.57%2C2.77.57%2C3.89%2C0%2C7.06-3.17%2C7.06-7.06s-3.17-7.06-7.06-7.06Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M16.91%2C5.52c3.11%2C0%2C5.64%2C2.53%2C5.64%2C5.63s-2.53%2C5.63-5.64%2C5.63c-.88%2C0-1.72-.2-2.52-.6l-.4-.2-.35.28c-.86.67-2.04.69-2.91.09l1.72-1.72-.3-.48s-.02-.04-.03-.06c-.28.02-.55%2C0-.82-.03.08.16.16.32.25.47l-1.84%2C1.84c.06.07.11.13.18.2%2C1.15%2C1.15%2C2.95%2C1.23%2C4.2.26.85.43%2C1.81.67%2C2.83.67%2C3.5%2C0%2C6.35-2.84%2C6.35-6.35s-2.84-6.35-6.35-6.35c-1.07%2C0-2.08.27-2.96.73.05.25.1.5.12.75.83-.49%2C1.8-.77%2C2.83-.77Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M9.89%2C12.73c-.85.43-1.81.67-2.83.67-3.5%2C0-6.35-2.84-6.35-6.35S3.55.71%2C7.06.71c2.86%2C0%2C5.28%2C1.89%2C6.07%2C4.49.2-.13.41-.25.63-.36-.93-2.81-3.58-4.85-6.7-4.85C3.17%2C0%2C0%2C3.17%2C0%2C7.06s3.17%2C7.06%2C7.06%2C7.06c.96%2C0%2C1.89-.19%2C2.77-.57.18.11.37.21.57.28-.13-.33-.25-.66-.34-1-.05-.04-.11-.06-.16-.1Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M12.42%2C10.43l1.84%2C1.84c-.06.07-.11.13-.18.2-.65.65-1.5.94-2.35.91.11.24.23.48.37.71.91-.06%2C1.8-.43%2C2.48-1.12.08-.08.15-.16.22-.24l.42-.5-1.92-1.92c.53-1.01.8-2.12.8-3.26%2C0-.26-.02-.51-.04-.77-.24.14-.47.29-.68.47%2C0%2C.1.02.2.02.3%2C0%2C1.24-.36%2C2.4-.98%2C3.38Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M13.3%2C5.93c.21-.14.42-.28.65-.39-.05-.24-.12-.47-.19-.69-.22.11-.43.23-.63.36.07.24.13.48.17.73Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M10.94%2C13.27c-.31-.09-.61-.24-.89-.43.08.34.2.67.34%2C1%2C.29.12.59.19.9.23-.13-.25-.25-.52-.34-.79Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M12.11%2C14.09c-.14-.23-.26-.46-.37-.71-.27%2C0-.54-.04-.8-.12.1.27.21.54.34.79.27.04.55.05.82.03Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M13.39%2C6.76c.21-.17.44-.33.68-.47-.03-.25-.07-.5-.12-.75-.22.12-.44.25-.65.39.05.27.08.54.09.82Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M9.57%2C12.09c-.79.4-1.64.6-2.52.6-3.11%2C0-5.63-2.53-5.63-5.63S3.95%2C1.42%2C7.06%2C1.42c2.62%2C0%2C4.82%2C1.8%2C5.45%2C4.22.2-.16.41-.3.62-.44-.79-2.6-3.21-4.49-6.07-4.49C3.55.71.71%2C3.55.71%2C7.06s2.84%2C6.35%2C6.35%2C6.35c1.02%2C0%2C1.98-.25%2C2.83-.67.05.04.11.07.16.1-.07-.3-.12-.6-.16-.9l-.32.16Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M12.66%2C7.46c-.07.92-.34%2C1.81-.84%2C2.6l-.3.48%2C1.72%2C1.72c-.52.36-1.15.49-1.76.4.07.25.16.49.26.73.85.03%2C1.7-.27%2C2.35-.91.06-.06.12-.13.18-.2l-1.84-1.84c.62-.98.98-2.13.98-3.38%2C0-.1-.01-.2-.02-.3-.26.21-.5.44-.72.7Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M12.66%2C6.45c.2-.18.41-.36.64-.51-.04-.25-.1-.49-.17-.73-.21.14-.42.28-.62.44.07.26.12.53.15.8Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M10.33%2C12.17l-.35-.28-.08.04c.03.3.08.61.16.9.28.19.57.34.89.43-.1-.28-.18-.57-.24-.86-.13-.07-.25-.14-.37-.24Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M11.48%2C12.66c-.27-.04-.53-.12-.78-.25.06.3.14.58.24.86.26.08.53.11.8.12-.1-.24-.19-.48-.26-.73Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M12.69%2C7.06c0%2C.13-.02.27-.03.4.22-.25.46-.49.72-.7-.01-.28-.04-.55-.09-.82-.23.16-.44.33-.64.51.02.2.03.4.03.61Z%22%2F%3E%3C%2Fsvg%3E")
no-repeat center / contain;
}
body:not(.home) .c-sub-menu__item--access a:before,
.l-header.is-active .c-sub-menu__item--access a:before {
background: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014.88%2018.07%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23211c59%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M7.44%2C0C3.33%2C0%2C0%2C3.33%2C0%2C7.44s5.85%2C10.63%2C7.44%2C10.63%2C7.44-6.52%2C7.44-10.63S11.55%2C0%2C7.44%2C0ZM7.44%2C10.85c-1.89%2C0-3.41-1.53-3.41-3.41s1.53-3.41%2C3.41-3.41%2C3.41%2C1.53%2C3.41%2C3.41-1.53%2C3.41-3.41%2C3.41Z%22%2F%3E%3C%2Fsvg%3E")
no-repeat center / contain;
}
body:not(.home) .c-sub-menu__item--barrier a:before,
.l-header.is-active .c-sub-menu__item--barrier a:before {
background: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2019.83%2022.35%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23211c59%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M8.42%2C7.25c1.3%2C0%2C2.54%2C0%2C3.78%2C0%2C.95%2C0%2C1.46.44%2C1.46%2C1.19%2C0%2C.75-.52%2C1.16-1.48%2C1.16-1.1%2C0-2.2%2C0-3.41%2C0%2C.07.5.14.93.22%2C1.47.59%2C0%2C1.18%2C0%2C1.78%2C0%2C1.82%2C0%2C3.64.03%2C5.46-.01.88-.02%2C1.39.33%2C1.64%2C1.17.6%2C2.03%2C1.25%2C4.05%2C1.86%2C6.08.27.89%2C0%2C1.53-.73%2C1.73-.71.2-1.26-.14-1.53-1-.52-1.63-1.04-3.25-1.51-4.9-.15-.54-.38-.74-.96-.73-2.23.04-4.47.02-6.7.01-1.08%2C0-1.38-.23-1.55-1.29-.32-1.99-.63-3.97-.92-5.96-.12-.8.26-1.37.95-1.5.67-.13%2C1.22.29%2C1.38%2C1.09.1.48.18.96.27%2C1.49Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M4.58%2C6.29c.03.19.05.33.07.46.24%2C1.18.2%2C2.1-.79%2C3.14-2.29%2C2.4-1.87%2C6.34.63%2C8.53%2C2.56%2C2.23%2C6.37%2C2.04%2C8.62-.52.56-.64%2C1.02-.77%2C1.74-.43.36.17.77.25%2C1.17.37-1.33%2C2.93-5.14%2C4.91-8.45%2C4.44C3.52%2C21.7.67%2C18.85.07%2C14.79c-.49-3.34%2C1.49-7.14%2C4.51-8.5Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M6.63%2C4.11c-1.13%2C0-2.03-.91-2.03-2.05C4.59.92%2C5.51%2C0%2C6.63%2C0c1.12%2C0%2C2.04.93%2C2.03%2C2.06%2C0%2C1.14-.9%2C2.05-2.04%2C2.05Z%22%2F%3E%3C%2Fsvg%3E")
no-repeat center / contain;
}
body:not(.home):not(.page-id-513):not(.page-id-631):not(.page-id-632) .c-sub-menu__item--lang p:before,
.l-header.is-active .c-sub-menu__item--lang p:before {
background: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2023.96%2018.21%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23211c59%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M16.91%2C4.1c-1.13%2C0-2.2.27-3.15.75.07.23.14.46.19.69.88-.47%2C1.89-.73%2C2.96-.73%2C3.5%2C0%2C6.35%2C2.84%2C6.35%2C6.35s-2.84%2C6.35-6.35%2C6.35c-1.02%2C0-1.98-.25-2.83-.67-1.24.97-3.05.89-4.2-.26-.06-.06-.12-.13-.18-.2l1.84-1.84c-.1-.15-.17-.31-.25-.47-.3-.04-.61-.11-.9-.23.08.2.16.39.26.58l-1.92%2C1.92.42.5c.07.08.14.16.22.24%2C1.28%2C1.28%2C3.26%2C1.49%2C4.77.57.88.38%2C1.81.57%2C2.77.57%2C3.89%2C0%2C7.06-3.17%2C7.06-7.06s-3.17-7.06-7.06-7.06Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M16.91%2C5.52c3.11%2C0%2C5.64%2C2.53%2C5.64%2C5.63s-2.53%2C5.63-5.64%2C5.63c-.88%2C0-1.72-.2-2.52-.6l-.4-.2-.35.28c-.86.67-2.04.69-2.91.09l1.72-1.72-.3-.48s-.02-.04-.03-.06c-.28.02-.55%2C0-.82-.03.08.16.16.32.25.47l-1.84%2C1.84c.06.07.11.13.18.2%2C1.15%2C1.15%2C2.95%2C1.23%2C4.2.26.85.43%2C1.81.67%2C2.83.67%2C3.5%2C0%2C6.35-2.84%2C6.35-6.35s-2.84-6.35-6.35-6.35c-1.07%2C0-2.08.27-2.96.73.05.25.1.5.12.75.83-.49%2C1.8-.77%2C2.83-.77Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M9.89%2C12.73c-.85.43-1.81.67-2.83.67-3.5%2C0-6.35-2.84-6.35-6.35S3.55.71%2C7.06.71c2.86%2C0%2C5.28%2C1.89%2C6.07%2C4.49.2-.13.41-.25.63-.36-.93-2.81-3.58-4.85-6.7-4.85C3.17%2C0%2C0%2C3.17%2C0%2C7.06s3.17%2C7.06%2C7.06%2C7.06c.96%2C0%2C1.89-.19%2C2.77-.57.18.11.37.21.57.28-.13-.33-.25-.66-.34-1-.05-.04-.11-.06-.16-.1Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M12.42%2C10.43l1.84%2C1.84c-.06.07-.11.13-.18.2-.65.65-1.5.94-2.35.91.11.24.23.48.37.71.91-.06%2C1.8-.43%2C2.48-1.12.08-.08.15-.16.22-.24l.42-.5-1.92-1.92c.53-1.01.8-2.12.8-3.26%2C0-.26-.02-.51-.04-.77-.24.14-.47.29-.68.47%2C0%2C.1.02.2.02.3%2C0%2C1.24-.36%2C2.4-.98%2C3.38Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M13.3%2C5.93c.21-.14.42-.28.65-.39-.05-.24-.12-.47-.19-.69-.22.11-.43.23-.63.36.07.24.13.48.17.73Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M10.94%2C13.27c-.31-.09-.61-.24-.89-.43.08.34.2.67.34%2C1%2C.29.12.59.19.9.23-.13-.25-.25-.52-.34-.79Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M12.11%2C14.09c-.14-.23-.26-.46-.37-.71-.27%2C0-.54-.04-.8-.12.1.27.21.54.34.79.27.04.55.05.82.03Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M13.39%2C6.76c.21-.17.44-.33.68-.47-.03-.25-.07-.5-.12-.75-.22.12-.44.25-.65.39.05.27.08.54.09.82Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M9.57%2C12.09c-.79.4-1.64.6-2.52.6-3.11%2C0-5.63-2.53-5.63-5.63S3.95%2C1.42%2C7.06%2C1.42c2.62%2C0%2C4.82%2C1.8%2C5.45%2C4.22.2-.16.41-.3.62-.44-.79-2.6-3.21-4.49-6.07-4.49C3.55.71.71%2C3.55.71%2C7.06s2.84%2C6.35%2C6.35%2C6.35c1.02%2C0%2C1.98-.25%2C2.83-.67.05.04.11.07.16.1-.07-.3-.12-.6-.16-.9l-.32.16Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M12.66%2C7.46c-.07.92-.34%2C1.81-.84%2C2.6l-.3.48%2C1.72%2C1.72c-.52.36-1.15.49-1.76.4.07.25.16.49.26.73.85.03%2C1.7-.27%2C2.35-.91.06-.06.12-.13.18-.2l-1.84-1.84c.62-.98.98-2.13.98-3.38%2C0-.1-.01-.2-.02-.3-.26.21-.5.44-.72.7Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M12.66%2C6.45c.2-.18.41-.36.64-.51-.04-.25-.1-.49-.17-.73-.21.14-.42.28-.62.44.07.26.12.53.15.8Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M10.33%2C12.17l-.35-.28-.08.04c.03.3.08.61.16.9.28.19.57.34.89.43-.1-.28-.18-.57-.24-.86-.13-.07-.25-.14-.37-.24Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M11.48%2C12.66c-.27-.04-.53-.12-.78-.25.06.3.14.58.24.86.26.08.53.11.8.12-.1-.24-.19-.48-.26-.73Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M12.69%2C7.06c0%2C.13-.02.27-.03.4.22-.25.46-.49.72-.7-.01-.28-.04-.55-.09-.82-.23.16-.44.33-.64.51.02.2.03.4.03.61Z%22%2F%3E%3C%2Fsvg%3E")
no-repeat center / contain;
}
@media screen and (max-width: 1919px) {
.l-header__logo {
width: 320px;
}
}
@media screen and (min-width: 1000px) {
body.home .c-sub-menu__item:hover > a,
body.home .c-sub-menu__item:hover > p {
color: #211c59;
}
body:not(.home) .c-sub-menu__item:hover > a,
body:not(.home) .c-sub-menu__item:hover > p,
.l-header.is-active .c-sub-menu__item:hover > a,
.l-header.is-active .c-sub-menu__item:hover > p {
color: #fff !important;
}
body.home .c-sub-menu__item:hover {
background: rgba(255, 255, 255, 0.8);
}
body:not(.home) .c-sub-menu__item:hover,
.l-header.is-active .c-sub-menu__item:hover {
background: #211c59;
}
body:not(.home) .c-sub-menu__item--access:hover a:before,
.l-header.is-active .c-sub-menu__item--access:hover a:before {
width: 16px;
height: 19px;
background: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014.88%2018.07%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M7.44%2C0C3.33%2C0%2C0%2C3.33%2C0%2C7.44s5.85%2C10.63%2C7.44%2C10.63%2C7.44-6.52%2C7.44-10.63S11.55%2C0%2C7.44%2C0ZM7.44%2C10.85c-1.89%2C0-3.41-1.53-3.41-3.41s1.53-3.41%2C3.41-3.41%2C3.41%2C1.53%2C3.41%2C3.41-1.53%2C3.41-3.41%2C3.41Z%22%2F%3E%3C%2Fsvg%3E")
no-repeat center / contain;
}
body:not(.home) .c-sub-menu__item--barrier:hover a:before,
.l-header.is-active .c-sub-menu__item--barrier:hover a:before {
width: 21px;
height: 23px;
background: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2019.83%2022.35%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M8.42%2C7.25c1.3%2C0%2C2.54%2C0%2C3.78%2C0%2C.95%2C0%2C1.46.44%2C1.46%2C1.19%2C0%2C.75-.52%2C1.16-1.48%2C1.16-1.1%2C0-2.2%2C0-3.41%2C0%2C.07.5.14.93.22%2C1.47.59%2C0%2C1.18%2C0%2C1.78%2C0%2C1.82%2C0%2C3.64.03%2C5.46-.01.88-.02%2C1.39.33%2C1.64%2C1.17.6%2C2.03%2C1.25%2C4.05%2C1.86%2C6.08.27.89%2C0%2C1.53-.73%2C1.73-.71.2-1.26-.14-1.53-1-.52-1.63-1.04-3.25-1.51-4.9-.15-.54-.38-.74-.96-.73-2.23.04-4.47.02-6.7.01-1.08%2C0-1.38-.23-1.55-1.29-.32-1.99-.63-3.97-.92-5.96-.12-.8.26-1.37.95-1.5.67-.13%2C1.22.29%2C1.38%2C1.09.1.48.18.96.27%2C1.49Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M4.58%2C6.29c.03.19.05.33.07.46.24%2C1.18.2%2C2.1-.79%2C3.14-2.29%2C2.4-1.87%2C6.34.63%2C8.53%2C2.56%2C2.23%2C6.37%2C2.04%2C8.62-.52.56-.64%2C1.02-.77%2C1.74-.43.36.17.77.25%2C1.17.37-1.33%2C2.93-5.14%2C4.91-8.45%2C4.44C3.52%2C21.7.67%2C18.85.07%2C14.79c-.49-3.34%2C1.49-7.14%2C4.51-8.5Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M6.63%2C4.11c-1.13%2C0-2.03-.91-2.03-2.05C4.59.92%2C5.51%2C0%2C6.63%2C0c1.12%2C0%2C2.04.93%2C2.03%2C2.06%2C0%2C1.14-.9%2C2.05-2.04%2C2.05Z%22%2F%3E%3C%2Fsvg%3E")
no-repeat center / contain;
}
body:not(.home) .c-sub-menu__item--lang:hover p:before,
.l-header.is-active .c-sub-menu__item--lang:hover p:before {
width: 25px;
height: 20px;
background: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2023.96%2018.21%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M16.91%2C4.1c-1.13%2C0-2.2.27-3.15.75.07.23.14.46.19.69.88-.47%2C1.89-.73%2C2.96-.73%2C3.5%2C0%2C6.35%2C2.84%2C6.35%2C6.35s-2.84%2C6.35-6.35%2C6.35c-1.02%2C0-1.98-.25-2.83-.67-1.24.97-3.05.89-4.2-.26-.06-.06-.12-.13-.18-.2l1.84-1.84c-.1-.15-.17-.31-.25-.47-.3-.04-.61-.11-.9-.23.08.2.16.39.26.58l-1.92%2C1.92.42.5c.07.08.14.16.22.24%2C1.28%2C1.28%2C3.26%2C1.49%2C4.77.57.88.38%2C1.81.57%2C2.77.57%2C3.89%2C0%2C7.06-3.17%2C7.06-7.06s-3.17-7.06-7.06-7.06Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M16.91%2C5.52c3.11%2C0%2C5.64%2C2.53%2C5.64%2C5.63s-2.53%2C5.63-5.64%2C5.63c-.88%2C0-1.72-.2-2.52-.6l-.4-.2-.35.28c-.86.67-2.04.69-2.91.09l1.72-1.72-.3-.48s-.02-.04-.03-.06c-.28.02-.55%2C0-.82-.03.08.16.16.32.25.47l-1.84%2C1.84c.06.07.11.13.18.2%2C1.15%2C1.15%2C2.95%2C1.23%2C4.2.26.85.43%2C1.81.67%2C2.83.67%2C3.5%2C0%2C6.35-2.84%2C6.35-6.35s-2.84-6.35-6.35-6.35c-1.07%2C0-2.08.27-2.96.73.05.25.1.5.12.75.83-.49%2C1.8-.77%2C2.83-.77Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M9.89%2C12.73c-.85.43-1.81.67-2.83.67-3.5%2C0-6.35-2.84-6.35-6.35S3.55.71%2C7.06.71c2.86%2C0%2C5.28%2C1.89%2C6.07%2C4.49.2-.13.41-.25.63-.36-.93-2.81-3.58-4.85-6.7-4.85C3.17%2C0%2C0%2C3.17%2C0%2C7.06s3.17%2C7.06%2C7.06%2C7.06c.96%2C0%2C1.89-.19%2C2.77-.57.18.11.37.21.57.28-.13-.33-.25-.66-.34-1-.05-.04-.11-.06-.16-.1Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M12.42%2C10.43l1.84%2C1.84c-.06.07-.11.13-.18.2-.65.65-1.5.94-2.35.91.11.24.23.48.37.71.91-.06%2C1.8-.43%2C2.48-1.12.08-.08.15-.16.22-.24l.42-.5-1.92-1.92c.53-1.01.8-2.12.8-3.26%2C0-.26-.02-.51-.04-.77-.24.14-.47.29-.68.47%2C0%2C.1.02.2.02.3%2C0%2C1.24-.36%2C2.4-.98%2C3.38Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M13.3%2C5.93c.21-.14.42-.28.65-.39-.05-.24-.12-.47-.19-.69-.22.11-.43.23-.63.36.07.24.13.48.17.73Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M10.94%2C13.27c-.31-.09-.61-.24-.89-.43.08.34.2.67.34%2C1%2C.29.12.59.19.9.23-.13-.25-.25-.52-.34-.79Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M12.11%2C14.09c-.14-.23-.26-.46-.37-.71-.27%2C0-.54-.04-.8-.12.1.27.21.54.34.79.27.04.55.05.82.03Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M13.39%2C6.76c.21-.17.44-.33.68-.47-.03-.25-.07-.5-.12-.75-.22.12-.44.25-.65.39.05.27.08.54.09.82Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M9.57%2C12.09c-.79.4-1.64.6-2.52.6-3.11%2C0-5.63-2.53-5.63-5.63S3.95%2C1.42%2C7.06%2C1.42c2.62%2C0%2C4.82%2C1.8%2C5.45%2C4.22.2-.16.41-.3.62-.44-.79-2.6-3.21-4.49-6.07-4.49C3.55.71.71%2C3.55.71%2C7.06s2.84%2C6.35%2C6.35%2C6.35c1.02%2C0%2C1.98-.25%2C2.83-.67.05.04.11.07.16.1-.07-.3-.12-.6-.16-.9l-.32.16Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M12.66%2C7.46c-.07.92-.34%2C1.81-.84%2C2.6l-.3.48%2C1.72%2C1.72c-.52.36-1.15.49-1.76.4.07.25.16.49.26.73.85.03%2C1.7-.27%2C2.35-.91.06-.06.12-.13.18-.2l-1.84-1.84c.62-.98.98-2.13.98-3.38%2C0-.1-.01-.2-.02-.3-.26.21-.5.44-.72.7Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M12.66%2C6.45c.2-.18.41-.36.64-.51-.04-.25-.1-.49-.17-.73-.21.14-.42.28-.62.44.07.26.12.53.15.8Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M10.33%2C12.17l-.35-.28-.08.04c.03.3.08.61.16.9.28.19.57.34.89.43-.1-.28-.18-.57-.24-.86-.13-.07-.25-.14-.37-.24Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M11.48%2C12.66c-.27-.04-.53-.12-.78-.25.06.3.14.58.24.86.26.08.53.11.8.12-.1-.24-.19-.48-.26-.73Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M12.69%2C7.06c0%2C.13-.02.27-.03.4.22-.25.46-.49.72-.7-.01-.28-.04-.55-.09-.82-.23.16-.44.33-.64.51.02.2.03.4.03.61Z%22%2F%3E%3C%2Fsvg%3E")
no-repeat center / contain !important;
}
.c-sub-menu__item--access:hover a:before {
background: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014.88%2018.07%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23211c59%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M7.44%2C0C3.33%2C0%2C0%2C3.33%2C0%2C7.44s5.85%2C10.63%2C7.44%2C10.63%2C7.44-6.52%2C7.44-10.63S11.55%2C0%2C7.44%2C0ZM7.44%2C10.85c-1.89%2C0-3.41-1.53-3.41-3.41s1.53-3.41%2C3.41-3.41%2C3.41%2C1.53%2C3.41%2C3.41-1.53%2C3.41-3.41%2C3.41Z%22%2F%3E%3C%2Fsvg%3E")
no-repeat center / contain;
}
.c-sub-menu__item--barrier:hover a:before {
background: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2019.83%2022.35%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23211c59%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M8.42%2C7.25c1.3%2C0%2C2.54%2C0%2C3.78%2C0%2C.95%2C0%2C1.46.44%2C1.46%2C1.19%2C0%2C.75-.52%2C1.16-1.48%2C1.16-1.1%2C0-2.2%2C0-3.41%2C0%2C.07.5.14.93.22%2C1.47.59%2C0%2C1.18%2C0%2C1.78%2C0%2C1.82%2C0%2C3.64.03%2C5.46-.01.88-.02%2C1.39.33%2C1.64%2C1.17.6%2C2.03%2C1.25%2C4.05%2C1.86%2C6.08.27.89%2C0%2C1.53-.73%2C1.73-.71.2-1.26-.14-1.53-1-.52-1.63-1.04-3.25-1.51-4.9-.15-.54-.38-.74-.96-.73-2.23.04-4.47.02-6.7.01-1.08%2C0-1.38-.23-1.55-1.29-.32-1.99-.63-3.97-.92-5.96-.12-.8.26-1.37.95-1.5.67-.13%2C1.22.29%2C1.38%2C1.09.1.48.18.96.27%2C1.49Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M4.58%2C6.29c.03.19.05.33.07.46.24%2C1.18.2%2C2.1-.79%2C3.14-2.29%2C2.4-1.87%2C6.34.63%2C8.53%2C2.56%2C2.23%2C6.37%2C2.04%2C8.62-.52.56-.64%2C1.02-.77%2C1.74-.43.36.17.77.25%2C1.17.37-1.33%2C2.93-5.14%2C4.91-8.45%2C4.44C3.52%2C21.7.67%2C18.85.07%2C14.79c-.49-3.34%2C1.49-7.14%2C4.51-8.5Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M6.63%2C4.11c-1.13%2C0-2.03-.91-2.03-2.05C4.59.92%2C5.51%2C0%2C6.63%2C0c1.12%2C0%2C2.04.93%2C2.03%2C2.06%2C0%2C1.14-.9%2C2.05-2.04%2C2.05Z%22%2F%3E%3C%2Fsvg%3E")
no-repeat center / contain;
}
.c-sub-menu__item--lang:hover p:before {
background: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2023.96%2018.21%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23211c59%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M16.91%2C4.1c-1.13%2C0-2.2.27-3.15.75.07.23.14.46.19.69.88-.47%2C1.89-.73%2C2.96-.73%2C3.5%2C0%2C6.35%2C2.84%2C6.35%2C6.35s-2.84%2C6.35-6.35%2C6.35c-1.02%2C0-1.98-.25-2.83-.67-1.24.97-3.05.89-4.2-.26-.06-.06-.12-.13-.18-.2l1.84-1.84c-.1-.15-.17-.31-.25-.47-.3-.04-.61-.11-.9-.23.08.2.16.39.26.58l-1.92%2C1.92.42.5c.07.08.14.16.22.24%2C1.28%2C1.28%2C3.26%2C1.49%2C4.77.57.88.38%2C1.81.57%2C2.77.57%2C3.89%2C0%2C7.06-3.17%2C7.06-7.06s-3.17-7.06-7.06-7.06Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M16.91%2C5.52c3.11%2C0%2C5.64%2C2.53%2C5.64%2C5.63s-2.53%2C5.63-5.64%2C5.63c-.88%2C0-1.72-.2-2.52-.6l-.4-.2-.35.28c-.86.67-2.04.69-2.91.09l1.72-1.72-.3-.48s-.02-.04-.03-.06c-.28.02-.55%2C0-.82-.03.08.16.16.32.25.47l-1.84%2C1.84c.06.07.11.13.18.2%2C1.15%2C1.15%2C2.95%2C1.23%2C4.2.26.85.43%2C1.81.67%2C2.83.67%2C3.5%2C0%2C6.35-2.84%2C6.35-6.35s-2.84-6.35-6.35-6.35c-1.07%2C0-2.08.27-2.96.73.05.25.1.5.12.75.83-.49%2C1.8-.77%2C2.83-.77Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M9.89%2C12.73c-.85.43-1.81.67-2.83.67-3.5%2C0-6.35-2.84-6.35-6.35S3.55.71%2C7.06.71c2.86%2C0%2C5.28%2C1.89%2C6.07%2C4.49.2-.13.41-.25.63-.36-.93-2.81-3.58-4.85-6.7-4.85C3.17%2C0%2C0%2C3.17%2C0%2C7.06s3.17%2C7.06%2C7.06%2C7.06c.96%2C0%2C1.89-.19%2C2.77-.57.18.11.37.21.57.28-.13-.33-.25-.66-.34-1-.05-.04-.11-.06-.16-.1Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M12.42%2C10.43l1.84%2C1.84c-.06.07-.11.13-.18.2-.65.65-1.5.94-2.35.91.11.24.23.48.37.71.91-.06%2C1.8-.43%2C2.48-1.12.08-.08.15-.16.22-.24l.42-.5-1.92-1.92c.53-1.01.8-2.12.8-3.26%2C0-.26-.02-.51-.04-.77-.24.14-.47.29-.68.47%2C0%2C.1.02.2.02.3%2C0%2C1.24-.36%2C2.4-.98%2C3.38Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M13.3%2C5.93c.21-.14.42-.28.65-.39-.05-.24-.12-.47-.19-.69-.22.11-.43.23-.63.36.07.24.13.48.17.73Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M10.94%2C13.27c-.31-.09-.61-.24-.89-.43.08.34.2.67.34%2C1%2C.29.12.59.19.9.23-.13-.25-.25-.52-.34-.79Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M12.11%2C14.09c-.14-.23-.26-.46-.37-.71-.27%2C0-.54-.04-.8-.12.1.27.21.54.34.79.27.04.55.05.82.03Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M13.39%2C6.76c.21-.17.44-.33.68-.47-.03-.25-.07-.5-.12-.75-.22.12-.44.25-.65.39.05.27.08.54.09.82Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M9.57%2C12.09c-.79.4-1.64.6-2.52.6-3.11%2C0-5.63-2.53-5.63-5.63S3.95%2C1.42%2C7.06%2C1.42c2.62%2C0%2C4.82%2C1.8%2C5.45%2C4.22.2-.16.41-.3.62-.44-.79-2.6-3.21-4.49-6.07-4.49C3.55.71.71%2C3.55.71%2C7.06s2.84%2C6.35%2C6.35%2C6.35c1.02%2C0%2C1.98-.25%2C2.83-.67.05.04.11.07.16.1-.07-.3-.12-.6-.16-.9l-.32.16Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M12.66%2C7.46c-.07.92-.34%2C1.81-.84%2C2.6l-.3.48%2C1.72%2C1.72c-.52.36-1.15.49-1.76.4.07.25.16.49.26.73.85.03%2C1.7-.27%2C2.35-.91.06-.06.12-.13.18-.2l-1.84-1.84c.62-.98.98-2.13.98-3.38%2C0-.1-.01-.2-.02-.3-.26.21-.5.44-.72.7Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M12.66%2C6.45c.2-.18.41-.36.64-.51-.04-.25-.1-.49-.17-.73-.21.14-.42.28-.62.44.07.26.12.53.15.8Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M10.33%2C12.17l-.35-.28-.08.04c.03.3.08.61.16.9.28.19.57.34.89.43-.1-.28-.18-.57-.24-.86-.13-.07-.25-.14-.37-.24Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M11.48%2C12.66c-.27-.04-.53-.12-.78-.25.06.3.14.58.24.86.26.08.53.11.8.12-.1-.24-.19-.48-.26-.73Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M12.69%2C7.06c0%2C.13-.02.27-.03.4.22-.25.46-.49.72-.7-.01-.28-.04-.55-.09-.82-.23.16-.44.33-.64.51.02.2.03.4.03.61Z%22%2F%3E%3C%2Fsvg%3E")
no-repeat center / contain;
}
}
@media screen and (max-width: 999px) {
body:not(.home) .l-header,
body.home .l-header,
body.home .l-header.is-active {
height: 66px;
}
.l-header__inner {
padding: 0 89px 0 26px;
padding: 0 89px 0 14px;
}
html.multi-lang .l-header__inner {
padding: 0 12px 0 14px;
}
.l-header__logo {
width: 236px;
width: 206px;
}
html.multi-lang .l-header__logo {
font-size: 12px;
}
.l-header__drawer {
display: none;
}
.l-header.is-active .l-header__sub-menu {
display: block;
}
.c-sub-menu__item {
border-radius: 0;
}
.c-sub-menu__item:hover {
background: transparent;
}
.c-sub-menu__item.is-active {
background: rgba(255, 255, 255, 0.8);
}
/*.l-header.is-active .c-sub-menu__item:hover {
background: transparent;
}*/
body:not(.home) .c-sub-menu__item.is-active,
.l-header.is-active .c-sub-menu__item.is-active {
background: #211c59;
}
/*.c-sub-menu__item:hover > a,
.c-sub-menu__item:hover > p {
color: #fff;
}*/
body.home .c-sub-menu__item.is-active > a,
body.home .c-sub-menu__item.is-active > p {
color: #211c59;
}
/*.l-header.is-active .c-sub-menu__item:hover > a,
.l-header.is-active .c-sub-menu__item:hover > p {
color: #211c59;
}*/
body:not(.home) .c-sub-menu__item.is-active > p,
.l-header.is-active .c-sub-menu__item.is-active > a,
.l-header.is-active .c-sub-menu__item.is-active > p {
color: #fff !important;
}
/* .c-sub-menu__item--lang,*/
.c-sub-menu__item--access,
.c-sub-menu__item--barrier {
display: none;
}
.c-sub-menu__item--lang {
position: absolute;
/*top: 120px;
right: 0;*/
top: 8px;
top: 0;
right: 82px;
right: 78px;
z-index: 10;
/*-ms-writing-mode: tb-rl;
-webkit-writing-mode: vertical-rl;
writing-mode: vertical-rl;*/
}
html.multi-lang .c-sub-menu__item--lang {
/* right: 20px;*/
}
.c-sub-menu__item {
transition: 0s;
}
.c-sub-menu__item > a,
.c-sub-menu__item > p {
padding: 8px 4px;
padding: 14px 8px;
/* font-size: 11px;*/
flex-direction: column;
gap: 4px 0;
font-size: 10px;
font-weight: 400;
/* transform: scale(.9);*/
/* transform-origin: center top;*/
transition: color 0s;
}
.c-sub-menu__item--lang p:before {
/*width: 19px;
height: 15px;*/
width: 24px;
height: 18px;
}
.c-sub-menu__item--lang p:before {
width: 24px;
height: 18px;
}
/*.l-header.is-active .c-sub-menu__item--lang:hover p:before {
background: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2023.96%2018.21%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23211c59%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M16.91%2C4.1c-1.13%2C0-2.2.27-3.15.75.07.23.14.46.19.69.88-.47%2C1.89-.73%2C2.96-.73%2C3.5%2C0%2C6.35%2C2.84%2C6.35%2C6.35s-2.84%2C6.35-6.35%2C6.35c-1.02%2C0-1.98-.25-2.83-.67-1.24.97-3.05.89-4.2-.26-.06-.06-.12-.13-.18-.2l1.84-1.84c-.1-.15-.17-.31-.25-.47-.3-.04-.61-.11-.9-.23.08.2.16.39.26.58l-1.92%2C1.92.42.5c.07.08.14.16.22.24%2C1.28%2C1.28%2C3.26%2C1.49%2C4.77.57.88.38%2C1.81.57%2C2.77.57%2C3.89%2C0%2C7.06-3.17%2C7.06-7.06s-3.17-7.06-7.06-7.06Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M16.91%2C5.52c3.11%2C0%2C5.64%2C2.53%2C5.64%2C5.63s-2.53%2C5.63-5.64%2C5.63c-.88%2C0-1.72-.2-2.52-.6l-.4-.2-.35.28c-.86.67-2.04.69-2.91.09l1.72-1.72-.3-.48s-.02-.04-.03-.06c-.28.02-.55%2C0-.82-.03.08.16.16.32.25.47l-1.84%2C1.84c.06.07.11.13.18.2%2C1.15%2C1.15%2C2.95%2C1.23%2C4.2.26.85.43%2C1.81.67%2C2.83.67%2C3.5%2C0%2C6.35-2.84%2C6.35-6.35s-2.84-6.35-6.35-6.35c-1.07%2C0-2.08.27-2.96.73.05.25.1.5.12.75.83-.49%2C1.8-.77%2C2.83-.77Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M9.89%2C12.73c-.85.43-1.81.67-2.83.67-3.5%2C0-6.35-2.84-6.35-6.35S3.55.71%2C7.06.71c2.86%2C0%2C5.28%2C1.89%2C6.07%2C4.49.2-.13.41-.25.63-.36-.93-2.81-3.58-4.85-6.7-4.85C3.17%2C0%2C0%2C3.17%2C0%2C7.06s3.17%2C7.06%2C7.06%2C7.06c.96%2C0%2C1.89-.19%2C2.77-.57.18.11.37.21.57.28-.13-.33-.25-.66-.34-1-.05-.04-.11-.06-.16-.1Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M12.42%2C10.43l1.84%2C1.84c-.06.07-.11.13-.18.2-.65.65-1.5.94-2.35.91.11.24.23.48.37.71.91-.06%2C1.8-.43%2C2.48-1.12.08-.08.15-.16.22-.24l.42-.5-1.92-1.92c.53-1.01.8-2.12.8-3.26%2C0-.26-.02-.51-.04-.77-.24.14-.47.29-.68.47%2C0%2C.1.02.2.02.3%2C0%2C1.24-.36%2C2.4-.98%2C3.38Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M13.3%2C5.93c.21-.14.42-.28.65-.39-.05-.24-.12-.47-.19-.69-.22.11-.43.23-.63.36.07.24.13.48.17.73Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M10.94%2C13.27c-.31-.09-.61-.24-.89-.43.08.34.2.67.34%2C1%2C.29.12.59.19.9.23-.13-.25-.25-.52-.34-.79Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M12.11%2C14.09c-.14-.23-.26-.46-.37-.71-.27%2C0-.54-.04-.8-.12.1.27.21.54.34.79.27.04.55.05.82.03Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M13.39%2C6.76c.21-.17.44-.33.68-.47-.03-.25-.07-.5-.12-.75-.22.12-.44.25-.65.39.05.27.08.54.09.82Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M9.57%2C12.09c-.79.4-1.64.6-2.52.6-3.11%2C0-5.63-2.53-5.63-5.63S3.95%2C1.42%2C7.06%2C1.42c2.62%2C0%2C4.82%2C1.8%2C5.45%2C4.22.2-.16.41-.3.62-.44-.79-2.6-3.21-4.49-6.07-4.49C3.55.71.71%2C3.55.71%2C7.06s2.84%2C6.35%2C6.35%2C6.35c1.02%2C0%2C1.98-.25%2C2.83-.67.05.04.11.07.16.1-.07-.3-.12-.6-.16-.9l-.32.16Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M12.66%2C7.46c-.07.92-.34%2C1.81-.84%2C2.6l-.3.48%2C1.72%2C1.72c-.52.36-1.15.49-1.76.4.07.25.16.49.26.73.85.03%2C1.7-.27%2C2.35-.91.06-.06.12-.13.18-.2l-1.84-1.84c.62-.98.98-2.13.98-3.38%2C0-.1-.01-.2-.02-.3-.26.21-.5.44-.72.7Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M12.66%2C6.45c.2-.18.41-.36.64-.51-.04-.25-.1-.49-.17-.73-.21.14-.42.28-.62.44.07.26.12.53.15.8Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M10.33%2C12.17l-.35-.28-.08.04c.03.3.08.61.16.9.28.19.57.34.89.43-.1-.28-.18-.57-.24-.86-.13-.07-.25-.14-.37-.24Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M11.48%2C12.66c-.27-.04-.53-.12-.78-.25.06.3.14.58.24.86.26.08.53.11.8.12-.1-.24-.19-.48-.26-.73Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M12.69%2C7.06c0%2C.13-.02.27-.03.4.22-.25.46-.49.72-.7-.01-.28-.04-.55-.09-.82-.23.16-.44.33-.64.51.02.2.03.4.03.61Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}*/
/*.c-sub-menu__item--lang:hover p:before {
background: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2023.96%2018.21%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M16.91%2C4.1c-1.13%2C0-2.2.27-3.15.75.07.23.14.46.19.69.88-.47%2C1.89-.73%2C2.96-.73%2C3.5%2C0%2C6.35%2C2.84%2C6.35%2C6.35s-2.84%2C6.35-6.35%2C6.35c-1.02%2C0-1.98-.25-2.83-.67-1.24.97-3.05.89-4.2-.26-.06-.06-.12-.13-.18-.2l1.84-1.84c-.1-.15-.17-.31-.25-.47-.3-.04-.61-.11-.9-.23.08.2.16.39.26.58l-1.92%2C1.92.42.5c.07.08.14.16.22.24%2C1.28%2C1.28%2C3.26%2C1.49%2C4.77.57.88.38%2C1.81.57%2C2.77.57%2C3.89%2C0%2C7.06-3.17%2C7.06-7.06s-3.17-7.06-7.06-7.06Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M16.91%2C5.52c3.11%2C0%2C5.64%2C2.53%2C5.64%2C5.63s-2.53%2C5.63-5.64%2C5.63c-.88%2C0-1.72-.2-2.52-.6l-.4-.2-.35.28c-.86.67-2.04.69-2.91.09l1.72-1.72-.3-.48s-.02-.04-.03-.06c-.28.02-.55%2C0-.82-.03.08.16.16.32.25.47l-1.84%2C1.84c.06.07.11.13.18.2%2C1.15%2C1.15%2C2.95%2C1.23%2C4.2.26.85.43%2C1.81.67%2C2.83.67%2C3.5%2C0%2C6.35-2.84%2C6.35-6.35s-2.84-6.35-6.35-6.35c-1.07%2C0-2.08.27-2.96.73.05.25.1.5.12.75.83-.49%2C1.8-.77%2C2.83-.77Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M9.89%2C12.73c-.85.43-1.81.67-2.83.67-3.5%2C0-6.35-2.84-6.35-6.35S3.55.71%2C7.06.71c2.86%2C0%2C5.28%2C1.89%2C6.07%2C4.49.2-.13.41-.25.63-.36-.93-2.81-3.58-4.85-6.7-4.85C3.17%2C0%2C0%2C3.17%2C0%2C7.06s3.17%2C7.06%2C7.06%2C7.06c.96%2C0%2C1.89-.19%2C2.77-.57.18.11.37.21.57.28-.13-.33-.25-.66-.34-1-.05-.04-.11-.06-.16-.1Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M12.42%2C10.43l1.84%2C1.84c-.06.07-.11.13-.18.2-.65.65-1.5.94-2.35.91.11.24.23.48.37.71.91-.06%2C1.8-.43%2C2.48-1.12.08-.08.15-.16.22-.24l.42-.5-1.92-1.92c.53-1.01.8-2.12.8-3.26%2C0-.26-.02-.51-.04-.77-.24.14-.47.29-.68.47%2C0%2C.1.02.2.02.3%2C0%2C1.24-.36%2C2.4-.98%2C3.38Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M13.3%2C5.93c.21-.14.42-.28.65-.39-.05-.24-.12-.47-.19-.69-.22.11-.43.23-.63.36.07.24.13.48.17.73Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M10.94%2C13.27c-.31-.09-.61-.24-.89-.43.08.34.2.67.34%2C1%2C.29.12.59.19.9.23-.13-.25-.25-.52-.34-.79Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M12.11%2C14.09c-.14-.23-.26-.46-.37-.71-.27%2C0-.54-.04-.8-.12.1.27.21.54.34.79.27.04.55.05.82.03Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M13.39%2C6.76c.21-.17.44-.33.68-.47-.03-.25-.07-.5-.12-.75-.22.12-.44.25-.65.39.05.27.08.54.09.82Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M9.57%2C12.09c-.79.4-1.64.6-2.52.6-3.11%2C0-5.63-2.53-5.63-5.63S3.95%2C1.42%2C7.06%2C1.42c2.62%2C0%2C4.82%2C1.8%2C5.45%2C4.22.2-.16.41-.3.62-.44-.79-2.6-3.21-4.49-6.07-4.49C3.55.71.71%2C3.55.71%2C7.06s2.84%2C6.35%2C6.35%2C6.35c1.02%2C0%2C1.98-.25%2C2.83-.67.05.04.11.07.16.1-.07-.3-.12-.6-.16-.9l-.32.16Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M12.66%2C7.46c-.07.92-.34%2C1.81-.84%2C2.6l-.3.48%2C1.72%2C1.72c-.52.36-1.15.49-1.76.4.07.25.16.49.26.73.85.03%2C1.7-.27%2C2.35-.91.06-.06.12-.13.18-.2l-1.84-1.84c.62-.98.98-2.13.98-3.38%2C0-.1-.01-.2-.02-.3-.26.21-.5.44-.72.7Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M12.66%2C6.45c.2-.18.41-.36.64-.51-.04-.25-.1-.49-.17-.73-.21.14-.42.28-.62.44.07.26.12.53.15.8Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M10.33%2C12.17l-.35-.28-.08.04c.03.3.08.61.16.9.28.19.57.34.89.43-.1-.28-.18-.57-.24-.86-.13-.07-.25-.14-.37-.24Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M11.48%2C12.66c-.27-.04-.53-.12-.78-.25.06.3.14.58.24.86.26.08.53.11.8.12-.1-.24-.19-.48-.26-.73Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M12.69%2C7.06c0%2C.13-.02.27-.03.4.22-.25.46-.49.72-.7-.01-.28-.04-.55-.09-.82-.23.16-.44.33-.64.51.02.2.03.4.03.61Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}*/
.c-sub-menu__item--lang.is-active p:before {
background: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2023.96%2018.21%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23211c59%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M16.91%2C4.1c-1.13%2C0-2.2.27-3.15.75.07.23.14.46.19.69.88-.47%2C1.89-.73%2C2.96-.73%2C3.5%2C0%2C6.35%2C2.84%2C6.35%2C6.35s-2.84%2C6.35-6.35%2C6.35c-1.02%2C0-1.98-.25-2.83-.67-1.24.97-3.05.89-4.2-.26-.06-.06-.12-.13-.18-.2l1.84-1.84c-.1-.15-.17-.31-.25-.47-.3-.04-.61-.11-.9-.23.08.2.16.39.26.58l-1.92%2C1.92.42.5c.07.08.14.16.22.24%2C1.28%2C1.28%2C3.26%2C1.49%2C4.77.57.88.38%2C1.81.57%2C2.77.57%2C3.89%2C0%2C7.06-3.17%2C7.06-7.06s-3.17-7.06-7.06-7.06Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M16.91%2C5.52c3.11%2C0%2C5.64%2C2.53%2C5.64%2C5.63s-2.53%2C5.63-5.64%2C5.63c-.88%2C0-1.72-.2-2.52-.6l-.4-.2-.35.28c-.86.67-2.04.69-2.91.09l1.72-1.72-.3-.48s-.02-.04-.03-.06c-.28.02-.55%2C0-.82-.03.08.16.16.32.25.47l-1.84%2C1.84c.06.07.11.13.18.2%2C1.15%2C1.15%2C2.95%2C1.23%2C4.2.26.85.43%2C1.81.67%2C2.83.67%2C3.5%2C0%2C6.35-2.84%2C6.35-6.35s-2.84-6.35-6.35-6.35c-1.07%2C0-2.08.27-2.96.73.05.25.1.5.12.75.83-.49%2C1.8-.77%2C2.83-.77Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M9.89%2C12.73c-.85.43-1.81.67-2.83.67-3.5%2C0-6.35-2.84-6.35-6.35S3.55.71%2C7.06.71c2.86%2C0%2C5.28%2C1.89%2C6.07%2C4.49.2-.13.41-.25.63-.36-.93-2.81-3.58-4.85-6.7-4.85C3.17%2C0%2C0%2C3.17%2C0%2C7.06s3.17%2C7.06%2C7.06%2C7.06c.96%2C0%2C1.89-.19%2C2.77-.57.18.11.37.21.57.28-.13-.33-.25-.66-.34-1-.05-.04-.11-.06-.16-.1Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M12.42%2C10.43l1.84%2C1.84c-.06.07-.11.13-.18.2-.65.65-1.5.94-2.35.91.11.24.23.48.37.71.91-.06%2C1.8-.43%2C2.48-1.12.08-.08.15-.16.22-.24l.42-.5-1.92-1.92c.53-1.01.8-2.12.8-3.26%2C0-.26-.02-.51-.04-.77-.24.14-.47.29-.68.47%2C0%2C.1.02.2.02.3%2C0%2C1.24-.36%2C2.4-.98%2C3.38Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M13.3%2C5.93c.21-.14.42-.28.65-.39-.05-.24-.12-.47-.19-.69-.22.11-.43.23-.63.36.07.24.13.48.17.73Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M10.94%2C13.27c-.31-.09-.61-.24-.89-.43.08.34.2.67.34%2C1%2C.29.12.59.19.9.23-.13-.25-.25-.52-.34-.79Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M12.11%2C14.09c-.14-.23-.26-.46-.37-.71-.27%2C0-.54-.04-.8-.12.1.27.21.54.34.79.27.04.55.05.82.03Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M13.39%2C6.76c.21-.17.44-.33.68-.47-.03-.25-.07-.5-.12-.75-.22.12-.44.25-.65.39.05.27.08.54.09.82Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M9.57%2C12.09c-.79.4-1.64.6-2.52.6-3.11%2C0-5.63-2.53-5.63-5.63S3.95%2C1.42%2C7.06%2C1.42c2.62%2C0%2C4.82%2C1.8%2C5.45%2C4.22.2-.16.41-.3.62-.44-.79-2.6-3.21-4.49-6.07-4.49C3.55.71.71%2C3.55.71%2C7.06s2.84%2C6.35%2C6.35%2C6.35c1.02%2C0%2C1.98-.25%2C2.83-.67.05.04.11.07.16.1-.07-.3-.12-.6-.16-.9l-.32.16Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M12.66%2C7.46c-.07.92-.34%2C1.81-.84%2C2.6l-.3.48%2C1.72%2C1.72c-.52.36-1.15.49-1.76.4.07.25.16.49.26.73.85.03%2C1.7-.27%2C2.35-.91.06-.06.12-.13.18-.2l-1.84-1.84c.62-.98.98-2.13.98-3.38%2C0-.1-.01-.2-.02-.3-.26.21-.5.44-.72.7Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M12.66%2C6.45c.2-.18.41-.36.64-.51-.04-.25-.1-.49-.17-.73-.21.14-.42.28-.62.44.07.26.12.53.15.8Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M10.33%2C12.17l-.35-.28-.08.04c.03.3.08.61.16.9.28.19.57.34.89.43-.1-.28-.18-.57-.24-.86-.13-.07-.25-.14-.37-.24Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M11.48%2C12.66c-.27-.04-.53-.12-.78-.25.06.3.14.58.24.86.26.08.53.11.8.12-.1-.24-.19-.48-.26-.73Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M12.69%2C7.06c0%2C.13-.02.27-.03.4.22-.25.46-.49.72-.7-.01-.28-.04-.55-.09-.82-.23.16-.44.33-.64.51.02.2.03.4.03.61Z%22%2F%3E%3C%2Fsvg%3E")
no-repeat center / contain;
}
body:not(.home) .c-sub-menu__item--lang.is-active p:before,
.l-header.is-active .c-sub-menu__item--lang.is-active p:before {
background: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2023.96%2018.21%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M16.91%2C4.1c-1.13%2C0-2.2.27-3.15.75.07.23.14.46.19.69.88-.47%2C1.89-.73%2C2.96-.73%2C3.5%2C0%2C6.35%2C2.84%2C6.35%2C6.35s-2.84%2C6.35-6.35%2C6.35c-1.02%2C0-1.98-.25-2.83-.67-1.24.97-3.05.89-4.2-.26-.06-.06-.12-.13-.18-.2l1.84-1.84c-.1-.15-.17-.31-.25-.47-.3-.04-.61-.11-.9-.23.08.2.16.39.26.58l-1.92%2C1.92.42.5c.07.08.14.16.22.24%2C1.28%2C1.28%2C3.26%2C1.49%2C4.77.57.88.38%2C1.81.57%2C2.77.57%2C3.89%2C0%2C7.06-3.17%2C7.06-7.06s-3.17-7.06-7.06-7.06Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M16.91%2C5.52c3.11%2C0%2C5.64%2C2.53%2C5.64%2C5.63s-2.53%2C5.63-5.64%2C5.63c-.88%2C0-1.72-.2-2.52-.6l-.4-.2-.35.28c-.86.67-2.04.69-2.91.09l1.72-1.72-.3-.48s-.02-.04-.03-.06c-.28.02-.55%2C0-.82-.03.08.16.16.32.25.47l-1.84%2C1.84c.06.07.11.13.18.2%2C1.15%2C1.15%2C2.95%2C1.23%2C4.2.26.85.43%2C1.81.67%2C2.83.67%2C3.5%2C0%2C6.35-2.84%2C6.35-6.35s-2.84-6.35-6.35-6.35c-1.07%2C0-2.08.27-2.96.73.05.25.1.5.12.75.83-.49%2C1.8-.77%2C2.83-.77Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M9.89%2C12.73c-.85.43-1.81.67-2.83.67-3.5%2C0-6.35-2.84-6.35-6.35S3.55.71%2C7.06.71c2.86%2C0%2C5.28%2C1.89%2C6.07%2C4.49.2-.13.41-.25.63-.36-.93-2.81-3.58-4.85-6.7-4.85C3.17%2C0%2C0%2C3.17%2C0%2C7.06s3.17%2C7.06%2C7.06%2C7.06c.96%2C0%2C1.89-.19%2C2.77-.57.18.11.37.21.57.28-.13-.33-.25-.66-.34-1-.05-.04-.11-.06-.16-.1Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M12.42%2C10.43l1.84%2C1.84c-.06.07-.11.13-.18.2-.65.65-1.5.94-2.35.91.11.24.23.48.37.71.91-.06%2C1.8-.43%2C2.48-1.12.08-.08.15-.16.22-.24l.42-.5-1.92-1.92c.53-1.01.8-2.12.8-3.26%2C0-.26-.02-.51-.04-.77-.24.14-.47.29-.68.47%2C0%2C.1.02.2.02.3%2C0%2C1.24-.36%2C2.4-.98%2C3.38Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M13.3%2C5.93c.21-.14.42-.28.65-.39-.05-.24-.12-.47-.19-.69-.22.11-.43.23-.63.36.07.24.13.48.17.73Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M10.94%2C13.27c-.31-.09-.61-.24-.89-.43.08.34.2.67.34%2C1%2C.29.12.59.19.9.23-.13-.25-.25-.52-.34-.79Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M12.11%2C14.09c-.14-.23-.26-.46-.37-.71-.27%2C0-.54-.04-.8-.12.1.27.21.54.34.79.27.04.55.05.82.03Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M13.39%2C6.76c.21-.17.44-.33.68-.47-.03-.25-.07-.5-.12-.75-.22.12-.44.25-.65.39.05.27.08.54.09.82Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M9.57%2C12.09c-.79.4-1.64.6-2.52.6-3.11%2C0-5.63-2.53-5.63-5.63S3.95%2C1.42%2C7.06%2C1.42c2.62%2C0%2C4.82%2C1.8%2C5.45%2C4.22.2-.16.41-.3.62-.44-.79-2.6-3.21-4.49-6.07-4.49C3.55.71.71%2C3.55.71%2C7.06s2.84%2C6.35%2C6.35%2C6.35c1.02%2C0%2C1.98-.25%2C2.83-.67.05.04.11.07.16.1-.07-.3-.12-.6-.16-.9l-.32.16Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M12.66%2C7.46c-.07.92-.34%2C1.81-.84%2C2.6l-.3.48%2C1.72%2C1.72c-.52.36-1.15.49-1.76.4.07.25.16.49.26.73.85.03%2C1.7-.27%2C2.35-.91.06-.06.12-.13.18-.2l-1.84-1.84c.62-.98.98-2.13.98-3.38%2C0-.1-.01-.2-.02-.3-.26.21-.5.44-.72.7Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M12.66%2C6.45c.2-.18.41-.36.64-.51-.04-.25-.1-.49-.17-.73-.21.14-.42.28-.62.44.07.26.12.53.15.8Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M10.33%2C12.17l-.35-.28-.08.04c.03.3.08.61.16.9.28.19.57.34.89.43-.1-.28-.18-.57-.24-.86-.13-.07-.25-.14-.37-.24Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M11.48%2C12.66c-.27-.04-.53-.12-.78-.25.06.3.14.58.24.86.26.08.53.11.8.12-.1-.24-.19-.48-.26-.73Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M12.69%2C7.06c0%2C.13-.02.27-.03.4.22-.25.46-.49.72-.7-.01-.28-.04-.55-.09-.82-.23.16-.44.33-.64.51.02.2.03.4.03.61Z%22%2F%3E%3C%2Fsvg%3E")
no-repeat center / contain !important;
}
.c-sub-menu__item ul {
top: calc(100% + 0px);
left: 50%;
transform: translateX(-50%);
/* right: 100%;*/
width: auto;
/* height: 100%;*/
padding: 16px 2px 12px 12px;
padding: 20px 20px;
border-radius: 4px 0 0 4px;
border-radius: 9px;
/*visibility: visible;
opacity: 1;*/
}
.c-sub-menu__item:hover ul {
visibility: hidden;
opacity: 0;
}
.c-sub-menu__item.is-active ul {
visibility: visible;
opacity: 1;
}
.c-sub-menu__item ul li:nth-child(n + 2) {
margin-top: 8px;
}
.l-header__ticket {
top: 220px;
top: 104px;
}
.l-header__ticket a {
width: 36px;
height: 180px;
padding-top: 4px;
font-size: 13px;
letter-spacing: 0.08em;
}
.l-header__ticket a:before {
width: 19px;
height: 12px;
}
}
/* ハンバーガーメニューボタン */
.l-hamburger-menu-button {
position: fixed;
position: absolute;
top: 0;
right: 0;
z-index: 30;
width: 106px;
height: 129px;
background: url("lib/images/bg_hamburger-menu-button.png") no-repeat center / contain;
cursor: pointer;
transition: background 0.28s;
}
html.multi-lang .l-hamburger-menu-button {
display: none;
}
.l-hamburger-menu-button.is-active {
position: fixed;
animation: kenburns 0.4s linear forwards;
}
@keyframes kenburns {
0% {
top: -100%;
}
100% {
top: 0;
}
}
/*.l-hamburger-menu-button:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: '';
}*/
.l-hamburger-menu-button.is-open {
background: url("lib/images/bg_hamburger-menu-button_is-open.png") no-repeat center / contain;
}
.l-hamburger-menu-button__line {
position: absolute;
left: 54px;
height: 2px;
background: #fff;
transition: transform 0.28s, width 0.28s, background 0.28s, opacity 0.28s;
}
.l-hamburger-menu-button__line:first-child,
.l-hamburger-menu-button__line:nth-child(2) {
width: 40px;
}
.l-hamburger-menu-button__line:nth-child(3) {
width: 22px;
}
.l-hamburger-menu-button__line:first-child {
top: 26px;
}
.l-hamburger-menu-button.is-open .l-hamburger-menu-button__line:first-child {
transform: translateY(14px) rotate(-45deg);
background: #211c59;
}
.l-hamburger-menu-button__line:nth-child(2) {
top: calc(26px + (14px * 1));
}
.l-hamburger-menu-button.is-open .l-hamburger-menu-button__line:nth-child(2) {
opacity: 0;
}
.l-hamburger-menu-button__line:nth-child(3) {
top: calc(26px + (14px * 2));
}
.l-hamburger-menu-button.is-open .l-hamburger-menu-button__line:nth-child(3) {
transform: translateY(-14px) rotate(45deg);
width: 40px;
background: #211c59;
}
@media screen and (max-width: 999px) {
html.multi-lang .l-hamburger-menu-button {
display: block;
}
.l-hamburger-menu-button {
/*width: 89px;
height: 109px;*/
width: 76px;
height: 80px;
background: url("lib/images/bg_hamburger-menu-button_sp.png") no-repeat center / contain;
}
.l-hamburger-menu-button.is-open {
background: url("lib/images/bg_hamburger-menu-button_is-open_sp.png") no-repeat center / contain;
}
.l-hamburger-menu-button__line {
left: 38px;
}
.l-hamburger-menu-button__line:first-child,
.l-hamburger-menu-button__line:nth-child(2) {
width: 24px;
}
.l-hamburger-menu-button__line:nth-child(3) {
width: 15px;
}
.l-hamburger-menu-button__line:first-child {
top: 17px;
}
.l-hamburger-menu-button.is-open .l-hamburger-menu-button__line:first-child {
transform: translateY(9px) rotate(-45deg);
}
.l-hamburger-menu-button__line:nth-child(2) {
top: calc(17px + (9px * 1));
}
.l-hamburger-menu-button__line:nth-child(3) {
top: calc(17px + (9px * 2));
}
.l-hamburger-menu-button.is-open .l-hamburger-menu-button__line:nth-child(3) {
transform: translateY(-9px) rotate(45deg);
width: 24px;
}
}
/* グローバルナビゲーション */
.l-global-nav {
position: fixed;
top: 0;
left: 0;
z-index: 20;
visibility: hidden;
width: 100%;
height: 100%;
overflow-y: scroll;
background: #278ecb;
opacity: 0;
transition: visibility 0.4s, opacity 0.4s;
transition: visibility 0.6s, opacity 0.6s;
}
.l-global-nav.is-open {
visibility: visible;
opacity: 1;
}
.l-global-nav__inner {
/*width: min(100%, calc(1100px + (20px * 2)));
margin: 0 auto;
padding: 220px 24px;*/
padding: 38px 50px 220px;
}
.l-global-nav__logo {
/*position: absolute;
top: 38px;
left: 50px;*/
width: 260px;
}
.l-global-nav__logo a {
display: block;
transition: opacity 0.4s;
}
.l-global-nav__logo a:hover {
opacity: 0.6;
}
.l-nav {
margin-top: 148px;
}
.l-nav__list {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 56px 0;
width: min(100%, 1100px);
margin: 0 auto;
}
.l-nav__list li > a {
display: flex;
align-items: center;
gap: 0 14px;
font-size: 18px;
font-weight: 700;
}
.l-nav__list li li > a {
display: block;
font-size: 15px;
font-weight: 500;
padding: 3px 0;
}
.l-nav__list li a {
color: #fff;
transition: opacity 0.4s;
}
.l-nav__list li a:hover {
opacity: 0.6;
}
.l-nav__list li ul {
margin-top: 20px;
padding-left: 38px;
}
.l-nav__list li ul span {
display: none;
}
.l-nav__list li ul {
display: flex;
flex-direction: column;
gap: 2px 0;
}
.l-nav__button {
margin-top: calc((-53px / 2) + ((18px * 1.75) / 2));
}
.l-nav__button a {
display: flex;
justify-content: center;
align-items: center;
gap: 0 14px;
width: 245px;
height: 53px;
border: 1px solid #f4a93b;
border-radius: 5px;
background: #f4a93b;
color: #fff;
font-weight: 700;
transition: background 0.4s, color 0.4s;
}
.l-nav__button a:hover {
background: #fff;
color: #f4a93b;
}
.l-nav__button a:before {
display: inline-block;
width: 26px;
height: 16px;
background: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024.27%2014.87%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M24.27%2C14.87H0v-5.82l.62.03h0c.9%2C0%2C1.63-.74%2C1.63-1.65s-.74-1.65-1.65-1.65h-.08s-.53.04-.53.04V0h24.27v5.79h-.5c-.91%2C0-1.65.74-1.65%2C1.65s.74%2C1.65%2C1.65%2C1.65h.5v5.79ZM1%2C13.87h22.27v-3.84c-1.22-.23-2.15-1.31-2.15-2.6s.93-2.36%2C2.15-2.6V1H1v3.82c1.27.19%2C2.25%2C1.29%2C2.25%2C2.62s-.98%2C2.43-2.25%2C2.62v3.82Z%22%2F%3E%3Crect%20class%3D%22cls-1%22%20x%3D%226.32%22%20y%3D%22.5%22%20width%3D%221%22%20height%3D%2213.87%22%2F%3E%3C%2Fsvg%3E")
no-repeat center / contain;
content: "";
transition: background 0.4s;
}
.l-nav__button a:hover:before {
background: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024.27%2014.87%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23f4a93b%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M24.27%2C14.87H0v-5.82l.62.03h0c.9%2C0%2C1.63-.74%2C1.63-1.65s-.74-1.65-1.65-1.65h-.08s-.53.04-.53.04V0h24.27v5.79h-.5c-.91%2C0-1.65.74-1.65%2C1.65s.74%2C1.65%2C1.65%2C1.65h.5v5.79ZM1%2C13.87h22.27v-3.84c-1.22-.23-2.15-1.31-2.15-2.6s.93-2.36%2C2.15-2.6V1H1v3.82c1.27.19%2C2.25%2C1.29%2C2.25%2C2.62s-.98%2C2.43-2.25%2C2.62v3.82Z%22%2F%3E%3Crect%20class%3D%22cls-1%22%20x%3D%226.32%22%20y%3D%22.5%22%20width%3D%221%22%20height%3D%2213.87%22%2F%3E%3C%2Fsvg%3E")
no-repeat center / contain;
}
.menu-item-has-children > a {
pointer-events: none;
}
@media screen and (max-width: 1919px) {
.l-nav {
margin-top: 104px;
}
}
@media screen and (max-width: 999px) {
.l-global-nav__inner {
padding: 52px 24px calc(45px + 95px);
}
html.multi-lang .l-global-nav__inner {
padding: 22px 24px calc(45px + 95px);
}
.l-global-nav__logo {
left: 24px;
width: 242px;
}
html.multi-lang .l-global-nav__logo {
margin-bottom: 82px;
}
html.multi-lang .l-global-nav__logo a {
color: #fff;
font-size: 12px;
}
.l-nav {
margin-top: 40px;
}
.l-nav__list {
grid-template-columns: none;
gap: 16px 0;
}
.l-nav__button {
display: none;
}
.l-nav__list li > a {
position: relative;
}
.l-nav__list li.homelink {
display: none;
}
.menu-item-has-children > a {
padding-right: 32px;
pointer-events: auto;
}
.menu-item-has-children > a:before,
.menu-item-has-children > a:after {
position: absolute;
top: 15px;
right: 0;
width: 15px;
height: 1px;
background: #fff;
content: "";
transition: transform 0.4s;
}
.menu-item-has-children > a:after {
transform: rotate(90deg);
}
.menu-item-has-children.is-open > a:after {
transform: rotate(180deg);
}
.l-nav__list .nav-child {
overflow: hidden;
height: 0;
transition: overflow 0.4s, height 0.4s;
}
.l-nav__list li ul {
margin-top: 0;
gap: 8px 0;
padding-top: 12px;
padding-bottom: 12px;
}
}
/* サイドバー */
.l-aside {
/*position: sticky;
top: calc(74px + 32px);*/
}
.l-aside__rows {
display: flex;
flex-direction: column;
gap: 64px 0;
}
/* ウィジェット（サイドバー） */
.l-widget__heading {
position: relative;
padding-left: calc(26px + 14px);
color: #9b9b9b;
font-size: 28px;
line-height: 1.5;
}
.l-widget__heading:before {
position: absolute;
top: calc((28px * 1.5 / 2) - (1px / 2));
left: 0;
width: 26px;
height: 1px;
background: #192657;
content: "";
}
.l-widget__heading span {
margin-left: 20px;
color: #192657;
font-size: 16px;
font-weight: 500;
text-transform: capitalize;
}
.l-widget__list {
display: flex;
flex-direction: column;
gap: 8px 0;
margin-top: 12px;
}
.l-widget__item {
border-bottom: 0.75px solid #acacac;
}
.l-widget__item a {
display: block;
position: relative;
padding: 16px calc(21px * 2) 16px 12px;
color: #192657;
font-weight: 500;
transition: opacity 0.4s;
}
.l-widget__item a:hover {
opacity: 0.6;
}
.l-widget__item a:before {
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
width: 21px;
height: 19px;
background: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2021.61%2019.39%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%23278ecb%3Bstroke-miterlimit%3A10%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpolyline%20class%3D%22cls-1%22%20points%3D%2211.56%20.35%2020.9%209.7%2011.56%2019.04%22%2F%3E%3Cline%20class%3D%22cls-1%22%20x1%3D%2220.81%22%20y1%3D%229.7%22%20y2%3D%229.7%22%2F%3E%3C%2Fsvg%3E")
no-repeat center / contain;
content: "";
transition: background 0.4s;
}
@media screen and (max-width: 767px) {
.l-aside__rows {
gap: 48px 0;
}
.l-widget__heading {
padding-left: calc(26px + 6px);
font-size: 24px;
}
.l-widget__heading:before {
top: calc((24px * 1.5 / 2) - (1px / 2));
}
.l-widget__heading span {
margin-left: 16px;
font-size: 14px;
}
.l-widget__list {
gap: 4px 0;
}
.l-widget__item a {
padding: 12px calc(19px * 2) 12px 8px;
font-size: 15px;
}
.l-widget__item a:before {
width: 19px;
height: 17px;
}
}
/* CTA */
.l-cta {
padding: 80px 0;
padding: 88px 0 96px;
padding: 96px 0;
background: #f1f1eb;
background: #191f4d;
background: #475766;
background: #353d4c;
background: #000b2b;
background: #020c1f;
color: #fff;
}
.l-cta__columns {
display: grid;
grid-template-columns: repeat(2, 1fr);
}
.l-cta__column:nth-child(2) {
border-left: 1px solid #adada8;
border-left: 1px solid rgba(173, 173, 168, 0.5);
border-left: 1px solid rgba(255, 255, 255, 0.3);
border-left: 1px solid #44474e;
}
.l-cta__heading {
font-size: 40px;
text-align: center;
line-height: 1.5;
}
.l-cta__text {
margin-top: 12px;
margin-top: 16px;
/*font-size: 18px;*/
text-align: center;
line-height: 1.75;
}
.l-cta__button {
margin-top: 24px;
margin-top: 32px;
}
@media screen and (max-width: 767px) {
.l-cta {
padding: 64px 0;
}
.l-cta__columns {
grid-template-columns: none;
gap: 48px 0;
}
.l-cta__column:nth-child(2) {
padding-top: 40px;
border-left: none;
border-top: 1px solid rgba(173, 173, 168, 0.5);
}
.l-cta__heading {
font-size: 28px;
}
.l-cta__text {
font-size: 15px;
}
}
/* フッター */
.l-footer {
position: relative;
z-index: 3;
}
html:not(.multi-lang) .l-footer {
padding: 92px 40px 32px;
background: #f0f0f0;
}
html.multi-lang .l-footer {
margin-top: 120px;
padding: 0 40px 32px;
background: #ededed;
}
html:not(.multi-lang) .l-footer:before {
position: absolute;
bottom: 0;
left: 50%;
z-index: -1;
transform: translateX(-50%);
/*width: 100%;
min-width: 1920px;*/
width: max(100%, 1920px);
height: 348px;
background: url("lib/images/bg_footer_pc.png") repeat-x center bottom / 100% 100%;
content: "";
}
html.multi-lang .l-footer:before {
position: absolute;
bottom: calc(100% - 40px);
left: 50%;
transform: translateX(-50%);
z-index: -1;
width: 100vw;
height: 150px;
background: url(lib/images/bg_hans.png) no-repeat center top / 100% 100%;
content: "";
}
.l-page-top {
position: fixed;
bottom: 32px;
right: 66px;
z-index: 100;
visibility: hidden;
width: 79px;
height: 79px;
border-radius: 50%;
opacity: 0;
cursor: pointer;
transition: visibility 0.4s, opacity 0.4s;
}
.l-page-top.is-active {
visibility: visible;
opacity: 1;
}
.l-page-top:before {
position: absolute;
bottom: 34px;
left: calc(50% - 128px);
width: 216px;
height: 144px;
background: url("lib/images/image_dolphin_03.png") no-repeat center / contain;
content: "";
pointer-events: none;
transition: transform 0.4s;
}
.l-page-top:hover:before {
transform: rotate(10deg);
}
.l-page-top__inner {
display: flex;
flex-direction: column;
justify-content: center;
position: relative;
height: 100%;
border-radius: 50%;
background: #2795d2;
transition: opacity 0.4s;
}
.l-page-top__text {
color: #fff;
font-size: 14px;
font-weight: 500;
text-align: center;
line-height: 1.29;
}
.l-footer__top {
padding-bottom: 94px;
}
.l-footer-nav__list {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 24px 46px;
}
.l-footer-nav__item {
font-weight: 700;
}
.l-footer-nav__item a {
display: inline-block;
color: var(--text-color-primary);
transition: opacity 0.4s;
}
.l-footer-nav__item a:hover {
opacity: 0.6;
}
.l-footer__middle {
/* margin-top: 94px;*/
}
.l-footer__columns {
display: flex;
justify-content: center;
align-items: center;
gap: 0 54px;
}
.l-footer__logo {
width: 99px;
}
.l-footer__logo a {
display: inline-block;
display: block;
transition: opacity 0.4s;
}
.l-footer__logo a:hover {
opacity: 0.6;
}
.l-footer__address {
font-weight: 500;
line-height: 1.5625;
}
.l-footer__address a {
display: inline-block;
margin-top: 10px;
color: var(--text-color-primary);
font-size: 20px;
font-weight: 500;
}
.l-footer__address a:before {
display: inline-block;
width: 9px;
height: 27px;
margin-right: 12px;
background: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%208.13%2026.73%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23171c61%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M8.13%2C26.73l-.62-.36C2.88%2C23.69%2C0%2C18.71%2C0%2C13.37S2.88%2C3.04%2C7.51.36l.62-.36v7.48l-6.04.05c-.82%2C1.81-1.26%2C3.79-1.26%2C5.83%2C0%2C1.79.34%2C3.54.98%2C5.16l6.32-.3s0%2C8.51%2C0%2C8.51ZM2.16%2C19.34c1.11%2C2.39%2C2.88%2C4.46%2C5.15%2C5.93v-6.18s-5.15.25-5.15.25ZM7.3%2C1.46c-2.04%2C1.33-3.68%2C3.14-4.8%2C5.24l4.8-.04V1.46Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
no-repeat center / contain;
vertical-align: text-bottom;
content: "";
}
.l-footer__address span {
margin-left: 8px;
font-weight: 500;
}
.l-footer__bottom {
margin-top: 46px;
}
.l-footer__copyright {
color: #192657;
font-size: 14px;
font-weight: 500;
}
.page-id-513 .l-footer__copyright,
.page-id-631 .l-footer__copyright,
.page-id-632 .l-footer__copyright {
text-align: center;
}
@media screen and (max-width: 767px) {
html:not(.multi-lang) .l-footer {
padding: 26px 24px 18px;
}
html.multi-lang .l-footer {
margin-top: 120px;
padding: 0 40px 32px;
background: #ededed;
}
html:not(.multi-lang) .l-footer:before {
left: 0;
transform: translateX(0);
width: 100%;
height: 309px;
background: url("lib/images/bg_footer_sp.png") no-repeat center / 100% 100%;
content: "";
}
html.multi-lang .l-footer:before {
height: 126px;
}
.l-page-top {
bottom: 8px;
right: 18px;
width: 44px;
height: 44px;
}
.l-page-top:before {
bottom: 30px;
left: calc(50% - 38px);
width: 78px;
height: 52px;
}
.l-page-top__text {
font-size: 10px;
line-height: 1.2;
}
.l-footer__top {
padding-bottom: 40px;
}
.l-footer-nav__list {
flex-wrap: nowrap;
flex-direction: column;
justify-content: normal;
gap: 0;
width: 100vw;
margin: 0 calc(50% - 50vw);
border-top: 1px solid #c6c6c6;
}
.l-footer-nav__item {
border-bottom: 1px solid #c6c6c6;
}
.l-footer-nav__item a {
display: flex;
align-items: center;
gap: 0 16px;
padding: 10px 24px;
}
.l-footer-nav__item a:before {
display: inline-block;
width: 16px;
height: 16px;
background: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016.02%2016.02%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23278ecb%3B%7D.cls-2%7Bfill%3Anone%3Bstroke%3A%23fff%3Bstroke-miterlimit%3A10%3Bstroke-width%3A.51px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ccircle%20class%3D%22cls-1%22%20cx%3D%228.01%22%20cy%3D%228.01%22%20r%3D%228.01%22%2F%3E%3Cpolyline%20class%3D%22cls-2%22%20points%3D%228.41%205.72%2010.94%208.25%208.41%2010.79%22%2F%3E%3Cline%20class%3D%22cls-2%22%20x1%3D%2210.91%22%20y1%3D%228.25%22%20x2%3D%225.28%22%20y2%3D%228.25%22%2F%3E%3C%2Fsvg%3E")
no-repeat center / contain;
content: "";
}
.l-footer__middle {
/* margin-top: 40px;*/
}
.l-footer__columns {
flex-direction: column;
justify-content: normal;
align-items: normal;
gap: 14px 0;
}
.l-footer__logo {
margin: 0 auto;
}
.l-footer__address a {
margin-top: 4px;
}
.l-footer__bottom {
margin-top: 24px;
}
}
/*===========================================
Object
===========================================*/
/*-------------------------------------------
Component
-------------------------------------------*/
/*
再利用できるパターンとして、小さな単位のモジュールを定義します。
出来る限り、最低限の機能を持ったものとして定義されるべきであり、
それ自体が固有の幅や色などの特色を持つことは避けるのが望ましいです。
*/
/* 角丸画像 */
.rounded_img img {
border-radius: 8px;
}
.rounded_img_l img {
border-radius: 15px;
}
/* 見出し（トップページ） */
.c-home-heading {
font-size: 18px;
line-height: 1.4;
}
.c-home-heading:before {
display: block;
}
.c-home-heading:not(.c-home-heading--instagram):before {
color: #b4b8bf;
font-size: 50px;
text-transform: capitalize;
content: attr(data-title);
}
.c-home-heading--uppercase:not(.c-home-heading--instagram):before {
text-transform: uppercase;
}
.c-home-heading--instagram:before {
width: 263px;
height: 88px;
background: url("lib/images/text_instagram.png") no-repeat center / contain;
content: "";
}
@media screen and (max-width: 767px) {
.c-home-heading {
font-size: 10px;
}
.c-home-heading:not(.c-home-heading--instagram):before {
font-size: 30px;
}
.c-home-heading--instagram:before {
width: 152px;
height: 51px;
}
}
/* 見出し（下層） */
.c-heading {
color: #b4b8bf;
font-size: 50px;
line-height: 1.4;
}
.page-id-19 .c-heading {
display: none;
}
.page-id-19 .c-heading.is-active {
display: block;
}
.c-heading:after {
display: block;
color: #171c61;
font-size: 18px;
content: attr(data-title);
}
@media screen and (max-width: 767px) {
.c-heading {
font-size: 30px;
}
.c-heading:after {
font-size: 10px;
}
}
/* 見出し */
.c-subheading {
position: relative;
padding-left: calc(26px + 14px);
color: #a4a4a4;
font-size: 33px;
}
.c-subheading:before {
position: absolute;
top: calc((33px * 1.75 / 2) - (1px / 2));
left: 0;
width: 26px;
height: 1px;
background: #192657;
vertical-align: super;
content: "";
}
.c-subheading:after {
margin-left: 16px;
color: #192657;
font-size: 16px;
font-weight: 500;
content: attr(data-title);
}
@media screen and (max-width: 767px) {
.c-subheading {
padding-left: calc(26px + 6px);
font-size: 24px;
line-height: 1.17;
}
.c-subheading:before {
top: calc((24px * 1.17 / 2) - (1px / 2));
}
.c-subheading:after {
display: block;
margin: 8px 0 0;
padding-left: 2px;
font-size: 10px;
}
}
/* ボタン */
.c-button {
display: flex;
justify-content: center;
align-items: center;
position: relative;
width: 226px;
height: 64px;
padding-right: 14px;
border: 1px solid #171c61;
border-radius: 9999px;
background: #fff;
color: var(--text-color-primary);
font-size: 15px;
font-weight: 700;
transition: background 0.4s, color 0.4s;
/*transition: opacity .4s;*/
}
.c-button--narrow {
width: 220px;
padding-right: 22px;
}
.c-button--wide {
width: 290px;
}
.c-button:hover {
background: #171c61;
color: #fff;
/*opacity: .6;*/
}
.c-button:before {
position: absolute;
top: 50%;
right: 20px;
transform: translateY(-50%);
width: 22px;
height: 20px;
background: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2021.61%2019.39%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%23278ecb%3Bstroke-miterlimit%3A10%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpolyline%20class%3D%22cls-1%22%20points%3D%2211.56%20.35%2020.9%209.7%2011.56%2019.04%22%2F%3E%3Cline%20class%3D%22cls-1%22%20x1%3D%2220.81%22%20y1%3D%229.7%22%20y2%3D%229.7%22%2F%3E%3C%2Fsvg%3E")
no-repeat center / contain;
content: "";
transition: background 0.4s;
}
.c-button:hover:before {
background: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2021.61%2019.39%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%23fff%3Bstroke-miterlimit%3A10%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpolyline%20class%3D%22cls-1%22%20points%3D%2211.56%20.35%2020.9%209.7%2011.56%2019.04%22%2F%3E%3Cline%20class%3D%22cls-1%22%20x1%3D%2220.81%22%20y1%3D%229.7%22%20y2%3D%229.7%22%2F%3E%3C%2Fsvg%3E")
no-repeat center / contain;
}
@media screen and (max-width: 767px) {
.c-button--narrow {
width: 192px;
height: 56px;
padding-right: 28px;
}
}
/* 矢印 */
.c-arrow {
display: block;
position: relative;
width: 36px;
height: 36px;
border-radius: 50%;
border: 1px solid #278ecb;
background: #278ecb;
transition: background 0.4s;
}
.c-arrow--contrast {
background: #fff;
}
.c-arrow--extra-small {
width: 24px;
height: 24px;
}
.c-arrow--small {
width: 31px;
height: 31px;
}
/*a:hover .c-arrow {
background: #fff;
}
a:hover .c-arrow--contrast {
background: #278ecb;
}*/
.c-arrow:before {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 14px;
height: 13px;
background: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2013.58%2012.21%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%23fff%3Bstroke-miterlimit%3A10%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpolyline%20class%3D%22cls-1%22%20points%3D%227.12%20.35%2012.87%206.11%207.12%2011.86%22%2F%3E%3Cline%20class%3D%22cls-1%22%20x1%3D%2212.81%22%20y1%3D%226.11%22%20y2%3D%226.11%22%2F%3E%3C%2Fsvg%3E")
no-repeat center / contain;
content: "";
transition: background 0.4s;
}
.c-arrow--extra-small:before {
width: 10px;
height: 9px;
}
.c-arrow--small:before {
width: 13px;
height: 12px;
}
.c-arrow--contrast:before {
/* %3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2011.77%2010.59%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%23fff%3Bstroke-miterlimit%3A10%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpolyline%20class%3D%22cls-1%22%20points%3D%226.12%20.35%2011.06%205.3%206.12%2010.24%22%2F%3E%3Cline%20class%3D%22cls-1%22%20x1%3D%2211.01%22%20y1%3D%225.3%22%20y2%3D%225.3%22%2F%3E%3C%2Fsvg%3E*/
background: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2013.58%2012.21%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%23278ecb%3Bstroke-miterlimit%3A10%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpolyline%20class%3D%22cls-1%22%20points%3D%227.12%20.35%2012.87%206.11%207.12%2011.86%22%2F%3E%3Cline%20class%3D%22cls-1%22%20x1%3D%2212.81%22%20y1%3D%226.11%22%20y2%3D%226.11%22%2F%3E%3C%2Fsvg%3E")
no-repeat center / contain;
}
/*a:hover .c-arrow:before {
border-top: 1px solid #278ecb;
border-right: 1px solid #278ecb;
}
a:hover .c-arrow--contrast:before {
border-top: 1px solid #fff;
border-right: 1px solid #fff;
}*/
@media screen and (max-width: 767px) {
.c-arrow--small {
width: 31px;
height: 31px;
}
.c-arrow--small:before {
width: 13px;
height: 12px;
}
}
/* イルカ */
.c-dolphin {
position: absolute;
}
.c-dolphin--first {
top: -206px;
left: calc(50% + 554px);
width: 638px;
}
html.multi-lang .c-dolphin--first {
top: 120px;
}
.c-dolphin--second {
bottom: -36px;
left: calc(50% - 1024px);
z-index: -1;
width: 570px;
}
.c-dolphin--first.js-inview {
transform: translateY(30px) rotate(-10deg);
opacity: 1;
/* transform-origin: right bottom;*/
}
.c-dolphin--second.js-inview {
transform: translateY(30px) rotate(15deg);
opacity: 1;
/* transform-origin: left bottom;*/
}
.c-dolphin--first.js-inview.is-inview,
.c-dolphin--second.js-inview.is-inview {
transform: translateY(0) rotate(0deg);
}
@media screen and (max-width: 767px) {
.c-dolphin--first {
top: -132px;
left: auto;
right: -88px;
width: 186px;
}
html.multi-lang .c-dolphin--first {
top: -70px;
right: -131px;
width: 276px;
}
.c-dolphin--second {
bottom: auto;
left: auto;
top: 10px;
right: -8px;
width: 133px;
}
}
/* マイクロコピー */
.c-microcopy {
padding-bottom: 8px;
color: #6e6765;
font-size: 14px;
text-align: center;
line-height: 1.5;
}
.c-microcopy:before,
.c-microcopy:after {
display: inline-block;
width: 1px;
height: 14px;
background: #6e6765;
vertical-align: -1px;
content: "";
}
.c-microcopy:before {
transform: rotate(-25deg);
transform-origin: left bottom;
margin-right: 8px;
}
.c-microcopy:after {
transform: rotate(25deg);
transform-origin: right bottom;
margin-left: 8px;
}
@media screen and (max-width: 767px) {
}
/* アンカーリンク */
.c-anchor__list {
display: flex;
flex-wrap: wrap;
gap: 24px;
gap: 32px;
}
.c-anchor__item a {
color: #1571da;
transition: opacity 0.4s;
}
.c-anchor__item a:hover {
opacity: 0.6;
}
.c-anchor__item a:before {
display: inline-block;
width: 10px;
height: 12px;
margin-right: 12px;
margin-right: 8px;
background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%229.192%22%20height%3D%2211.14%22%20viewBox%3D%220%200%209.192%2011.14%22%3E%0A%20%20%3Cg%20id%3D%22Group_10223%22%20data-name%3D%22Group%2010223%22%20transform%3D%22translate(-219.904%20-359.171)%22%3E%0A%20%20%20%20%3Crect%20id%3D%22Rectangle_22464%22%20data-name%3D%22Rectangle%2022464%22%20width%3D%229%22%20height%3D%221%22%20transform%3D%22translate(220%20369.312)%22%20fill%3D%22%230070c5%22%2F%3E%0A%20%20%20%20%3Cpath%20id%3D%22Path_46153%22%20data-name%3D%22Path%2046153%22%20d%3D%22M0%2C6V0H6%22%20transform%3D%22translate(224.5%20367.657)%20rotate(-135)%22%20fill%3D%22none%22%20stroke%3D%22%230070c5%22%20stroke-width%3D%221%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A")
no-repeat center / contain;
vertical-align: 1px;
content: "";
}
@media screen and (max-width: 767px) {
}
/* ページネーション */
.c-pagination__list {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 8px;
}
.c-pagination__item {
width: 48px;
height: 48px;
}
.c-pagination__item span,
.c-pagination__item a {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
border-radius: 3px;
font-weight: 500;
}
.c-pagination__item span.current {
background: #000b2b;
background: #1571da;
color: #fff;
}
.c-pagination__item a {
border: 1px solid #c4c6cc;
border: 1px solid #ccc;
background: #fff;
color: #000b2b;
color: #1571da;
transition: opacity 0.4s;
}
.c-pagination__item a.prev,
.c-pagination__item a.next {
position: relative;
}
.c-pagination__item a.prev:before,
.c-pagination__item a.next:before {
position: absolute;
top: 50%;
left: 50%;
width: 8px;
height: 8px;
border-top: 1px solid #1571da;
border-right: 1px solid #1571da;
content: "";
}
.c-pagination__item a.prev:before {
transform: translate(-25%, -50%) rotate(-135deg);
}
.c-pagination__item a.next:before {
transform: translate(-75%, -50%) rotate(45deg);
}
.c-pagination__item a:hover {
opacity: 0.6;
}
@media screen and (max-width: 767px) {
.c-pagination__item {
width: 40px;
height: 40px;
}
.c-pagination__item a {
font-size: 14px;
}
}
/* sns */
.c-sns {
}
.c-sns__list {
display: flex;
align-items: center;
}
.c-sns__item {
}
.c-sns__item a {
display: block;
transition: opacity 0.4s;
}
.c-sns__item a:hover {
opacity: 0.6;
}
.c-sns__item img {
width: 26px;
}
@media screen and (max-width: 767px) {
}
/* */
@media screen and (max-width: 767px) {
}
/* */
@media screen and (max-width: 767px) {
}
/*-------------------------------------------
Project
-------------------------------------------*/
/*
プロジェクト固有のパターンであり、いくつかのComponentと、
それに該当しない要素によって構成されるものを定義します。
例えば、記事一覧や、ユーザープロフィール、
画像ギャラリーなどコンテンツを構成する要素などが該当します。
*/
.p-section {
padding: 40px 0 64px;
}
.p-section--z-index {
position: relative;
z-index: 2;
}
.p-section__inner {
width: min(100%, calc(1200px + (20px * 2)));
margin: 0 auto;
padding: 0 20px;
}
.p-section__inner--wide {
width: min(100%, calc(1300px + (20px * 2)));
}
.p-section__inner--narrow {
width: min(100%, calc(924px + (20px * 2)));
}
.p-section__header {
margin-bottom: 56px;
}
html.multi-lang .p-section__body {
position: relative;
}
@media screen and (max-width: 999px) {
html.multi-lang .p-section {
padding: 72px 0 32px;
position: relative;
}
html.multi-lang .p-section:before {
position: absolute;
top: -1px;
left: 0;
z-index: -1;
width: 100%;
height: 142px;
background: url(lib/images/bg_youtube_trigger.png) no-repeat center / 100% 100%;
content: "";
}
}
@media screen and (max-width: 767px) {
.p-section {
padding: 32px 0;
}
.p-section__header {
margin-bottom: 40px;
}
}
/* メインビジュアル */
.p-main-visual {
position: relative;
padding-bottom: 40px;
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
html:not(.multi-lang) .p-main-visual:before {
position: absolute;
bottom: -346px;
left: 50%;
z-index: -1;
transform: translateX(-50%);
/*width: 100%;*/
width: max(100%, 1920px);
height: 924px;
background: url("lib/images/bg_main-visual.png") repeat-x center bottom / 100% 100%;
content: "";
}
.fullscreen-carousel .splide__slide {
position: relative;
}
.fullscreen-carousel .fullscreen-carousel__image {
overflow: hidden;
}
.fullscreen-carousel .fullscreen-carousel__image img {
width: 100%;
/*height: 1080px;*/
height: 100svh;
/*aspect-ratio: 1920 / 1080;*/
object-fit: cover;
}
.fullscreen-carousel .splide__slide.is-active .fullscreen-carousel__image img {
transform: scale(1.1);
animation: topMvAnim 5s linear both;
}
@keyframes topMvAnim {
0% {
transform: scale(1.1);
}
100% {
transform: scale(1);
}
}
.fullscreen-carousel .fullscreen-carousel__container {
position: absolute;
top: 0;
left: 0;
z-index: 5;
width: 100%;
padding-top: 228px;
padding-top: 15.875vw;
}
.fullscreen-carousel .fullscreen-carousel__inner {
width: min(100%, calc(1580px + (20px * 2)));
margin: 0 auto;
padding: 0 20px 0 50px;
}
.fullscreen-carousel .fullscreen-carousel__title {
/* width: min(100%, 530px);*/
color: #fff;
font-family: "Shippori Mincho", serif;
font-size: 86px;
font-weight: 700;
line-height: 1.2;
letter-spacing: -0.012em;
}
.fullscreen-carousel .fullscreen-carousel__text {
width: min(100%, 700px);
margin-top: 36px;
color: #fff;
font-size: 15px;
line-height: 1.8;
}
.fullscreen-carousel .fullscreen-carousel__button {
margin-top: 44px;
}
@media screen and (max-width: 767px) {
.fullscreen-carousel .fullscreen-carousel__inner {
width: min(100%, calc(1580px + (20px * 2)));
margin: 0 auto;
padding: 0 20px;
}
}
.p-main-visual__container {
position: absolute;
bottom: 39px;
left: 50%;
z-index: 5;
transform: translateX(-50%);
overflow: hidden;
width: min(100%, 1920px);
width: 100%;
padding: 130px 98px 0 0;
}
.p-main-visual__container:before {
position: absolute;
top: 0;
left: 50%;
z-index: -1;
transform: translateX(-50%);
/*width: 100%;*/
width: max(100%, 1920px);
height: 924px;
background: url("lib/images/bg_main-visual.png") repeat-x center bottom / 100% 100%;
content: "";
}
.p-main-visual__columns {
display: flex;
justify-content: space-between;
align-items: center;
gap: 0 24px;
}
.p-main-visual__column:first-child {
flex-shrink: 0;
}
.p-main-visual__status {
padding: 24px 70px 14px 54px;
background: #211c59;
}
.p-main-visual-status__columns {
display: flex;
align-items: center;
gap: 0 46px;
}
.p-main-visual-status__column:first-child {
padding-bottom: 4px;
}
.p-main-visual-status__column:nth-child(2) {
position: relative;
padding: 0 0 6px 50px;
}
.p-main-visual-status__column:nth-child(2):before {
position: absolute;
top: 0;
left: 0;
width: 1px;
height: 100%;
background: #423e72;
content: "";
}
.p-main-visual-status__heading {
color: #fff;
font-size: 22px;
font-weight: 700;
}
.p-main-visual-status__time {
color: #fff;
font-size: 40px;
font-weight: 700;
}
.p-extra-nav__list {
display: flex;
justify-content: flex-end;
gap: 0 42px;
padding-top: 12px;
}
.p-extra-nav__item {
font-size: 18px;
font-weight: 700;
}
.p-extra-nav__item a {
/*display: inline-block;*/
padding-bottom: 4px;
color: #211c59;
transition: opacity 0.4s;
background-image: linear-gradient(90deg, #211c59, #211c59);
/*background-position: 100% 100%;*/
background-position: 0 100%;
background-repeat: no-repeat;
background-size: 0 2px;
transition: background-size cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
}
.p-extra-nav__item a:hover {
/*background-position: 0 100%;*/
background-size: 100% 2px;
}
.p-main-visual__youtube {
position: absolute;
bottom: 140px;
right: 98px;
z-index: 5;
width: 398px;
border: 3px solid #fff;
cursor: pointer;
}
.p-main-visual__youtube:before {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 39px;
height: 28px;
background: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2037.96%2026.74%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3B%7D.cls-2%7Bfill%3A%23ba272d%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M37.16%2C4.18c-.44-1.64-1.72-2.94-3.36-3.38-2.96-.8-14.83-.8-14.83-.8%2C0%2C0-11.87%2C0-14.83.8-1.63.44-2.92%2C1.73-3.36%2C3.38-.79%2C2.98-.79%2C9.2-.79%2C9.2%2C0%2C0%2C0%2C6.22.79%2C9.2.44%2C1.64%2C1.72%2C2.94%2C3.36%2C3.38%2C2.96.8%2C14.83.8%2C14.83.8%2C0%2C0%2C11.87%2C0%2C14.83-.8%2C1.63-.44%2C2.92-1.73%2C3.36-3.38.79-2.98.79-9.2.79-9.2%2C0%2C0%2C0-6.22-.79-9.2Z%22%2F%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%2215.1%2019.01%2015.1%207.73%2025.02%2013.37%2015.1%2019.01%22%2F%3E%3C%2Fsvg%3E")
no-repeat center / contain;
content: "";
}
.p-main-visual__youtube img {
width: 100%;
aspect-ratio: 398 / 232;
}
.p-main-visual__logo {
position: absolute;
top: calc(50% - (140px / 2));
left: 50%;
transform: translate(-50%, -50%);
width: 270px;
}
.p-main-visual .top_catchphrase {
width: 70%;
margin-top: 0;
}
@media screen and (max-width: 1919px) {
.p-main-visual__container {
padding: 130px 40px 0 0;
}
.p-main-visual__status {
padding: 16px 40px 16px 32px;
padding: 22px 40px 22px 32px;
}
.p-main-visual-status__columns {
gap: 0 24px;
}
.p-main-visual-status__column:nth-child(2) {
padding: 0 0 4px 24px;
}
.p-main-visual-status__heading {
font-size: 18px;
}
.p-main-visual-status__time {
font-size: 26px;
}
.p-extra-nav__list {
gap: 8px 32px;
padding-top: 8px;
}
.p-extra-nav__item {
font-size: 15px;
}
.p-main-visual__youtube {
bottom: 128px;
right: 40px;
width: 280px;
}
.fullscreen-carousel .fullscreen-carousel__title {
font-size: 68px;
}
.p-main-visual__logo {
width: 224px;
}
.p-main-visual .top_catchphrase {
width: 60%;
margin-top: 0;
}
}
@media screen and (max-width: 1369px) {
.p-main-visual__container:before {
top: 56px;
width: calc(100% + 1280px);
}
.p-main-visual__columns {
display: inline-flex;
flex-direction: column;
align-items: flex-start;
}
.p-main-visual__column:nth-child(2) {
padding: 24px 32px 40px;
}
.p-main-visual .top_catchphrase {
width: 70%;
margin-top: 5%;
}
}
@media screen and (max-width: 999px) {
.p-main-visual {
padding-bottom: 0;
}
.p-main-visual:before {
content: none;
}
.fullscreen-carousel .fullscreen-carousel__container {
padding-top: 156px;
}
.fullscreen-carousel .fullscreen-carousel__title {
font-size: 40px;
line-height: 1.5;
letter-spacing: -0.014em;
}
.fullscreen-carousel .fullscreen-carousel__text {
width: calc(100% - 80px);
margin-top: 14px;
font-size: 14px;
line-height: 1.93;
}
.fullscreen-carousel .fullscreen-carousel__button {
margin-top: 18px;
}
.fullscreen-carousel .fullscreen-carousel__button .c-button {
width: 192px;
height: 56px;
}
.fullscreen-carousel .fullscreen-carousel__image img {
}
.p-main-visual__container {
position: static;
transform: translateX(0);
margin-top: -94px;
padding: 0 20px;
}
.p-main-visual__container:before {
content: none;
}
.p-main-visual__status {
padding: 16px 12px 8px 20px;
background: #fff;
}
.p-main-visual__columns {
display: block;
}
.p-main-visual__column:nth-child(2) {
display: none;
}
.p-main-visual-status__columns {
gap: 0 22px;
}
.p-main-visual-status__column:nth-child(2) {
padding: 0 0 2px 22px;
}
.p-main-visual-status__heading {
color: #211c59;
font-size: 13px;
}
.p-main-visual-status__time {
color: #211c59;
font-size: 24px;
}
.p-extra__nav {
display: none;
}
.p-main-visual__youtube {
position: relative;
top: 0;
left: 0;
width: 100%;
margin-top: 54px;
border: 2px solid #fff;
border: none;
}
.p-main-visual__youtube:after {
position: absolute;
top: -30px;
left: 0;
z-index: -1;
width: 100%;
height: 142px;
background: url("lib/images/bg_youtube_trigger.png") no-repeat center / 100% 100%;
content: "";
}
.p-main-visual__youtube img {
display: block;
width: calc(100% - 138px);
margin: 0 auto;
}
.p-main-visual__logo {
top: 50%;
width: 170px;
}
.p-main-visual .top_catchphrase {
width: 90%;
margin-top: 30%;
}
}
.dm-pop-up-wrapper {
position: fixed;
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;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.9);
opacity: 0;
visibility: hidden;
z-index: -1;
/*-webkit-transition: .2s ease-in-out;
transition: .2s ease-in-out;*/
-webkit-transition: 0.4s ease-in-out;
transition: 0.4s ease-in-out;
--aspect-ratio: 1.33333;
}
.dm-pop-up-wrapper .dm-close-pop {
position: absolute;
z-index: 10;
cursor: pointer;
display: block;
width: 24px;
height: 24px;
top: -2em;
right: 0;
}
.dm-pop-up-wrapper .dm-pop-up {
width: 95vw;
max-width: 1000px;
position: relative;
}
.dm-pop-up-wrapper.is-active {
z-index: 100;
opacity: 1;
visibility: visible;
}
.dm-aspect-ratio {
position: relative;
}
.dm-aspect-ratio:before {
content: "";
display: block;
/* padding-bottom: calc(100% / 1.77778)*/
padding-top: 56.25%;
}
.dm-aspect-ratio > div,
.dm-aspect-ratio iframe,
.dm-aspect-ratio img,
.dm-aspect-ratio video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media screen and (max-width: 767px) {
}
/* 特徴 */
.p-home-feature__cards {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 0 30px;
/*margin-top: 32px;*/
}
.p-home-feature__card {
position: relative;
counter-increment: feature;
}
.p-home-feature__card:before {
position: absolute;
top: 12px;
left: 0;
width: 100%;
color: #999;
/*font-family: "Roboto", sans-serif;*/
font-size: 60px;
font-weight: 500;
text-align: center;
content: counter(feature);
}
.p-home-feature-card__image img {
width: 100%;
aspect-ratio: 380 / 300;
object-fit: cover;
}
.p-home-feature-card__title {
position: absolute;
bottom: 36px;
left: 0;
width: 100%;
font-size: 16px;
font-weight: 500;
text-align: center;
line-height: 1.5;
}
@media screen and (max-width: 767px) {
.p-home-feature__cards {
grid-template-columns: none;
gap: 24px 0;
gap: 16px 0;
}
.p-home-feature-card__title {
font-size: 15px;
}
}
/* サービス */
.page-template-page-service .p-section__columns {
justify-content: space-between;
align-items: flex-start;
grid-template-columns: auto min(100%, 736px);
}
.page-template-page-service .p-section__desc {
line-height: 1.75;
}
.p-home-service__cards {
display: flex;
flex-wrap: wrap;
gap: 24px;
}
.p-home-service__card {
background: #fff;
}
.page-template-page-service :not(.p-section--bg-gray) .p-home-service__card {
border: 1px solid #dce1e8;
}
/*.p-home-service__card:nth-child(-n + 4),*/
.p-home-service__card {
width: calc((100% - (24px * 1)) / 2);
padding: 32px 40px;
padding: 32px;
}
/*.p-home-service__card:nth-child(n + 5) {
width: calc((100% - (20px * 2)) / 3);
padding: 32px;
}*/
.p-home-service-card__columns {
display: grid;
align-items: center;
align-items: flex-start;
/*height: 100%;*/
/*padding: 4px 0;*/
}
/*.p-home-service__card:nth-child(-n + 4) .p-home-service-card__columns,*/
.p-home-service__card .p-home-service-card__columns {
grid-template-columns: 128px 1fr;
grid-template-columns: 112px 1fr;
grid-template-columns: 80px 1fr;
gap: 0 32px;
gap: 0 24px;
}
/*.p-home-service__card:nth-child(n + 5) .p-home-service-card__columns {
grid-template-columns: 96px 1fr;
grid-template-columns: 80px 1fr;
gap: 0 24px;
}*/
.p-home-service-card__column:nth-child(2) {
/*padding-top: 8px;
padding-top: 4px;*/
}
.p-home-service-card__image {
/*overflow: hidden;
border-radius: 50%;
border-radius: 3px;*/
}
.p-home-service-card__image img {
width: 100%;
aspect-ratio: 1;
object-fit: cover;
}
.p-home-service-card__title {
color: #1571da;
font-size: 20px;
font-weight: 500;
line-height: 1.5;
}
/*.p-home-service__card:nth-child(-n + 4) .p-home-service-card__text,*/
.p-home-service__card .p-home-service-card__text {
margin-top: 12px;
}
/*.p-home-service__card:nth-child(n + 5) .p-home-service-card__text {
margin-top: 8px;
}*/
@media screen and (max-width: 767px) {
.p-home-service__cards {
gap: 24px 0;
gap: 16px 0;
}
.p-home-service__card:nth-child(-n + 4) {
width: 100%;
padding: 24px;
}
.p-home-service-card__columns {
align-items: normal;
}
.p-home-service__card:nth-child(-n + 4) .p-home-service-card__columns {
grid-template-columns: 80px 1fr;
grid-template-columns: 72px 1fr;
gap: 0 24px;
}
.p-home-service-card__title {
font-size: 18px;
}
.p-home-service-card__text {
font-size: 15px;
}
.p-home-service__card:nth-child(-n + 4) .p-home-service-card__text {
margin-top: 8px;
}
}
/* 支援事例 */
.p-home-case__logos {
display: grid;
grid-template-columns: repeat(5, 1fr);
grid-template-columns: repeat(6, 1fr);
/*gap: 0 8px;*/
}
.p-home-case__logo img {
width: 100%;
height: 88px;
height: 80px;
object-fit: cover;
}
.p-home-case__cards,
.p-case__cards {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 56px 48px;
gap: 48px;
}
.p-home-case__cards {
margin-top: 48px;
}
.c-case-card__thumbnail {
overflow: hidden;
border-radius: 3px;
background: #f9f9f9;
background: #f5f5f5;
}
.c-case-card__thumbnail + .c-case-card__title {
margin-top: 16px;
}
.c-case-card__thumbnail img {
width: 100%;
aspect-ratio: 3 / 2;
aspect-ratio: 16 / 9;
object-fit: cover;
transition: transform 0.4s;
}
.c-case-card a:hover .c-case-card__thumbnail img {
transform: scale(1.05);
}
.c-case-card__logo {
position: relative;
z-index: 1;
overflow: hidden;
width: 160px;
margin-top: calc(-56px / 2);
border-radius: 3px;
}
.c-case-card__logo img {
width: 100%;
height: 56px;
object-fit: cover;
}
.c-case-card__time {
margin-top: 8px;
color: #767676;
font-size: 14px;
font-weight: 500;
}
.c-case-card__terms {
display: flex;
display: none;
flex-wrap: wrap;
gap: 6px 4px;
margin-top: 16px;
margin-top: 24px;
}
.c-case-card__term {
padding: 5px 8px 3px;
border-radius: 3px;
background: #191f4d;
color: #fff;
font-size: 12px;
font-weight: 500;
line-height: 1.5;
}
.c-case-card__title {
margin-top: 16px;
padding-top: 4px;
color: var(--text-color-primary);
color: #1571da;
font-size: 20px;
font-weight: 500;
line-height: 1.5;
}
.c-case-card__name {
margin-top: 12px;
margin-top: 8px;
color: #767676;
color: #000b2b;
color: #6e6765;
font-weight: 500;
}
.c-case-card__list {
display: flex;
flex-direction: column;
gap: 8px 0;
margin-top: 12px;
}
.c-case-card__item {
display: flex;
align-items: center;
gap: 0 4px;
gap: 0 8px;
}
.c-case-card__list dt,
.c-case-card__list dd {
color: #999;
color: #6e6765;
font-size: 13px;
font-size: 12px;
font-weight: 500;
}
.c-case-card__list dt {
width: 56px;
padding-top: 1px;
}
.c-case-card__list dd {
display: inline-block;
padding: 1px 8px 0;
padding: 2px 8px 1px;
border: 1px solid #eaebe4;
border-radius: 3px;
background: #f2f2f2;
background: #f8f8f5;
}
@media screen and (max-width: 767px) {
.p-home-case__logos {
grid-template-columns: repeat(3, 1fr);
}
.p-home-case__logo img {
height: 42px;
}
.p-home-case__cards,
.p-case__cards {
grid-template-columns: none;
gap: 40px 0;
gap: 32px 0;
margin-top: 40px;
}
.c-case-card__terms {
}
.c-case-card__title {
margin-top: 12px;
font-size: 18px;
}
.c-case-card__name {
font-size: 14px;
}
}
/* 会社情報 */
@media screen and (max-width: 767px) {
}
/* アーカイブページ */
.p-archive__pagination {
margin-top: 80px;
}
@media screen and (max-width: 767px) {
.p-archive__pagination {
margin-top: 64px;
}
}
/* 投稿 */
/*.p-single__container {
width: min(100%, 640px);
margin: 0 auto;
}*/
/*.p-single__title {
font-size: 38px;
font-size: 32px;
font-weight: 500;
line-height: 1.5;
}
.p-single__meta {
display: flex;
align-items: center;
gap: 0 24px;
margin-top: 40px;
}
.p-single__time {
width: 134px;
color: #36414b;
}
.p-single__term {
padding: 4px 24px;
border-radius: 3px;
background: rgba(204, 204, 204, .25);
color: #999;
font-size: 14px;
font-weight: 500;
text-align: center;
}*/
.p-single__thumbnail {
padding-bottom: 48px;
}
.p-single__thumbnail img {
width: 100%;
height: 100%;
aspect-ratio: 895 / 594;
object-fit: cover;
}
/*.p-single__body {
margin-top: 48px;
}
.p-single__footer {
margin-top: 64px;
}*/
@media screen and (max-width: 767px) {
.p-single__title {
font-size: 26px;
}
.p-single__meta {
justify-content: normal;
gap: 0 8px;
margin-top: 24px;
}
.p-single__time {
width: 120px;
font-size: 14px;
}
.p-single__term {
width: auto;
min-width: 88px;
padding: 2px;
font-size: 12px;
}
}
/* 固定ページ */
.p-page__ {
}
@media screen and (max-width: 767px) {
}
/* 投稿／固定ページ */
.p-content-area > :first-child {
margin-top: 0 !important;
}
.p-content-area > * + * {
margin-top: 32px;
margin-top: 24px;
}
.p-content-area:after {
display: block;
clear: both;
content: "";
}
@media screen and (max-width: 767px) {
.p-content-area > * + * {
}
}
/* 見出し（投稿／固定ページ） */
.p-content-area h2.wp-block-heading,
.p-content-area h3.wp-block-heading,
.p-content-area h4.wp-block-heading,
.p-content-area h5.wp-block-heading,
.p-content-area h6.wp-block-heading,
.h2_hanyou,
.h3_hanyou {
line-height: 1.5;
}
.p-content-area h2 + *,
.p-content-area h3 + *,
.p-content-area h4 + *,
.p-content-area h5 + *,
.p-content-area h6 + * {
/* margin-top: 32px;*/
}
/* H2（投稿／固定ページ） */
.p-content-area h2.wp-block-heading {
position: relative;
margin-top: 64px;
padding-left: calc(26px + 14px);
color: #9b9b9b;
font-size: 33px;
}
.p-content-area h2.wp-block-heading:before {
position: absolute;
top: calc((33px * 1.5 / 2) - (1px / 2));
left: 0;
width: 26px;
height: 1px;
background: #192657;
content: "";
}
.p-content-area h2.wp-block-heading mark {
margin-left: 16px;
color: #192657;
font-size: 16px;
font-weight: 500;
}
/* H3（投稿／固定ページ） */
.p-content-area h3.wp-block-heading,
.h3_hanyou {
margin-top: 64px;
padding: 16px 30px;
padding: 10px 16px;
background: #e9e9e9;
color: #192657;
font-size: 26px;
font-size: 20px;
}
.p-content-area h4.wp-block-heading {
margin-top: 48px;
color: #192657;
font-size: 18px;
border-bottom: 1px dotted #ccc;
padding-bottom: 15px;
margin-bottom: 20px !important
}
.p-content-area h5.wp-block-heading,
.p-content-area h6.wp-block-heading {
margin-top: 48px;
margin-top: 32px;
font-size: 16px;
}
/*.p-content-area h4 {
margin-top: 64px;
font-size: 16px;
}
.p-content-area h5,
.p-content-area h6 {
margin-top: 40px;
font-size: 14px;
}*/
@media screen and (max-width: 767px) {
.p-content-area h2.wp-block-heading {
padding-left: calc(26px + 6px);
font-size: 24px;
line-height: 1.17;
}
.p-content-area h2.wp-block-heading:before {
top: calc((24px * 1.5 / 2) - (1px / 2));
}
.p-content-area h2.wp-block-heading mark {
display: block;
margin: 8px 0 0;
padding-left: 2px;
font-size: 10px;
}
.p-content-area h3.wp-block-heading,
.h3_hanyou {
margin-top: 48px;
padding: 12px 16px;
font-size: 20px;
}
.p-content-area h4.wp-block-heading {
margin-top: 40px;
font-size: 18px;
}
}
/* 段落（投稿／固定ページ） */
.p-content-area p {
font-weight: 400;
line-height: 1.875;
}
@media screen and (max-width: 767px) {
.p-content-area p {
line-height: 1.75;
}
}
/* リンク（投稿／固定ページ） */
.p-content-area a {
display: inline-block;
color: #192657;
text-decoration: underline;
transition: opacity 0.4s;
}
.page-id-289 .p-content-area a,
.page-id-513 .p-content-area a,
.page-id-631 .p-content-area a,
.page-id-632 .p-content-area a {
color: #2795d2;
}
.p-content-area a.fancybox.image {
display: block;
}
.p-content-area a:hover {
opacity: 0.6;
}
.p-content-area .is-pdf a:after {
display: inline-block;
margin-left: 12px;
width: 15px;
height: 21px;
background: #2795d2;
background: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20384%20512%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%232795d2%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M64%2C0C28.7%2C0%2C0%2C28.7%2C0%2C64v384c0%2C35.3%2C28.7%2C64%2C64%2C64h256c35.3%2C0%2C64-28.7%2C64-64V160h-128c-17.7%2C0-32-14.3-32-32V0H64ZM256%2C0v128h128L256%2C0ZM64%2C224h24c30.9%2C0%2C56%2C25.1%2C56%2C56s-25.1%2C56-56%2C56h-8v32c0%2C8.8-7.2%2C16-16%2C16s-16-7.2-16-16v-128c0-8.8%2C7.2-16%2C16-16ZM88%2C304c13.3%2C0%2C24-10.7%2C24-24s-10.7-24-24-24h-8v48h8ZM160%2C240c0-8.8%2C7.2-16%2C16-16h24c26.5%2C0%2C48%2C21.5%2C48%2C48v64c0%2C26.5-21.5%2C48-48%2C48h-24c-8.8%2C0-16-7.2-16-16v-128ZM192%2C352h8c8.8%2C0%2C16-7.2%2C16-16v-64c0-8.8-7.2-16-16-16h-8v96ZM288%2C224h48c8.8%2C0%2C16%2C7.2%2C16%2C16s-7.2%2C16-16%2C16h-32v32h32c8.8%2C0%2C16%2C7.2%2C16%2C16s-7.2%2C16-16%2C16h-32v48c0%2C8.8-7.2%2C16-16%2C16s-16-7.2-16-16v-128c0-8.8%2C7.2-16%2C16-16Z%22%2F%3E%3C%2Fsvg%3E")
no-repeat center / contain;
vertical-align: -4px;
content: "";
}
.p-content-area .is-ext a:after {
display: inline-block;
margin-left: 8px;
width: 20px;
height: 20px;
background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%232795d2%22%20d%3D%22M14%203h6c.6%200%201%20.4%201%201v6c0%20.6-.4%201-1%201s-1-.4-1-1V5.4l-9.3%209.3c-.4.4-1%20.4-1.4%200s-.4-1%200-1.4L17.6%204H14c-.6%200-1-.4-1-1s.4-1%201-1m-4%204c.6%200%201%20.4%201%201s-.4%201-1%201H4v12h12v-6c0-.6.4-1%201-1s1%20.4%201%201v7c0%20.6-.4%201-1%201H3c-.6%200-1-.4-1-1V8c0-.6.4-1%201-1h7z%22/%3E%3C/svg%3E")
no-repeat center / contain;
vertical-align: -2px;
content: "";
}
/* ボタン */
.p-content-area .wp-block-button {
width: min(100%, 640px);
margin-top: 24px;
}
.p-content-area .wp-block-button__link {
display: flex;
justify-content: center;
align-items: center;
position: relative;
width: 100%;
height: 64px;
border-radius: 6px;
color: #fff !important;
font-size: 15px;
font-weight: 700;
text-decoration: none;
transition: background 0.4s, color 0.4s;
border: 1px solid #2795d2;
background: #2795d2;
}
.p-content-area .wp-block-button__link:hover {
background: #fff;
color: #2795d2 !important;
opacity: 1;
}
.p-content-area .wp-block-button__link:before {
position: absolute;
top: 50%;
right: 20px;
transform: translateY(-50%);
width: 22px;
height: 20px;
content: "";
transition: background 0.4s;
background: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2021.61%2019.39%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%23fff%3Bstroke-miterlimit%3A10%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpolyline%20class%3D%22cls-1%22%20points%3D%2211.56%20.35%2020.9%209.7%2011.56%2019.04%22%2F%3E%3Cline%20class%3D%22cls-1%22%20x1%3D%2220.81%22%20y1%3D%229.7%22%20y2%3D%229.7%22%2F%3E%3C%2Fsvg%3E")
no-repeat center / contain;
}
.p-content-area .wp-block-button__link:hover:before {
background: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2021.61%2019.39%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%232789C6%3Bstroke-miterlimit%3A10%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpolyline%20class%3D%22cls-1%22%20points%3D%2211.56%20.35%2020.9%209.7%2011.56%2019.04%22%2F%3E%3Cline%20class%3D%22cls-1%22%20x1%3D%2220.81%22%20y1%3D%229.7%22%20y2%3D%229.7%22%2F%3E%3C%2Fsvg%3E")
no-repeat center / contain;
}
@media screen and (max-width: 767px) {
}
/* リスト（投稿／固定ページ） */
.p-content-area ol,
.p-content-area ul {
padding-left: 24px;
}
.p-content-area .wp-block-list.list_kome li {
position: relative;
list-style: none;
}
.p-content-area .wp-block-list.list_kome li:before {
display: inline-block;
position: absolute;
/*top: 4px;
left: -18px;
font-size: 12px;*/
top: 3px;
left: -19px;
font-size: 13px;
content: "※";
}
.p-content-area ol li {
list-style: decimal;
}
.p-content-area ul li {
list-style: disc;
}
/*.p-content-area ol li,
.p-content-area ul li {
position: relative;
padding-left: calc(16px * 1.04);
line-height: 1.75;
}
.p-content-area ol ol,
.p-content-area ul ul {
}
.p-content-area ol li:nth-child(n + 2),
.p-content-area ul li:nth-child(n + 2) {
}
.p-content-area ul li:before {
position: absolute;
top: calc((16px * 1.75 / 2) - (3px / 2));
left: calc(((16px * 1.04) / 2) - (3px / 2));
width: 3px;
height: 3px;
border-radius: 50%;
background: #1f2833;
content: '';
}*/
@media screen and (max-width: 767px) {
/*.p-content-area ol li,
.p-content-area ul li {
font-size: 14px;
padding-left: calc(14px * 1.04);
}
.p-content-area ul li:before {
top: calc((14px * 1.75 / 2) - (2.5px / 2));
left: calc(((14px * 1.04) / 2) - (2.5px / 2));
width: 2.5px;
height: 2.5px;
}*/
}
/* 引用（投稿／固定ページ） */
.p-content-area blockquote {
padding: 32px 40px;
background: #f5f8fa;
}
.p-content-area blockquote p {
font-size: 14px;
line-height: 2;
}
/*.p-content-area cite {
font-style: normal;
}*/
@media screen and (max-width: 767px) {
.p-content-area blockquote {
padding: 24px 32px;
}
.p-content-area blockquote p {
font-size: 12px;
}
}
/* 左寄せ・中央揃え・右寄せ（投稿／固定ページ） */
.p-content-area .wp-block-image .alignleft {
float: left;
margin: 8px 24px 8px 0;
}
.p-content-area .wp-block-image .aligncenter {
display: table;
margin-left: auto;
margin-right: auto;
}
.p-content-area .wp-block-image .alignright {
float: right;
margin: 8px 0 8px 24px;
}
@media screen and (max-width: 767px) {
.p-content-area .wp-block-image .alignleft {
float: none;
margin: 0;
}
.p-content-area .wp-block-image .alignright {
float: none;
margin: 0;
}
}
/* 横ライン（投稿／固定ページ） */
.p-content-area hr,
.p-content-area hr + * {
}
@media screen and (max-width: 767px) {
}
/* 画像（投稿／固定ページ） */
.p-content-area .wp-block-image {
margin-top: 48px;
}
.p-content-area .wp-block-image img {
width: 100%;
/*width: 100%;
aspect-ratio: 16 / 9;
object-fit: cover;*/
}
@media screen and (max-width: 767px) {
.p-content-area .wp-block-image {
margin-top: 16px;
margin-top: 24px;
}
}
/* テーブル（投稿／固定ページ） */
.p-content-area .wp-block-table {
margin: 64px 0;
margin: 32px 0;
}
/*.p-content-area table,*/
.p-content-area table {
border-width: 1px;
}
.p-content-area .wp-block-table table {
border: 1px solid #929292;
}
.single-learning-content .p-content-area .wp-block-table table {
width: min(100%, 940px);
margin: 0 auto;
}
.p-content-area .wp-block-table.is-half table {
width: min(100%, 694px);
}
.p-content-area .wp-block-table thead {
border-bottom: 1px solid #929292;
}
.p-content-area table th,
.p-content-area table td {
position: relative;
width: auto !important;
height: auto !important;
padding: 16px 48px;
padding: 16px 24px;
border: none;
font-size: 18px;
font-weight: 500;
line-height: 1.75;
}
.p-content-area .wp-block-table thead th {
background: #68b5e0;
color: #fff;
}
.p-content-area .wp-block-table thead th:nth-child(n + 2) {
border-left: 1px solid #fff;
}
.p-content-area .wp-block-table tbody td:nth-child(n + 2) {
border-left: 1px solid #929292;
}
.p-content-area .wp-block-table tbody tr:nth-child(n + 2) td {
border-top: 1px solid #929292;
}
/*.p-content-area table td:first-child,*/
.p-content-area .wp-block-table.is-left--bg-color td:first-child {
width: 294px !important;
background: #68b5e0;
color: #fff;
}
/*.p-content-area table tr:nth-child(n + 2) td:first-child,*/
.p-content-area .wp-block-table.is-left--bg-color tr:nth-child(n + 2) td:first-child {
border-top: 1px solid #fff;
}
/*.p-content-area table tr:nth-child(2n - 1) td:nth-child(n + 2),*/
.p-content-area .wp-block-table.is-left--bg-color tr:nth-child(2n - 1) td:nth-child(n + 2) {
background: #f2f2f2;
}
/*.p-content-area table tr:nth-child(2n) td:nth-child(n + 2)*/
.p-content-area .wp-block-table.is-left--bg-color tr:nth-child(2n) td:nth-child(n + 2) {
background: #fff;
}
.p-content-area table td a,
.p-content-area .wp-block-table td a {
display: inline-block;
color: #192657;
font-weight: 500;
text-decoration: underline;
transition: opacity 0.4s;
}
.p-content-area table td a:hover,
.p-content-area .wp-block-table td a:hover {
opacity: 0.6;
}
.p-content-area table td a.has-map {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 48px;
}
.p-content-area .wp-block-table figcaption {
margin-top: 32px;
}
@media screen and (max-width: 767px) {
/*.p-content-area .wp-block-table.is-scroll {
width: calc(100% + 20px);
overflow-x: scroll;
}
.p-content-area .wp-block-table.is-scroll th,
.p-content-area .wp-block-table.is-scroll td {
white-space: nowrap;
}*/
.p-content-area table td,
.p-content-area .wp-block-table thead th,
.p-content-area .wp-block-table td {
/*display: block;*/
/*font-size: 15px;*/
padding: 12px 8px;
font-size: 16px;
font-size: 14px;
}
.p-content-area .wp-block-table thead .wp-image-472 {
width: 88px !important;
}
.page-template-page-interactive-events .p-content-area table td:nth-child(n + 2) {
padding: 12px;
text-align: left !important;
}
.p-content-area table td:first-child,
.p-content-area .wp-block-table td:first-child {
width: 34% !important;
}
/*.p-content-area table td:nth-child(n + 2),
.p-content-area .wp-block-table td:nth-child(n + 2) {
padding: 12px 16px;
}*/
.p-content-area table tr:nth-child(2n - 1) td:nth-child(n + 2),
.p-content-area .wp-block-table tr:nth-child(2n - 1) td:nth-child(n + 2) {
background: #fff;
}
.p-content-area table td a.has-map {
position: static;
transform: translateY(-1px);
margin-left: 8px;
vertical-align: text-bottom;
}
.p-content-area table td a.has-map img {
width: 42px;
}
}
/* カラム */
.p-content-area .wp-block-columns {
gap: 0 56px;
gap: 0 52px;
margin-top: 48px;
}
.p-content-area .wp-block-columns.u-half {
gap: 0 26px;
}
.p-content-area .wp-block-column > :first-child {
margin-top: 0 !important;
}
@media screen and (max-width: 767px) {
.p-content-area .wp-block-columns {
gap: 16px 0;
margin-top: 32px;
}
}
.p-content-area .button a {
display: flex;
justify-content: center;
align-items: center;
position: relative;
width: min(100%, 640px);
height: 64px;
margin: 48px auto 0;
margin: 24px auto 0;
border: 1px solid #171c61;
border-radius: 6px;
background: #171c61;
color: #fff;
font-size: 15px;
font-weight: 700;
text-decoration: none;
transition: background 0.4s, color 0.4s;
}
.page-template-page-subwindow_irukatouch .p-content-area .button a {
border: 1px solid #2795d2;
background: #2795d2;
}
.p-content-area .button a:hover {
background: #fff;
color: #171c61;
opacity: 1;
}
.page-template-page-subwindow_irukatouch .p-content-area .button a:hover {
color: #2795d2;
}
.page-template-page-interactive-events .p-content-area .button a:before,
.page-template-page-subwindow_irukatouch .p-content-area .button a:before {
position: absolute;
top: 50%;
right: 20px;
transform: translateY(-50%);
width: 22px;
height: 20px;
content: "";
transition: background 0.4s;
}
.page-template-page-subwindow_irukatouch .p-content-area .button a:before {
background: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2021.61%2019.39%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%23fff%3Bstroke-miterlimit%3A10%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpolyline%20class%3D%22cls-1%22%20points%3D%2211.56%20.35%2020.9%209.7%2011.56%2019.04%22%2F%3E%3Cline%20class%3D%22cls-1%22%20x1%3D%2220.81%22%20y1%3D%229.7%22%20y2%3D%229.7%22%2F%3E%3C%2Fsvg%3E")
no-repeat center / contain;
}
.page-template-page-interactive-events .p-content-area .button a:before {
background: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2021.61%2019.39%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%232789C6%3Bstroke-miterlimit%3A10%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpolyline%20class%3D%22cls-1%22%20points%3D%2211.56%20.35%2020.9%209.7%2011.56%2019.04%22%2F%3E%3Cline%20class%3D%22cls-1%22%20x1%3D%2220.81%22%20y1%3D%229.7%22%20y2%3D%229.7%22%2F%3E%3C%2Fsvg%3E")
no-repeat center / contain;
}
.page-template-page-subwindow_irukatouch .p-content-area .button a:hover:before {
background: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2021.61%2019.39%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%23278ecb%3Bstroke-miterlimit%3A10%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpolyline%20class%3D%22cls-1%22%20points%3D%2211.56%20.35%2020.9%209.7%2011.56%2019.04%22%2F%3E%3Cline%20class%3D%22cls-1%22%20x1%3D%2220.81%22%20y1%3D%229.7%22%20y2%3D%229.7%22%2F%3E%3C%2Fsvg%3E")
no-repeat center / contain;
}
@media screen and (max-width: 767px) {
}
/* マップ（投稿／固定ページ） */
/*.p-content-area .wp-block-map {
margin-top: 32px;
}
.p-content-area .wp-block-map iframe {
width: 100%;
height: 448px;
}
@media screen and (max-width: 767px) {
.p-content-area .wp-block-map {
margin-top: 24px;
}
.p-content-area .wp-block-map iframe {
height: 400px;
}
}*/
/* YouTube（投稿／固定ページ） */
/*.p-content-area .wp-block-embed__wrapper iframe {
width: 100%;
height: 100%;
aspect-ratio: 16 / 9;
}
@media screen and (max-width: 767px) {
}*/
/* パスワード保護（投稿／固定ページ） */
/*.p-content-area input[type="password"] {
padding: 4px 8px;
border-radius: 3px;
border: 1px solid #ddd;
outline: none;
}
.p-content-area input[type="submit"] {
padding: 5px 24px;
border-radius: 3px;
background: #3F80C0;
color: #fff;
transition: opacity .4s;
}
.p-content-area input[type="submit"]:hover {
opacity: .6;
}
@media screen and (max-width: 767px) {
.p-content-area input[type="submit"] {
padding: 5px 14px;
}
}*/
/* リード文（特長） */
.p-feature-lead__columns {
display: grid;
grid-template-columns: auto 1fr;
grid-template-columns: 42% 1fr;
gap: 0 80px;
gap: 0 88px;
}
.p-feature-lead__column {
}
.p-feature-lead__text {
font-size: 18px;
line-height: 2;
}
@media screen and (max-width: 767px) {
}
/* 才流が解決できるお客様の課題（特長） */
.p-solution {
padding-top: 8px;
}
.p-solution__list {
display: grid;
grid-template-columns: repeat(3, 1fr);
}
.p-solution__item {
border-right: 1px solid #e1e3e6;
counter-increment: solution;
}
.p-solution__item:first-child {
border-left: 1px solid #e1e3e6;
}
.p-solution__item a {
display: block;
padding-bottom: 4px;
padding-bottom: 8px;
transition: opacity 0.4s;
}
.p-solution__item a:hover {
opacity: 0.6;
}
.p-solution__item a:after {
display: block;
margin: 24px auto 0;
transform: rotate(45deg);
width: 12px;
height: 12px;
border-right: 1.5px solid #1571da;
border-bottom: 1.5px solid #1571da;
content: "";
/*transition: transform .4s;*/
}
/*.p-solution__item a:hover:after {
transform: translateY(4px) rotate(45deg);
}*/
.p-solution-item__number {
color: var(--text-color-primary);
color: #605a58;
font-weight: 500;
text-align: center;
line-height: 1.5;
}
.p-solution-item__number:after {
display: inline-block;
/*margin-left: 4px;
font-size: 22px;
vertical-align: -1px;*/
margin-left: 8px;
font-size: 28px;
font-size: 30px;
vertical-align: -4px;
content: counter(solution);
}
.p-solution-item__heading {
margin-top: 24px;
margin-top: 16px;
color: #1571da;
font-size: 20px;
font-weight: 500;
text-align: center;
line-height: 1.5;
}
@media screen and (max-width: 767px) {
}
/* 才流が課題を解決できる3つの理由（特長） */
.p-reason {
margin-top: -32px;
}
.p-reason__cards {
display: grid;
gap: 120px 0;
gap: 64px 0;
}
.p-reason__card {
padding-top: 56px;
counter-increment: reason;
}
.p-reason-card__columns {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 0 40px;
gap: 0 64px;
}
/*.p-reason__card:nth-child(2n - 1) .p-reason-card__columns {
grid-template-columns: 50% 1fr;
}
.p-reason__card:nth-child(2n) .p-reason-card__columns {
grid-template-columns: 1fr 50%;
}*/
/*.p-reason-card__column:first-child {
padding-top: 8px;
}*/
.p-reason-card__number {
margin-top: -4px;
padding-bottom: 4px;
color: #605a58;
font-size: 18px;
font-weight: 500;
line-height: 1.5;
}
.p-reason-card__number:after {
display: inline-block;
margin-left: 8px;
margin-left: 12px;
font-size: 30px;
font-size: 36px;
vertical-align: -5px;
content: counter(reason);
}
.p-reason-card__heading {
margin-top: 24px;
margin-top: 16px;
color: #1571da;
font-size: 30px;
font-weight: 500;
line-height: 1.5;
}
.p-reason-card__text {
margin-top: 32px;
margin-top: 24px;
font-size: 18px;
line-height: 2;
}
.p-reason-card__link {
margin-top: 32px;
margin-top: 24px;
}
.p-reason-card__link a {
color: var(--text-color-primary);
color: #1571da;
transition: opacity 0.4s;
}
.p-reason-card__link a:hover {
opacity: 0.6;
}
/*.p-reason-card__link a:before {
display: inline-block;
width: 20px;
height: 20px;
margin-right: 8px;
border-radius: 50%;
background: #1571da;
vertical-align: -3.5px;
content: '';
}*/
.p-reason-card__link a:after {
display: inline-block;
transform: rotate(45deg);
width: 8px;
height: 8px;
margin-left: 8px;
border-top: 1.5px solid #1571da;
border-right: 1.5px solid #1571da;
vertical-align: 2px;
content: "";
}
.p-reason-card__image {
overflow: hidden;
border-radius: 3px;
}
.p-reason-card__image img {
width: 100%;
aspect-ratio: 3 / 2;
aspect-ratio: 4 / 3;
object-fit: cover;
}
@media screen and (max-width: 767px) {
}
/* スタッフ紹介（特長） */
.p-staff__cards {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 48px;
}
.p-staff-card__image {
overflow: hidden;
border-radius: 3px;
}
.p-staff-card__image img {
width: 100%;
aspect-ratio: 4 / 3;
aspect-ratio: 3 / 2;
object-fit: cover;
}
.p-staff-card__heading {
/*margin-top: 16px;
padding-top: 4px;*/
margin-top: 24px;
color: #1571da;
font-size: 20px;
font-weight: 500;
line-height: 1.5;
}
.p-staff-card__text {
margin-top: 12px;
}
@media screen and (max-width: 767px) {
}
/* プロジェクト開始までの流れ（特長） */
.p-flow__cards {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 0 16px;
}
.p-flow__card {
display: grid;
grid-template-rows: minmax(72px, auto) 1fr;
position: relative;
padding: 56px 24px 24px;
border: 1px solid #e1e3e6;
border-radius: 3px;
background: #fff;
}
.p-flow__card:nth-child(n + 2):before {
position: absolute;
top: 50%;
left: -13px;
transform: translateY(-50%);
width: 9px;
height: 10px;
height: 9px;
background: #76716f;
clip-path: polygon(0 0, 100% 50%, 0 100%);
content: "";
}
.p-flow-card__number {
position: absolute;
top: 24px;
left: 24px;
font-family: "Times New Roman", Times, serif;
font-size: 18px;
letter-spacing: 0.04em;
}
.p-flow-card__heading {
color: #1571da;
font-size: 20px;
font-weight: 500;
line-height: 1.5;
}
.p-flow-card__text {
line-height: 1.5;
}
.p-flow-card__text a {
color: #1571da;
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 2px;
transition: opacity 0.4s;
}
.p-flow-card__text a:hover {
opacity: 0.6;
}
@media screen and (max-width: 767px) {
}
/* よくある質問（特長） */
.p-faq__columns {
display: grid;
grid-template-columns: 320px 1fr;
gap: 0 12px;
}
.p-faq__list {
display: grid;
gap: 40px 0;
padding-top: 10px;
counter-reset: number;
}
.p-faq__item {
padding-bottom: 40px;
border-bottom: 1px solid #ddd;
}
.p-faq__item dt,
.p-faq__item dd {
position: relative;
padding-left: 48px;
padding-left: 40px;
}
.p-faq__item dt {
color: #1571da;
font-size: 20px;
font-size: 24px;
/*font-weight: 700;*/
line-height: 1.5;
}
.p-faq__item dd {
margin-top: 16px;
font-size: 18px;
/*line-height: 2;*/
}
.p-faq__item dt:before,
.p-faq__item dd:before {
position: absolute;
left: 0;
font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
font-size: 18px;
font-size: 20px;
letter-spacing: 0.08em;
}
.p-faq__item dt:before {
top: calc(((24px * 1.5) / 2) - ((20px * 1.5) / 2) - 1px);
/*color: #6e6765;*/
/*content: "Q" counter(number);*/
content: "Q.";
counter-increment: number 1;
}
.p-faq__item dd:before {
top: calc(((16px * 2) / 2) - ((20px * 2) / 2) + 1px);
content: "A.";
}
@media screen and (max-width: 767px) {
}
/* サービス */
@media screen and (max-width: 767px) {
}
/* 会社情報 */
.p-company__cards {
display: grid;
grid-template-columns: repeat(3, 1fr);
/*display: flex;
flex-wrap: wrap;*/
gap: 64px 48px;
}
/*.p-company__card:nth-child(-n + 2) {
width: calc((100% - 48px) / 2);
}
.p-company__card:nth-child(n + 3) {
width: calc((100% - (48px * 2)) / 3);
}*/
.p-company__card:nth-child(n + 4) {
display: none;
}
.p-company__card a {
display: block;
transition: opacity 0.4s;
}
.p-company__card a:hover {
opacity: 0.6;
}
.p-company-card__image {
/*border: 1px solid #e6e6e6;*/
}
.p-company-card__image img {
width: 100%;
aspect-ratio: 16 / 9;
aspect-ratio: 3 / 2;
object-fit: cover;
}
.p-company-card__heading {
margin-top: 24px;
color: var(--text-color-primary);
color: #1571da;
font-size: 20px;
font-weight: 500;
font-weight: 400;
line-height: 1.5;
}
.p-company-card__heading:after {
display: inline-block;
width: 11px;
height: 11px;
margin-left: 7px;
background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210.96%22%20height%3D%2210.96%22%20viewBox%3D%220%200%2010.96%2010.96%22%3E%0A%20%20%3Cpath%20id%3D%22Path_46159%22%20data-name%3D%22Path%2046159%22%20d%3D%22M0%2C7V0H7%22%20transform%3D%22translate(9.9%205.48)%20rotate(135)%22%20fill%3D%22none%22%20stroke%3D%22%231571da%22%20stroke-width%3D%221.5%22%2F%3E%0A%3C%2Fsvg%3E%0A")
no-repeat center / contain;
vertical-align: 2px;
content: "";
}
.p-company-card__desc {
margin-top: 12px;
color: #76716f;
/* font-size: 15px;*/
line-height: 1.7;
}
@media screen and (max-width: 767px) {
.p-company__cards {
flex-direction: column;
gap: 48px 0;
}
.p-company__card:nth-child(-n + 2),
.p-company__card:nth-child(n + 3) {
width: 100%;
}
.p-company-card__heading {
margin-top: 12px;
font-size: 16px;
font-size: 18px;
}
.p-company-card__desc {
margin-top: 4px;
font-size: 14px;
}
}
/* トップメッセージ（会社情報） */
.p-message__image {
}
.p-message__image img {
width: 100%;
height: 360px;
height: 440px;
/*aspect-ratio: 16 / 9;
aspect-ratio: 2 / 1;
object-fit: cover;*/
}
.p-message__text {
margin-top: 48px;
/* font-size: 15px;*/
line-height: 2;
}
.p-message__text span {
display: block;
text-align: right;
}
@media screen and (max-width: 767px) {
.p-message__image img {
height: 256px;
/*aspect-ratio: 3 / 2;
aspect-ratio: 4 / 3;*/
}
.p-message__text {
/*margin-top: 24px;
font-size: 14px;
line-height: 2;*/
}
}
/* 経営理念／企業理念（会社情報） */
.p-philosophy > *:first-child {
margin-top: 0 !important;
}
.p-philosophy__list {
margin-top: 12px;
counter-reset: number;
}
.p-philosophy__item {
}
.p-philosophy__item:before {
display: inline-block;
margin-right: 7px;
color: #1571da;
/*font-family: "Times New Roman", Times, serif;*/
font-size: 20px;
font-weight: 700;
font-weight: 400;
vertical-align: -1px;
content: counter(number) ".";
counter-increment: number 1;
}
.p-philosophy__text {
margin-top: 24px;
line-height: 2;
}
@media screen and (max-width: 767px) {
}
/* アクセス（会社情報） */
.p-access__address {
font-size: 18px;
line-height: 2;
}
.p-access__google-maps {
margin-top: 40px;
}
.p-access__google-maps iframe {
width: 100%;
height: 450px;
height: 448px;
/*aspect-ratio: 2 / 1;*/
}
@media screen and (max-width: 767px) {
.p-access__address {
font-size: 16px;
/*line-height: 2;*/
}
.p-access__google-maps {
margin-top: 24px;
}
.p-access__google-maps iframe {
height: 400px;
/*aspect-ratio: 4 / 3;
aspect-ratio: 1;*/
}
}
/* お問い合わせ */
.p-contact {
padding: 64px 0 72px;
}
.p-contact__columns {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 0 24px;
padding: 0 48px;
}
.p-contact__column:first-child {
padding-right: 32px;
}
.p-contact__title {
font-size: 36px;
font-weight: 500;
line-height: 1.5;
}
.p-contact__content {
margin-top: 40px;
}
.p-contact__content > *:first-child {
margin-top: 0 !important;
}
.p-contact__content h2.wp-block-heading {
margin: 40px 0 16px;
padding-bottom: 8px;
border-bottom: 1px solid #e6e6e6;
color: #1571da;
font-size: 24px;
font-size: 20px;
font-weight: 500;
/*line-height: 1.5;*/
}
.p-contact__content .wp-block-image {
padding-top: 4px;
}
.p-contact__content .wp-block-image img {
width: 100%;
aspect-ratio: 16 / 9;
aspect-ratio: 3 / 2;
object-fit: cover;
}
.p-contact__content ul li {
position: relative;
padding-left: 16px;
/*font-size: 18px;*/
}
.p-contact__content ul li:nth-child(n + 2) {
}
.p-contact__content ul li:before {
position: absolute;
top: calc((16px * 1.75 / 2) - (4px / 2));
left: 2px;
width: 4px;
height: 4px;
background: #2e2e2e;
border-radius: 50%;
content: "";
}
.p-contact__content p {
/*font-size: 18px;*/
}
.p-contact__content a {
color: #1571da;
font-weight: 500;
text-decoration: underline 1px;
text-underline-offset: 0.1em;
transition: opacity 0.4s;
}
.p-contact__content a:hover {
opacity: 0.6;
}
.p-contact__inner {
border: 1px solid #eaebe4;
border: 1px solid #e6e6e6;
background: #f8f8f5;
background: #f9f9f9;
padding: 32px 32px 40px;
}
@media screen and (max-width: 767px) {
.p-contact {
padding: 40px 0 48px;
}
.p-contact__columns {
grid-template-columns: none;
gap: 40px 0;
gap: 32px 0;
padding: 0;
}
.p-contact__column:first-child {
padding-right: 0;
}
.p-contact__title {
font-size: 28px;
font-size: 26px;
}
.p-contact__content {
margin-top: 24px;
margin-top: 16px;
}
.p-contact__content h2.wp-block-heading {
display: none;
}
.p-contact__content ul {
display: none;
}
.p-contact__content .wp-block-image {
display: none;
}
.p-contact__content p {
font-size: 14px;
}
.p-contact__inner {
padding: 24px 24px 32px;
/*padding: 0;
border: none;
background: transparent;*/
}
}
/* Contact Form 7 */
.wpcf7__list {
/*display: grid;
grid-template-columns: 280px 1fr;*/
}
.wpcf7__term,
.wpcf7__desc {
/*padding-right: 12px;*/
/*padding-bottom: 16px;*/
/*padding-left: 12px;*/
/*border-bottom: 1px solid #e0e0e0;*/
}
/*.wpcf7__term:first-of-type,
.wpcf7__desc:first-of-type {
border-top: 1px solid #e0e0e0;
}*/
.wpcf7__term {
/*display: flex;
align-items: flex-start;
gap: 0 8px;*/
/*padding-top: 33px;
padding-right: 12px;
padding-left: 12px;*/
font-weight: 700;
}
.wpcf7__term:nth-of-type(n + 2) {
margin-top: 16px;
}
.wpcf7__term span {
/*display: inline-block;
padding: 2px 8px;
border-radius: 4px;
background: #C9171E;
color: #fff;
font-size: 12px;*/
margin-left: 2px;
color: #f00;
}
.wpcf7__desc {
margin-top: 4px;
margin-top: 2px;
/*padding-top: 16px;*/
}
.wpcf7__desc .wpcf7-form-control-wrap {
display: block;
}
.wpcf7__desc input[type="text"],
.wpcf7__desc input[type="tel"],
.wpcf7__desc input[type="email"],
.wpcf7__desc textarea {
width: 100%;
padding: 16px;
padding: 8px 12px;
border: 1px solid #000b2b;
border-radius: 3px;
background: #fff;
outline: none;
letter-spacing: 0.04em;
}
.wpcf7__desc input[type="text"].wpcf7-not-valid,
.wpcf7__desc input[type="tel"].wpcf7-not-valid,
.wpcf7__desc input[type="email"].wpcf7-not-valid,
.wpcf7__desc textarea.wpcf7-not-valid {
border: 1px solid #c87872;
}
.wpcf7__desc input[type="text"]::placeholder,
.wpcf7__desc input[type="tel"]::placeholder,
.wpcf7__desc input[type="email"]::placeholder,
.wpcf7__desc textarea::placeholder {
color: #c7c7c7;
}
.wpcf7__desc input[type="text"]::-ms-input-placeholder,
.wpcf7__desc input[type="tel"]::-ms-input-placeholder,
.wpcf7__desc input[type="email"]::-ms-input-placeholder,
.wpcf7__desc textarea::-ms-input-placeholder {
color: #c7c7c7;
}
.wpcf7__desc input[type="text"]:-ms-input-placeholder,
.wpcf7__desc input[type="tel"]:-ms-input-placeholder,
.wpcf7__desc input[type="email"]:-ms-input-placeholder,
.wpcf7__desc textarea:-ms-input-placeholder {
color: #c7c7c7;
}
.wpcf7__desc textarea {
height: calc((1.75em * 8) + (8px * 2) + (1px * 2));
}
.wpcf7__desc .wpcf7-radio,
.wpcf7__desc .wpcf7-checkbox {
display: grid;
gap: 12px 0;
padding: 18px 0 0;
}
.wpcf7__desc .wpcf7-radio .wpcf7-list-item,
.wpcf7__desc .wpcf7-checkbox .wpcf7-list-item,
.wpcf7__acceptance .wpcf7-acceptance .wpcf7-list-item {
display: block;
margin: 0;
}
.wpcf7__desc .wpcf7-radio .wpcf7-list-item label,
.wpcf7__desc .wpcf7-checkbox .wpcf7-list-item label,
.wpcf7__acceptance .wpcf7-acceptance .wpcf7-list-item label {
display: inline-block;
cursor: pointer;
}
.wpcf7__desc .wpcf7-radio .wpcf7-list-item input[type="radio"],
.wpcf7__desc .wpcf7-checkbox .wpcf7-list-item input[type="checkbox"],
.wpcf7__acceptance .wpcf7-acceptance .wpcf7-list-item input[type="checkbox"] {
position: relative;
width: 24px;
height: 24px;
margin-right: 8px;
margin-right: 12px;
border: 1px solid #000b2b;
border-radius: 3px;
background: #fff;
vertical-align: -6px;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.wpcf7__desc .wpcf7-radio .wpcf7-list-item input[type="radio"] {
border-radius: 50%;
}
.wpcf7__desc .wpcf7-radio .wpcf7-list-item input[type="radio"]:checked {
}
.wpcf7__desc .wpcf7-radio .wpcf7-list-item input[type="radio"]:checked:before {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 9px;
height: 9px;
border-radius: 50%;
background: rgba(0, 0, 0, 0.4);
content: "";
}
.wpcf7__desc .wpcf7-checkbox .wpcf7-list-item input[type="checkbox"],
.wpcf7__acceptance .wpcf7-acceptance .wpcf7-list-item input[type="checkbox"] {
}
.wpcf7__desc .wpcf7-checkbox .wpcf7-list-item input[type="checkbox"]:checked,
.wpcf7__acceptance .wpcf7-acceptance .wpcf7-list-item input[type="checkbox"]:checked {
}
.wpcf7__desc .wpcf7-checkbox .wpcf7-list-item input[type="checkbox"]:checked:before,
.wpcf7__acceptance .wpcf7-acceptance .wpcf7-list-item input[type="checkbox"]:checked:before {
position: absolute;
top: 2px;
left: 7px;
transform: rotate(45deg);
width: 8px;
height: 14px;
border-right: 2px solid #000b2b;
border-bottom: 2px solid #000b2b;
content: "";
}
.wpcf7__desc .wpcf7-radio .wpcf7-list-item .wpcf7-list-item-label:before,
.wpcf7__desc .wpcf7-radio .wpcf7-list-item .wpcf7-list-item-label:after,
.wpcf7__desc .wpcf7-checkbox .wpcf7-list-item .wpcf7-list-item-label:before,
.wpcf7__desc .wpcf7-checkbox .wpcf7-list-item .wpcf7-list-item-label:after,
.wpcf7__acceptance .wpcf7-acceptance .wpcf7-list-item .wpcf7-list-item-label:before,
.wpcf7__acceptance .wpcf7-acceptance .wpcf7-list-item .wpcf7-list-item-label:after {
content: none;
}
.wpcf7__select {
position: relative;
width: min(100%, 320px);
}
.wpcf7__select:before {
position: absolute;
top: calc(50% - (6px / 2));
right: 16px;
z-index: 10;
width: 8px;
height: 6px;
background: #000;
clip-path: polygon(0 0, 100% 0, 50% 100%);
pointer-events: none;
content: "";
}
.wpcf7__select select {
width: 100%;
padding: 16px;
border: 1px solid #dcdcdc;
background: #f5f7f8;
border-radius: 0;
color: #000;
letter-spacing: 0.04em;
outline: none;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.wpcf7__select select.js-select {
color: #c7c7c7;
}
.wpcf7-file {
padding: 16px;
border: 1px solid #dcdcdc;
}
.wpcf7-file__container {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 12px 16px;
}
.wpcf7-file__label {
display: inline-block;
padding: 12px 24px;
background: #0017c1;
color: #fff;
cursor: pointer;
}
.wpcf7-file__label input[type="file"] {
display: none;
}
.wpcf7-file__body {
display: flex;
flex-wrap: wrap;
gap: 8px 12px;
}
.wpcf7-file__not-selected,
.wpcf7-file__delete {
font-size: 14px;
}
.wpcf7-file__not-selected {
}
.wpcf7-file__delete {
display: none;
cursor: pointer;
}
.wpcf7__desc .wpcf7-not-valid-tip {
margin-top: 4px;
color: #f2545b;
font-size: 14px;
font-weight: 500;
}
.wpcf7__desc .wpcf7-not-valid-tip:before {
display: inline-block;
content: "※";
}
.wpcf7__acceptance {
margin-top: 24px;
}
.wpcf7__acceptance .wpcf7-list-item-label a {
color: #1571da;
text-decoration: underline 1px;
text-underline-offset: 0.1em;
transition: opacity 0.4s;
}
.wpcf7__acceptance .wpcf7-list-item-label a:hover {
opacity: 0.6;
}
.wpcf7__acceptance .wpcf7-list-item-label span {
color: #f00;
}
.wpcf7__button {
margin-top: 32px;
margin-top: 40px;
}
.wpcf7__button input[type="submit"] {
width: 100%;
padding: 12px;
border-radius: 3px;
background: #191f4d;
background: #000b2b;
color: #fff;
font-weight: 700;
transition: opacity 0.4s;
/*pointer-events: auto;*/
}
.wpcf7__button.js-active input[type="submit"] {
background: #cbd4d6;
color: #56676b;
pointer-events: none;
}
.wpcf7__button input[type="submit"]:hover {
opacity: 0.6;
}
.wpcf7__button .wpcf7-spinner {
display: none;
}
@media screen and (max-width: 767px) {
.wpcf7__term,
.wpcf7__desc {
font-size: 14px;
}
.wpcf7__desc textarea {
}
.wpcf7__desc .wpcf7-radio .wpcf7-list-item input[type="radio"],
.wpcf7__desc .wpcf7-checkbox .wpcf7-list-item input[type="checkbox"],
.wpcf7__acceptance .wpcf7-acceptance .wpcf7-list-item input[type="checkbox"] {
vertical-align: -6px;
}
.wpcf7__desc .wpcf7-checkbox .wpcf7-list-item input[type="checkbox"]:checked:before,
.wpcf7__acceptance .wpcf7-acceptance .wpcf7-list-item input[type="checkbox"]:checked:before {
top: 3px;
left: 8px;
width: 7px;
height: 13px;
border-right: 1.5px solid #191f4d;
border-bottom: 1.5px solid #191f4d;
}
.wpcf7__desc .wpcf7-not-valid-tip {
font-size: 12px;
}
.wpcf7__acceptance {
font-size: 14px;
}
.wpcf7__button input {
font-size: 14px;
}
}
@media screen and (max-width: 767px) {
}
/* 入力完了まであと〇〇項目 */
.p-remaining {
display: none;
position: absolute;
top: -56px;
left: calc(100% + 64px);
height: 100%;
}
.p-remaining__inner {
position: sticky;
top: 100px;
border-radius: 3px;
border-radius: 5px;
/*min-width: 136px;*/
width: 140px;
padding: 16px 8px 8px;
padding: 18px 0 8px 22px;
background: #000b2b;
background: #333;
}
.p-remaining__inner:before {
display: block;
position: absolute;
top: 50%;
top: calc(50% + 20px);
left: -13px;
left: -16px;
transform: translateY(-50%);
width: 13px;
width: 16px;
height: 15px;
height: 16px;
background: #000b2b;
background: #333;
clip-path: polygon(0 50%, 100% 0, 100% 100%);
clip-path: polygon(100% 0, 100% 100%, 0 100%);
content: "";
}
.p-remaining__text {
font-size: 14px;
color: #fff;
font-weight: 700;
/*text-align: center*/
}
.p-remaining__unit {
display: block;
margin-top: -10px;
font-size: 16px;
}
.p-remaining__number {
display: inline-block;
margin: 0 4px;
transform: translateY(2px);
font-size: 30px;
}
@media screen and (max-width: 1263px) {
}
/* reCAPTCHA */
.grecaptcha-badge {
visibility: hidden;
}
.p-recaptcha__text {
font-size: 14px;
text-align: center;
}
.p-recaptcha__text a {
color: #1571da;
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 4px;
transition: opacity 0.4s;
}
.p-recaptcha__text a:hover {
opacity: 0.6;
}
@media screen and (max-width: 767px) {
.p-recaptcha__text {
font-size: 12px;
}
}
/* プライバシーポリシー */
.p-privacy {
}
.p-privacy__title {
margin-top: 64px;
padding-bottom: 4px;
color: #1571da;
font-size: 28px;
font-weight: 500;
line-height: 1.5;
}
.p-privacy__title + * {
margin-top: 16px;
}
.p-privacy__list {
padding-left: 2px;
}
.p-privacy__item {
list-style-type: disc;
list-style-type: decimal;
list-style-position: inside;
line-height: 2;
}
.p-privacy__list ul {
padding-left: 24px;
}
.p-privacy__item li {
list-style-type: decimal;
}
.p-privacy__item li li {
list-style-type: circle;
}
.p-privacy__text {
line-height: 2;
}
@media screen and (max-width: 767px) {
}
/* サイトマップ */
.p-sitemap__list {
/*display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 32px 64px;*/
column-count: 3;
gap: 0 64px;
/*margin-top: 16px;
padding-left: 24px;*/
}
.p-sitemap__list > li {
margin-bottom: 32px;
page-break-inside: avoid;
-moz-column-break-inside: avoid;
break-inside: avoid;
}
.p-sitemap__list ul {
display: grid;
margin-top: 16px;
}
.p-sitemap__list ul li {
font-size: 15px;
}
.p-sitemap__list ul li a {
display: inline-block;
padding: 6px 0;
color: #6e6765;
}
.p-sitemap__list > li {
position: relative;
font-size: 18px;
font-size: 17px;
font-weight: 500;
/*list-style-type: disc;*/
}
.p-sitemap__list li:before {
position: absolute;
bottom: -1.5px;
left: 0;
width: 100%;
height: 1.5px;
background: #1571da;
transform: scale(0, 1);
/*transform-origin: right center;*/
transform-origin: left center;
content: "";
content: none;
transition: transform 0.6s cubic-bezier(0.65, 0, 0.35, 1);
}
.p-sitemap__list li:hover:before {
transform: scale(1, 1);
/*transform-origin: left center;*/
}
.p-sitemap__list a {
transition: opacity 0.4s;
}
.p-sitemap__list a:hover {
opacity: 0.6;
}
.p-sitemap__list > li > a {
display: block;
position: relative;
padding: 12px calc(12px * 2) 12px 0;
border-bottom: 1px solid #eaebe4;
color: #1571da;
color: var(--text-color-primary);
/*text-decoration: underline;
text-underline-offset: .1em;*/
}
.p-sitemap__list > li > a:before {
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
width: 24px;
height: 24px;
border-radius: 50%;
background: #e6e6e6;
content: "";
content: none;
}
.p-sitemap__list > li > a:after {
display: inline-block;
transform: rotate(45deg);
width: 8px;
height: 8px;
margin-left: 8px;
border-top: 1.5px solid #1571da;
border-right: 1.5px solid #1571da;
vertical-align: 3px;
content: "";
}
@media screen and (max-width: 767px) {
.p-sitemap__columns {
grid-template-columns: none;
gap: 64px 0;
}
}
/* お探しのページが見つかりませんでした */
.p-not-found__text {
/*font-size: 18px;*/
line-height: 2;
text-align: center;
}
.p-not-found__buttons {
display: flex;
justify-content: center;
gap: 0 32px;
margin-top: 40px;
}
@media screen and (max-width: 767px) {
.p-not-found__text {
font-size: 15px;
text-align: left;
}
.p-not-found__buttons {
flex-direction: column;
justify-content: flex-start;
gap: 24px 0;
margin-top: 32px;
}
}
/* */
@media screen and (max-width: 767px) {
}
/* */
@media screen and (max-width: 767px) {
}
/* */
@media screen and (max-width: 767px) {
}
/* */
@media screen and (max-width: 767px) {
}
/* 料金シミュレーター */
/*.p-sim__item {
display: none;
}
.p-sim__item.is-active {
display: block;
}
.p-sim__heading {
color: #1571da;
font-size: 20px;
font-weight: 500;
text-align: center;
line-height: 1.5;
}
.p-sim__buttons {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 0 32px;
gap: 24px 32px;
gap: 32px;
margin-top: 40px;
}
@media screen and (max-width: 767px) {
}*/
/* 料金シミュレーター */
#mitsumori-js {
/*background: rgba(204, 204, 204, .25);
background: #fff;
padding: 20px;
padding: 64px;
padding: 48px;*/
}
#mitsumori-js table {
background: #fff;
}
#mitsumori-js .mitsumori-js-tbl {
margin-bottom: 15px;
}
#mitsumori-js .mitsumori-js-total-tbl {
width: 480px;
width: min(100%, 480px);
margin-left: auto;
}
#mitsumori-js .mitsumori-js-total-tbl th {
width: 45%;
width: 30%;
width: 40%;
border-bottom: 1px solid #fff;
background: #e6e6eb;
font-weight: 500;
text-align: left;
}
#mitsumori-js th,
#mitsumori-js td {
border: 1px solid #e6e6e6;
padding: 16px 24px;
font-size: 15px;
/* vertical-align: top;*/
}
#mitsumori-js .item-name {
width: 30%;
width: 40%;
border-bottom: 1px solid #fff;
background: #e6e6eb;
}
/*#mitsumori-js .item-quantity {
width: 45%;
}*/
/*#mitsumori-js .item-price {
width: 25%;
}*/
.item-quantity {
/*display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 16px;*/
}
.item-quantity label {
display: inline-block;
width: calc(50% - 24px);
cursor: pointer;
}
.item-quantity label:nth-child(n + 3) {
margin-top: 8px;
}
.mitsumori-js-tbl tr > *:nth-child(3) {
display: none;
}
.mitsumori-js-total-tbl td {
}
input[type="radio"] {
position: relative;
width: 16px;
height: 16px;
margin-right: 8px;
border: 1px solid #000b2b;
border-radius: 50%;
background: #fff;
vertical-align: -2px;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
input[type="radio"]:checked {
}
input[type="radio"]:checked:before {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 9px;
height: 9px;
border-radius: 50%;
background: #000b2b;
content: "";
}
@media screen and (max-width: 767px) {
}
/*-------------------------------------------
Utility
-------------------------------------------*/
/*
ComponentとProjectレイヤーのObjectの
モディファイアで解決することが難しい・適切では無い、
わずかなスタイルの調整のための便利クラスなどを定義します。
*/
.u-sp,
.sp {
display: none;
}
@media screen and (max-width: 767px) {
.u-pc,
.pc {
display: none;
}
.u-sp,
.sp {
display: block;
}
}
.u-clearfix:after {
display: block;
clear: both;
content: "";
}
.arch-prop-card__button {
width: min(100%, 308px);
}
.arch-prop-card__copy {
font-family: "Noto Sans JP", sans-serif;
font-size: 14px;
font-weight: 500;
text-align: center;
}
.arch-prop-card__copy span {
display: block;
margin: 4px 0 16px;
font-family: "Noto Serif JP", serif;
font-size: 20px;
font-weight: 700;
}
.page-title__title span {
display: block;
font-size: 22px;
}
@media screen and (max-width: 428px) {
.page-title__title span {
font-size: 16px;
}
}
.arch-prop-card__label {
display: inline-block;
padding: 5px 26px;
background: #d9d9d9;
font-size: 14px;
font-weight: 700;
letter-spacing: 0.03em;
}
@media screen and (max-width: 428px) {
.arch-prop-card__label {
padding: 4px 16px;
font-size: 12px;
}
}
/*-------------------------------------------
太地町立くじらの博物館
-------------------------------------------*/
/* */
@media screen and (max-width: 767px) {
}
/* */
@media screen and (max-width: 767px) {
}
/* */
@media screen and (max-width: 767px) {
}
/* ピックアップ（PICK UP） */
.p-pick-up {
padding-top: 12px;
}
.image-carousel {
position: relative;
}
.image-carousel:not(.is-overflow) .splide__arrows {
display: none;
}
.image-carousel .splide__arrow {
position: absolute;
top: calc(50% + 3px);
z-index: 5;
transition: opacity 0.4s;
}
.image-carousel .splide__arrow--prev {
left: calc(50% - ((100% - (35px * 3)) / 4) - 35px - 36px);
transform: scaleX(-1) translateY(-50%);
}
.image-carousel .splide__arrow--next {
right: calc(50% - ((100% - (35px * 3)) / 4) - 35px - 36px);
transform: translateY(-50%);
}
/*.image-carousel .splide__arrow:disabled {
opacity: .5;
pointer-events: none;
}*/
.image-carousel .splide__arrow:hover {
opacity: 0.6;
}
.image-carousel .splide__slide {
/*position: relative;
cursor: pointer;*/
}
.image-carousel .splide__slide a {
display: block;
position: relative;
/*height: 100%;
padding-top: 56px;*/
/*transition: opacity .4s;*/
}
/*.image-carousel .splide__slide a:hover {
opacity: 0.6;
}*/
.image-carousel .image-carousel__image img {
width: 100%;
aspect-ratio: 274 / 204;
object-fit: cover;
}
.image-carousel .image-carousel__inner {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 58px 48px 0;
background: rgba(0, 0, 0, 0.57);
opacity: 0;
transition: opacity 0.4s;
}
.image-carousel .splide__slide a:hover .image-carousel__inner {
opacity: 1;
}
.image-carousel .image-carousel__title {
color: #fff;
font-size: 18px;
text-align: center;
line-height: 1.39;
}
.image-carousel .image-carousel__button {
display: flex;
justify-content: center;
margin-top: 24px;
}
@media screen and (max-width: 767px) {
.p-pick-up {
padding-top: 0;
}
.image-carousel .splide__arrow {
top: calc(50% - 4px);
}
.image-carousel .splide__arrow--prev {
left: calc(-36px / 2);
}
.image-carousel .splide__arrow--next {
right: calc(-36px / 2);
}
}
/* ニュース（News） */
.p-home-news__container {
display: grid;
grid-template-columns: auto 1fr;
gap: 0 88px;
grid-template-areas:
"a b"
"c b";
}
.p-home-news__header {
grid-area: a;
}
.p-home-news__list {
grid-area: b;
}
.p-home-news__button {
grid-area: c;
}
.p-home-news__header {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.p-home-news__body {
display: contents;
}
.c-news-item {
border-bottom: 1px solid #acacac;
}
.c-news-item a {
display: block;
position: relative;
padding: 30px calc((36px * 2) + 24px) 30px 0;
}
.c-news-item__columns {
display: grid;
grid-template-columns: 256px 1fr;
align-items: flex-start;
gap: 0 24px;
}
.c-news-item__meta {
display: flex;
justify-content: space-between;
align-items: center;
gap: 0 16px;
}
.c-news-item__time {
color: #acacac;
font-size: 14px;
font-weight: 500;
}
.c-news-item__term {
display: flex;
flex-direction: column;
justify-content: center;
width: 142px;
height: 34px;
/*padding: 6px;*/
border-radius: 9999px;
background: #dfeff8;
color: #192657;
font-size: 12px;
font-weight: 500;
text-align: center;
}
.c-news-item__title {
/*display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;*/
padding-top: 3px;
color: var(--text-color-primary);
font-size: 18px;
line-height: 1.5;
}
.c-news-item__title span {
display: inline;
padding-bottom: 4px;
background-image: linear-gradient(90deg, #211c59, #211c59);
/*background-position: 100% 100%;*/
background-position: 0 100%;
background-repeat: no-repeat;
background-size: 0 2px;
transition: background-size cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
}
.c-news-item a:hover .c-news-item__title span {
/*background-position: 0 100%;*/
background-size: 100% 2px;
}
.c-news-item__button {
position: absolute;
top: 50%;
right: 24px;
transform: translateY(-50%);
}
.c-news-item a:hover .c-arrow--contrast {
background: #278ecb;
}
.c-news-item a:hover .c-arrow--contrast:before {
background: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2013.58%2012.21%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%23fff%3Bstroke-miterlimit%3A10%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpolyline%20class%3D%22cls-1%22%20points%3D%227.12%20.35%2012.87%206.11%207.12%2011.86%22%2F%3E%3Cline%20class%3D%22cls-1%22%20x1%3D%2212.81%22%20y1%3D%226.11%22%20y2%3D%226.11%22%2F%3E%3C%2Fsvg%3E")
no-repeat center / contain;
}
.p-home-news__button {
display: flex;
flex-direction: column;
justify-content: flex-end;
}
@media screen and (max-width: 1199px) {
.p-home-news__container {
gap: 0 40px;
}
.c-news-item__columns {
grid-template-columns: none;
align-items: normal;
gap: 16px 0;
}
.c-news-item__meta {
justify-content: normal;
gap: 0 14px;
}
}
@media screen and (max-width: 767px) {
.p-home-news__container {
grid-template-columns: auto 1fr;
gap: 14px 16px;
grid-template-areas:
"a c"
"b b";
}
.p-home-news__header {
grid-area: a;
}
.p-home-news__list {
grid-area: b;
}
.p-home-news__button {
grid-area: c;
}
.c-news-item a {
padding: 24px calc(20px * 2) 18px 0;
}
.c-news-item__term {
width: 114px;
height: 26px;
font-size: 10px;
}
.c-news-item__title {
padding-top: 0;
font-size: 16px;
line-height: 1.5625;
}
.c-news__button {
flex-direction: row;
}
.c-news-item__button {
right: 0;
}
.c-news-item__button .c-arrow {
width: 24px;
height: 24px;
}
.c-news-item__button .c-arrow:before {
width: 10px;
height: 9px;
}
}
/* 楽しく学ぶ（Enjoy） */
.p-enjoy__cards {
display: grid;
grid-template-columns: repeat(4, 1fr);
width: 100vw;
margin: 0 calc(50% - 50vw);
/*width: min(100vw, 1920px);
margin-left: calc((-1920px + 1200px) / 2);*/
}
.p-enjoy__card:nth-child(2) {
transition-delay: 0.3s;
}
.p-enjoy__card:nth-child(3) {
transition-delay: 0.6s;
}
.p-enjoy__card:nth-child(4) {
transition-delay: 0.9s;
}
.p-enjoy__card a {
display: block;
}
.p-enjoy-card__image {
overflow: hidden;
}
.p-enjoy-card__image img {
width: 100%;
aspect-ratio: 480 / 293;
object-fit: cover;
transition: transform 0.4s;
}
.p-enjoy__card a:hover .p-enjoy-card__image img {
transform: scale(1.05);
}
/*@media screen and (max-width: 1919px) {
.p-enjoy__cards {
margin: 0 calc(50% - 50vw);
}
}*/
@media screen and (max-width: 1199px) {
.p-enjoy__cards {
width: calc(100% + (20px * 2));
margin-left: -24px;
}
}
@media screen and (max-width: 767px) {
.p-enjoy__cards {
grid-template-columns: none;
gap: 20px 0;
width: 100%;
margin: 0;
}
.p-enjoy__card:nth-child(2),
.p-enjoy__card:nth-child(3),
.p-enjoy__card:nth-child(4) {
transition-delay: 0s;
}
}
/* 施設のご案内（Facility） */
.p-top-facility {
position: relative;
padding-top: 20px;
}
.p-top-facility__cards {
/*display: grid;
grid-template-columns: repeat(2, 1fr);*/
display: flex;
flex-wrap: wrap;
gap: 42px 0;
}
.p-top-facility__card {
overflow: hidden;
}
.p-top-facility__card:nth-child(-n + 2) {
width: calc((100% - (60px * 1)) / 2);
border-radius: 12px;
}
.p-top-facility__card:nth-child(n + 3) {
width: calc((100% - (33px * 2)) / 3);
}
.p-top-facility__card:nth-child(-n + 2):nth-child(2n - 1) {
margin-right: 60px;
}
.p-top-facility__card:nth-child(n + 3):nth-child(3n),
.p-top-facility__card:nth-child(n + 3):nth-child(3n - 2) {
margin-right: 33px;
}
.p-top-facility__card a {
display: block;
}
.p-top-facility__card:nth-child(-n + 2) a {
position: relative;
}
.p-top-facility-card__image {
overflow: hidden;
}
.p-top-facility-card__image img {
width: 100%;
object-fit: cover;
transition: transform 0.4s;
}
.p-top-facility__card:nth-child(-n + 2) .p-top-facility-card__image img {
aspect-ratio: 570 / 249;
}
.p-top-facility__card:nth-child(n + 3) .p-top-facility-card__image img {
aspect-ratio: 378 / 131;
}
.p-top-facility__card a:hover .p-top-facility-card__image img {
transform: scale(1.05);
}
.p-top-facility-card__button {
position: absolute;
bottom: 18px;
right: 18px;
}
@media screen and (max-width: 767px) {
.p-top-facility {
padding-top: 0;
}
.p-top-facility__cards {
gap: 16px 0;
width: 100vw;
margin: 0 calc(50% - 50vw);
}
.p-top-facility__card:nth-child(-n + 2) {
width: calc(100% - (20px * 2));
margin: 0 auto;
border-radius: 6px;
}
.p-top-facility__card:nth-child(n + 3) {
width: calc(100% / 3);
}
.p-top-facility__card:nth-child(-n + 2):nth-child(2n - 1) {
margin-right: auto;
}
.p-top-facility__card:nth-child(n + 3):nth-child(3n),
.p-top-facility__card:nth-child(n + 3):nth-child(3n - 2) {
margin-right: 0;
}
.p-top-facility__card:nth-child(2) {
margin-bottom: 12px;
}
.p-top-facility__card:nth-child(n + 3) .p-top-facility-card__image img {
aspect-ratio: 125 / 134;
}
.p-top-facility-card__button {
bottom: 12px;
right: 12px;
}
}
/* ショップのご案内（Shopping） */
.p-top-shopping__cards {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 0 60px;
}
.p-top-shopping__card {
overflow: hidden;
border-radius: 12px;
}
.p-top-shopping__card a {
display: block;
position: relative;
}
.p-top-shopping-card__image {
overflow: hidden;
}
.p-top-shopping-card__image img {
width: 100%;
aspect-ratio: 570 / 249;
object-fit: cover;
transition: transform 0.4s;
}
.p-top-shopping__card a:hover .p-top-shopping-card__image img {
transform: scale(1.05);
}
.p-top-shopping-card__button {
position: absolute;
bottom: 18px;
right: 18px;
}
@media screen and (max-width: 767px) {
.p-top-shopping__cards {
grid-template-columns: none;
gap: 16px 0;
}
.p-top-shopping__card {
border-radius: 6px;
}
.p-top-shopping-card__button {
bottom: 12px;
right: 12px;
}
}
/* 学習コンテンツ（Learning） */
.p-home-learning__cards {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 0 50px;
}
.p-learning__cards {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 56px 40px;
}
.c-learning-card a {
display: block;
}
.c-learning-card__thumbnail {
overflow: hidden;
}
.c-learning-card__thumbnail img {
width: 100%;
height: 100%;
aspect-ratio: 367 / 246;
object-fit: cover;
transition: transform 0.4s;
}
.c-learning-card a:hover .c-learning-card__thumbnail img {
transform: scale(1.05);
}
.c-learning-card__title {
color: var(--text-color-primary);
font-size: 18px;
line-height: 1.5;
}
.p-home-learning .c-learning-card__title {
margin-top: 22px;
}
.p-learning .c-learning-card__title {
margin-top: 12px;
}
.p-home-learning__button {
display: flex;
justify-content: center;
margin-top: 52px;
}
@media screen and (max-width: 767px) {
.p-home-learning__cards,
.p-learning__cards {
grid-template-columns: none;
gap: 32px 0;
}
.p-home-learning .c-learning-card__title,
.p-learning .c-learning-card__title {
margin-top: 10px;
}
.p-home-learning__button {
margin-top: 34px;
}
}
/* インスタグラム（Instagram） */
.l-instagram {
position: relative;
padding: 88px 0 58px;
}
.l-instagram:before {
position: absolute;
top: -120px;
/*bottom: 0;*/
left: 50%;
z-index: -2;
transform: translateX(-50%);
/*width: 100%;*/
width: max(100%, 1920px);
height: 984px;
background: url("lib/images/bg_instagram_pc.png") repeat-x center bottom / 100% 100%;
content: "";
}
.l-instagram__inner {
/*width: min(100%, calc((1920px - (96px * 2)) + (20px * 2)));*/
width: min(100%, calc(1200px + (20px * 2)));
margin: 0 auto;
padding: 0 20px;
}
.l-instagram__container {
display: grid;
grid-template-columns: 342px 1fr;
gap: 0 24px;
/*width: calc(100vw - 456px);
max-width: 1464px;*/
width: min(calc(100vw - 456px), 1464px);
/*width: min(100%, 1464px);
margin-left: auto;*/
}
.l-instagram__header {
padding-top: 40px;
}
.l-instagram__body {
/* margin-right: -262px;*/
}
.l-instagram__list {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 24px 26px;
}
.l-instagram__image img {
width: 100%;
aspect-ratio: 1;
object-fit: cover;
}
.l-instagram__buttons {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 0 26px;
margin-top: 44px;
}
.l-instagram__button a {
display: block;
transition: opacity 0.4s;
}
.l-instagram__button a:hover {
opacity: 0.6;
}
.l-instagram__button img {
width: 100%;
/*height: 102px;*/
aspect-ratio: 536 / 102;
object-fit: cover;
}
.l-instagram__button--border img {
border: 1px solid #acacac;
}
@media screen and (max-width: 1655px) {
.l-instagram__container {
width: 100%;
}
}
@media screen and (max-width: 767px) {
.l-instagram {
padding: 18px 0;
}
.l-instagram:before {
top: -40px;
left: 0;
transform: translateX(0);
width: 100%;
height: 610px;
background: url("lib/images/bg_instagram_sp.png") no-repeat center / 100% 100%;
}
.l-instagram__container {
grid-template-columns: none;
gap: 30px 0;
}
.l-instagram__list {
grid-template-columns: repeat(3, 1fr);
gap: 12px;
}
.l-instagram__item:nth-child(n + 7) {
display: none;
}
.l-instagram__buttons {
grid-template-columns: none;
gap: 12px 0;
margin-top: 22px;
}
}
/* */
@media screen and (max-width: 767px) {
}
/* ドロワーメニュ内、下部固定ボタン（スマホ） */
.l-mobile-menu {
display: none;
}
@media screen and (max-width: 767px) {
.l-mobile-menu {
display: block;
position: fixed;
bottom: 0;
left: 0;
z-index: 30;
width: 100%;
}
.l-mobile-menu__list {
display: grid;
grid-template-columns: repeat(3, 1fr);
}
.l-mobile-menu__item--home {
background: #211c59;
}
.l-mobile-menu__item--access {
background: #ffffffb3;
}
.l-mobile-menu__item--ticket {
background: #f4a93b;
}
.l-mobile-menu__item a {
display: flex;
flex-direction: column;
justify-content: flex-end;
height: 95px;
font-size: 14px;
font-weight: 700;
text-align: center;
line-height: 1.21;
transition: opacity 0.4s;
}
.l-mobile-menu__item--home a {
padding-bottom: 18px;
color: #fff;
}
.l-mobile-menu__item--access a {
padding-bottom: 18px;
color: #192657;
}
.l-mobile-menu__item--ticket a {
padding-bottom: 16px;
color: #fff;
}
.l-mobile-menu__item a:hover {
opacity: 0.6;
}
.l-mobile-menu__item a:before {
display: block;
content: "";
}
.l-mobile-menu__item--home a:before {
width: 19px;
height: 18px;
margin: 0 auto 16px;
background: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2018.8%2018.22%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%23fff%3Bstroke-miterlimit%3A10%3Bstroke-width%3A.66px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M18.24%2C8.9c.33-.36.3-.92-.07-1.24L10.06.57c-.37-.32-.96-.32-1.32.02L.61%2C8.04c-.36.33-.38.88-.04%2C1.24l.2.21c.34.35.89.39%2C1.22.09l.61-.54v7.97c0%2C.49.4.88.88.88h3.17c.49%2C0%2C.88-.4.88-.88v-5.58h4.04v5.58c0%2C.49.34.88.83.88h3.36c.49%2C0%2C.89-.4.89-.88v-7.86s.17.15.37.33c.21.18.64.04.97-.33l.23-.25Z%22%2F%3E%3C%2Fsvg%3E")
no-repeat center / contain;
}
.l-mobile-menu__item--access a:before {
width: 17px;
height: 21px;
margin: 0 auto 16px;
background: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2017.28%2020.99%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23192657%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M8.64%2C0C3.87%2C0%2C0%2C3.87%2C0%2C8.64s6.79%2C12.34%2C8.64%2C12.34%2C8.64-7.57%2C8.64-12.34S13.41%2C0%2C8.64%2C0ZM8.64%2C12.61c-2.19%2C0-3.97-1.78-3.97-3.97s1.78-3.97%2C3.97-3.97%2C3.97%2C1.78%2C3.97%2C3.97-1.78%2C3.97-3.97%2C3.97Z%22%2F%3E%3C%2Fsvg%3E")
no-repeat center / contain;
}
.l-mobile-menu__item--ticket a:before {
width: 24px;
height: 15px;
margin: 0 auto 8px;
background: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024.27%2014.87%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M24.27%2C14.87H0v-5.82l.62.03h0c.9%2C0%2C1.63-.74%2C1.63-1.65s-.74-1.65-1.65-1.65h-.08s-.53.04-.53.04V0h24.27v5.79h-.5c-.91%2C0-1.65.74-1.65%2C1.65s.74%2C1.65%2C1.65%2C1.65h.5v5.79ZM1%2C13.87h22.27v-3.84c-1.22-.23-2.15-1.31-2.15-2.6s.93-2.36%2C2.15-2.6V1H1v3.82c1.27.19%2C2.25%2C1.29%2C2.25%2C2.62s-.98%2C2.43-2.25%2C2.62v3.82Z%22%2F%3E%3Crect%20class%3D%22cls-1%22%20x%3D%226.32%22%20y%3D%22.5%22%20width%3D%221%22%20height%3D%2213.87%22%2F%3E%3C%2Fsvg%3E")
no-repeat center / contain;
}
}
/* 下層メインビジュアル */
.l-wide-visual {
/*padding: 64px 0 70px;*/
padding-top: 62px;
background: #343b5b;
color: #fff;
}
.l-wide-visual__inner {
/*width: min(100%, calc(460px + (20px * 2)));
margin: 0 auto;
padding: 0 20px;*/
padding: 0 20px;
}
.l-wide-visual__container {
display: flex;
justify-content: center;
gap: 0 10px;
}
.l-wide-visual__container:after {
display: inline-block;
width: 245px;
height: 183px;
background: url("lib/images/bg_wide-visual.png") no-repeat center / contain;
content: "";
}
.l-wide-visual__title {
padding-top: 8px;
font-size: 49px;
font-weight: 700;
text-align: left;
line-height: 1.5;
letter-spacing: 0.08em;
}
.page-template-page-subwindow_kujirashow .l-wide-visual__title {
font-size: 43px;
}
.l-wide-visual__title:before {
display: block;
width: 39px;
height: 9px;
/*margin-bottom: 2px;*/
margin: 0 0 2px 4px;
background: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2037.45%207.36%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%239db7da%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M6.14%2C4.13c-1.64%2C1.82-3.45%2C3.2-6.14%2C3.18v-2.2C2.75%2C4.59%2C4.65%2C3.08%2C4.99.02h2.14c1.11%2C3.54%2C2.71%2C5%2C5.39%2C4.96%2C2.63-.04%2C4.19-1.52%2C5.2-4.98h2.04c.69%2C2.97%2C2.26%2C5.16%2C5.76%2C4.96%2C2.43-.14%2C3.89-1.67%2C4.83-4.94h2.01c1.2%2C3.6%2C1.88%2C4.28%2C5.1%2C5.07v2.2c-2.57.07-4.4-1.22-6.06-3.14-1.73%2C1.86-3.67%2C3.24-6.34%2C3.21-2.61-.02-4.55-1.25-6.29-3.23-1.72%2C1.97-3.71%2C3.26-6.37%2C3.23-2.61-.03-4.56-1.27-6.24-3.23Z%22%2F%3E%3C%2Fsvg%3E")
no-repeat center / contain;
content: "";
}
.l-wide-visual__title:after {
display: block;
font-size: 16px;
letter-spacing: 0;
content: attr(data-title);
}
@media screen and (max-width: 767px) {
.l-wide-visual {
padding: 36px 0 30px;
background: #343b5b url("lib/images/bg_wide-visual.png") no-repeat left calc(50% + 80px) bottom 0 / 139px 103px;
}
.l-wide-visual__container {
display: block;
}
.l-wide-visual__container:after {
content: none;
}
.l-wide-visual__title {
padding-top: 0;
font-size: 24px;
line-height: 1.2;
}
.page-template-page-subwindow_kujirashow .l-wide-visual__title {
font-size: 20px;
}
.l-wide-visual__title:before {
width: 21px;
height: 4px;
margin: 0 0 12px 2px;
}
.l-wide-visual__title:after {
transform: scale(0.9);
transform-origin: left top;
margin-top: 6px;
font-size: 10px;
}
}
/* パンくずリスト */
/*
https://zenn.dev/teppeita/articles/aeafaf25fa897b
https://takechi-web.com/flex1-meaning-usage/#toc1
https://pengi-n.co.jp/column/design/flex-property/
flex-grow: 0; // 伸長
flex-shrink: 1; // 圧縮
flex-basis: auto; // 長さ
flex: 0 1 auto;
flex: 1; = flex: 1 1 0;
flex: 2; = flex: 2 1 0;
*/
/*.l-breadcrumb__item:nth-last-child(n + 2) {
flex: 0 0 auto;
}*/
.l-breadcrumb {
padding: 28px 0;
color: #192657;
}
.l-breadcrumbs__inner {
width: min(100%, calc(1300px + (20px * 2)));
margin: 0 auto;
padding: 0 20px;
}
.l-breadcrumb__list {
display: flex;
flex-wrap: wrap;
gap: 4px 20px;
/*overflow: scroll;
white-space: nowrap;
scrollbar-width: none;*/
}
.l-breadcrumb__list::-webkit-scrollbar {
display: none;
}
.l-breadcrumb__item:last-child {
/*flex: 1;
overflow: hidden;*/
/* padding-right: 36px;*/
}
.l-breadcrumb__item span {
display: block;
font-weight: 500;
}
.l-breadcrumb__item:last-child span {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.l-breadcrumb__item:first-child span:before {
display: inline-block;
width: 18px;
height: 17px;
margin-right: 10px;
background: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016.56%2016.08%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%232795d2%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%228.28%200%200%205.92%200%2016.08%206.52%2016.08%206.52%2010.65%2010.04%2010.65%2010.04%2016.08%2016.56%2016.08%2016.56%205.92%208.28%200%22%2F%3E%3C%2Fsvg%3E")
no-repeat center / contain;
vertical-align: -1px;
content: "";
}
.l-breadcrumb__item:nth-child(n + 2) span:before {
display: inline-block;
margin-right: 14px;
color: #192657;
content: ">";
}
.l-breadcrumb__item a {
display: block;
color: #2795d2;
transition: opacity 0.4s;
}
.l-breadcrumb__item a:hover {
opacity: 0.6;
}
@media screen and (max-width: 767px) {
.l-breadcrumb {
padding: 10px 0;
}
.l-breadcrumbs__inner {
padding: 0 40px 0 20px;
}
.l-breadcrumb__list {
gap: 0 8px;
gap: 4px 8px;
}
.l-breadcrumb__item {
font-size: 13px;
}
.l-breadcrumb__item:first-child span:before {
width: 13px;
height: 12px;
}
.l-breadcrumb__item:nth-child(n + 2) span:before {
margin-right: 10px;
margin-right: 12px;
}
}
/* 施設案内 */
.p-illust {
padding-bottom: 68px;
}
.p-illust__text {
font-weight: 500;
}
.p-illust__content {
position: relative;
margin-top: 46px;
}
.p-illust__image img {
width: 100%;
}
.p-illust__item {
position: absolute;
/*width: min(100%, 158px);*/
/*width: min(158px, calc(158 / 1347 * 100vw));*/
width: 12.2%;
max-width: 158px;
}
/* イルカショープール */
.p-illust__item--dolphin-show {
/*top: min(110px, calc(110 / 1347 * 100vw));
left: min(72px, calc(72 / 1347 * 100vw));*/
/*top: 110px;
left: 72px;*/
top: 14%;
left: 5.4%;
}
/* 資料館 */
.p-illust__item--museum {
/*top: min(44px, calc(44 / 1347 * 100vw));
left: min(276px, calc(276 / 1347 * 100vw));*/
/*top: 44px;
left: 276px;*/
top: 5.6%;
left: 21.2%;
}
/* クジラショーエリア */
.p-illust__item--whale-show {
/*top: min(38px, calc(38 / 1347 * 100vw));
left: min(664px, calc(664 / 1347 * 100vw));*/
/*top: 38px;
left: 664px;*/
top: 4.8%;
right: 36.8%;
}
/* 海洋水族館(マリナリュウム) */
.p-illust__item--marine-aquarium {
/*top: min(32px, calc(32 / 1347 * 100vw));
left: min(870px, calc(870 / 1347 * 100vw));*/
/*top: 32px;
left: 870px;*/
top: 4.2%;
right: 21%;
}
/* ふれあいの浜 */
.p-illust__item--fureai {
/*top: min(288px, calc(288 / 1347 * 100vw));
left: min(1120px, calc(1120 / 1347 * 100vw));*/
/*top: 288px;
left: 1120px;*/
/*top: 37.2%;*/
top: 46.6%;
right: 1.6%;
}
/* ふれあいの海 */
.p-illust__item--sea {
/*top: min(522px, calc(522 / 1347 * 100vw));
left: min(1082px, calc(1082 / 1347 * 100vw));*/
/*top: 522px;
left: 1082px;*/
bottom: 14.6%;
right: 4.6%;
}
/* ふれあい桟橋 */
.p-illust__item--pier {
/*top: min(560px, calc(560 / 1347 * 100vw));
left: min(810px, calc(810 / 1347 * 100vw));*/
/*top: 560px;
left: 810px;*/
bottom: 10%;
right: 25.4%;
}
/* 博物館本館 */
.p-illust__item--main-museum {
/*top: min(566px, calc(566 / 1347 * 100vw));
left: min(547px, calc(547 / 1347 * 100vw));*/
/*top: 566px;
left: 547px;*/
bottom: 9%;
right: 45.8%;
}
.p-illust__item a {
display: block;
}
.p-illust-item__image {
position: relative;
overflow: hidden;
border-radius: 14px;
}
.p-illust-item__image:before,
.p-illust-item__image:after {
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
opacity: 0;
transition: opacity 0.4s;
}
.p-illust-item__image:before {
background: rgba(0, 0, 0, 0.57);
content: "";
}
.p-illust-item__image:after {
display: flex;
justify-content: center;
align-items: center;
color: #fff;
font-size: 14px;
letter-spacing: 0.04em;
content: "詳細を見る";
}
.p-illust__item a:hover .p-illust-item__image:before,
.p-illust__item a:hover .p-illust-item__image:after {
opacity: 1;
}
.p-illust-item__image img {
width: 100%;
aspect-ratio: 158 / 108;
object-fit: cover;
transition: transform 0.4s;
}
.p-illust__item a:hover .p-illust-item__image img {
transform: scale(1.05);
}
.p-illust-item__heading {
margin-top: 10px;
color: #29abe2;
font-size: min(16px, calc(16 / 1347 * 100vw));
font-weight: 700;
text-align: center;
white-space: nowrap;
line-height: 1.25;
letter-spacing: -0.04em;
}
.p-illust__cards {
display: flex;
flex-direction: column;
gap: 108px 0;
margin-top: 108px;
}
.p-illust-card__columns {
display: grid;
grid-template-columns: calc(542 / 1300 * 100%) 1fr;
/*align-items: flex-start;*/
gap: 0 26px;
}
.p-illust__card:not(.p-illust__card--meseum) .p-illust-card__columns {
margin-top: 24px;
}
.p-illust__card--meseum .p-illust-card__columns {
margin-top: 32px;
}
.p-illust-card__column:nth-child(1) {
position: relative;
}
.p-illust-card__content {
display: flex;
flex-direction: column;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.p-illust-card__text {
font-weight: 500;
line-height: 1.75;
}
.p-illust__card--meseum .p-illust-card__text {
margin-top: 24px;
}
.p-illust-card__image {
flex-grow: 1;
overflow: hidden;
border-radius: 14px;
}
.p-illust__card:not(.p-illust__card--meseum) .p-illust-card__image {
margin-top: 42px;
}
.p-illust-card__image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.p-illust-card__list {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
.p-illust-card__item {
overflow: hidden;
border-radius: 12px;
}
.p-illust-card__item img {
width: 100%;
/*height: 238px;*/
/*height: 100%;
aspect-ratio: 356 / 238;*/
object-fit: cover;
}
.p-illust__card:not(.p-illust__card--meseum) .p-illust-card__item img {
height: 238px;
}
.p-illust__card--meseum .p-illust-card__item img {
height: 318px;
}
.p-illust-card__link,
.p-illust-card__download {
margin-top: 24px;
}
.p-illust-card__link a,
.p-illust-card__download a {
display: inline-flex;
align-items: center;
gap: 0 12px;
color: #192657;
font-weight: 500;
text-decoration: underline;
transition: opacity 0.4s;
}
.p-illust-card__link a:hover,
.p-illust-card__download a:hover {
opacity: 0.6;
}
.p-illust-card__link a:before,
.p-illust-card__download a:before {
display: inline-block;
width: 20px;
height: 20px;
content: "";
}
.p-illust-card__link a:before {
background: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020.4%2020.4%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23192657%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22_%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_879%22%3E%3Cg%20id%3D%22_%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_270%22%3E%3Cg%20id%3D%22_%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_269%22%3E%3Cpath%20id%3D%22_%E3%83%91%E3%82%B9_214%22%20class%3D%22cls-1%22%20d%3D%22M19.28%2C1.11C18.57.4%2C17.6%2C0%2C16.6%2C0H3.8C1.7%2C0%2C0%2C1.7%2C0%2C3.8h0v12.8c0%2C2.1%2C1.7%2C3.8%2C3.8%2C3.8h12.8c2.1%2C0%2C3.8-1.7%2C3.8-3.8h0V3.8c0-1.01-.4-1.98-1.12-2.69ZM19.2%2C16.6c0%2C1.43-1.17%2C2.6-2.6%2C2.6H3.8c-1.43%2C0-2.6-1.17-2.6-2.6V3.8c0-1.43%2C1.17-2.6%2C2.6-2.6h12.8c1.44%2C0%2C2.6%2C1.16%2C2.6%2C2.6h0v12.8Z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20id%3D%22_%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_272%22%3E%3Cg%20id%3D%22_%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_271%22%3E%3Cpath%20id%3D%22_%E3%83%91%E3%82%B9_215%22%20class%3D%22cls-1%22%20d%3D%22M10.53%2C5.79c-.28.28-.28.74%2C0%2C1.02%2C0%2C0%2C0%2C0%2C0%2C0l2.6%2C2.6h-7.71c-.4%2C0-.72.32-.72.72s.32.72.72.72h7.71l-2.6%2C2.6c-.28.28-.28.74%2C0%2C1.02s.74.28%2C1.02%2C0h0l3.83-3.83c.28-.28.28-.74%2C0-1.02%2C0%2C0%2C0%2C0%2C0%2C0l-3.83-3.83c-.28-.28-.74-.28-1.02%2C0Z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E")
no-repeat center / contain;
}
.p-illust-card__download a:before {
background: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020.39%2020.39%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23192657%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M19.28%2C1.11C18.56.4%2C17.61%2C0%2C16.6%2C0H3.8C1.7%2C0%2C0%2C1.7%2C0%2C3.8v12.8C0%2C18.69%2C1.7%2C20.39%2C3.8%2C20.39h12.8c2.09%2C0%2C3.8-1.7%2C3.8-3.8V3.8c0-1.01-.39-1.97-1.11-2.69ZM19.2%2C16.6c0%2C1.43-1.17%2C2.6-2.6%2C2.6H3.8c-1.43%2C0-2.6-1.17-2.6-2.6V3.8c0-1.43%2C1.17-2.6%2C2.6-2.6h12.8c.7%2C0%2C1.35.27%2C1.84.76.49.49.76%2C1.15.76%2C1.84v12.8Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M13.79%2C8.66c-.23-.23-.61-.23-.84%2C0l-2.15%2C2.15v-6.37c0-.33-.27-.6-.6-.6s-.6.27-.6.6v6.37s-2.15-2.15-2.15-2.15c-.23-.23-.61-.23-.84%2C0s-.23.61%2C0%2C.84l3.17%2C3.17c.11.11.26.18.42.18s.31-.06.42-.18l3.17-3.17c.23-.23.23-.61%2C0-.84Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M15.96%2C15.36H4.44c-.33%2C0-.6.27-.6.6s.27.6.6.6h11.52c.33%2C0%2C.6-.27.6-.6s-.27-.6-.6-.6Z%22%2F%3E%3C%2Fsvg%3E")
no-repeat center / contain;
}
@media screen and (max-width: 767px) {
.p-illust {
padding-bottom: 18px;
}
.p-illust__text {
font-size: 14px;
}
.p-illust__content {
width: 100vw;
margin: 22px calc(50% - 50vw) 0;
}
.p-illust__item {
width: 15%;
width: 12%;
}
/* イルカショープール */
.p-illust__item--dolphin-show {
/*top: 11%;
left: 4.8%;*/
top: 14%;
left: 5.8%;
}
/* 資料館 */
.p-illust__item--museum {
/*top: 2.6%;
left: 20.4%;*/
top: 5.5%;
left: 21.5%;
}
/* ふれあいの浜 */
.p-illust__item--fureai {
top: 35.2%;
top: 46.2%;
}
/* ふれあいの海 */
.p-illust__item--sea {
bottom: 18.6%;
}
/* ふれあい桟橋 */
.p-illust__item--pier {
bottom: 14%;
}
/* 博物館本館 */
.p-illust__item--main-museum {
/*bottom: 12%;*/
bottom: 13%;
}
.p-illust-item__image {
border-radius: 4px;
}
.p-illust-item__image:before,
.p-illust-item__image:after {
content: none;
}
.p-illust-item__heading {
position: absolute;
top: calc(100% + 4px);
left: 50%;
transform: scale(0.4) translateX(-50%);
transform-origin: left top;
margin-top: 0;
font-size: 10px;
}
.p-illust__cards {
gap: 62px 0;
margin-top: 52px;
}
.p-illust-card__columns {
grid-template-columns: none;
gap: 10px 0;
}
.p-illust__card:not(.p-illust__card--meseum) .p-illust-card__columns {
margin-top: 20px;
}
.p-illust__card--meseum .p-illust-card__columns {
margin-top: 20px;
}
.p-illust-card__content {
position: static;
height: auto;
}
.p-illust__card--meseum .p-illust-card__text {
margin-top: 16px;
}
.p-illust-card__image {
border-radius: 8px;
}
.p-illust__card:not(.p-illust__card--meseum) .p-illust-card__image {
margin-top: 24px;
}
.p-illust-card__image img {
width: 100%;
aspect-ratio: 4 / 3;
aspect-ratio: 333 / 227;
}
.p-illust-card__list {
gap: 10px;
}
.p-illust-card__item {
border-radius: 8px;
}
.p-illust-card__item img {
aspect-ratio: 4 / 3;
aspect-ratio: 162 / 108;
}
.p-illust__card:not(.p-illust__card--meseum) .p-illust-card__item img,
.p-illust__card--meseum .p-illust-card__item img {
height: 100%;
}
.p-illust-card__link,
.p-illust-card__download {
margin-top: 14px;
}
}
/* ふれあいイベント */
.p-interactive {
padding-bottom: 48px;
}
.p-interactive__cards {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 0 30px;
}
.p-interactive__card {
border: 1px dashed #2795d2;
border-radius: 10px;
background: #fffcdb;
}
.p-interactive__card a {
display: flex;
flex-direction: column;
height: 100%;
padding: 20px 18px 34px;
}
.p-interactive-card__heading {
color: #192657;
font-size: 26px;
text-align: center;
line-height: 1.5;
letter-spacing: -0.08em;
}
.p-interactive-card__heading:before {
display: block;
width: 19px;
height: 11px;
margin: 0 auto 4px;
background: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020.91%2011.55%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%232795d2%3Bstroke-width%3A1.5px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22_%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_189%22%3E%3Cline%20id%3D%22_%E7%B7%9A_37%22%20class%3D%22cls-1%22%20x1%3D%2210.45%22%20y1%3D%2210.37%22%20x2%3D%2210.45%22%2F%3E%3Cline%20id%3D%22_%E7%B7%9A_38%22%20class%3D%22cls-1%22%20x1%3D%2217.88%22%20y1%3D%2211.38%22%20x2%3D%2220.18%22%20y2%3D%221.27%22%2F%3E%3Cline%20id%3D%22_%E7%B7%9A_39%22%20class%3D%22cls-1%22%20x1%3D%223.03%22%20y1%3D%2211.38%22%20x2%3D%22.73%22%20y2%3D%221.27%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
no-repeat center / contain;
content: "";
}
.p-interactive-card__image {
overflow: hidden;
margin-top: 20px;
border-radius: 8px;
}
.p-interactive-card__image img {
width: 100%;
height: 100%;
aspect-ratio: 265 / 168;
object-fit: cover;
transition: transform 0.4s;
}
.p-interactive__card a:hover .p-interactive-card__image img {
transform: scale(1.05);
}
.p-interactive-card__text {
margin-top: 12px;
padding-bottom: 24px;
color: #192657;
font-weight: 500;
line-height: 1.75;
}
.p-interactive-card__button {
margin-top: auto;
}
.p-interactive-card__button .c-button {
width: 100%;
border-radius: 4px;
}
.p-interactive__card a:hover .c-button {
background: #171c61;
color: #fff;
}
.p-interactive__card a:hover .c-button:before {
background: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2021.61%2019.39%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%23fff%3Bstroke-miterlimit%3A10%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpolyline%20class%3D%22cls-1%22%20points%3D%2211.56%20.35%2020.9%209.7%2011.56%2019.04%22%2F%3E%3Cline%20class%3D%22cls-1%22%20x1%3D%2220.81%22%20y1%3D%229.7%22%20y2%3D%229.7%22%2F%3E%3C%2Fsvg%3E")
no-repeat center / contain;
}
@media screen and (max-width: 767px) {
.p-interactive__cards {
grid-template-columns: none;
gap: 34px 0;
}
.p-interactive__card a {
display: block;
padding: 32px 20px 26px;
}
}
/* ふれあい満喫パック（ふれあいイベント） */
.p-enjoyment-pack {
position: relative;
margin-top: 96px;
padding: 32px 64px 0 24px;
border: 3px solid #2795d2;
border-radius: 12px;
}
.p-enjoyment-pack__inner {
position: absolute;
top: calc((-34px * 1.5) / 2);
left: 50%;
transform: translateX(-50%);
padding: 0 32px;
background: #fff;
}
.p-enjoyment-pack__inner:before,
.p-enjoyment-pack__inner:after {
position: absolute;
top: 50%;
width: 3px;
height: 60px;
background: #2795d2;
content: "";
}
.p-enjoyment-pack__inner:before {
left: -2px;
transform: translateY(-50%) rotate(-20deg);
}
.p-enjoyment-pack__inner:after {
right: -2px;
transform: translateY(-50%) rotate(20deg);
}
.p-enjoyment-pack__heading {
position: relative;
color: #192657;
font-size: 34px;
text-align: center;
line-height: 1.5;
}
.p-enjoyment-pack__heading:before {
position: absolute;
bottom: calc(100% + 4px);
left: 50%;
transform: translateX(-50%);
width: 19px;
height: 11px;
background: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020.91%2011.55%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%232795d2%3Bstroke-width%3A1.5px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22_%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_189%22%3E%3Cline%20id%3D%22_%E7%B7%9A_37%22%20class%3D%22cls-1%22%20x1%3D%2210.45%22%20y1%3D%2210.37%22%20x2%3D%2210.45%22%2F%3E%3Cline%20id%3D%22_%E7%B7%9A_38%22%20class%3D%22cls-1%22%20x1%3D%2217.88%22%20y1%3D%2211.38%22%20x2%3D%2220.18%22%20y2%3D%221.27%22%2F%3E%3Cline%20id%3D%22_%E7%B7%9A_39%22%20class%3D%22cls-1%22%20x1%3D%223.03%22%20y1%3D%2211.38%22%20x2%3D%22.73%22%20y2%3D%221.27%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
no-repeat center / contain;
content: "";
}
.p-enjoyment-pack__columns {
display: grid;
grid-template-columns: repeat(2, 1fr);
align-items: center;
}
.p-enjoyment-pack__column:nth-child(2) {
padding-left: 68px;
}
.p-enjoyment-pack__image {
}
.p-enjoyment-pack__content p span span {
/*display: inline-block;*/
padding: 4px 6px;
background: #fff794;
}
/*.p-enjoyment-pack__text {
font-size: 24px;
font-weight: 700;
line-height: 1.75;
}
.p-enjoyment-pack__text span {
display: inline-block;
padding: 0 6px;
background: #FFF794;
}
.p-enjoyment-pack__annot {
margin-top: 16px;
font-weight: 500;
line-height: 1.75;
}
.p-enjoyment-pack__button {
margin-top: 16px;
}
.p-enjoyment-pack__button a {
display: block;
padding: 18px 16px;
border-radius: 4px;
background: #171C61;
color: #fff;
font-size: 15px;
font-weight: 700;
text-align: center;
transition: opacity .4s;
}
.l-instagram__button a:hover {
opacity: .6;
}*/
@media screen and (max-width: 767px) {
.p-enjoyment-pack {
padding: 36px 24px 24px;
}
.p-enjoyment-pack__inner {
top: -32px;
padding: 0 22px;
}
.p-enjoyment-pack__heading {
white-space: nowrap;
font-size: 28px;
line-height: 1.11;
}
.p-enjoyment-pack__columns {
grid-template-columns: none;
gap: 8px 0;
align-items: normal;
}
.p-enjoyment-pack__column:nth-child(2) {
padding-left: 0;
}
.p-enjoyment-pack__content p span span {
padding: 1px 4px;
}
}
/* ドルフィンダイビング（ふれあいイベント） */
.p-dolphin-diving {
margin-top: 70px;
}
.p-dolphin-diving__container {
overflow: hidden;
width: min(100%, 770px);
margin: 0 auto;
border-radius: 12px;
}
.p-dolphin-diving__container a {
display: block;
position: relative;
}
.p-dolphin-diving__image {
overflow: hidden;
}
.p-dolphin-diving__image img {
width: 100%;
/*aspect-ratio: ;
object-fit: cover;*/
transition: transform 0.4s;
}
.p-dolphin-diving__container a:hover .p-dolphin-diving__image img {
transform: scale(1.05);
}
.p-dolphin-diving__button {
position: absolute;
bottom: 18px;
right: 18px;
}
@media screen and (max-width: 767px) {
.p-dolphin-diving {
margin-top: 36px;
}
}
/* クジラショー・イルカショー */
.p-whale-show {
padding-bottom: 24px;
}
.p-tab__buttons {
display: flex;
gap: 0 3px;
border-bottom: 3px solid #2795d2;
}
.p-tab__ac {
display: contents;
}
.p-tab__button {
display: block;
flex: 1;
padding: 19px 4px calc(19px - 3px);
padding: 21px 4px calc(21px - 3px);
background: #eaeaea;
color: #192657;
font-size: 22px;
font-size: 20px;
font-weight: 700;
text-align: center;
cursor: pointer;
}
.p-tab__button.is-active {
background: #2795d2;
color: #fff;
}
.p-tab__button--toggle {
display: none;
}
.p-tab__panels {
margin-top: 40px;
}
.p-tab__panel {
display: none;
}
.p-tab__panel.is-active {
display: block;
}
.p-tab__description {
color: #192657;
font-size: 22px;
font-weight: 700;
line-height: 1.75;
}
.p-tab__thumbnail {
overflow: hidden;
margin-top: 40px;
border-radius: 6px;
}
.p-tab__thumbnail img {
width: 100%;
aspect-ratio: 1300 / 608;
object-fit: cover;
}
.p-tab__content {
width: min(100%, 940px);
margin: 78px auto 0;
}
.p-pack__calender {
margin-top: 50px;
padding-bottom: 80px;
}
@media screen and (max-width: 767px) {
.page-template-page-subwindow_irukatouch .p-tab__buttons {
display: block;
border-bottom: none;
}
.p-tab__buttons {
position: relative;
}
.p-tab__ac {
display: none;
position: absolute;
top: 100%;
left: 0;
z-index: 5;
width: 100%;
}
.p-tab__ac.is-active {
display: block;
}
.p-tab__button {
padding: 17px 12px calc(17px - 3px);
font-size: 16px;
}
.p-tab__button--toggle {
display: block;
border-top: none !important;
}
.page-template-page-subwindow_irukatouch .p-tab__button {
position: relative;
padding: 9px 12px;
border-top: 1px solid #c1c1c1;
background: #f2f2f2;
color: #666666;
font-size: 20px;
}
.page-template-page-subwindow_irukatouch .p-tab__button.is-active {
background: #2795d2;
color: #fff;
}
.page-template-page-subwindow_irukatouch .p-tab__button:before {
position: absolute;
top: 17px;
right: 16px;
transform: rotate(45deg);
width: 12px;
height: 12px;
border-right: 1px solid #808080;
border-bottom: 1px solid #808080;
content: "";
}
.page-template-page-subwindow_irukatouch .p-tab__button.is-active:before {
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
}
.p-tab__description {
font-size: 16px;
line-height: 1.5;
}
.page-template-page-subwindow_irukatouch .p-tab__description {
font-size: 22px;
line-height: 1.41;
}
.p-tab__panels {
margin-top: 32px;
}
.p-tab__thumbnail {
margin-top: 24px;
border-radius: 4px;
}
.p-tab__thumbnail img {
aspect-ratio: 3 / 2;
}
.p-tab__content {
width: 100%;
margin-top: 36px;
}
.p-pack__calender {
margin-top: 40px;
padding-bottom: 16px;
}
}
/* ふれあい満喫パック */
.p-pack__columns {
display: grid;
grid-template-columns: 1fr 538px;
align-items: center;
gap: 0 20px;
}
.p-pack__column {
}
.p-pack__description {
color: #192657;
font-size: 24px;
font-weight: 700;
line-height: 1.75;
}
.p-tab__note {
margin-top: 24px;
}
.p-tab__note a {
color: #2795d2;
}
.p-pack__thumbnail {
}
.p-pack__table {
margin-top: 24px;
}
.p-pack__table table {
border: none;
border-bottom: 1px dashed #cbcbcb;
}
.p-pack__table table td {
padding: 16px 12px;
}
.p-pack__table table td:first-child {
width: 176px !important;
padding: 24px;
background: transparent;
font-size: 16px;
}
.p-pack__table table td:first-child span {
display: inline-block;
width: 100%;
padding: 6px;
border-radius: 9999px;
background: #2795d2;
color: #fff;
}
.p-pack__table table tr:first-child td,
.p-pack__table table tr:nth-child(n + 2) td:first-child,
.p-pack__table table tr:nth-child(n + 2) td:nth-child(n + 2) {
border-top: 1px dashed #cbcbcb;
}
.p-pack__table table tr:nth-child(2n - 1) td:nth-child(n + 2) {
background: #fff;
}
@media screen and (max-width: 767px) {
.p-pack__columns {
display: flex;
flex-direction: column-reverse;
grid-template-columns: none;
align-items: normal;
gap: 20px 0;
}
.p-pack__description {
font-size: 22px;
line-height: 1.27;
}
.p-pack__table table td {
display: block;
padding: 0 24px 12px;
}
.p-pack__table table td:first-child {
width: 100% !important;
padding: 16px 12px;
text-align: left !important;
}
.p-pack__table table td:first-child span {
position: relative;
width: 128px;
text-align: center;
}
.p-pack__table table td:first-child {
position: relative;
}
.p-pack__table table td:first-child:before {
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
width: 100%;
height: 1px;
border-bottom: 1px dashed #cbcbcb;
content: "";
}
.p-pack__table table td:nth-child(n + 2) {
font-size: 18px;
line-height: 1.39;
}
.p-pack__table table tr:nth-child(n + 2) td:first-child,
.p-pack__table table tr:first-child td,
.p-pack__table table tr:nth-child(n + 2) td:nth-child(n + 2) {
border-top: none;
}
}
/* */
@media screen and (max-width: 767px) {
}
/* */
@media screen and (max-width: 767px) {
}
/* XO Event Calendar */
.calendars.xo-months {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 64px 50px;
font-family: "Noto Sans JP", sans-serif;
}
.xo-event-calendar table {
color: #192657;
}
.xo-event-calendar table.xo-month {
border: none;
border-right: 0.75px solid #192657;
border-bottom: 0.75px solid #192657;
}
.xo-event-calendar table.xo-month .month-header > span {
padding-bottom: 8px;
font-size: 18px;
font-weight: 700;
text-align: left;
}
.xo-event-calendar table.xo-month {
margin-bottom: 0;
}
.xo-event-calendar table.xo-month button {
display: none;
}
.xo-event-calendar table.xo-month td {
border: none;
}
.xo-event-calendar table.xo-month th {
border: 0.75px solid #192657;
border-right: none;
border-bottom: none;
}
.xo-event-calendar table.xo-month > thead th {
height: 44px;
border-width: 0.75px;
background: #e5e5e5;
color: #192657;
font-size: 16px;
font-weight: 400;
vertical-align: middle;
}
.xo-event-calendar table.xo-month > thead th.sunday {
background: #ff7b85;
color: #fff;
}
.xo-event-calendar table.xo-month > thead th.saturday {
background: #b4b8bf;
color: #fff;
}
.xo-event-calendar table.xo-month .month-dayname td {
font-size: 20px;
font-weight: 700;
}
.xo-event-calendar table.xo-month .month-dayname td div {
border-left: 0.75px solid #192657;
border-top: 0.75px solid #192657;
}
.xo-event-calendar table.xo-month .month-dayname td div.today {
color: #192657;
font-weight: 400;
}
.xo-event-calendar table.xo-month .month-dayname td div {
position: relative;
padding: 10px;
text-align: center;
}
.xo-event-calendar table.xo-month .month-dayname td div:before {
position: absolute;
top: 48px;
left: 50%;
transform: translateX(-50%);
width: 22px;
height: 22px;
border: 1px solid #2795d2;
border-radius: 50%;
content: "";
}
.xo-event-calendar table.xo-month .month-dayname td div.holiday-all {
background: transparent !important;
}
.xo-event-calendar table.xo-month .month-week {
height: 86px;
}
.xo-event-calendar table.xo-month .month-dayname td div.holiday-all:before {
content: none;
}
.xo-event-calendar .holiday-titles {
display: none;
}
@media screen and (max-width: 767px) {
.calendars.xo-months {
grid-template-columns: none;
gap: 24px 0;
}
.xo-event-calendar table.xo-month .month-header > span {
padding-bottom: 4px;
font-size: 14px;
}
.xo-event-calendar table.xo-month > thead th {
height: 24px;
font-size: 11px;
}
.xo-event-calendar table.xo-month .month-week {
height: 46px;
}
.xo-event-calendar table.xo-month .month-dayname td {
font-size: 12px;
}
.xo-event-calendar table.xo-month .month-dayname td div {
padding: 6px;
}
.xo-event-calendar table.xo-month .month-dayname td div:before {
top: 26px;
width: 12px;
height: 12px;
}
}
/*===========================================
ブロックエディター
===========================================*/
/* 区切り */
.wp-block-separator {
margin-top: 40px;
border-top: 1px dashed #ababab;
}
.wp-block-separator + * {
margin-top: 40px;
}
@media screen and (max-width: 767px) {
.wp-block-separator {
margin-top: 32px;
}
.wp-block-separator + * {
margin-top: 32px;
}
}
/* 申込方法 */
.p-content-area .wp-block-flow > .wp-block-group__inner-container > .wp-block-group {
/* padding-left: 32px;*/
/* counter-reset: number;*/
}
.p-content-area .wp-block-flow > .wp-block-group__inner-container > .wp-block-group:nth-child(n + 2) {
margin-top: 48px;
}
.p-content-area .wp-block-flow > .wp-block-group__inner-container > .wp-block-group {
counter-increment: number;
}
.p-content-area .wp-block-flow .wp-block-flow__heading {
margin-bottom: 8px;
}
.p-content-area .wp-block-flow .wp-block-flow__heading:before {
content: counter(number) "．";
}
.p-content-area
.wp-block-flow
> .wp-block-group__inner-container
> .wp-block-group
> .wp-block-group__inner-container
> :not(.wp-block-flow__heading) {
padding-left: 24px;
}
.p-content-area
.wp-block-flow.wp-block-flow--wide
> .wp-block-group__inner-container
> .wp-block-group
> .wp-block-group__inner-container
> :not(.wp-block-flow__heading) {
padding-left: 32px;
}
.p-content-area .wp-block-flow > .wp-block-group__inner-container > .wp-block-group .wp-block-image {
margin-top: 32px;
}
.p-content-area .wp-block-flow > .wp-block-group__inner-container > .wp-block-group .wp-block-image + * {
margin-top: 32px;
}
.p-content-area .wp-block-flow > .wp-block-group__inner-container > .wp-block-group .wp-block-image img {
border-radius: 6px;
}
.p-content-area .wp-block-flow__list {
margin-top: 16px;
}
.p-content-area .wp-block-flow__list > .wp-block-group__inner-container {
display: grid;
gap: 12px 0;
}
.p-content-area .wp-block-flow__list > .wp-block-group__inner-container > .wp-block-columns {
gap: 1em;
margin-top: 0;
}
.p-content-area
.wp-block-flow__list
> .wp-block-group__inner-container
> .wp-block-columns
.wp-block-flow__list--label {
padding: 2px;
border-radius: 9999px;
background: #192657;
color: #fff;
font-size: 14px;
}
.p-content-area .wp-block-flow-cover {
width: min(100%, 746px);
margin: 48px auto 0;
padding: 28px 48px 48px !important;
border: 1px solid #bbbbbb;
border-radius: 17px;
background: #f9f9f9;
}
.p-content-area .wp-block-flow-cover .wp-block-flow-cover__link {
gap: 32px 40px;
margin-top: 32px;
}
.p-content-area .wp-block-flow-cover .wp-block-flow-cover__link a {
display: block;
position: relative;
padding: 10px;
border-radius: 3px;
background: #2795d2;
color: #fff;
text-decoration: none;
}
.p-content-area .wp-block-flow-cover .wp-block-flow-cover__link a:before {
position: absolute;
top: 50%;
right: 16px;
transform: translateY(-50%) rotate(45deg);
width: 9px;
height: 9px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
content: "";
}
@media screen and (max-width: 767px) {
.p-content-area
.wp-block-flow.wp-block-flow--wide
> .wp-block-group__inner-container
> .wp-block-group
> .wp-block-group__inner-container
> :not(.wp-block-flow__heading) {
padding-left: 29px;
}
.p-content-area
.wp-block-flow
> .wp-block-group__inner-container
> .wp-block-group
> .wp-block-group__inner-container
> :not(.wp-block-flow__heading) {
padding-left: 23px;
}
.p-content-area .wp-block-flow > .wp-block-group__inner-container > .wp-block-group .wp-block-image {
margin-top: 24px;
}
.p-content-area .wp-block-flow > .wp-block-group__inner-container > .wp-block-group:nth-child(n + 2) {
margin-top: 32px;
}
.p-content-area .wp-block-flow > .wp-block-group__inner-container > .wp-block-group:nth-child(n + 2) {
margin-top: 24px;
}
.p-content-area .wp-block-flow__list > .wp-block-group__inner-container > .wp-block-columns {
display: grid;
grid-template-columns: 90px 1fr;
gap: 0.5em;
}
/*.p-content-area .wp-block-flow__list > .wp-block-group__inner-container > .wp-block-columns .wp-block-flow__list--label {
width: 90px;
}*/
.p-content-area
.wp-block-flow__list
> .wp-block-group__inner-container
> .wp-block-columns
.wp-block-flow__list--label {
padding: 3px 2px;
margin-top: 2px !important;
}
.p-content-area .wp-block-flow-cover {
margin: 32px 0 0;
padding: 24px 12px 32px !important;
border-radius: 12px;
}
.p-content-area .wp-block-flow-cover .wp-block-flow-cover__link {
gap: 12px 0;
grid-template-columns: none;
margin-top: 24px;
}
}
/* 目次 */
.p-content-area .wp-block-columns.wp-block-toc {
gap: 16px;
}
.p-content-area .wp-block-columns.wp-block-toc a {
display: block;
position: relative;
padding: 19px 8px;
border-radius: 4px;
background: #2795d2;
color: #fff;
font-size: 22px;
text-decoration: none;
transition: opacity 0.4s;
}
.p-content-area .wp-block-columns.wp-block-toc a:hover {
opacity: 0.6;
}
.p-content-area .wp-block-columns.wp-block-toc a:before {
position: absolute;
top: 50%;
right: 24px;
transform: translateY(-50%) rotate(45deg);
width: 9px;
height: 9px;
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
content: "";
}
@media screen and (max-width: 767px) {
.p-content-area .wp-block-columns.wp-block-toc a {
padding: 16px 8px;
font-size: 16px;
}
}
/* */
@media screen and (max-width: 767px) {
}
/* */
@media screen and (max-width: 767px) {
}
/* 施設案内（第３下層） */
.p-floor-toc__list {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 0 50px;
padding-top: calc(50px + 32px);
padding-bottom: 64px;
}
.p-floor-toc__item a {
display: block;
position: relative;
height: 100%;
padding: 16px 16px 32px;
border: 1px solid #2795d2;
border-radius: 8px;
color: #192657;
}
.p-floor-toc-item__label {
display: flex;
justify-content: center;
align-items: center;
position: absolute;
top: -50px;
left: 50%;
z-index: 1;
transform: translateX(-50%);
width: 100px;
height: 100px;
margin: 0 auto;
border: 1px solid #2795d2;
border-radius: 50%;
background: #fff;
}
.p-floor-toc-item__label p {
color: #2795d2;
font-size: 22px;
font-weight: 700;
text-align: center;
line-height: 1.25;
}
.p-floor-toc-item__label p img {
display: block;
margin-top: 6px;
}
.p-floor-toc-item__image {
overflow: hidden;
}
.p-floor-toc-item__image img {
width: 100%;
height: 100%;
aspect-ratio: 368 / 188;
object-fit: cover;
transition: transform 0.4s;
}
.p-floor-toc__item a:hover .p-floor-toc-item__image img {
transform: scale(1.05);
}
.p-floor-toc-item__heading {
margin-top: 20px;
font-size: 22px;
font-weight: 700;
text-align: center;
line-height: 1.5;
}
.p-floor-toc-item__inner {
margin-top: 16px;
padding: 0 18px;
}
.p-floor-toc-item__text {
font-weight: 500;
line-height: 1.75;
}
.p-floor-toc-item__button {
position: absolute;
bottom: -18px;
left: 50%;
transform: translateX(-50%) rotate(90deg);
}
.p-floor__cards {
display: grid;
gap: 74px 0;
}
.p-floor__card {
padding-top: 240px;
}
.p-floor__card:nth-child(n + 2) {
border-top: 1px solid #d7d7d7;
}
.p-floor-card__columns {
display: grid;
grid-template-columns: 188px 1fr;
gap: 0 144px;
}
.p-floor-card__column:first-child {
display: flex;
flex-direction: column;
align-items: center;
}
/* １F */
body:not(.page-id-187) .p-floor-card__column:first-child {
align-self: center;
padding-bottom: 172px;
}
.p-floor-card__heading:after {
display: block;
width: 27px;
height: 5px;
margin: 24px auto 0;
background: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2037.45%207.36%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%239db7da%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M6.14%2C4.13c-1.64%2C1.82-3.45%2C3.2-6.14%2C3.18v-2.2C2.75%2C4.59%2C4.65%2C3.08%2C4.99.02h2.14c1.11%2C3.54%2C2.71%2C5%2C5.39%2C4.96%2C2.63-.04%2C4.19-1.52%2C5.2-4.98h2.04c.69%2C2.97%2C2.26%2C5.16%2C5.76%2C4.96%2C2.43-.14%2C3.89-1.67%2C4.83-4.94h2.01c1.2%2C3.6%2C1.88%2C4.28%2C5.1%2C5.07v2.2c-2.57.07-4.4-1.22-6.06-3.14-1.73%2C1.86-3.67%2C3.24-6.34%2C3.21-2.61-.02-4.55-1.25-6.29-3.23-1.72%2C1.97-3.71%2C3.26-6.37%2C3.23-2.61-.03-4.56-1.27-6.24-3.23Z%22%2F%3E%3C%2Fsvg%3E")
no-repeat center / contain;
content: "";
}
.p-floor-card__subheading {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 6px 0;
width: 150px;
height: 150px;
padding-bottom: 8px;
border: 1px solid #2795d2;
border-radius: 50%;
background: #fff;
color: #2795d2;
font-size: 23px;
}
.p-floor-card__subheading:after {
display: block;
width: 27px;
height: 5px;
margin-top: 8px;
background: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2037.45%207.36%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%239db7da%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M6.14%2C4.13c-1.64%2C1.82-3.45%2C3.2-6.14%2C3.18v-2.2C2.75%2C4.59%2C4.65%2C3.08%2C4.99.02h2.14c1.11%2C3.54%2C2.71%2C5%2C5.39%2C4.96%2C2.63-.04%2C4.19-1.52%2C5.2-4.98h2.04c.69%2C2.97%2C2.26%2C5.16%2C5.76%2C4.96%2C2.43-.14%2C3.89-1.67%2C4.83-4.94h2.01c1.2%2C3.6%2C1.88%2C4.28%2C5.1%2C5.07v2.2c-2.57.07-4.4-1.22-6.06-3.14-1.73%2C1.86-3.67%2C3.24-6.34%2C3.21-2.61-.02-4.55-1.25-6.29-3.23-1.72%2C1.97-3.71%2C3.26-6.37%2C3.23-2.61-.03-4.56-1.27-6.24-3.23Z%22%2F%3E%3C%2Fsvg%3E")
no-repeat center / contain;
content: "";
}
.p-floor-card__label {
margin-top: 32px;
border-radius: 9999px;
background: #d7d7d7;
}
.p-floor-card__label a {
-ms-writing-mode: tb-rl;
-webkit-writing-mode: vertical-rl;
writing-mode: vertical-rl;
text-orientation: upright;
display: block;
padding: 26px 14px;
color: #192657;
font-weight: 700;
line-height: 1.5;
letter-spacing: 0.12em;
transition: opacity 0.4s;
}
.p-floor-card__label a:hover {
opacity: 0.6;
}
.p-floor-card__label a:before {
display: inline-block;
width: 15px;
height: 15px;
margin-bottom: 8px;
background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3C!--!Font%20Awesome%20Free%206.7.1%20by%20%40fontawesome%20-%20https%3A%2F%2Ffontawesome.com%20License%20-%20https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree%20Copyright%202024%20Fonticons%2C%20Inc.--%3E%3Cpath%20fill%3D%22%232795d2%22%20d%3D%22M416%20208c0%2045.9-14.9%2088.3-40%20122.7L502.6%20457.4c12.5%2012.5%2012.5%2032.8%200%2045.3s-32.8%2012.5-45.3%200L330.7%20376c-34.4%2025.2-76.8%2040-122.7%2040C93.1%20416%200%20322.9%200%20208S93.1%200%20208%200S416%2093.1%20416%20208zM208%20352a144%20144%200%201%200%200-288%20144%20144%200%201%200%200%20288z%22%2F%3E%3C%2Fsvg%3E")
no-repeat center / contain;
content: "";
}
.p-floor__footer {
padding-bottom: 160px;
}
@media screen and (max-width: 1199px) {
.p-floor__card {
padding-top: 144px;
}
.p-floor-card__columns {
grid-template-columns: none;
gap: 188px 0;
}
.p-floor-card__column:first-child {
flex-direction: row;
gap: 0 40px;
}
body:not(.page-id-187) .p-floor-card__column:first-child {
justify-content: center;
padding-bottom: 0;
}
.p-floor-card__column:nth-child(2) {
/* padding: 0 144px;*/
width: 72%;
margin: 0 auto;
}
.p-floor-card__heading {
padding-top: 20px;
}
.p-floor-card__heading:after {
margin: 16px auto 0;
}
.p-floor-card__label {
margin-top: 0;
}
.p-floor-card__label a {
-ms-writing-mode: lr-tb;
-webkit-writing-mode: horizontal-tb;
writing-mode: horizontal-tb;
text-orientation: mixed;
display: flex;
align-items: center;
padding: 13px 24px;
gap: 0 16px;
font-size: 15px;
}
.p-floor-card__label a:before {
margin-bottom: 0;
}
.p-floor__footer {
padding-bottom: 64px;
}
.p-floor__footer .p-illust__cards {
margin-top: 40px;
}
}
@media screen and (max-width: 767px) {
.p-floor-toc__list {
grid-template-columns: none;
gap: 96px 0;
padding-top: 96px;
padding-bottom: 16px;
}
.p-floor-toc-item__label {
top: -45px;
width: 90px;
height: 90px;
padding-bottom: 8px;
}
.p-floor-toc-item__label p {
font-size: 18px;
}
.p-floor-toc-item__inner {
margin-top: 12px;
padding: 0;
}
.p-floor__cards {
gap: 0;
}
.p-floor__card {
padding-top: 64px;
padding-top: 40px;
}
.p-floor-card__columns {
gap: 64px 0;
}
body:not(.page-id-187) .p-floor-card__column:first-child {
padding-bottom: 16px;
}
.p-floor-card__column:nth-child(2) {
width: 76%;
}
.p-floor__footer .p-illust__cards {
margin-top: 12px;
}
.p-floor-card__subheading {
gap: 4px 0;
width: 112px;
height: 112px;
padding-bottom: 4px;
font-size: 19px;
}
.p-floor-card__subheading img {
transform: scale(0.8);
transform-origin: center top;
}
.p-floor-card__subheading:after {
width: 26px;
height: 4px;
margin-top: 2px;
}
}
/* フロアマップ（第３・４下層） */
.p-floor__buttons {
margin-top: 56px;
padding-bottom: 40px;
}
.p-floor-map {
padding-bottom: 160px;
}
.p-floor-map--1f {
/*width: min(100%, 802px);*/
padding-right: 162px;
}
.p-floor-map--2f {
/*width: min(100%, 864px);*/
padding-right: 104px;
}
.p-floor-map--3f {
/*width: min(100%, 876px);*/
padding-right: 92px;
}
.p-floor-map > a {
transition: opacity 0.4s;
}
.p-floor-map > a:hover {
opacity: 0.6;
}
.p-floor-map__body {
position: relative;
}
.p-floor-map__image img {
width: 100%;
}
.p-floor-map__item {
position: absolute;
/* width: min(100%, 158px); */
/* width: min(158px, calc(158 / 1347* 100vw)); */
width: 20%;
max-width: 158px;
}
/* １F */
.p-floor-map__item--diorama {
bottom: 100.6%;
left: 26.8%;
}
.p-floor-map__item--model {
bottom: 100.6%;
right: 19.8%;
}
.p-floor-map__item--lecture {
bottom: 47%;
right: -19.4%;
}
.p-floor-map__item--skeleton {
bottom: -22.6%;
left: 34%;
}
.p-floor-map__item--museum {
bottom: -22.6%;
left: 2.4%;
}
/* ２F */
.p-floor-map__item--evolution {
bottom: 39%;
left: 42.8%;
}
.p-floor-map__item--beard {
bottom: 77.4%;
left: 28.4%;
}
.p-floor-map__item--role01 {
bottom: 94.8%;
left: 24.6%;
}
.p-floor-map__item--role02 {
bottom: 100.8%;
left: 43.8%;
}
.p-floor-map__item--paquiketas {
bottom: 97%;
right: 18.6%;
}
.p-floor-map__item--works {
bottom: 95.4%;
right: -4.4%;
}
.p-floor-map__item--discovery {
bottom: -20.6%;
right: 33%;
}
.p-floor-map__item--ceiling {
bottom: -20.6%;
left: 13.4%;
}
.p-floor-map__item--book {
bottom: -1%;
left: -17.6%;
}
/* ３F */
.p-floor-map__item--boat {
bottom: 60.4%;
left: -17.4%;
}
.p-floor-map__item--folding {
bottom: 100.4%;
left: 22.8%;
}
.p-floor-map__item--tool {
bottom: 100.4%;
left: 48.6%;
}
.p-floor-map__item--shelf {
bottom: 100.4%;
right: 6.6%;
}
.p-floor-map__item--transition {
bottom: 36%;
right: -17.6%;
}
.p-floor-map__item--actual {
bottom: -6.4%;
right: 20.2%;
}
.p-floor-map__item--stab {
bottom: -22.2%;
left: 34.6%;
}
.p-floor-map-item__image {
position: relative;
overflow: hidden;
margin-bottom: 10px;
border-radius: 14px;
}
.p-floor-map-item__image:before,
.p-floor-map-item__image:after {
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
opacity: 0;
transition: opacity 0.4s;
}
.p-floor-map-item__image:before {
background: rgba(0, 0, 0, 0.57);
content: "";
}
.p-floor-map-item__image:after {
display: flex;
justify-content: center;
align-items: center;
color: #fff;
font-size: 14px;
letter-spacing: 0.04em;
content: "詳細を見る";
}
.p-floor-map__item a:hover .p-floor-map-item__image:before,
.p-floor-map__item a:hover .p-floor-map-item__image:after {
opacity: 1;
}
.p-floor-map-item__image img {
width: 100%;
height: 100%;
aspect-ratio: 158 / 108;
object-fit: cover;
transition: transform 0.4s;
}
.p-floor-map__item a:hover .p-floor-map-item__image img {
transform: scale(1.05);
}
.p-floor-map-item__heading {
color: #29abe2;
font-size: min(16px, calc(16 / 1347 * 100vw));
font-weight: 700;
text-align: center;
white-space: nowrap;
line-height: 1.25;
letter-spacing: -0.04em;
}
@media screen and (max-width: 1199px) {
.p-floor-map--1f {
padding-right: 0;
}
.p-floor-map--2f {
padding-right: 0;
}
.p-floor-map--3f {
padding-right: 0;
}
.p-floor-map__item {
width: 18%;
}
}
@media screen and (max-width: 767px) {
.p-floor__buttons {
margin-top: 40px;
padding-bottom: 24px;
}
.p-floor-map {
padding-bottom: 96px;
}
.p-floor-map-item__image:before,
.p-floor-map-item__image:after {
content: none;
}
/* １F */
.p-floor-map__item--diorama {
bottom: 106.4%;
}
.p-floor-map__item--model {
bottom: 106.4%;
}
.p-floor-map__item--lecture {
bottom: 53%;
right: -18%;
}
.p-floor-map__item--skeleton {
bottom: -16.6%;
left: 35%;
}
.p-floor-map__item--museum {
bottom: -16.6%;
left: 3.4%;
}
/* ２F */
.p-floor-map__item--evolution {
bottom: 43%;
}
.p-floor-map__item--beard {
bottom: 82%;
left: 29.2%;
}
.p-floor-map__item--role01 {
bottom: 99.8%;
}
.p-floor-map__item--role02 {
bottom: 105.8%;
}
.p-floor-map__item--paquiketas {
bottom: 101%;
}
.p-floor-map__item--works {
bottom: 100.4%;
}
.p-floor-map__item--discovery {
bottom: -15.6%;
}
.p-floor-map__item--ceiling {
bottom: -15.6%;
}
.p-floor-map__item--book {
bottom: 6.6%;
}
/* ３F */
.p-floor-map__item--boat {
bottom: 65.4%;
}
.p-floor-map__item--folding {
bottom: 106.6%;
}
.p-floor-map__item--tool {
bottom: 106.6%;
}
.p-floor-map__item--shelf {
bottom: 106.6%;
}
.p-floor-map__item--transition {
bottom: 41%;
}
.p-floor-map__item--actual {
bottom: -1.4%;
}
.p-floor-map__item--stab {
bottom: -17.2%;
}
.p-floor-map-item__image {
margin-bottom: 0;
border-radius: 4px;
}
.p-floor-map-item__heading {
position: absolute;
top: calc(100% + 3px);
left: 50%;
transform: scale(0.475) translateX(-50%);
transform-origin: left top;
margin-top: 0;
font-size: 10px;
}
}
/* フロアマップ（第４下層） */
body:not(.page-id-187) .p-illust-card__columns {
display: block;
}
body:not(.page-id-187) .p-illust-card__list {
/*grid-template-columns: repeat(3, 1fr);*/
display: flex;
}
body:not(.page-id-187) .p-illust-card__item {
width: 100%;
}
@media screen and (max-width: 767px) {
body:not(.page-id-187) .p-illust-card__list {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 10px;
}
}
@media screen and (max-width: 767px) {
.fancybox,
.wp-lightbox-container {
pointer-events: none;
}
}
/* FAQリストの基本スタイル */
.faq-list {
list-style: none;
margin: 0;
padding: 0 !important;
}
/* リストマーカー（::marker）を削除 */
.faq-list > li::marker {
content: none;
}
/* 質問部分（Qアイコンの追加） */
.faq-list > li:first-child {
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
font-weight: bold;
border-bottom: 1px solid #ccc;
padding: 20px 15px;
position: relative;
padding-left: 50px;
}
/* 「Q」アイコンのスタイル */
.faq-list > li:first-child::before {
content: "Q";
display: inline-block;
font-size: 0.9rem;
font-weight: bold;
color: white;
background-color: #192c49;
border-radius: 4px;
width: 20px;
height: 20px;
text-align: center;
line-height: 20px;
margin-right: 10px;
position: absolute;
left: 15px;
top: 35px;
transform: translateY(-50%);
}
/* 回答部分のデザイン */
.faq-list > li:nth-child(2) {
display: none;
padding: 10px 15px;
border-bottom: 1px solid #ddd;
background-color: #f9f9f9;
position: relative;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 80px;
}
/* 「A」アイコンのスタイル */
.faq-list > li:nth-child(2)::before {
content: "A";
display: inline-block;
font-size: 0.9rem;
font-weight: bold;
color: white;
background-color: #ffc107;
border-radius: 4px;
width: 20px;
height: 20px;
text-align: center;
line-height: 20px;
margin-right: 10px;
position: absolute;
left: 50px;
top: 35px;
transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
.faq-list > li:nth-child(2) {
padding-left: 50px;
}
.faq-list > li:nth-child(2)::before {
left: 20px;
}
}
/* 「＋」ボタン */
.faq-list > li:first-child::after {
content: "＋";
font-size: 1.2rem;
transition: transform 0.3s ease, content 0.3s ease;
}
/* 開いているときの「－」ボタン */
.faq-list > li.open::after {
content: "－";
transform: rotate(180deg);
}
/*-------------------------------------------
中国語（簡体）
-------------------------------------------*/
.p-hans-nav {
position: absolute;
bottom: 39px;
left: 0;
z-index: 1;
width: 100%;
padding: 24px 0 40px;
background: #ededed;
}
.p-hans-nav:before {
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
z-index: -1;
width: 100vw;
height: 140px;
background: url("lib/images/bg_hans.png") no-repeat center top / 100% 100%;
content: "";
}
.p-hans-nav__list {
display: flex;
justify-content: center;
align-items: center;
gap: 0 40px;
}
.p-hans-nav__list li {
font-size: 20px;
}
.p-content-area .hans_inner {
padding-left: 40px;
}
.p-content-area .hans_title {
font-size: 24px;
font-weight: 500;
line-height: 1.5;
}
.p-content-area .hans_title + * {
margin-top: 20px;
}
.p-content-area .hans-event {
margin-top: 34px;
}
.p-content-area .hans-event_text {
font-size: 18px;
font-weight: 500;
line-height: 1.75;
}
.p-content-area .hans-event_head,
.p-content-area .hans-event_foot {
padding: 6px 12px;
font-size: 18px;
font-weight: 500;
}
.p-content-area .hans-event_head {
background: #68b5e0;
color: #fff;
}
.p-content-area .hans-event_foot {
background: #e9e9e9;
color: #192657;
}
html.multi-lang .p-content-area .p-enjoyment-pack {
padding: 32px 24px 32px 68px;
}
html.multi-lang .p-content-area .p-enjoyment-pack__inner {
top: calc((-42px * 1.5) / 2);
}
html.multi-lang .p-content-area .p-enjoyment-pack .wp-block-columns {
gap: 0;
}
html.multi-lang .p-content-area .hans-pack_title {
padding-top: 32px;
font-size: 29px;
line-height: 1.34;
}
html.multi-lang .p-content-area .hans-pack_title + * {
margin-top: 16px;
}
html.multi-lang .p-content-area .hans-pack_inner {
position: relative;
}
html.multi-lang .p-content-area .hans-pack_label {
display: flex;
justify-content: center;
align-items: center;
position: absolute;
bottom: 16px;
right: 74px;
width: 102px;
height: 102px;
border-radius: 50%;
background: #f2a73b;
font-size: 22px;
line-height: 1.3;
}
html.multi-lang .p-content-area .hans-pack_head,
html.multi-lang .p-content-area .hans-pack_foot {
max-width: 490px;
}
html.multi-lang .p-content-area .hans-pack_head {
padding: 14px 24px;
background: #e9e9e9;
font-size: 18px;
line-height: 1.75;
}
html.multi-lang .p-content-area .hans-pack_foot {
display: flex;
align-items: center;
padding: 8px 30px 4px;
background: #171c61;
color: #fff;
font-family: "Yu Mincho", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "Noto Serif JP", sans-serif;
font-size: 28px;
}
html.multi-lang .p-content-area .hans-pack_foot mark {
font-size: 42px;
}
@media screen and (max-width: 999px) {
.p-hans-nav {
display: none;
}
}
@media screen and (max-width: 767px) {
.p-content-area .hans_toc {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 2px 12px;
margin-top: -160px !important;
margin-bottom: 80px;
font-size: 16px;
}
.p-content-area .hans_toc:before {
bottom: -12px;
height: 180px;
background: url(lib/images/bg_hans.png) no-repeat center top / 180% 100%;
}
.p-content-area .hans_inner {
padding-left: 0;
}
.p-content-area .hans_title {
font-size: 22px;
}
.p-content-area .hans_title + * {
margin-top: 18px;
}
.p-content-area .hans-event {
flex-direction: row;
flex-wrap: nowrap !important;
margin-top: 18px;
padding-bottom: 32px;
}
.p-content-area .hans-event_text {
font-size: 16px;
}
.p-content-area .hans-event_head,
.p-content-area .hans-event_foot {
font-size: 16px;
padding: 9px 12px;
}
.p-content-area .wp-block-columns.u-half {
gap: 16px 0;
}
html.multi-lang .p-content-area .p-enjoyment-pack {
padding: 36px 24px 24px;
font-size: 14px;
}
html.multi-lang .p-content-area .p-enjoyment-pack .wp-block-columns {
flex-direction: column-reverse;
gap: 16px 0;
}
html.multi-lang .p-content-area .hans-pack_title {
padding-top: 12px;
font-size: 16px;
}
html.multi-lang .p-content-area .hans-pack_head {
padding: 12px 16px;
font-size: 12px;
}
html.multi-lang .p-content-area .hans-pack_foot {
padding: 8px 12px 4px;
font-size: 20px;
}
html.multi-lang .p-content-area .hans-pack_foot mark {
font-size: 28px;
}
html.multi-lang .p-content-area .hans-pack_label {
bottom: auto;
top: -30px;
right: 8px;
width: 64px;
height: 64px;
font-size: 14px;
}
.p-content-area .wp-image-514 {
width: 50px !important;
vertical-align: -5px;
}
}
.no-listmark {
list-style: none;
margin: 24px 0 0 0;
padding: 0 0 0 5px !important;
}
.no-listmark > li {
padding-left: 1em; /* 全体的なインデントを確保 */
position: relative;
}
.no-listmark > li::first-letter {
margin-left: -1em; /* 1文字目を右にずらす */
}
/* リストマーカー（::marker）を削除 */
.no-listmark > li::marker {
content: none;
}
/* テーブルスタイル設定 */
.table_left_head table {
width: 100%;
border-collapse: collapse;
}
.table_left_head table td {
padding: 16px 24px;
border: 1px solid #ddd;
}
.table_left_head table td:first-child {
background-color: #7ec4e4;
color: white;
font-weight: bold;
width: 30% !important;
}
.table_left_head table tr:nth-child(odd) td:last-child {
background-color: #f7f7f7;
color: inherit;
}
.table_left_head table tr:nth-child(even) td:last-child {
background-color: #fff;
color: inherit;
}
/*-------------------------------------------
ブロックエデュター
-------------------------------------------*/
.inner_m {
width: min(100%, 990px);
margin-right: auto;
margin-left: auto;
}
.inner_s {
width: min(100%, 590px);
margin-right: auto;
margin-left: auto;
}
/* くじらの博物館とは */
.page-id-608 .inner_m {
margin-top: 64px;
padding-bottom: 24px;
}
.page-id-608 .inner_m .wp-block-image + * {
margin-top: 56px;
}
.page-id-608 p.attempt_note {
line-height: 2.5;
}
.page-id-608 .attempt h3 {
background: #ebf6fb;
font-size: 18px;
}
.page-id-608 .attempt_cards {
margin-top: 48px;
margin-bottom: 40px;
}
.page-id-608 .attempt_cards > div {
display: grid;
gap: 48px 0;
}
.page-id-608 .attempt_card {
padding: 40px 48px 48px;
border: 1px solid #c4c4c4;
border-radius: 6px;
}
.page-id-608 .attempt_card > div > :first-child {
margin-top: 0 !important;
}
.page-id-608 .attempt_card .wp-block-columns {
margin-top: 24px;
}
.page-id-608 .attempt_card h4 {
position: relative;
font-size: 20px;
}
.page-id-608 .attempt_card h4:before {
position: absolute;
top: 0;
left: -1em;
color: #2795d2;
content: "■";
}
.page-id-608 .attempt_card p {
margin-top: 12px;
}
@media screen and (max-width: 767px) {
.page-id-608 .inner_m {
margin-top: 16px;
padding-bottom: 0;
}
.page-id-608 .wp-image-611 {
width: 112px !important;
}
.page-id-608 .wp-image-612 {
width: 266px !important;
}
.page-id-608 .wp-block-spacer.u-48 {
height: 48px !important;
}
.page-id-608 .inner_m .wp-block-image + * {
margin-top: 32px;
}
.page-id-608 .attempt_cards {
margin-top: 32px;
margin-bottom: 24px;
}
.page-id-608 .attempt_cards > div {
gap: 30px 0;
}
.page-id-608 .attempt_card {
padding: 20px 24px 24px;
}
.page-id-608 .attempt_card h4 {
padding-left: 1em;
}
.page-id-608 .attempt_card h4:before {
left: 0;
}
.page-id-608 p.attempt_note {
font-size: 16px !important;
line-height: 1.75;
}
}
.has-small-font-size {
font-size: 14px !important;
}
.has-origin {
display: inline-block;
padding: 3px 46px;
}
.l-widget__select {
position: relative;
margin-top: 12px;
}
.l-widget__select:before {
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%) rotate(90deg);
width: 21px;
height: 19px;
background: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2021.61%2019.39%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%23278ecb%3Bstroke-miterlimit%3A10%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpolyline%20class%3D%22cls-1%22%20points%3D%2211.56%20.35%2020.9%209.7%2011.56%2019.04%22%2F%3E%3Cline%20class%3D%22cls-1%22%20x1%3D%2220.81%22%20y1%3D%229.7%22%20y2%3D%229.7%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
content: "";
pointer-events: none;
}
.l-widget__select select {
width: 100%;
padding: 16px calc(21px* 2) 16px 12px;
border: none;
border-bottom: 0.75px solid #acacac;
border-radius: 0;
background: #fff;
color: #192657;
font-weight: 500;
cursor: pointer;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
@media screen and (max-width: 767px) {
.l-widget__select:before {
width: 19px;
height: 17px;
}
.l-widget__select select {
padding: 12px calc(19px * 2) 12px 8px;
font-size: 15px;
}
}