@charset "UTF-8";
/*!
Theme Name: 信越明星｜公式
Theme URI: https://antway.co.jp/
Author: shogo yonetani
Author URI: https://panarea.co.jp
Description: 信越明星｜公式
*/
/*Color Management*/

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP:wght@200..900&display=swap');


:root {
  --s-font-noto: 'Noto Sans JP';
  --s-font-inter: Inter;
  --fw-5: 500;
  --fw-6: 600;
  --fw-7: 700;
  --fw-8: 800;
  --white: #fff;
  --lightgray: #f7f7f7;
  --gray: #e9e9e9;
  --white: #fff;
  --black: #000000;
  --green1: #5fa468;
  --green2: #009245;
  --green3: #ebf7ec;
  --green4: #59B75E;
  --red1: #de2323;
  --red2: #C20813;
  --yellow1: #fbb03b;
  --blue1: #71abe6;
  --color-f7: #f7f7f7;
  --color-text: #333;
  --color-key1: #c30913;
  --color-key2: #095ac3;
  --color-key3: #2d673e;
  --color-key4: #dcd1bb;
  --color-key5: #AE8534;
  --color-white: #fff;
  --color-gray: #757575;
  --color-lightgray: #ecedf0;
  --color-light: #f6eede;
  --color-black: #151515;
  --border-light-black: rgba(31,69,94,.205);
  --border-light-white: rgba(255,255,255,.1025);
  /* ラテン文字向けのフォント */
  --font-latin: 'Inter', 'Avenir Next', Verdana;
  /* 日本語向けのフォント（YakuHanJP を先頭に配置） */
/*  --font-jp: 'YakuHanJP', '游ゴシック', 'Yu Gothic', 'YuGothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka;*/
  --font-jp: "Noto Sans JP", sans-serif;
  --font-min: "Noto Serif JP", serif;
}

/*Basic Color*/
/*Couplate Color*/
/*Footer*/
/*ASIDE*/
/*!color*/
/*!レスポンシブ*/
/*mouse-follower-dev*/
.mf-cursor { color: #555555; position: fixed; top: 0; left: 0; z-index: 10001 !important; direction: ltr; contain: layout style size; pointer-events: none; transition: opacity 0.3s, color 0.4s; }
@media screen and (max-width: 768px) { .mf-cursor { display: none; } }
.mf-cursor:before { content: ""; position: absolute; top: -24px; left: -24px; display: block; width: 48px; height: 48px; transform: scale(0.2); background: currentColor; border-radius: 50%; transition: transform 0.25s ease-in-out, opacity 0.1s; }
.mf-cursor.-inverse { color: #aaaaaa; }
@supports (mix-blend-mode: exclusion) { .mf-cursor.-exclusion { mix-blend-mode: exclusion; }
  .mf-cursor.-exclusion:before { background: #aaaaaa; } }
.mf-cursor.-pointer:before { transform: scale(0.15); }
.mf-cursor.-text { white-space: nowrap; }
.mf-cursor.-text:before { opacity: 0.85; transform: scale(1.7); }
.mf-cursor.-text.-active:before { transform: scale(1.6); transition-duration: 0.2s; }
.mf-cursor.-icon:before { transform: scale(1.5); }
.mf-cursor.-icon.-active:before { transform: scale(1.4); }
.mf-cursor.-hidden:before { transform: scale(0); }
.mf-cursor-text { position: absolute; top: -18px; left: -18px; width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; transform: scale(0) rotate(10deg); opacity: 0; color: #fff; font-size: 16px; line-height: 20px; text-align: center; transition: opacity 0.4s, transform 0.3s; }
.mf-cursor.-text .mf-cursor-text, .mf-cursor.-icon .mf-cursor-text { opacity: 1; transform: scale(1); }
.mf-cursor-media { position: absolute; width: 150px !important; height: 150px !important; margin: -75px 0 0 -75px !important; }
@media screen and (max-width: 768px) { .mf-cursor-media { width: 108px !important; height: 108px !important; margin: -54px 0 0 -54px !important; } }
.mf-cursor-media img, .mf-cursor-media video { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; }
@supports (object-fit: cover) { .mf-cursor-media img, .mf-cursor-media video { position: static; width: 100%; height: 100%; object-fit: cover; transform: translateZ(0); } }
.mf-cursor-media-box { position: relative; width: 100%; height: 100%; overflow: hidden; transform: scale(0) translateZ(0); padding: 1px; opacity: 0; border-radius: 50%; transition: transform 0.35s, opacity 0.2s 0.2s; }
.mf-cursor.-media .mf-cursor-media-box { opacity: 1; transform: scale(0.696); transition-duration: 0.4s, 0.4s; transition-delay: 0s, 0s; }

html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

body {
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }

audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }

audio:not([controls]) { display: none; height: 0; }

[hidden], template { display: none; }

a { background: transparent; }

a:active, a:hover { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: 700; }

dfn { font-style: italic; }

h1 { font-size: 2em; margin: .67em 0; }

mark { background: #ff0; color: #000; }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -.5em; }

sub { bottom: -.25em; }

img { border: 0; vertical-align: bottom;}

svg:not(:root) { overflow: hidden; }

figure { margin: 1em 40px; }

hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }

pre { overflow: auto; }

code, kbd, pre, samp { font-family: monospace; font-size: 1em; }

input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }

button { overflow: visible; }

button, select { text-transform: none; }

button, html input[type="button"], input[type=reset], input[type=submit] { -webkit-appearance: button; /*cursor:pointer*/ }

button[disabled], html input[disabled] { /*cursor:default*/ }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

input { line-height: normal; }

input[type=checkbox], input[type=radio] { box-sizing: border-box; padding: 0; }

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

fieldset { border: 1px solid silver; margin: 0 2px; padding: .35em .625em .75em; }

legend { border: 0; padding: 0; }

textarea { overflow: auto; }

optgroup { font-weight: 700; }

table { border-collapse: collapse; border-spacing: 0; }

td, th { padding: 0; }

/*!//normalize.css*/
/*! locomotive-scroll v4.1.3 | MIT License | https://github.com/locomotivemtl/locomotive-scroll */
/*html.has-scroll-smooth { overflow: hidden; }

html.has-scroll-dragging { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.has-scroll-smooth body { overflow: hidden; }

.has-scroll-smooth [data-scroll-container] { min-height: 100vh; }

[data-scroll-direction=horizontal] [data-scroll-container] { display: inline-block; height: 100vh; white-space: nowrap; }

[data-scroll-direction=horizontal] [data-scroll-section] { display: inline-block; height: 100%; vertical-align: top; white-space: nowrap; }

.c-scrollbar { height: 100%; opacity: 0; position: absolute; right: 0; top: 0; transform-origin: center right; transition: transform .3s,opacity .3s; width: 11px; }

.c-scrollbar:hover { transform: scaleX(1.45); }

.c-scrollbar:hover, .has-scroll-dragging .c-scrollbar, .has-scroll-scrolling .c-scrollbar { opacity: 1; }

[data-scroll-direction=horizontal] .c-scrollbar { bottom: 0; height: 10px; top: auto; transform: scaleY(1); width: 100%; }

[data-scroll-direction=horizontal] .c-scrollbar:hover { transform: scaleY(1.3); }

.c-scrollbar_thumb { background-color: #000; border-radius: 10px; cursor: -webkit-grab; cursor: grab; margin: 2px; opacity: .5; position: absolute; right: 0; top: 0; width: 7px; }

.has-scroll-dragging .c-scrollbar_thumb { cursor: -webkit-grabbing; cursor: grabbing; }

[data-scroll-direction=horizontal] .c-scrollbar_thumb { bottom: 0; right: auto; }*/

/*!basic css*/
html { height: 100%; font-size: 1.2vw; }
@media screen and (max-width: 768px) { html { font-size: 3.5vw; } }

body { margin: 0; position: relative; margin-left: auto; margin-right: auto; width: auto; height: auto; font-family: var(--font-jp); font-weight: 400; letter-spacing: .041em; -webkit-text-size-adjust: 100%; overflow-x: hidden; overflow-y: auto; background: var(--color-white); color: var(--color-text); transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; padding-bottom: 1px; }
body::after { content: ''; position: absolute; top: 0; left: 0; z-index: 15; display: block; width: 100%; height: 100%; background: url("images/noise.png"); background-repeat: repeat; background-size: 100px; pointer-events: none; opacity: .5; }
body:not(.home) { padding-top: 4px; }

* { color: var(--color-text); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-feature-settings: "palt"; -ms-overflow-style: none; }
/**::-webkit-scrollbar { display: none; }*/

::selection { background-color: rgba(0, 0, 0, 0.15); color: #252525; }

/*html, body {
  scroll-behavior: auto !important;
}*/

/*マウスストーカー*/
.mouse { background: #ee781f; border-radius: 50%; position: fixed; z-index: 10010; pointer-events: none; transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; -o-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; -moz-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; -webkit-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; }
@media screen and (max-width: 768px) { .mouse { display: none; } }

.mouse2 { position: fixed; z-index: 100001; width: 1em; height: 1em; background: #ee781f; margin: -.5em 0 0 -.5em; border-radius: 8.2em; pointer-events: none; transition: transform 0.1s; transition-delay: .1s; opacity: 0; }
@media screen and (max-width: 768px) { .mouse2 { display: none; } }

.mouse2.active { border: none; background: #ee781f; transform: scale(2); transition-delay: .1s; }

/*!TEXT*/
p, h1, h2, h3, h4, h5 { display: block; -webkit-margin-before: 0em; -webkit-margin-after: 0em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; margin: 0; font-size: 1em; }

h1, h2, h3, h4, h5 { position: relative; z-index: 15; }

p { letter-spacing: 0; font-weight: 400; line-height: 1.8; }

.sans { font-family: 'Inter', Avenir Next,Verdana,'M PLUS 1p', 游ゴシック,Yu Gothic,YuGothic,ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,Osaka,sans-serif; }

.serif { font-family: "Hiragino Mincho ProN", "ヒラギノ明朝 Pro W3", "HGS明朝B", "ＭＳ Ｐ明朝", serif, "Meiryo", "Sawarabi Mincho", "メイリオ", "ＭＳ Ｐゴシック", sans-serif; }

i { font-style: normal; }

.emphasis { background: linear-gradient(#ff1d9157, #ff1d9157) no-repeat; background-size: 100%; background-position: 0; }

.posCenter { position: absolute; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0); }

img { max-width: 100%; height: auto; }

img.objf { width: 100%; height: 100%; object-fit: cover; font-family: 'object-fit: cover;'; }

video.objf { width: 100%; height: 100%; object-fit: cover; font-family: 'object-fit: cover;'; }

iframe.objf { width: 100%; height: 100%; object-fit: cover; font-family: 'object-fit: cover;'; }

/*!LINK*/
a { text-decoration: none; }
a.not { cursor: not-allowed; }
a.arrow { display: flex; align-items: center; }
a.arrow > ._arrow { position: relative; z-index: 15; display: flex; align-items: center; justify-content: space-between; width: 3.28em; height: 3.28em; margin-left: 18px; border-radius: 3.28em; overflow: hidden; }
a.arrow > ._arrow::before { content: ''; position: absolute; top: 0; left: 0; right: 0; z-index: -1; display: block; width: 100%; height: 100%; background: #ee781f; }
a.arrow > ._arrow img { width: 1em; height: 1em; }
a.positionLink { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

p.btn { position: relative; z-index: 15; display: block; }
p.btn._liner { display: table; margin: 0 auto; line-height: 3; }
p.btn._liner::before { content: ''; display: block; width: 0; height: 1px; background: #150606; position: absolute; bottom: 0; left: 0; transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; }
p.btn._liner::after { content: ''; display: block; width: 100%; height: 1px; background: #150606; position: absolute; bottom: 0; right: 0; transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: .246s; }
p.btn._liner:hover::before { width: 100%; transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: .246s; }
p.btn._liner:hover::after { width: 0; transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; }

.noallow { cursor: not-allowed !important; pointer-events: !important; }

/*!ul/dl*/
ul, dl { -webkit-margin-before: 0; -webkit-margin-after: 0; -webkit-margin-start: 0; -webkit-margin-end: 0; -webkit-padding-start: 0; -moz-margin-before: 0; -moz-margin-after: 0; -moz-margin-start: 0; -moz-margin-end: 0; -moz-padding-start: 0; -ms-margin-before: 0; -ms-margin-after: 0; -ms-margin-start: 0; -ms-margin-end: 0; -ms-padding-start: 0; -o-margin-before: 0; -o-margin-after: 0; -o-margin-start: 0; -o-margin-end: 0; -o-padding-start: 0; margin-before: 0; margin-after: 0; margin-start: 0; margin-end: 0; padding-start: 0; -webkit-padding-left: 0; -moz-padding-left: 0; -ms-padding-left: 0; -o-padding-left: 0; padding-left: 0; margin-top: 0; margin-bottom: 0; }

ul li { list-style-type: none; }

dl dd { margin-left: 0; }

.clear::after { content: ''; display: block; clear: both; }

/*!ASPECT*/
.aspect { width: 100%; height: auto; position: relative; overflow: hidden; }
.aspect.aspect35 { padding-top: 35%; }
.aspect.aspect41 { padding-top: 41.4%; }
.aspect.aspect50 { padding-top: 50%; }
.aspect.aspect56 { padding-top: 56.25%; }
.aspect.aspect61 { padding-top: 61.8%; }
.aspect.aspect75 { padding-top: 75%; }
.aspect.aspect100 { padding-top: 100%; }
.aspect.aspect120 { padding-top: 120%; }
.aspect.aspect141 { padding-top: 141.4%; }
.aspect.aspect178 { padding-top: 178%; }
.aspect.aspect200 { padding-top: 200%; }
.aspect.aspect282 { padding-top: 282.8%; }
.aspect .aspectBlock { position: absolute; top: 0; width: 100%; height: 100%; }
.aspect .aspectBlock .aspectInner { height: calc(100% + 10rem); transform: translateY(-5rem); }
.aspect .aspectBlock img { width: 100%; height: auto; }
.aspect .aspectBlock img.objf { width: 100%; height: 100%; object-fit: cover; font-family: 'object-fit: cover;'; }
.aspect .aspectBlock blockquote { width: 100% !important; height: 100% !important; }
.aspect .aspectBlock blockquote iframe { width: 100% !important; height: 100% !important; }
.aspect .aspectBlock iframe { width: 100%; height: 100%; }
.aspect .aspectBlock video { width: 100%; height: auto; }

.showImg { transform: scale(1.23); transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-duration: .82s; }
.showImg:hover { transform: scale(1.1); transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; }

/*!fugure*/
figure { margin: 0; }
figure figurecaption { font-size: .85em; margin-top: .41em; display: block; }

/*!shadow*/
.sdw { box-shadfigureow: 0 1rem 3rem rgba(0, 0, 0, 0.05); }

.shadow { box-shadow: 0 2.5rem 2rem -2rem #193b4d66; }

/*!Resposive*/
.hidden-xs { display: block !important; }
@media screen and (max-width: 768px) { .hidden-xs { display: none !important; } }

.visible-xs { display: none !important; }
@media screen and (max-width: 768px) { .visible-xs { display: block !important; } }

/*!.sticky*/
.sticky { position: -webkit-sticky; position: sticky; top: 0; z-index: 8999; }

/*!page loading*/
#main { position: fixed; top: 0; left: 0; right: 0; z-index: 999999; width: 100%; height: 100vh; height: calc(var(--vh, 1vh) * 100); background: #ee781f; display: flex; justify-content: center; align-items: center; flex-direction: column; transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; }
#main::after { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; z-index: 1; }
#main .img { overflow: hidden; height: 2.05em; }
#main .img img { width: auto; height: 2.05em; transform: translateY(2.05em); }
@media screen and (max-width: 768px) { #main .img img { height: 2.05em; } }
#main .img img.gone { transform: translateY(0); transition: cubic-bezier(0.43, 0.05, 0.17, 1) 0.82s 0.82s; -o-transition: cubic-bezier(0.43, 0.05, 0.17, 1) 0.82s 0.82s; -moz-transition: cubic-bezier(0.43, 0.05, 0.17, 1) 0.82s 0.82s; -webkit-transition: cubic-bezier(0.43, 0.05, 0.17, 1) 0.82s 0.82s; }
#main .tagline p { font-size: 1.46em; font-weight: 600; color: var(--color-white); }
#main .tagline p strong { color: #ee781f; }
#main .tagline img { width: auto; height: 2.87em; }
@media screen and (max-width: 768px) { #main .tagline img { display: block; margin: 0 auto; width: 70%; height: auto; } }

@keyframes headingAnimation { 0% { background-position: 0 0; }
  100% { background-position: -200% -200%; } }
/*ロード終了*/
[data-loading="true"] #main.hide { top: -100%; 		/* opacity: 0; visibility: hidden;
		*/ pointer-events: none; transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; }

/*ページ遷移時*/
#remover { position: fixed; top: 100%; left: 0; right: 0; z-index: 999999; width: 100%; height: 100vh; height: calc(var(--vh, 1vh) * 100); background: #ee781f; display: flex; justify-content: center; align-items: center; flex-direction: column; transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; }
#remover::after { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; z-index: 1; }
#remover.remove { top: 0; transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; }

/*!.inview*/
.inview { opacity: 0; }
.inview.action { opacity: 1; transition: all cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.615s; -o-transition: all cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.615s; -moz-transition: all cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.615s; -webkit-transition: all cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.615s; }
.inview.action[data-delay="1"] { transition-delay: 0.05s; }
.inview.action[data-delay="2"] { transition-delay: 0.1s; }
.inview.action[data-delay="3"] { transition-delay: 0.15s; }
.inview.action[data-delay="4"] { transition-delay: 0.2s; }
.inview.action[data-delay="5"] { transition-delay: 0.25s; }
.inview.action[data-delay="6"] { transition-delay: 0.3s; }
.inview.action[data-delay="7"] { transition-delay: 0.35s; }
.inview.action[data-delay="8"] { transition-delay: 0.4s; }
.inview.action[data-delay="9"] { transition-delay: 0.45s; }
.inview.action[data-delay="10"] { transition-delay: 0.5s; }

.animated { transform: translateY(24.6px); }
.animated.move { transform: translateY(0); transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: .205s; }

.animate { transform: translateY(-2rem); }
.animate.move { transform: translateY(0); transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; -o-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; -moz-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; -webkit-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; }

.blur { filter: blur(10px); transform: translate3d(0, 0, 0) perspective(0); backface-visibility: hidden; will-change: contents; }
.blur.action { filter: blur(0); transition: ease .5s; }

.animeBox { width: 100%; height: 100%; position: relative; z-index: 15; overflow: hidden; }
.animeBox::after { content: ''; display: block; position: absolute; top: 0; left: 0; z-index: 100; width: 0; height: 100%; background: #ee781f; }
.animeBox img { opacity: 0; }
.animeBox.gone::after { animation: animeCover 1.25s forwards; animation-delay: .5s; }
.animeBox.gone img { animation: animeImg 1.25s forwards; animation-delay: .5s; }

@keyframes animeCover { 0% { width: 0; left: 0; }
  50% { width: 100%; left: 0; }
  51% { width: 100%; left: initial; right: 0; }
  100% { width: 0; left: initial; right: 0; } }
@keyframes animeImg { 0% { opacity: 0; }
  50% { opacity: 0; }
  51% { opacity: 1; }
  100% { opacity: 1; } }
/*ベンダープレフィックス登録*/
.animation { animation: humbNav 1.5s linear 0s infinite; -o-animation: humbNav 1.5s linear 0s infinite; -moz-animation: humbNav 1.5s linear 0s infinite; -webkit-animation: humbNav 1.5s linear 0s infinite; }

@keyframes humbNav { 0% { width: 30%; }
  50% { width: 15%; }
  100% { width: 30%; } }
@-webkit-keyframes humbNav { 0% { width: 30%; }
  50% { width: 15%; }
  100% { width: 30%; } }
@-o-keyframes humbNav { 0% { width: 30%; }
  50% { width: 15%; }
  100% { width: 30%; } }
.anime_fade { display: flex; }

.anime_fade:hover span { animation: anime_fade 1s linear 0s 1; -o-animation: anime_fade 1s linear 0s 1; -moz-animation: anime_fade 1s linear 0s 1; -webkit-animation: anime_fade 1s linear 0s 1; }

@keyframes anime_fade { 0% { opacity: 1; }
  5% { opacity: 0; }
  50% { opacity: 1; }
  100% { opacity: 1; } }
@-webkit-keyframes anime_fade { 0% { opacity: 1; }
  5% { opacity: 0; }
  50% { opacity: 1; }
  100% { opacity: 1; } }
@-o-keyframes anime_fade { 0% { opacity: 1; }
  5% { opacity: 0; }
  50% { opacity: 1; }
  100% { opacity: 1; } }
.transition { transition: ease 0.3s; transition: -o-ease 0.3s; transition: -moz-ease 0.3s; transition: -webkit-ease 0.3s; }

/*!input*/
select { outline: none; text-indent: 0.01px; text-overflow: ''; background: #f8f8f8; vertical-align: middle; font-size: inherit; color: inherit; -webkit-appearance: button; -moz-appearance: button; appearance: button; border: none; width: 100%; height: 60px; font-size: 1.5rem; }
select option { background-color: #fff; color: #333; }

/*!------------------------------------
css_assets(パーツ)
-------------------------------------*/
/*!button*/
.humbBtn { position: relative; z-index: 15; width: 3.28em; height: 3.28em; border-radius: 4.1em; transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; }
@media screen and (max-width: 768px) { .humbBtn { display: block; } }
.humbBtn::before { content: ''; position: absolute; top: 0; left: 0; right: 0; display: block; width: 100%; height: 100%; border-radius: 50%; background: var(--color-white); transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; -o-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; -moz-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; -webkit-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; }
.humbBtn span.dots { display: block; width: 4px; height: 4px; border-radius: 4px; background: #231814; position: absolute; transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; }
.humbBtn span.dots:nth-child(1) { top: calc(50% - 8px); left: calc(50% - 8px); transform: translate(-50%, -50%); }
.humbBtn span.dots:nth-child(2) { top: calc(50% - 8px); left: 50%; transform: translate(-50%, -50%); }
.humbBtn span.dots:nth-child(3) { top: calc(50% - 8px); left: calc(50% + 8px); transform: translate(-50%, -50%); }
.humbBtn span.dots:nth-child(4) { top: 50%; left: calc(50% - 8px); transform: translate(-50%, -50%); }
.humbBtn span.dots:nth-child(5) { top: 50%; left: 50%; transform: translate(-50%, -50%); }
.humbBtn span.dots:nth-child(6) { top: 50%; left: calc(50% + 8px); transform: translate(-50%, -50%); }
.humbBtn span.dots:nth-child(7) { top: calc(50% + 8px); left: calc(50% - 8px); transform: translate(-50%, -50%); }
.humbBtn span.dots:nth-child(8) { top: calc(50% + 8px); left: 50%; transform: translate(-50%, -50%); }
.humbBtn span.dots:nth-child(9) { top: calc(50% + 8px); left: calc(50% + 8px); transform: translate(-50%, -50%); }
.humbBtn span.border { display: block; width: 30%; height: 1px; border-radius: 2px; background: #231814; position: absolute; transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; }
.humbBtn span.border:nth-child(1) { top: 40%; left: 55%; transform: translate(-50%, -50%); }
.humbBtn span.border:nth-child(2) { top: 50%; left: 45%; transform: translate(-50%, -50%); }
.humbBtn span.border:nth-child(3) { top: 60%; left: 50%; transform: translate(-50%, -50%); }
.humbBtn span.borders { display: block; width: 30%; height: 1px; border-radius: 2px; background: #231814; position: absolute; transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; }
.humbBtn span.borders:nth-child(1) { top: 37.5%; left: 50%; transform: translate(-50%, -50%); }
.humbBtn span.borders:nth-child(2) { top: 50%; left: 50%; transform: translate(-50%, -50%); }
.humbBtn span.borders:nth-child(3) { top: 62.5%; left: 50%; transform: translate(-50%, -50%); }
.humbBtn span.txt { position: absolute; bottom: 0; width: 100%; text-align: center; font-size: .7em; color: var(--color-white); letter-spacing: 3px; }
.humbBtn:hover { transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; }
.humbBtn:hover::before { border-radius: 6px; transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; -o-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; -moz-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; -webkit-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; }
.humbBtn:hover span.dots { background: #231814; transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; }
.humbBtn:hover span.dots:nth-child(1) { top: calc(50% - 6px); left: calc(50% - 6px); }
.humbBtn:hover span.dots:nth-child(2) { top: calc(50% - 6px); left: 50%; }
.humbBtn:hover span.dots:nth-child(3) { top: calc(50% - 6px); left: calc(50% + 6px); }
.humbBtn:hover span.dots:nth-child(4) { top: 50%; left: calc(50% - 6px); }
.humbBtn:hover span.dots:nth-child(5) { top: 50%; left: 50%; }
.humbBtn:hover span.dots:nth-child(6) { top: 50%; left: calc(50% + 6px); }
.humbBtn:hover span.dots:nth-child(7) { top: calc(50% + 6px); left: calc(50% - 6px); }
.humbBtn:hover span.dots:nth-child(8) { top: calc(50% + 6px); left: 50%; }
.humbBtn:hover span.dots:nth-child(9) { top: calc(50% + 6px); left: calc(50% + 6px); }
.humbBtn:hover span.borders { transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; }
.humbBtn:hover span.borders:nth-child(1) { top: 50%; }
.humbBtn:hover span.borders:nth-child(3) { top: 50%; }
.humbBtn.active { transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; }
.humbBtn.active::before { transform: scale(1); pointer-events: none; opacity: 0; transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; -o-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; -moz-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; -webkit-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; }
.humbBtn.active span.dots { background: #f5f5f5; transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; }
.humbBtn.active span.dots:nth-child(1) { top: 50%; left: calc(50% - 5px); }
.humbBtn.active span.dots:nth-child(2) { top: 50%; left: 50%; }
.humbBtn.active span.dots:nth-child(3) { top: 50%; left: calc(50% + 5px); }
.humbBtn.active span.dots:nth-child(4) { top: 50%; left: calc(50% - 5px); }
.humbBtn.active span.dots:nth-child(5) { top: 50%; left: 50%; }
.humbBtn.active span.dots:nth-child(6) { top: 50%; left: calc(50% + 5px); }
.humbBtn.active span.dots:nth-child(7) { top: 50%; left: calc(50% - 5px); }
.humbBtn.active span.dots:nth-child(8) { top: 50%; left: 50%; }
.humbBtn.active span.dots:nth-child(9) { top: 50%; left: calc(50% + 5px); }
.humbBtn.active span.border { background: #999 !important; transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; }
.humbBtn.active span.border:nth-child(1) { top: 50%; }
.humbBtn.active span.border:nth-child(3) { top: 50%; }
.humbBtn.active span.borders { background: var(--color-white) !important; transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; }
.humbBtn.active span.borders:nth-child(1) { top: 50%; transform: translate(-50%, -50%) rotate(45deg); }
.humbBtn.active span.borders:nth-child(2) { opacity: 0; }
.humbBtn.active span.borders:nth-child(3) { top: 50%; transform: translate(-50%, -50%) rotate(-45deg); }
.humbBtn.active span.txt { color: var(--color-white) !important; }
.humbBtn.scroll span { transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; }

form.search-form { border: solid 1px var(--border-light-black); background: #f7f7f7; border-radius: calc(8.5em / 32); overflow: hidden; }
form.search-form input { background: none; border: 0; outline: 0; }
form.search-form input[type="search"] { padding: calc(8.5em / 16) calc(8.5em / 32 * 3); }
form.search-form input[type="submit"] { padding: calc(8.5em / 16) calc(8.5em / 8); background-color: royalblue; border-radius: calc(8.5em / 32); color: var(--color-white); }

/*!------------------------------------
css_sections(ブロック)
-------------------------------------*/
/*!#siteHeader------------------------------------------------------------------------------------------------*/
/*公式*/
#siteHead { position: fixed; top: 0; left: 0; z-index: 8000; width: 100%; background: var(--white); transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; }
#siteHead .wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  width: calc(100% / 16 * 15);
  min-height: 99px;
  height: 99px;
  margin: 0 auto;
  transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s;
   -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s;
   -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s;
   -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s;
 }
@media screen and (max-width: 768px) {
  #siteHead .wrapper {
    width: calc(100% / 32 * 31);
    min-height: 56px;
    height: 56px;
    padding-left: calc(100% / 32 * 1);
  }
}
#siteHead .wrapper > ._head { display: flex; }
#siteHead .wrapper > ._head a h1 { display: flex; align-items: center; column-gap: calc(8.5em / 8); font-weight: normal; line-height: 1.23; }
@media screen and (max-width: 768px) { #siteHead .wrapper > ._head a h1 { column-gap: 0; } }
#siteHead .wrapper > ._head a h1 img {
  display: block;
  width: auto;
  height: calc(7.5em / 32 * 11);
  line-height: 1.23;
  transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s;
  -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s;
  -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s;
  -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s;
}
@media screen and (max-width: 768px) {
  #siteHead .wrapper > ._head a h1 img {
    height: auto;
    min-width: 130px;
    width: 130px;
  }
}
#siteHead .wrapper > ._head a h1 span { display: flex; padding: calc(8.5em / 16) calc(8.5em / 8); background: var(--border-light-black); border-radius: calc(8.5em / 32); color: var(--color-black); font-size: .85em; letter-spacing: .041em; line-height: 1; }
@media screen and (max-width: 768px) { #siteHead .wrapper > ._head a h1 span { font-size: .7em; } }
#siteHead .wrapper > ._head a h1 span i { color: var(--color-black); }
#siteHead .wrapper > ._body { flex: 1; display: flex; justify-content: flex-end; margin-top: 20px;}
#siteHead .wrapper > ._body > div { display: flex; flex-direction: column; gap: calc(8.5em / 8); }
#siteHead .wrapper > ._body nav > ul { display: flex; align-items: center; column-gap: calc(8.5em / 32); overflow: hidden; }
@media screen and (max-width: 768px) { #siteHead .wrapper > ._body nav > ul > li { display: none; } }
#siteHead .wrapper > ._body nav > ul > li > div, #siteHead .wrapper > ._body nav > ul > li > a { display: flex; align-items: center; min-height: 2.46em; padding: calc(8.5em / 64 * 4) calc(8.5em / 64 * 10); border-radius: calc(8.5em / 32); overflow: hidden; }
#siteHead .wrapper > ._body nav > ul > li a { display: flex; flex-direction: column; align-items: center; gap: calc(8.5em / 32); transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; }
#siteHead .wrapper > ._body nav > ul > li a .icon { display: flex; align-items: center; justify-content: center; width: calc(8.5em / 32 * 7); height: calc(8.5em / 32 * 7); background: var(--border-light-white); border-radius: calc(8.5em / 64); overflow: hidden; }
#siteHead .wrapper > ._body nav > ul > li a .icon img { transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; }
#siteHead .wrapper > ._body nav > ul > li a .text { display: flex; align-items: center; flex-direction: column; }
#siteHead .wrapper > ._body nav > ul > li a .text > * { transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; }
#siteHead .wrapper > ._body nav > ul > li a .text > .jp {
  font-size: clamp(12px,1.4vw,16px);
  font-weight: 600;
}
#siteHead .wrapper > ._body nav > ul > li a .text > .sub {
  font-size: 10px;
  color: var(--green1);
}
@media screen and (min-width: 769px) {
  #siteHead .wrapper > ._body nav > ul > li a:hover .text > *,
  #siteHead .wrapper > ._body nav > ul > li a.current {
    color: var(--red2);
  }
}
#siteHead .wrapper > ._body nav > ul > li a.current .icon img { filter: brightness(0) invert(1); transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; }
#siteHead .wrapper > ._body nav > ul > li a.current .text > * {
  color: var(--red2);
}
#siteHead .wrapper > ._body nav > ul > li[data-type="button"] { transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; }
#siteHead .wrapper > ._body nav > ul > li[data-type="button"][data-action="navigation"] { display: none; }
@media screen and (max-width: 768px) { #siteHead .wrapper > ._body nav > ul > li[data-type="button"][data-action="navigation"] { display: block; } }
#siteHead .wrapper > ._body nav > ul > li[data-type="button"][data-action="navigation"] > div {
  width: 30px;
  height: 30px;
  background: var(--color-white);
  position: fixed;
  top: 16px;
  right: 5px;
}
#siteHead .wrapper > ._body nav > ul > li[data-type="button"] a { display: flex; align-items: center; background: var(--color-white); }
@media screen and (max-width: 768px) { #siteHead .wrapper > ._body nav > ul > li[data-type="button"] a { justify-content: center; } }
#siteHead .wrapper > ._body nav > ul > li[data-type="button"] a span { padding: 0 calc(8.5em / 32 * 3); }
#siteHead .wrapper > ._body nav > ul.inview > li { opacity: 0; }
#siteHead .wrapper > ._body nav > ul.action > li { opacity: 1; }
#siteHead .wrapper > ._body nav > ul.action > li:nth-child(0) { transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((0 * 0.1435s) + 0.615s); }
#siteHead .wrapper > ._body nav > ul.action > li:nth-child(1) { transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((1 * 0.1435s) + 0.615s); }
#siteHead .wrapper > ._body nav > ul.action > li:nth-child(2) { transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((2 * 0.1435s) + 0.615s); }
#siteHead .wrapper > ._body nav > ul.action > li:nth-child(3) { transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((3 * 0.1435s) + 0.615s); }
#siteHead .wrapper > ._body nav > ul.action > li:nth-child(4) { transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((4 * 0.1435s) + 0.615s); }
#siteHead .wrapper > ._body nav > ul.action > li:nth-child(5) { transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((5 * 0.1435s) + 0.615s); }
#siteHead .wrapper > ._body nav > ul.action > li:nth-child(6) { transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((6 * 0.1435s) + 0.615s); }
#siteHead .wrapper > ._body nav > ul.action > li:nth-child(7) { transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((7 * 0.1435s) + 0.615s); }
#siteHead .wrapper > ._body nav > ul.action > li:nth-child(8) { transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((8 * 0.1435s) + 0.615s); }
#siteHead .wrapper > ._body nav > ul.action > li:nth-child(9) { transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((9 * 0.1435s) + 0.615s); }
#siteHead .wrapper > ._body nav > ul.action > li:nth-child(10) { transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((10 * 0.1435s) + 0.615s); }
#siteHead .wrapper > ._body nav > ul.action > li:nth-child(11) { transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((11 * 0.1435s) + 0.615s); }
#siteHead .wrapper > ._body nav > ul.action > li:nth-child(12) { transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((12 * 0.1435s) + 0.615s); }
#siteHead .wrapper > ._body nav > ul.action > li:nth-child(13) { transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((13 * 0.1435s) + 0.615s); }
#siteHead .wrapper > ._body nav > ul.action > li:nth-child(14) { transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((14 * 0.1435s) + 0.615s); }
#siteHead .wrapper > ._body nav > ul.action > li:nth-child(15) { transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((15 * 0.1435s) + 0.615s); }
#siteHead .wrapper > ._body nav > ul.action > li:nth-child(16) { transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((16 * 0.1435s) + 0.615s); }
#siteHead .wrapper > ._body nav > ul.action > li:nth-child(17) { transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((17 * 0.1435s) + 0.615s); }
#siteHead .wrapper > ._body nav > ul.action > li:nth-child(18) { transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((18 * 0.1435s) + 0.615s); }
#siteHead .wrapper > ._body nav > ul.action > li:nth-child(19) { transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((19 * 0.1435s) + 0.615s); }
#siteHead .wrapper > ._body nav > ul.action > li:nth-child(20) { transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((20 * 0.1435s) + 0.615s); }
#siteHead ._menu { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
#siteHead ._menu p.humbNav { display: flex; align-items: center; column-gap: calc(85px / 6); text-transform: uppercase; font-size: .9em; }
#siteHead ._menu p.humbNav > span { order: 1; position: relative; display: flex; align-content: space-between; flex-wrap: wrap; width: 1.435em; height: .8em; margin: 0 auto; }
#siteHead ._menu p.humbNav > span > i { display: block; width: 1.435em; height: 1px; background: var(--color-text); border-radius: 1px; transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; }
#siteHead ._menu p.humbNav.active > span { align-content: center; }
#siteHead ._menu p.humbNav.active > span > i { width: 1.435em !important; transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; }
#siteHead ._menu p.humbNav.active > span > i:first-child {
  transform: rotate(45deg) translateY(0.5px);
}
#siteHead ._menu p.humbNav.active > span > i:nth-child(2) {
  opacity: 0;
}
#siteHead ._menu p.humbNav.active > span > i:last-child {
  transform: rotate(-45deg) translateY(-0.5px);
}
#siteHead:hover::before { height: 100%; transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; -o-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; -moz-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; -webkit-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; }
#siteHead.move { opacity: 0; pointer-events: none; transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; }

body.scroll { box-shadow: rgba(0, 0, 0, 0.1) 0 9px 25px -6px; }

/*!#aside*/
aside#aside { position: fixed; top: 0; left: 0; right: 0; z-index: 7999; display: none; height: 100vh; height: calc(var(--vh, 1vh) * 100); overflow: scroll; backdrop-filter: blur(10px); }
@media screen and (max-width: 768px) {
  aside#aside {
    padding-bottom: 4.1em;
    background: #fff;
  }
}
aside#aside .navigation_wrapper { display: flex; align-items: flex-end; flex-direction: column; width: calc(100% / 16* 15); margin: 0 auto; height: 100%; margin: 0 auto; padding-top: calc(8.5em / 8 * 5); overflow: scroll; }
@media screen and (max-width: 768px) { aside#aside .navigation_wrapper { padding-bottom: calc(8.5em / 12 * 1); } }
aside#aside .navigation_wrapper .navigation_body { position: relative; z-index: 15; min-width: calc(8.5em / 8 * 21); max-width: 100%; padding: calc(8.5em / 16 * 3); border: solid 1px var(--border-light-black); border-radius: calc(8.5em / 16 * 1); overflow: hidden; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
@media screen and (max-width: 768px) { aside#aside .navigation_wrapper .navigation_body { min-width: 100%; } }
aside#aside .navigation_wrapper .navigation_body::before { content: ''; position: absolute; top: 0; left: 0; z-index: -1; display: block; width: 100%; height: 100%; background: url(images/noise.png), linear-gradient(to bottom, var(--green1), var(--green2)); opacity: .95; pointer-events: none; }
aside#aside .navigation_wrapper ul.list { border-top: solid 1px var(--border-light-black); }
aside#aside .navigation_wrapper ul.list * { color: var(--color-white); }
aside#aside .navigation_wrapper ul.list > li { border-bottom: solid 1px var(--border-light-black); }
aside#aside .navigation_wrapper ul.list > li:hover dl > dt::before { background: var(--color-white); transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; }
aside#aside .navigation_wrapper ul.list > li.current dl > dt::before { background: var(--color-white) !important; transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; }
aside#aside .navigation_wrapper ul.list > li dl { display: flex; align-items: center; gap: 0 calc(8.5em / 3); }
@media screen and (max-width: 768px) { aside#aside .navigation_wrapper ul.list > li dl { flex-direction: column; align-items: flex-start; } }
aside#aside .navigation_wrapper ul.list > li dl > dt { display: flex; align-items: center; column-gap: calc(8.5em / 12); }
aside#aside .navigation_wrapper ul.list > li dl > dt::before { content: ''; display: block; width: .9em; min-width: .9em; height: .9em; border-radius: calc(8.5em / 48); background: rgba(255, 255, 255, 0.328); transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; }
aside#aside .navigation_wrapper ul.list > li dl > dt a, aside#aside .navigation_wrapper ul.list > li dl > dt div { display: flex; align-items: center; justify-content: space-between; column-gap: .615em; padding: calc(8.5em / 32 * 3) 0; font-size: 1.1275em; letter-spacing: -.01025em; line-height: 1; }
@media screen and (max-width: 768px) { aside#aside .navigation_wrapper ul.list > li dl > dt a, aside#aside .navigation_wrapper ul.list > li dl > dt div { padding: calc(85px / 6) 0; } }
aside#aside .navigation_wrapper ul.list > li dl > dt a > span, aside#aside .navigation_wrapper ul.list > li dl > dt div > span { position: relative; z-index: 15; display: flex; align-items: center; justify-content: center; width: 2em; height: 1em; border: solid 1px var(--color-white); border-radius: 50%; }
aside#aside .navigation_wrapper ul.list > li dl > dt a > span i, aside#aside .navigation_wrapper ul.list > li dl > dt div > span i { position: absolute; top: calc(50% - (1px / 2)); left: calc(50% - (1em / 2)); display: block; width: 1em; height: 1px; background: var(--color-white); transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; }
aside#aside .navigation_wrapper ul.list > li dl > dt a > span i:nth-child(2), aside#aside .navigation_wrapper ul.list > li dl > dt div > span i:nth-child(2) { left: calc(50% - (.5em / 2)); width: .5em; transform: rotate(90deg); }
@media screen and (max-width: 768px) { aside#aside .navigation_wrapper ul.list > li dl > dd { padding-bottom: calc(85px / 6); } }
aside#aside .navigation_wrapper ul.list > li dl > dd ul.children { display: flex; align-items: center; flex-wrap: wrap; gap: calc(8.5em / 16); }
aside#aside .navigation_wrapper ul.list > li dl > dd a, aside#aside .navigation_wrapper ul.list > li dl > dd div { display: flex; align-items: center; column-gap: .615em; padding: calc(85px/12) calc(85px/6); background: rgba(255, 255, 255, 0.1025); border: solid 1px var(--color-white); border-radius: calc(85px / 24); font-size: 1em; font-weight: 600; letter-spacing: -.01025em; line-height: 1; transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; }
@media screen and (max-width: 768px) { aside#aside .navigation_wrapper ul.list > li dl > dd a, aside#aside .navigation_wrapper ul.list > li dl > dd div { font-size: .9em; } }
aside#aside .navigation_wrapper ul.list > li dl > dd a:hover, aside#aside .navigation_wrapper ul.list > li dl > dd div:hover { color: var(--color-black); background: var(--color-white); transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; }
aside#aside .navigation_wrapper ul.list > li.other { padding: calc(8.5em / 8) 0; }
@media screen and (max-width: 768px) { aside#aside .navigation_wrapper ul.list > li.other { padding: calc(8.5em / 8) 0; } }
aside#aside .navigation_wrapper ul.list > li.other a { display: flex; align-items: center; column-gap: .615em; padding: 0; font-size: 1.3325em; letter-spacing: -.01025em; }
@media screen and (max-width: 768px) { aside#aside .navigation_wrapper ul.list > li.other a { padding: 5px 0; font-size: 1.3325em; line-height: 1; } }
aside#aside .navigation_wrapper ul.list > li.other a > i { display: block; width: 1em; height: 1em; }
aside#aside .navigation_wrapper ul.list.inview > li { opacity: 0; }
aside#aside .navigation_wrapper ul.list.action > li { opacity: 1; }
aside#aside .navigation_wrapper ul.list.action > li:nth-child(0) { transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((0 * 0.0615s) + 0.1025s); }
aside#aside .navigation_wrapper ul.list.action > li:nth-child(1) { transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((1 * 0.0615s) + 0.1025s); }
aside#aside .navigation_wrapper ul.list.action > li:nth-child(2) { transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((2 * 0.0615s) + 0.1025s); }
aside#aside .navigation_wrapper ul.list.action > li:nth-child(3) { transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((3 * 0.0615s) + 0.1025s); }
aside#aside .navigation_wrapper ul.list.action > li:nth-child(4) { transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((4 * 0.0615s) + 0.1025s); }
aside#aside .navigation_wrapper ul.list.action > li:nth-child(5) { transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((5 * 0.0615s) + 0.1025s); }
aside#aside .navigation_wrapper ul.list.action > li:nth-child(6) { transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((6 * 0.0615s) + 0.1025s); }
aside#aside .navigation_wrapper ul.list.action > li:nth-child(7) { transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((7 * 0.0615s) + 0.1025s); }
aside#aside .navigation_wrapper ul.list.action > li:nth-child(8) { transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((8 * 0.0615s) + 0.1025s); }
aside#aside .navigation_wrapper ul.list.action > li:nth-child(9) { transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((9 * 0.0615s) + 0.1025s); }
aside#aside .navigation_wrapper ul.list.action > li:nth-child(10) { transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((10 * 0.0615s) + 0.1025s); }
aside#aside .navigation_wrapper ul.list.action > li:nth-child(11) { transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((11 * 0.0615s) + 0.1025s); }
aside#aside .navigation_wrapper ul.list.action > li:nth-child(12) { transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((12 * 0.0615s) + 0.1025s); }
aside#aside .navigation_wrapper ul.list.action > li:nth-child(13) { transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((13 * 0.0615s) + 0.1025s); }
aside#aside .navigation_wrapper ul.list.action > li:nth-child(14) { transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((14 * 0.0615s) + 0.1025s); }
aside#aside .navigation_wrapper ul.list.action > li:nth-child(15) { transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((15 * 0.0615s) + 0.1025s); }
aside#aside .navigation_wrapper ul.list.action > li:nth-child(16) { transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((16 * 0.0615s) + 0.1025s); }
aside#aside .navigation_wrapper ul.list.action > li:nth-child(17) { transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((17 * 0.0615s) + 0.1025s); }
aside#aside .navigation_wrapper ul.list.action > li:nth-child(18) { transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((18 * 0.0615s) + 0.1025s); }
aside#aside .navigation_wrapper ul.list.action > li:nth-child(19) { transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((19 * 0.0615s) + 0.1025s); }
aside#aside .navigation_wrapper ul.list.action > li:nth-child(20) { transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((20 * 0.0615s) + 0.1025s); }
aside#aside .navigation_wrapper ul.social { display: flex; align-items: center; justify-content: center; column-gap: calc(8.5em / 8); filter: brightness(0) invert(1); }
aside#aside .navigation_wrapper .foot { display: flex; align-items: center; flex-wrap: wrap; gap: calc(85px / 4); margin-top: calc(8.5em / 8 * 3); }
@media screen and (max-width: 768px) { aside#aside .navigation_wrapper .foot { margin-top: calc(8.5em / 8 * 2); } }
aside#aside .navigation_wrapper .foot * { color: var(--color-white); }
aside#aside .navigation_wrapper .foot ul.basic { display: flex; align-items: center; gap: calc(8.5em / 8); font-size: .85em; }
@media screen and (max-width: 768px) { aside#aside .navigation_wrapper .foot ul.basic { width: 100%; justify-content: center; text-align: center; } }
aside#aside .navigation_wrapper .foot ul.basic > li { display: flex; align-items: center; }
@media screen and (max-width: 768px) { aside#aside .navigation_wrapper .foot ul.basic > li:last-child { display: none; } }
aside#fixNav { position: fixed; top: 0; right: 0; z-index: 10001; display: flex; justify-content: center; align-items: center; width: calc(85px * 2); height: calc(85px * 1); transition: all cubic-bezier(0.28, 1.52, 0.73, 1.25) 0.41s; -o-transition: all cubic-bezier(0.28, 1.52, 0.73, 1.25) 0.41s; -moz-transition: all cubic-bezier(0.28, 1.52, 0.73, 1.25) 0.41s; -webkit-transition: all cubic-bezier(0.28, 1.52, 0.73, 1.25) 0.41s; }
@media screen and (max-width: 768px) { aside#fixNav { width: calc(60px * 2); height: calc(60px * 1); transform: translateY(0); } }
aside#fixNav ._menu { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; background: var(--color-white); }
aside#fixNav ._menu p.humbNav { display: flex; align-items: center; column-gap: calc(85px / 6); text-transform: uppercase; font-size: .9em; }
aside#fixNav ._menu p.humbNav > span { order: 1; position: relative; display: flex; align-content: space-between; flex-wrap: wrap; width: 4.1em; height: .8em; margin: 0 auto; }
aside#fixNav ._menu p.humbNav > span > i { display: block; width: 4.1em; height: 1px; background: var(--color-white); border-radius: 1px; transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; }
aside#fixNav ._menu p.humbNav.active > span { align-content: center; }
aside#fixNav ._menu p.humbNav.active > span > i { transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; }
aside#fixNav ._menu p.humbNav.active > span > i:nth-child(1) { transform: rotate(8deg) translateY(0.5px); }
aside#fixNav ._menu p.humbNav.active > span > i:nth-child(2) { transform: rotate(-8deg) translateY(-0.5px); }

nav.bside * { color: #e4e4e4; }
nav.bside ul { display: flex; flex-wrap: wrap; }
nav.bside ul li { width: 100%; transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; }
nav.bside ul li:nth-child(0) { transition-delay: calc((0 * 0.041s) + 0.205s); }
nav.bside ul li:nth-child(1) { transition-delay: calc((1 * 0.041s) + 0.205s); }
nav.bside ul li:nth-child(2) { transition-delay: calc((2 * 0.041s) + 0.205s); }
nav.bside ul li:nth-child(3) { transition-delay: calc((3 * 0.041s) + 0.205s); }
nav.bside ul li:nth-child(4) { transition-delay: calc((4 * 0.041s) + 0.205s); }
nav.bside ul li:nth-child(5) { transition-delay: calc((5 * 0.041s) + 0.205s); }
nav.bside ul li:nth-child(6) { transition-delay: calc((6 * 0.041s) + 0.205s); }
nav.bside ul li:nth-child(7) { transition-delay: calc((7 * 0.041s) + 0.205s); }
nav.bside ul li:nth-child(8) { transition-delay: calc((8 * 0.041s) + 0.205s); }
nav.bside ul li:nth-child(9) { transition-delay: calc((9 * 0.041s) + 0.205s); }
nav.bside ul li:nth-child(10) { transition-delay: calc((10 * 0.041s) + 0.205s); }
nav.bside ul li ~ li { margin-top: 12px; }
@media screen and (max-width: 768px) { nav.bside ul li ~ li { margin-top: 10px; } }
nav.bside ul li.txt { margin-bottom: 15px; }
@media screen and (max-width: 768px) { nav.bside ul li.txt { margin-bottom: 10px; } }
nav.bside ul li.banar { position: relative; z-index: 15; border: solid 3px transparent; border-radius: 6px; overflow: hidden; margin-top: 3px; transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; -o-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; -moz-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; -webkit-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; }
nav.bside ul li.banar:first-child { margin-top: 1.64em; }
nav.bside ul li.banar > .bg { position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; background: #ee781f; }
nav.bside ul li.banar > .bg img { filter: brightness(0.7175); }
nav.bside ul li.banar > a { padding: 1.435em; }
nav.bside ul li.banar:hover { border-color: #2e6eb8; transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; -o-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; -moz-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; -webkit-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; }
nav.bside dl { display: flex; flex-wrap: wrap; margin-bottom: -1.025em; }
@media screen and (max-width: 768px) { nav.bside dl { margin-bottom: -10px; } }
nav.bside dl > dt { display: block; width: 100%; height: 1.23em; margin-bottom: 12px; overflow: hidden; font-size: 2.05em; font-weight: 600; }
@media screen and (max-width: 768px) { nav.bside dl > dt { font-size: 1.845em; margin-bottom: 10px; } }
nav.bside dl > dt a { position: relative; position: relative; display: table; transform: translateY(1.23em); transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; }
nav.bside dl > dd { margin-right: 2.05em; margin-bottom: 1.025em; }
@media screen and (max-width: 768px) { nav.bside dl > dd { margin-bottom: 10px; } }
nav.bside dl > dd a { opacity: 0; transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; }
nav.bside dl > dd:last-child { margin-right: 0; }

#bside.move nav.bside ul li:nth-child(0) dl > dt a { transform: translateY(0); transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((0 * 0.0615s) + 0.205s); }
#bside.move nav.bside ul li:nth-child(0) dl > dd:nth-child(0) a { opacity: 1; transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((0 * 0.082s) + 0.615s); }
#bside.move nav.bside ul li:nth-child(0) dl > dd:nth-child(1) a { opacity: 1; transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((1 * 0.082s) + 0.615s); }
#bside.move nav.bside ul li:nth-child(0) dl > dd:nth-child(2) a { opacity: 1; transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((2 * 0.082s) + 0.615s); }
#bside.move nav.bside ul li:nth-child(0) dl > dd:nth-child(3) a { opacity: 1; transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((3 * 0.082s) + 0.615s); }
#bside.move nav.bside ul li:nth-child(0) dl > dd:nth-child(4) a { opacity: 1; transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((4 * 0.082s) + 0.615s); }
#bside.move nav.bside ul li:nth-child(0) dl > dd:nth-child(5) a { opacity: 1; transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((5 * 0.082s) + 0.615s); }
#bside.move nav.bside ul li:nth-child(0) dl > dd:nth-child(6) a { opacity: 1; transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((6 * 0.082s) + 0.615s); }
#bside.move nav.bside ul li:nth-child(1) dl > dt a { transform: translateY(0); transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((1 * 0.0615s) + 0.205s); }
#bside.move nav.bside ul li:nth-child(1) dl > dd:nth-child(0) a { opacity: 1; transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((0 * 0.082s) + 0.615s); }
#bside.move nav.bside ul li:nth-child(1) dl > dd:nth-child(1) a { opacity: 1; transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((1 * 0.082s) + 0.615s); }
#bside.move nav.bside ul li:nth-child(1) dl > dd:nth-child(2) a { opacity: 1; transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((2 * 0.082s) + 0.615s); }
#bside.move nav.bside ul li:nth-child(1) dl > dd:nth-child(3) a { opacity: 1; transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((3 * 0.082s) + 0.615s); }
#bside.move nav.bside ul li:nth-child(1) dl > dd:nth-child(4) a { opacity: 1; transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((4 * 0.082s) + 0.615s); }
#bside.move nav.bside ul li:nth-child(1) dl > dd:nth-child(5) a { opacity: 1; transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((5 * 0.082s) + 0.615s); }
#bside.move nav.bside ul li:nth-child(1) dl > dd:nth-child(6) a { opacity: 1; transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((6 * 0.082s) + 0.615s); }
#bside.move nav.bside ul li:nth-child(2) dl > dt a { transform: translateY(0); transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((2 * 0.0615s) + 0.205s); }
#bside.move nav.bside ul li:nth-child(2) dl > dd:nth-child(0) a { opacity: 1; transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((0 * 0.082s) + 0.615s); }
#bside.move nav.bside ul li:nth-child(2) dl > dd:nth-child(1) a { opacity: 1; transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((1 * 0.082s) + 0.615s); }
#bside.move nav.bside ul li:nth-child(2) dl > dd:nth-child(2) a { opacity: 1; transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((2 * 0.082s) + 0.615s); }
#bside.move nav.bside ul li:nth-child(2) dl > dd:nth-child(3) a { opacity: 1; transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((3 * 0.082s) + 0.615s); }
#bside.move nav.bside ul li:nth-child(2) dl > dd:nth-child(4) a { opacity: 1; transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((4 * 0.082s) + 0.615s); }
#bside.move nav.bside ul li:nth-child(2) dl > dd:nth-child(5) a { opacity: 1; transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((5 * 0.082s) + 0.615s); }
#bside.move nav.bside ul li:nth-child(2) dl > dd:nth-child(6) a { opacity: 1; transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((6 * 0.082s) + 0.615s); }
#bside.move nav.bside ul li:nth-child(3) dl > dt a { transform: translateY(0); transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((3 * 0.0615s) + 0.205s); }
#bside.move nav.bside ul li:nth-child(3) dl > dd:nth-child(0) a { opacity: 1; transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((0 * 0.082s) + 0.615s); }
#bside.move nav.bside ul li:nth-child(3) dl > dd:nth-child(1) a { opacity: 1; transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((1 * 0.082s) + 0.615s); }
#bside.move nav.bside ul li:nth-child(3) dl > dd:nth-child(2) a { opacity: 1; transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((2 * 0.082s) + 0.615s); }
#bside.move nav.bside ul li:nth-child(3) dl > dd:nth-child(3) a { opacity: 1; transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((3 * 0.082s) + 0.615s); }
#bside.move nav.bside ul li:nth-child(3) dl > dd:nth-child(4) a { opacity: 1; transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((4 * 0.082s) + 0.615s); }
#bside.move nav.bside ul li:nth-child(3) dl > dd:nth-child(5) a { opacity: 1; transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((5 * 0.082s) + 0.615s); }
#bside.move nav.bside ul li:nth-child(3) dl > dd:nth-child(6) a { opacity: 1; transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((6 * 0.082s) + 0.615s); }
#bside.move nav.bside ul li:nth-child(4) dl > dt a { transform: translateY(0); transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((4 * 0.0615s) + 0.205s); }
#bside.move nav.bside ul li:nth-child(4) dl > dd:nth-child(0) a { opacity: 1; transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((0 * 0.082s) + 0.615s); }
#bside.move nav.bside ul li:nth-child(4) dl > dd:nth-child(1) a { opacity: 1; transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((1 * 0.082s) + 0.615s); }
#bside.move nav.bside ul li:nth-child(4) dl > dd:nth-child(2) a { opacity: 1; transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((2 * 0.082s) + 0.615s); }
#bside.move nav.bside ul li:nth-child(4) dl > dd:nth-child(3) a { opacity: 1; transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((3 * 0.082s) + 0.615s); }
#bside.move nav.bside ul li:nth-child(4) dl > dd:nth-child(4) a { opacity: 1; transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((4 * 0.082s) + 0.615s); }
#bside.move nav.bside ul li:nth-child(4) dl > dd:nth-child(5) a { opacity: 1; transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((5 * 0.082s) + 0.615s); }
#bside.move nav.bside ul li:nth-child(4) dl > dd:nth-child(6) a { opacity: 1; transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((6 * 0.082s) + 0.615s); }
#bside.move nav.bside ul li:nth-child(5) dl > dt a { transform: translateY(0); transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((5 * 0.0615s) + 0.205s); }
#bside.move nav.bside ul li:nth-child(5) dl > dd:nth-child(0) a { opacity: 1; transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((0 * 0.082s) + 0.615s); }
#bside.move nav.bside ul li:nth-child(5) dl > dd:nth-child(1) a { opacity: 1; transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((1 * 0.082s) + 0.615s); }
#bside.move nav.bside ul li:nth-child(5) dl > dd:nth-child(2) a { opacity: 1; transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((2 * 0.082s) + 0.615s); }
#bside.move nav.bside ul li:nth-child(5) dl > dd:nth-child(3) a { opacity: 1; transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((3 * 0.082s) + 0.615s); }
#bside.move nav.bside ul li:nth-child(5) dl > dd:nth-child(4) a { opacity: 1; transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((4 * 0.082s) + 0.615s); }
#bside.move nav.bside ul li:nth-child(5) dl > dd:nth-child(5) a { opacity: 1; transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((5 * 0.082s) + 0.615s); }
#bside.move nav.bside ul li:nth-child(5) dl > dd:nth-child(6) a { opacity: 1; transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((6 * 0.082s) + 0.615s); }
#bside.move nav.bside ul li:nth-child(6) dl > dt a { transform: translateY(0); transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((6 * 0.0615s) + 0.205s); }
#bside.move nav.bside ul li:nth-child(6) dl > dd:nth-child(0) a { opacity: 1; transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((0 * 0.082s) + 0.615s); }
#bside.move nav.bside ul li:nth-child(6) dl > dd:nth-child(1) a { opacity: 1; transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((1 * 0.082s) + 0.615s); }
#bside.move nav.bside ul li:nth-child(6) dl > dd:nth-child(2) a { opacity: 1; transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((2 * 0.082s) + 0.615s); }
#bside.move nav.bside ul li:nth-child(6) dl > dd:nth-child(3) a { opacity: 1; transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((3 * 0.082s) + 0.615s); }
#bside.move nav.bside ul li:nth-child(6) dl > dd:nth-child(4) a { opacity: 1; transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((4 * 0.082s) + 0.615s); }
#bside.move nav.bside ul li:nth-child(6) dl > dd:nth-child(5) a { opacity: 1; transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((5 * 0.082s) + 0.615s); }
#bside.move nav.bside ul li:nth-child(6) dl > dd:nth-child(6) a { opacity: 1; transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((6 * 0.082s) + 0.615s); }
#bside.move nav.bside ul li:nth-child(7) dl > dt a { transform: translateY(0); transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((7 * 0.0615s) + 0.205s); }
#bside.move nav.bside ul li:nth-child(7) dl > dd:nth-child(0) a { opacity: 1; transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((0 * 0.082s) + 0.615s); }
#bside.move nav.bside ul li:nth-child(7) dl > dd:nth-child(1) a { opacity: 1; transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((1 * 0.082s) + 0.615s); }
#bside.move nav.bside ul li:nth-child(7) dl > dd:nth-child(2) a { opacity: 1; transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((2 * 0.082s) + 0.615s); }
#bside.move nav.bside ul li:nth-child(7) dl > dd:nth-child(3) a { opacity: 1; transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((3 * 0.082s) + 0.615s); }
#bside.move nav.bside ul li:nth-child(7) dl > dd:nth-child(4) a { opacity: 1; transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((4 * 0.082s) + 0.615s); }
#bside.move nav.bside ul li:nth-child(7) dl > dd:nth-child(5) a { opacity: 1; transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((5 * 0.082s) + 0.615s); }
#bside.move nav.bside ul li:nth-child(7) dl > dd:nth-child(6) a { opacity: 1; transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((6 * 0.082s) + 0.615s); }
#bside.move nav.bside ul li:nth-child(8) dl > dt a { transform: translateY(0); transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((8 * 0.0615s) + 0.205s); }
#bside.move nav.bside ul li:nth-child(8) dl > dd:nth-child(0) a { opacity: 1; transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((0 * 0.082s) + 0.615s); }
#bside.move nav.bside ul li:nth-child(8) dl > dd:nth-child(1) a { opacity: 1; transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((1 * 0.082s) + 0.615s); }
#bside.move nav.bside ul li:nth-child(8) dl > dd:nth-child(2) a { opacity: 1; transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((2 * 0.082s) + 0.615s); }
#bside.move nav.bside ul li:nth-child(8) dl > dd:nth-child(3) a { opacity: 1; transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((3 * 0.082s) + 0.615s); }
#bside.move nav.bside ul li:nth-child(8) dl > dd:nth-child(4) a { opacity: 1; transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((4 * 0.082s) + 0.615s); }
#bside.move nav.bside ul li:nth-child(8) dl > dd:nth-child(5) a { opacity: 1; transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((5 * 0.082s) + 0.615s); }
#bside.move nav.bside ul li:nth-child(8) dl > dd:nth-child(6) a { opacity: 1; transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((6 * 0.082s) + 0.615s); }
#bside.move nav.bside ul li:nth-child(9) dl > dt a { transform: translateY(0); transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((9 * 0.0615s) + 0.205s); }
#bside.move nav.bside ul li:nth-child(9) dl > dd:nth-child(0) a { opacity: 1; transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((0 * 0.082s) + 0.615s); }
#bside.move nav.bside ul li:nth-child(9) dl > dd:nth-child(1) a { opacity: 1; transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((1 * 0.082s) + 0.615s); }
#bside.move nav.bside ul li:nth-child(9) dl > dd:nth-child(2) a { opacity: 1; transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((2 * 0.082s) + 0.615s); }
#bside.move nav.bside ul li:nth-child(9) dl > dd:nth-child(3) a { opacity: 1; transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((3 * 0.082s) + 0.615s); }
#bside.move nav.bside ul li:nth-child(9) dl > dd:nth-child(4) a { opacity: 1; transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((4 * 0.082s) + 0.615s); }
#bside.move nav.bside ul li:nth-child(9) dl > dd:nth-child(5) a { opacity: 1; transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((5 * 0.082s) + 0.615s); }
#bside.move nav.bside ul li:nth-child(9) dl > dd:nth-child(6) a { opacity: 1; transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((6 * 0.082s) + 0.615s); }
#bside.move nav.bside ul li:nth-child(10) dl > dt a { transform: translateY(0); transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((10 * 0.0615s) + 0.205s); }
#bside.move nav.bside ul li:nth-child(10) dl > dd:nth-child(0) a { opacity: 1; transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((0 * 0.082s) + 0.615s); }
#bside.move nav.bside ul li:nth-child(10) dl > dd:nth-child(1) a { opacity: 1; transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((1 * 0.082s) + 0.615s); }
#bside.move nav.bside ul li:nth-child(10) dl > dd:nth-child(2) a { opacity: 1; transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((2 * 0.082s) + 0.615s); }
#bside.move nav.bside ul li:nth-child(10) dl > dd:nth-child(3) a { opacity: 1; transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((3 * 0.082s) + 0.615s); }
#bside.move nav.bside ul li:nth-child(10) dl > dd:nth-child(4) a { opacity: 1; transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((4 * 0.082s) + 0.615s); }
#bside.move nav.bside ul li:nth-child(10) dl > dd:nth-child(5) a { opacity: 1; transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((5 * 0.082s) + 0.615s); }
#bside.move nav.bside ul li:nth-child(10) dl > dd:nth-child(6) a { opacity: 1; transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: calc((6 * 0.082s) + 0.615s); }

/*!//#siteHeader------------------------------------------------------------------------------------------------*/
/*!#siteFooter------------------------------------------------------------------------------------------------*/
.mountaincopy { padding-top: calc(8.5em / 16 * 9); background: url(images/noise.png), linear-gradient(to bottom, var(--lightgray), transparent); background-size: 100px, cover; }
.mountaincopy .tagline { display: flex; align-items: center; justify-content: center; }
.mountaincopy .tagline img { width: auto; height: calc(8.5em / 16 * 9); }
.mountaincopy .mountain { margin-bottom: -1px; line-height: 0; }

#siteFoot { position: relative; z-index: 15; width: 100%; overflow: hidden; background: var(--lightgray);}
#siteFoot .wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  width: calc(100% / 16 * 14);
  margin: 0 auto;
  padding: 75px 0;
}
@media screen and (max-width: 768px) {
  #siteFoot .wrapper {
    flex-direction: column;
    padding: 30px 0;
  }
}
#siteFoot .wrapper * { }
#siteFoot .wrapper > ._primary {
  width: 30%;
}
@media screen and (max-width: 768px) {
  #siteFoot .wrapper > ._primary {
    width: 100%;
    text-align: center;
  }
}
#siteFoot .wrapper > ._secondry {
  width: 68%;
}
@media screen and (max-width: 768px) {
  #siteFoot .wrapper > ._secondry {
    width: 100%;
  }
}
#siteFoot ._thirdry {
  display: block;
  width: 100%;
  padding: 5px 0;
  background: var(--green4);
  text-align: center;
  color: var(--white);
}
@media screen and (max-width: 768px) {
  #siteFoot ._thirdry {
  }
}
#siteFoot ._thirdry * {
  color: var(--color-white);
  font-size: clamp(10px,1.1vw,11px);
}
#siteFoot .foot_logo { display: block; }
#siteFoot .foot_logo h1 img { width: auto; height: calc(8.5em / 8 * 3);}
#siteFoot .foot_logo + * { margin-top: calc(8.5em / 32 * 3); }
#siteFoot ul.foot_profile {
  display: flex;
  flex-direction:
  column; gap:
  calc(8.5em / 32);
  font-size: clamp(11px,1.3vw,14px);
}
@media screen and (max-width: 768px) { #siteFoot nav.footer_navigation { position: relative; z-index: 15; flex: 1; padding: calc(8.5em / 8) calc(8.5em / 8); background: rgba(0, 0, 0, 0.1025); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border-radius: calc(8.5em / 32); overflow: hidden; } }
#siteFoot ul.logo-list{
  padding-top: 5px;
}
@media screen and (max-width: 768px) {
  #siteFoot ul.logo-list{
    padding: 10px 0;
  }
}
#siteFoot ul.logo-list li{
  background-color: var(--color-white);
  padding: 5px;
  margin-top: 5px;
  width: fit-content;
  border-radius: 2px;
}
@media screen and (max-width: 768px) {
  #siteFoot ul.logo-list li{
    margin: 5px auto 0;
  }
}
#siteFoot nav.footer_navigation ul { display: flex; flex-wrap: wrap; row-gap: calc(8.5em / 32 * 2); column-gap: calc(8.5em / 16 * 4); }
@media screen and (max-width: 768px) { #siteFoot nav.footer_navigation ul { grid-template-rows: repeat(5, auto); column-gap: calc(8.5em / 16 * 3); } }
#siteFoot nav.footer_navigation ul > li { flex: 1; }
@media screen and (max-width: 768px) { #siteFoot nav.footer_navigation ul > li { min-width: 100%; } }
#siteFoot nav.footer_navigation ul > li a {
  position: relative;
  z-index: 15;
  display: inline-flex;
  padding-bottom: calc(16.5em / 20);
  transition: .3s;
}
#siteFoot nav.footer_navigation ul > li a:hover{
  color: var(--red2);
}
@media screen and (max-width: 768px) { #siteFoot nav.footer_navigation ul > li a { display: flex; padding: calc(8.5em / 12) 0; } }
#siteFoot nav.footer_navigation ul > li a::before, #siteFoot nav.footer_navigation ul > li a::after { content: ''; position: absolute; right: 0; bottom: 0; display: block; height: 1px; transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; }
#siteFoot nav.footer_navigation ul > li a::before { width: 100%; background: var(--border-light-white); }
#siteFoot nav.footer_navigation ul > li a::after { width: 0; background: var(--color-white); }
#siteFoot nav.footer_navigation ul > li a:hover::after { width: 100%; left: 0; transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; }
#siteFoot nav.footer_navigation dl > dt {
  font-size: clamp(12px,1.4vw,16px);
  font-weight: var(--fw-5);
}
#siteFoot nav.footer_navigation dl > dt + dt { margin-top: calc(8.5em / 32 * 2); }
#siteFoot nav.footer_navigation dl > dt + dd { margin-top: calc(8.5em / 32 * 2); }
#siteFoot nav.footer_navigation dl > dd {
  font-size: clamp(11px,1.3vw,14px);
}
#siteFoot nav.footer_navigation dl > dd a{
  padding-left: 15px;
  padding-bottom: calc(8.5em / 50);
  position: relative;
}
#siteFoot nav.footer_navigation dl > dd a:before{
  content: '';
  position: absolute;
  top: 45%;
  left: 0;
  height: 1px;
  width: 10px;
  background-color: var(--color-text);
}
@media screen and (max-width: 768px) { #siteFoot nav.footer_navigation dl > dd { display: none; } }
#siteFoot nav.footer_navigation dl > dd + dt { margin-top: calc(8.5em / 32 * 4); }
#siteFoot nav.footer_navigation dl > dd + dd { margin-top: calc(8.5em / 32 * 3); }
#siteFoot ul.social { display: flex; align-items: center; gap: calc(8.5em / 16 * 3); }
#siteFoot ul.social > li a { display: block; }
#siteFoot ul.social > li a i { display: block; width: calc(8.5em / 32 * 5); height: calc(8.5em / 32 * 5); }
#siteFoot ul.social > li a i img { filter: brightness(0) invert(1); }
#siteFoot ul.footer_basic > li a { position: relative; z-index: 15; transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; -o-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; -moz-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; -webkit-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; }
#siteFoot ul.footer_basic > li a::before { content: ''; position: absolute; top: 100%; right: 0; display: block; width: 0; height: 1px; background: #231814; transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; -o-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; -moz-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; -webkit-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; }
#siteFoot ul.footer_basic > li a:hover { opacity: .615; transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; -o-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; -moz-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; -webkit-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; }
#siteFoot ul.footer_basic > li a:hover::before { left: 0; width: 100%; transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; -o-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; -moz-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; -webkit-transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; }

@keyframes arrow { 0% { transform: translateX(-15px); }
  to { transform: translateX(0); } }
/*//!#siteFooter----------------------------------------------------------------------------------------------*/
/*!#index----------------------------------------------------------------------------------------------*/
/*!#siteContent*/
#siteContent { position: relative; z-index: 15; width: 100%; padding-top: calc(8.5em / 8 * 6); transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: .246s; }
@media screen and (max-width: 768px) { #siteContent { width: 100%; overflow: hidden; margin-bottom: 0 !important; padding-top: calc(8.5em / 8 * 4); } }
#siteContent.lower {
  padding-top: 95px;
  background-color: var(--color-white);
  background-image: url(images/noise.png), radial-gradient(circle at 94% 95%, var(--color-white) 3%, var(--color-f7) 76%);
  background-size: 100px 100px, 100vw 100%;
  background-repeat: repeat;
  background-blend-mode: normal,normal;
}
@media screen and (max-width: 768px) {
  #siteContent.lower {
    padding-top: 56px;
  }
}

.breadcrumb { display: flex; align-items: center; justify-content: flex-end; min-height: 2.46em; padding: 0 calc(100% / 32); font-size: .8em; }

.slider { display: flex; align-items: center; }
.slider .slider__inner { display: flex; align-items: center; }
.slider .slider__inner:first-child { animation: loop 180s linear infinite; }
.slider .slider__inner:nth-child(2) { animation: loop2 180s -120s linear infinite; }
.slider .slider__inner:last-child { animation: loop3 180s -60s linear infinite; }

@keyframes loop { 0% { transform: translateX(200%); }
  to { transform: translateX(-100%); } }
@keyframes loop2 { 0% { transform: translateX(100%); }
  to { transform: translateX(-200%); } }
@keyframes loop3 { 0% { transform: translateX(0%); }
  to { transform: translateX(-300%); } }
.verticalslider { display: block; }
.verticalslider .verticalslider__inner { display: block; }
.verticalslider .verticalslider__inner:first-child { animation: loopV 180s linear infinite; }
.verticalslider .verticalslider__inner:nth-child(2) { animation: loopV2 180s -120s linear infinite; }
.verticalslider .verticalslider__inner:last-child { animation: loopV3 180s -60s linear infinite; }
.verticalslider .verticalslider__inner .slider__item { width: 100%; padding: 5px 0; }
.verticalslider .verticalslider__inner .slider__item .aspect { border-radius: 18px; overflow: hidden; }
@media screen and (max-width: 768px) { .verticalslider .verticalslider__inner .slider__item .aspect { border-radius: 10px; } }

@keyframes loopV { 0% { transform: translateY(200%); }
  to { transform: translateY(-100%); } }
@keyframes loopV2 { 0% { transform: translateY(100%); }
  to { transform: translateY(-200%); } }
@keyframes loopV3 { 0% { transform: translateY(0%); }
  to { transform: translateY(-300%); } }
.hide_title { position: relative; z-index: 15; display: inline-flex; padding-bottom: calc(8.5em / 32); overflow: hidden; }
.hide_title::before, .hide_title::after { content: ''; position: absolute; bottom: 0; left: 0; display: block; height: 1px; background: var(--color-text); }
.hide_title::before { width: 100%; opacity: .205; }
.hide_title::after { width: 0; }
.hide_title span { display: block; transition: all cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.615s; -o-transition: all cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.615s; -moz-transition: all cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.615s; -webkit-transition: all cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.615s; transition-delay: .205s; }
.hide_title.done span { transform: translateY(150%); }
.hide_title.gone::after { width: 100%; transition: all cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.615s; -o-transition: all cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.615s; -moz-transition: all cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.615s; -webkit-transition: all cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.615s; }
.hide_title.gone span { transform: translateY(0); transition-delay: .5175s; }

.button { display: flex; align-items: center; column-gap: calc(8.5em / 32 * 3); color: var(--color-white); }
.button i { display: flex; align-items: center; justify-content: center; width: 1.5575em; height: 1.5575em; background: var(--color-key3); border-radius: calc(8.5em / 32); overflow: hidden; transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; }
.button i img { display: block; width: .85em; height: .85em; filter: brightness(0) invert(1); }
.button:hover i { background: var(--color-key1); transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; }
.button:hover i img { animation: arrowAnimation .328s 0s ease-in-out 1; }
.button.left { justify-content: flex-start; }
.button.center { justify-content: center; }
.button.right { justify-content: flex-end; }

@keyframes arrowAnimation { 0% { transform: translateX(0); opacity: 1; }
  25% { transform: translateX(30px); opacity: 0; }
  55% { transform: translateX(-30px); opacity: 0; }
  80% { transform: translateX(0); opacity: 1; }
  100% { transform: translateX(0); opacity: 1; } }
.noentry { filter: opacity(0.41) !important; pointer-events: none !important; cursor: not-allowed; }

.comingsoon { display: flex; align-items: center; justify-content: center; width: 100%; height: 180px; background: #f7f7f7; filter: opacity(0.5); }

.fancybox__container { z-index: 9999 !important; }
.fancybox__container * { color: var(--color-white); }

.front_notice { background: var(--color-white); }
.front_notice .wrapper { width: calc(100% / 16* 15); margin: 0 auto; padding: calc(8.5em / 16 * 6) 0; }
@media screen and (max-width: 768px) { .front_notice .wrapper { width: 100%; padding: 0; } }
.front_notice .front_notice-wrapper { display: flex; align-items: center; gap: 0 calc(8.5em / 8 * 2); }
@media screen and (max-width: 768px) { .front_notice .front_notice-wrapper { align-items: initial; flex-direction: column; } }
.front_notice .front_notice-wrapper > .head { color: var(--color-key1); font-weight: var(--fw-6); }
@media screen and (max-width: 768px) { .front_notice .front_notice-wrapper > .head { padding: calc(8.5em / 64 * 3); background: var(--color-key1); text-align: center; color: var(--color-white); } }
.front_notice .front_notice-wrapper > .body { flex: 1; }
@media screen and (max-width: 768px) { .front_notice .front_notice-wrapper > .body { width: calc(100% / 16* 14); margin: 0 auto; padding: calc(8.5em / 16 * 2) 0; } }
.front_notice .front_notice-wrapper > .body dl { display: flex; align-items: center; column-gap: calc(8.5em / 8 * 1); }
@media screen and (max-width: 768px) { .front_notice .front_notice-wrapper > .body dl { flex-direction: column; align-items: flex-start; } }
.front_notice .front_notice-wrapper > .body dl > dt { flex: 1; opacity: .85; font-size: .95em; }
.front_notice .front_notice-wrapper > .body dl > dd { flex: 2; }

.idx { position: relative; z-index: 15; background: var(--color-f7); }
.idx .dividing { width: 100%; height: 1px; background: var(--border-light-black); }
.idx hgroup:has(h2) { display: flex; align-items: center; justify-content: center; gap: calc(8.5em / 8); }
.idx hgroup:has(h2) .text { display: flex; flex-direction: column; }
.idx hgroup:has(h2) h2 { font-size: 2.255em; font-weight: var(--fw-5); line-height: 1.435; }
.idx hgroup:has(h2) span { order: -1; display: block; color: var(--color-key1); font-weight: var(--fw-6); }
.idx hgroup + * { margin-top: calc(8.5em / 8 * 2); }
@media screen and (max-width: 768px) { .idx hgroup + * { margin-top: calc(8.5em / 8 * 1); } }
.idx.idx_mainvisual { z-index: 10; width: 100vw; overflow: hidden; }
@media screen and (max-width: 768px) { .idx.idx_mainvisual { padding-bottom: calc(8.5em / 8 * 5); } }
.idx.idx_mainvisual::before { content: ''; position: absolute; top: 0; left: 0; z-index: 15; display: block; width: 100%; height: 100%; background: url(images/noise.png); background-repeat: repeat; background-size: 100px; pointer-events: none; opacity: .5; }
.idx.idx_mainvisual * { color: var(--color-white); }
.idx.lowerRoots .wrapper { padding: calc(8.5em / 8 * 6) 0; }
.idx.lowerRoots .index_lower_product ul { display: flex; flex-wrap: wrap; }
.idx.lowerRoots .index_lower_product ul > li { width: calc((100% / 4) - ((8.5em / 16 * 3) * 3 / 4)); padding: calc(8.5em / 16 * 2); }
@media screen and (max-width: 768px) { .idx.lowerRoots .index_lower_product ul > li { padding: calc(8.5em / 16 * 1); width: calc((100% / 2) - ((8.5em / 32 * 3) * 1 / 2)); } }
.idx.lowerRoots .index_lower_product ul > li a { display: flex; align-items: center; flex-direction: column; }
.idx.lowerRoots .index_lower_product ul > li h3 { order: 1; color: var(--color-key5); }
.idx.lowerRoots .index_lower_product ul > li ~ li { border-left: solid 1px var(--border-light-black); }

hgroup:has(h2) { display: flex; align-items: center; gap: calc(8.5em / 16 * 2); }
hgroup:has(h2) .icon { display: block; width: calc(8.5em / 16 * 6); height: calc(8.5em / 16 * 6); }
@media screen and (max-width: 768px) { hgroup:has(h2) .icon { width: calc(8.5em / 32 * 9); height: calc(8.5em / 32 * 9); } }
hgroup:has(h2) .text { display: flex; flex-direction: column-reverse; }
hgroup:has(h2) h2 { font-size: 2.05em; }
@media screen and (max-width: 768px) { hgroup:has(h2) h2 { font-size: 1.5575em; } }
hgroup:has(h2) span { font-size: .85em; font-weight: 600; color: var(--green1); text-transform: uppercase; }
@media screen and (max-width: 768px) { hgroup:has(h2) span { font-size: .8em; } }

.button { display: flex; align-items: center; padding: calc(8.5em / 32 * 2); background: var(--green1); border-radius: calc(8.5em / 16); }
.button > .text { padding: 0 calc(8.5em / 16); font-weight: 600; color: var(--white); }
.button > .icon { display: flex; align-items: center; justify-content: center; width: calc(8.5em / 32 * 6); height: calc(8.5em / 32 * 6); padding: calc(8.5em / 64 * 3); border-radius: calc(8.5em / 128 * 5); background: var(--white); }

.index_slideshow { position: relative; z-index: 10; }

.index_mountain { position: relative; z-index: 15; padding-top: calc(8.5em / 8 * 11); background: var(--green1); }
@media screen and (max-width: 768px) { .index_mountain { padding-top: calc(8.5em / 8 * 4); } }
.index_mountain .background { position: absolute; top: 0; left: 0; width: 100%; height: auto; margin-top: calc(8.5em / 8 * -11); }
@media screen and (max-width: 768px) { .index_mountain .background { margin-top: calc(8.5em / 8 * -4); } }
.index_mountain .text { position: relative; z-index: 15; overflow: hidden; }
.index_mountain .text .wrapper { width: 100%; max-width: 1440px; margin: 0 auto; padding: 0 16px; }
.index_mountain .text .wrapper .news_wrapper { display: flex; width: calc(100% / 16 * 14); margin-left: auto; margin-right: auto; padding-bottom: calc(8.5em / 8 * 6); }
@media screen and (max-width: 768px) { .index_mountain .text .wrapper .news_wrapper { flex-direction: column; padding-bottom: calc(8.5em / 8 * 3); } }
.index_mountain .text .wrapper .news_wrapper > .news_head { flex: 1; }
.index_mountain .text .wrapper .news_wrapper > .news_head * { color: var(--white) !important; }
.index_mountain .text .wrapper .news_wrapper > .news_body { flex: 3; }
.index_mountain .text .wrapper .news_wrapper > .news_body ul > li > a, .index_mountain .text .wrapper .news_wrapper > .news_body ul > li > div { display: flex; align-items: center; gap: calc(8.5em / 32) calc(8.5em / 8); padding: calc(8.5em / 8 * 1.5) 0; border-bottom: dashed 1px var(--white); }
@media screen and (max-width: 768px) { .index_mountain .text .wrapper .news_wrapper > .news_body ul > li > a, .index_mountain .text .wrapper .news_wrapper > .news_body ul > li > div { align-items: flex-start; flex-direction: column; padding: calc(8.5em / 8 * 1) 0; } }
.index_mountain .text .wrapper .news_wrapper > .news_body ul > li > a > *, .index_mountain .text .wrapper .news_wrapper > .news_body ul > li > div > * { color: var(--white); }
.index_mountain .text .wrapper .news_wrapper > .news_body ul > li > a time, .index_mountain .text .wrapper .news_wrapper > .news_body ul > li > div time { flex: 1; }
.index_mountain .text .wrapper .news_wrapper > .news_body ul > li > a .text, .index_mountain .text .wrapper .news_wrapper > .news_body ul > li > div .text { flex: 3; font-weight: 600; }

.index_product { padding: calc(8.5em / 16 * 9) 0; background: url(images/noise.png), var(--lightgray); background-size: 100px, cover; border-top-left-radius: calc(16px * 1.5); border-top-right-radius: calc(16px * 1.5); }
.index_product .slider { gap: calc(16px * 1.5); }
@media screen and (max-width: 768px) { .index_product .slider { gap: calc(16px * 1); } }
.index_product .slider .slider__inner { gap: calc(16px * 1.5); }
@media screen and (max-width: 768px) { .index_product .slider .slider__inner { gap: calc(16px * 1); } }
.index_product .slider .slider__inner .slider__item { width: 288px; height: 288px; border-radius: calc(16px * 1.5); overflow: hidden; }
@media screen and (max-width: 768px) { .index_product .slider .slider__inner .slider__item { width: 144px; height: 144px; border-radius: calc(16px * 1); } }
.index_product .slider + * { margin-top: calc(8.5em / 16 * 9) !important; }
.index_product .wrapper { width: 100%; max-width: 1440px; margin: 0 auto; padding: 0 16px; }
.index_product .product_head { width: calc(100% / 16 * 14); margin-left: auto; margin-right: auto; }
.index_product .product_head + * { margin-top: calc(8.5em / 8); }
.index_product .product_body { display: flex; gap: calc(8.5em / 8 * 3); width: calc(100% / 16 * 14); margin-left: auto; margin-right: auto; }
@media screen and (max-width: 768px) { .index_product .product_body { flex-direction: column; width: 100%; } }
.index_product .product_body > .category { flex: 2; display: flex; align-items: flex-start; flex-direction: column; gap: calc(16px * 1.5); }
.index_product .product_body > .category ul { display: flex; flex-wrap: wrap; gap: calc(16px * 1.5); }
@media screen and (max-width: 768px) { .index_product .product_body > .category ul { gap: calc(16px * 1); } }
.index_product .product_body > .category ul > li { display: block; width: calc((100% / 2) - (16px * 1.5 / 2)); background: var(--green3); border-radius: calc(16px * 1.5); overflow: hidden; }
@media screen and (max-width: 768px) { .index_product .product_body > .category ul > li { width: calc((100% / 2) - (16px * 1 / 2)); border-radius: calc(16px * 1); } }
.index_product .product_body > .category ul > li .card { position: relative; z-index: 15; display: flex; column-gap: calc(16px * 1); padding: calc(16px * 2.5) calc(16px * 1.5) calc(16px * 3); }
@media screen and (max-width: 768px) { .index_product .product_body > .category ul > li .card { flex-direction: column-reverse; justify-content: space-between; height: 100%; padding: calc(16px * 1.5) calc(16px * 1) calc(16px * 2); } }
.index_product .product_body > .category ul > li .card .image { display: flex; align-items: center; justify-content: center; column-gap: calc(16px * .5); aspect-ratio: 1/1; overflow: hidden; }
.index_product .product_body > .category ul > li .card .text { display: flex; flex-direction: column; gap: calc(16px * .5); writing-mode: vertical-rl; text-orientation: upright; }
@media screen and (max-width: 768px) { .index_product .product_body > .category ul > li .card .text { writing-mode: initial; } }
.index_product .product_body > .category ul > li .card .text h3 { font-size: 1.075em; }
.index_product .product_body > .category ul > li .card .text p { font-size: .9em; line-height: 1.435; }
.index_product .product_body > .category ul > li .card .arrow { position: absolute; right: calc(16px * 1); bottom: calc(16px * 1); display: flex; align-items: center; justify-content: center; width: calc(16px * 1.5); height: calc(16px * 1.5); padding: calc(16px * .25); background: var(--green1); border-radius: calc(8.5em / 64); overflow: hidden; }
.index_product .product_body > .category ul > li .card .arrow img { filter: brightness(0) invert(1); }
.index_product .product_body > .pamphlet { flex: 1; }
.index_product .product_body > .pamphlet .pamphlet_banar .card { display: flex; column-gap: calc(16px * 1); padding: calc(16px * 2.5) calc(16px * 1.5); background: url(images/noise.png), linear-gradient(to bottom, var(--green1), var(--green2)); background-size: 100px, cover; border-radius: calc(16px * 1.5); overflow: hidden; }
.index_product .product_body > .pamphlet .pamphlet_banar .card .image { flex: 1; padding: calc(8.5em / 16 * 2); }
.index_product .product_body > .pamphlet .pamphlet_banar .card .text { display: flex; align-items: center; flex-direction: row; column-gap: calc(16px * .5); writing-mode: vertical-rl; text-orientation: upright; }
.index_product .product_body > .pamphlet .pamphlet_banar .card .text .icon { width: calc(8.5em / 16 * 3); height: calc(8.5em / 16 * 3); }
.index_product .product_body > .pamphlet .pamphlet_banar .card .text h3 { font-size: 1.23em; color: var(--white); }

.index_outline { position: relative; z-index: 25; margin: calc(16px * -1.5) 0; padding: calc(8.5em / 16 * 9) 0; background: var(--white); border-radius: calc(16px * 1.5); }
@media screen and (max-width: 768px) { .index_outline { padding: calc(8.5em / 16 * 9) 0 calc(8.5em / 32 * 9); } }
.index_outline .wrapper { width: 100%; max-width: 1440px; margin: 0 auto; padding: 0 16px; }
.index_outline .outline_body { display: flex; align-items: center; gap: calc(8.5em / 8 * 2) calc(8.5em / 8 * 6); }
@media screen and (max-width: 768px) { .index_outline .outline_body { flex-direction: column; } }
.index_outline .outline_body > .text { flex: 1; }
@media screen and (max-width: 768px) { .index_outline .outline_body > .text { width: calc(100% / 16 * 14); margin: 0 auto; } }
.index_outline .outline_body > .text dl { display: flex; flex-direction: column; gap: calc(8.5em / 8); padding-left: calc(8.5em / 8 * 3); }
@media screen and (max-width: 768px) { .index_outline .outline_body > .text dl { padding: 0; } }
.index_outline .outline_body > .text dl > dd p { font-size: 1.075em; }
.index_outline .outline_body > .image { flex: 1; }
.index_outline .outline_body > .image figure { width: calc(100% + (16px * 2.5)); aspect-ratio: 3/2; border-radius: calc(16px * 1.5); overflow: hidden; }

.index_lower { padding: calc(8.5em / 16 * 9) 0; background: url(images/noise.png), var(--lightgray); background-size: 100px, cover; }
.index_lower .wrapper { width: 100%; max-width: 1440px; margin: 0 auto; padding: 0 16px; }
.index_lower .wrapper .lower_slide .swiper-wrapper > .swiper-slide { height: auto; }
.index_lower .wrapper .lower_slide .card { display: flex; flex-direction: column; height: 100%; border-radius: calc(8.5em / 16); overflow: hidden; background: var(--white); }
.index_lower .wrapper .lower_slide .card > .image { aspect-ratio: 16/9; overflow: hidden; }
.index_lower .wrapper .lower_slide .card > .image img { transition: all cubic-bezier(0.28, 1.52, 0.73, 1.25) 0.41s; -o-transition: all cubic-bezier(0.28, 1.52, 0.73, 1.25) 0.41s; -moz-transition: all cubic-bezier(0.28, 1.52, 0.73, 1.25) 0.41s; -webkit-transition: all cubic-bezier(0.28, 1.52, 0.73, 1.25) 0.41s; }
.index_lower .wrapper .lower_slide .card > .text { flex: 1; display: flex; align-items: flex-start; justify-content: space-between; flex-direction: column; gap: calc(8.5em / 8 * 2); padding: calc(8.5em / 16 * 4); }
.index_lower .wrapper .lower_slide .card > .text dl { display: flex; flex-direction: column; gap: calc(8.5em / 16); }
.index_lower .wrapper .lower_slide .card > .text dl > dt { font-weight: 600; font-size: 1.64em; }
.index_lower .wrapper .lower_slide .card > .text dl > dd { font-size: 1.075em; }
.index_lower .wrapper .lower_slide .card:hover > .image img { transform: scale(1.025); transition: all cubic-bezier(0.28, 1.52, 0.73, 1.25) 0.41s; -o-transition: all cubic-bezier(0.28, 1.52, 0.73, 1.25) 0.41s; -moz-transition: all cubic-bezier(0.28, 1.52, 0.73, 1.25) 0.41s; -webkit-transition: all cubic-bezier(0.28, 1.52, 0.73, 1.25) 0.41s; }

header#pageHeader { position: relative; z-index: 15; }
header#pageHeader .background { position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; overflow: hidden; }
header#pageHeader .background .figure { position: absolute; }
header#pageHeader .background .figure.figure1 { top: 8%; left: -5%; width: 25%; }
header#pageHeader .background .figure.figure2 { top: 50%; left: 15%; width: 15%; }
header#pageHeader .background .figure.figure3 { top: 20%; right: -3%; width: 25%; }
header#pageHeader .wrapper { width: calc(100% / 32 * 28); margin: 0 auto; padding: calc(8.5em / 8 * 5) 0; }
@media screen and (max-width: 768px) { header#pageHeader .wrapper { width: calc(100% / 32 * 28); padding: calc(8.5em / 8 * 4) 0; } }
header#pageHeader .wrapper hgroup { position: relative; z-index: 15; display: flex; align-items: center; flex-direction: column; gap: calc(8.5em / 32); }
header#pageHeader .wrapper hgroup h1 { font-size: 2.05em; font-weight: var(--fw-6); color: var(--color-black); }
@media screen and (max-width: 768px) { header#pageHeader .wrapper hgroup h1 { font-size: 2.255em; } }
header#pageHeader .wrapper hgroup span { position: relative; z-index: 15; display: flex; align-items: center; gap: calc(8.5em / 64 * 3); font-weight: 600; letter-spacing: .082em; line-height: 1; color: var(--green1); text-transform: uppercase; }
@media screen and (max-width: 768px) { header#pageHeader .wrapper hgroup span { font-size: calc(8.5em / 16 * 2); } }
header#pageHeader .wrapper hgroup .icon { order: -1; display: block; width: calc(8.5em / 16 * 5); min-width: calc(8.5em / 16 * 5); height: calc(8.5em / 16 * 5); }
@media screen and (max-width: 768px) { header#pageHeader .wrapper nav { display: none; } }
header#pageHeader .wrapper nav ul { display: flex; align-items: center; gap: calc(8.5em / 8 * 2); }
header#pageHeader .wrapper nav ul > li { display: flex; align-items: center; gap: calc(8.5em / 16); }
header#pageHeader .wrapper nav ul > li::before { content: ''; display: flex; align-items: center; justify-content: center; width: 1.23em; height: 1.23em; background: url(images/icon/arrow.svg), var(--color-white); background-position: center; background-size: .65em, cover; background-repeat: no-repeat, repeat; border-radius: calc(8.5em / 64); transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; }
header#pageHeader .wrapper nav ul > li a { position: relative; z-index: 15; padding-bottom: calc(8.5em / 64); }
header#pageHeader .wrapper nav ul > li a::after { content: ''; position: absolute; top: 100%; right: 0; display: block; width: 100%; height: 1px; background: var(--border-light-black); transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; }
header#pageHeader .wrapper nav ul > li:hover::before { background: url(images/icon/arrow.svg), var(--border-light-black); background-position: center; background-size: .65em, cover; background-repeat: no-repeat, repeat; transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; }
header#pageHeader .wrapper nav ul > li:hover a::after { left: 0; width: 0; transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; }
header#pageHeader .wrapper dl { margin-top: calc(8.5em / 8 * 3); }
@media screen and (max-width: 768px) { header#pageHeader .wrapper dl { margin-top: calc(8.5em / 8 * 5); margin-bottom: calc(8.5em / 8 * -2); } }
header#pageHeader .wrapper dl * { color: var(--color-white); }
header#pageHeader .wrapper dl > dt { position: relative; z-index: 15; display: inline-flex; align-items: center; gap: calc(8.5em / 64* 3); font-size: 1.845em; font-weight: var(--fw-6); letter-spacing: -.01025em; line-height: 1; }
@media screen and (max-width: 768px) { header#pageHeader .wrapper dl > dt { font-size: 1.64em; } }
header#pageHeader .wrapper dl > dt + dd { margin-top: calc(8.5em / 8); }
header#pageHeader .wrapper dl > dd { font-weight: var(--fw-6); }

article.-page { position: relative; z-index: 25; }
article.-page .page_lead { margin-top: calc(8.5em / 8 * -5); }
@media screen and (max-width: 768px) { article.-page .page_lead { margin-top: calc(8.5em / 8 * -2); } }
article.-page .page_lead .wrapper {
  display: block;
  max-width: 1220px;
  width: 90%;
  margin: 0 auto;
  padding: 5% 0;
}
@media screen and (max-width: 1000px) {
article.-page .page_lead .wrapper {
  }
}
@media screen and (max-width: 768px) {
  article.-page .page_lead .wrapper {
    padding: 8% 0;
  }
}
article.-page .page_lead .wrapper > .image {
  position: relative;
  z-index: 20;
  width: 55%;
}
@media screen and (max-width: 1000px) {
  article.-page .page_lead .wrapper > .image {
    width: 70%;
    margin-right: -15%;
  }
}
@media screen and (max-width: 768px) {
  article.-page .page_lead .wrapper > .image {
    padding-bottom: 0;
    width: 96%;
  }
}
article.-page .page_lead .wrapper > .image .inner {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 768px) {
  article.-page .page_lead .wrapper > .image .inner {
    width: 100%;
  }
}
article.-page .page_lead .wrapper > .text {
  position: relative;
  z-index: 15;
  width: 100%;
}
@media screen and (max-width: 1000px) {
  article.-page .page_lead .wrapper > .text {
  }
}
@media screen and (max-width: 768px) {
  article.-page .page_lead .wrapper > .text {
  }
}
article.-page .page_lead .wrapper > .text .background {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: -1;
  width: 120%;
}
@media screen and (max-width: 1000px) {
  article.-page .page_lead .wrapper > .text .background {
    width: 140%;
  }
}
@media screen and (max-width: 768px) {
  article.-page .page_lead .wrapper > .text .background {
    top: inherit;
    bottom: -40%;
    transform: translateX(-50%);
    max-width: 700px;
  }
  .company article.-page .page_lead .wrapper > .text .background,
  .sustinability article.-page .page_lead .wrapper > .text .background{
    width: 170%;
    bottom: -30%;
  }
}
@media screen and (max-width: 500px) {
  article.-page .page_lead .wrapper > .text .background,
  .company article.-page .page_lead .wrapper > .text .background,
  .sustinability article.-page .page_lead .wrapper > .text .background{
    bottom: -10%;
  }
}
article.-page .page_lead .wrapper > .text * { color: var(--color-text); }
article.-page .page_lead .wrapper > .text dl > dt {
  font-size: clamp(22px,2.5vw,30px);
}
article.-page .page_lead .wrapper > .text dl > dt strong { color: var(--yellow1); }
article.-page .page_lead .wrapper > .text dl > dd {
  font-size: clamp(14px,1.5vw,16px);
  margin-top: 10px;
}
article.-page .page_lead .wrapper > .text dl + * { margin-top: calc(8.5em / 8); }
article.-page .page_lead .wrapper > .text .midashi {
  font-size: clamp(20px,3vw,40px);
  line-height: 1.6;
  font-weight: var(--fw-7);
  text-align: center;
  margin: 0 0 30px;
}
article.-page .page_lead .wrapper > .text .midashi .sp{
  display: none;
}
article.-page .page_lead .wrapper > .text p {
  font-size: clamp(14px,1.5vw,16px);
  line-height: 2;
  text-align: center;
}
@media screen and (max-width: 768px) {
  article.-page .page_lead .wrapper > .text .midashi {
    margin: 0 0 20px;
  }
  article.-page .page_lead .wrapper > .text .midashi .pc{
    display: none;
  }
  article.-page .page_lead .wrapper > .text .midashi .sp{
    display: block;
  }
  article.-page .page_lead .wrapper > .text p{
    text-align: left;
  }
}

article.-page.page-philosophy .philosophy_main { position: relative; }
article.-page.page-philosophy .philosophy_main > .philosophy_head .wrapper { width: calc(100% / 16 * 12); margin: 0 auto; }
@media screen and (max-width: 768px) { article.-page.page-philosophy .philosophy_main > .philosophy_head .wrapper { width: calc(100% / 16 * 13); padding-top: calc(8.5em / 8 * 2); } }
article.-page.page-philosophy .philosophy_main > .philosophy_head .wrapper dl { display: flex; align-items: center; flex-direction: column; text-align: center; }
article.-page.page-philosophy .philosophy_main > .philosophy_head .wrapper dl::before { content: ''; display: block; width: 240px; height: 80px; margin: 0 auto calc(8.5em / 8 * 1); background: url(images/tips.svg); }
@media screen and (max-width: 768px) { article.-page.page-philosophy .philosophy_main > .philosophy_head .wrapper dl::before { width: 210px; height: 70px; } }
article.-page.page-philosophy .philosophy_main > .philosophy_head .wrapper dl > dt {
  font-size: clamp(22px,2.8vw,32px);
}
@media screen and (max-width: 768px) {
  article.-page.page-philosophy .philosophy_main > .philosophy_head .wrapper dl > dt {
  }
}
article.-page.page-philosophy .philosophy_main > .philosophy_head .wrapper dl > dt strong { color: var(--red1); }
article.-page.page-philosophy .philosophy_main > .philosophy_head .wrapper dl > dt + dd {
  font-size: clamp(14px,1.5vw,16px);
  margin-top: 20px;
}
article.-page.page-philosophy .philosophy_main > .philosophy_head .wrapper dl > dd { font-size: 1.075em; line-height: 2; }
@media screen and (max-width: 768px) { article.-page.page-philosophy .philosophy_main > .philosophy_head .wrapper dl > dd { font-size: 1em; text-align: left; } }
article.-page.page-philosophy .philosophy_kodawari .wrapper {
  max-width: 1000px;
  width: 90%;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  article.-page.page-philosophy .philosophy_kodawari .wrapper {
    width: calc(100% / 16 * 14);
    padding: 0 0 calc(8.5em / 8 * 2);
  }
}
article.-page.page-philosophy .philosophy_main .philosophy_head .wrapper{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: calc(8.5em / 8 * 2);
  max-width: 1200px;
  width: 90%;
  margin: 0 auto;
}
article.-page.page-philosophy .philosophy_main .philosophy_head .wrapper dl {
  flex: 1;
}
article.-page.page-philosophy .philosophy_main .philosophy_head .wrapper dl > dt {
  font-size: clamp(20px, 2.5vw, 26px);
  font-weight: 600;
}
article.-page.page-philosophy .philosophy_main .philosophy_head .wrapper dl > dt strong {
  font-weight: 600;
}
article.-page.page-philosophy .philosophy_main .philosophy_head .wrapper dl dd {
  font-size: clamp(14px,1.5vw,16px);
  line-height: 2;
  margin-top: 20px;
}
article.-page.page-philosophy .philosophy_main .philosophy_head .wrapper .image {
  flex: 1;
/*  aspect-ratio: 3 / 2;*/
  border-radius: calc(8.5em / 16 * 1);
  overflow: hidden;
}
article.-page.page-philosophy .philosophy_main .philosophy_head .wrapper .image img{
  width: 100%;
}
@media screen and (max-width: 768px) {
  article.-page.page-philosophy .philosophy_main .philosophy_head .wrapper {
    flex-direction: column;
    padding: 0;
    gap: calc(8.5em / 14 * 2);
  }
  article.-page.page-philosophy .philosophy_main .philosophy_head .wrapper .image{
    width: 100%;
  }
}

article.-page.page-philosophy .philosophy_kodawari .philosophy_kodawari_main {
  position: relative;
  z-index: 15;
  display: block;
  width: 100%;
  
  max-width: 1200px;
  width: 90%;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  article.-page.page-philosophy .philosophy_kodawari .philosophy_kodawari_main {
    display: flex;
    flex-direction: column;
    gap: calc(8.5em / 16 * 3);
    width: calc(100% / 16 * 14);
    margin-top: calc(8.5em / 8 * 2) !important;
  }
}
article.-page.page-philosophy .philosophy_kodawari .philosophy_kodawari_main .figure {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
  margin-top: calc(8.5em / 5 * 2);
}
article.-page.page-philosophy .philosophy_kodawari .philosophy_kodawari_main .figure .image{
  width: 30%;
}
article.-page.page-philosophy .philosophy_kodawari .philosophy_kodawari_main .figure .txt-box{
  width: 67%;
}
@media screen and (max-width: 768px) {
  article.-page.page-philosophy .philosophy_kodawari .philosophy_kodawari_main .figure {
    /*display: block;*/
    gap: calc(8.5em / 16 * 3);
    margin-top: 0;
  }
  
  article.-page.page-philosophy .philosophy_kodawari .philosophy_kodawari_main .figure .image{
    /*
    width: 100%;
    margin-top: calc(8.5em / 8 * 1);
    */
    flex: 1;
    aspect-ratio: 1/1;
  }
  article.-page.page-philosophy .philosophy_kodawari .philosophy_kodawari_main .figure .txt-box{
    /*width: 100%;*/
    flex: 3
  }
}
/*article.-page.page-philosophy .philosophy_kodawari .philosophy_kodawari_main .figure::before { content: ''; position: absolute; top: calc(8.5em / 8 * -6); left: calc(8.5em / -2); z-index: -1; display: block; width: calc(100% + 8.5em); height: auto; }
@media screen and (max-width: 768px) { article.-page.page-philosophy .philosophy_kodawari .philosophy_kodawari_main .figure::before { display: none; } }*/
/*article.-page.page-philosophy .philosophy_kodawari .philosophy_kodawari_main .figure.figure1 { right: 0; top: 0; }
article.-page.page-philosophy .philosophy_kodawari .philosophy_kodawari_main .figure.figure1::before { background: url(images/kodawari-01.svg); background-size: cover; aspect-ratio: 168/150; }
article.-page.page-philosophy .philosophy_kodawari .philosophy_kodawari_main .figure.figure2 { top: 25%; left: 0; }
article.-page.page-philosophy .philosophy_kodawari .philosophy_kodawari_main .figure.figure2::before { background: url(images/kodawari-02.svg); background-size: cover; aspect-ratio: 168/150; }
article.-page.page-philosophy .philosophy_kodawari .philosophy_kodawari_main .figure.figure3 { bottom: 0; right: 0; }
article.-page.page-philosophy .philosophy_kodawari .philosophy_kodawari_main .figure.figure3::before { background: url(images/kodawari-03.svg); background-size: cover; aspect-ratio: 163/150; }*/
article.-page.page-philosophy .philosophy_kodawari .philosophy_kodawari_main .figure .num-box{
  width: 100%;
  margin: 0 0 calc(8.5em / 8 * 1);
}
article.-page.page-philosophy .philosophy_kodawari .philosophy_kodawari_main .figure .num {
  position: relative;
  display: block;
  margin: 0;
  width: fit-content;
  padding-bottom: 10px;
  font-weight: 600;
  font-size: clamp(24px,2.8vw,34px);
  color: var(--red1);
}
article.-page.page-philosophy .philosophy_kodawari .philosophy_kodawari_main .figure .num::before { content: ''; display: inline-block; position: absolute; left: 0; bottom: 0px; height: 10px; width: 100%; background: radial-gradient(circle farthest-side, var(--red1), var(--red1) 30%, transparent 30%, transparent); background-size: 10px; }
article.-page.page-philosophy .philosophy_kodawari .philosophy_kodawari_main .figure .num + * { margin-top: calc(8.5em / 16 * 2); }
article.-page.page-philosophy .philosophy_kodawari .philosophy_kodawari_main dl > dt {
  font-size: clamp(18px,2.2vw,28px);
  font-weight: 600;
}
article.-page.page-philosophy .philosophy_kodawari .philosophy_kodawari_main dl > dt + * { margin-top: calc(8.5em / 16); }
article.-page.page-philosophy .philosophy_kodawari .philosophy_kodawari_main dl > dd {
  line-height: 2;
  font-size: clamp(14px,1.5vw,16px);
  margin-top: 20px;
}
article.-page.page-philosophy .philosophy_kodawari .philosophy_kodawari_banar { position: relative; z-index: 15; margin-top: calc(8.5em / 8 * 6); }
article.-page.page-philosophy .philosophy_kodawari .philosophy_kodawari_banar .title { display: flex; align-items: center; justify-content: center; gap: calc(8.5em / 16 * 3); }
article.-page.page-philosophy .philosophy_kodawari .philosophy_kodawari_banar .title::before, article.-page.page-philosophy .philosophy_kodawari .philosophy_kodawari_banar .title::after { content: ''; display: block; width: 1.23em; height: auto; background: url(images/crown.svg); aspect-ratio: 53/150; }
article.-page.page-philosophy .philosophy_kodawari .philosophy_kodawari_banar .title::after { transform: rotateY(180deg); }
article.-page.page-philosophy .philosophy_kodawari .philosophy_kodawari_banar .title .text { display: flex; align-items: center; flex-direction: column; }
article.-page.page-philosophy .philosophy_kodawari .philosophy_kodawari_banar .title .text * { color: var(--red1); }
article.-page.page-philosophy .philosophy_kodawari .philosophy_kodawari_banar .title .text .sub {
  font-weight: 600;
  font-size: clamp(14px,1.5vw,16px);
}
article.-page.page-philosophy .philosophy_kodawari .philosophy_kodawari_banar .title .text .main {
  font-weight: 600;
  font-size: clamp(18px,2.2vw,28px);
}
article.-page.page-philosophy .philosophy_kodawari .philosophy_kodawari_banar .title + * { margin-top: calc(8.5em / 16 * 3); }
article.-page.page-philosophy .philosophy_kodawari .philosophy_kodawari_banar ul > li { display: flex; align-items: center; background: #f6ecda; border-radius: calc(8.5em / 32 * 3); }
@media screen and (max-width: 768px) { article.-page.page-philosophy .philosophy_kodawari .philosophy_kodawari_banar ul > li { flex-direction: column; } }
article.-page.page-philosophy .philosophy_kodawari .philosophy_kodawari_banar ul > li > .image { flex: 1; background: var(--white); }
article.-page.page-philosophy .philosophy_kodawari .philosophy_kodawari_banar ul > li > .text { flex: 1; padding: calc(8.5em / 16 * 4) 0; font-size: 1.23em; text-align: center; }
article.-page.page-philosophy .philosophy_tour { position: relative; margin-bottom: calc(8.5em / 8 * -4); }
article.-page.page-philosophy .philosophy_tour ul.background > li .slider > .slider__inner { column-gap: calc(8.5em / 16 * 3); padding: calc(8.5em / 32 * 3); }
@media screen and (max-width: 768px) { article.-page.page-philosophy .philosophy_tour ul.background > li .slider > .slider__inner { column-gap: calc(8.5em / 32 * 3); padding: calc(8.5em / 64 * 3); } }
article.-page.page-philosophy .philosophy_tour ul.background > li .slider > .slider__inner > .slider__item { width: 340px; height: auto; aspect-ratio: 3/2; border-radius: calc(8.5em / 16 * 3); overflow: hidden; }
@media screen and (max-width: 768px) { article.-page.page-philosophy .philosophy_tour ul.background > li .slider > .slider__inner > .slider__item { border-radius: calc(8.5em / 32 * 3); } }
article.-page.page-philosophy .philosophy_tour ul.background > li:nth-child(2n) .slider__inner { animation-direction: reverse; }
article.-page.page-philosophy .philosophy_tour .entrance { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
article.-page.page-philosophy .philosophy_tour .entrance .inner { display: flex; align-items: center; flex-direction: column; gap: calc(8.5em / 16); min-width: 41%; padding: calc(8.5em / 16 * 6) calc(8.5em / 16 * 4); background: rgba(255, 255, 255, 0.7); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); border-radius: calc(8.5em / 16 * 3); overflow: hidden; }
article.-page.page-philosophy .philosophy_tour .entrance .inner > .icon { display: block; width: calc(8.5em / 16 * 6); height: auto; }
article.-page.page-philosophy .philosophy_tour .entrance .inner dl > dt { font-size: 1.5575em; }
article.-page.page-philosophy .philosophy_tour .entrance .inner dl > dd { line-height: 2; }
article.-page.page-philosophy .philosophy_tour .entrance .inner a { display: flex; align-items: center; justify-content: center; gap: calc(8.5em / 32 * 3); width: auto; min-height: 2.87em; padding: 0 calc(8.5em / 32 * 3); background: var(--red1); border-radius: calc(8.5em / 32 * 1); overflow: hidden; }
article.-page.page-philosophy .philosophy_tour .entrance .inner a * { color: var(--white); }
article.-page.page-philosophy .philosophy_tour .entrance .inner a > .text { padding-left: calc(8.5em / 32 * 3); }
article.-page.page-philosophy .philosophy_tour .entrance .inner a > .icon { display: flex; align-items: center; justify-content: center; width: calc(8.5em / 32 * 5); height: calc(8.5em / 32 * 5); padding: calc(8.5em / 128 * 3); background: rgba(255, 255, 255, 0.3); border-radius: calc(8.5em / 128 * 3); }
article.-page.page-philosophy .philosophy_tour .entrance .inner a > .icon img { filter: brightness(0) invert(1); }
article.-page.page-philosophy .philosophy_quality {
  background: var(--gray);
  margin-top: calc(8.5em / 8 * 4);
}
article.-page.page-philosophy .philosophy_quality .wrapper {
  /*
  max-width: 1000px;
  width: 90%;
  margin: 0 auto;
  */
  padding: calc(8.5em / 8 * 4) 0 calc(8.5em / 8 * 8);
  display: flex;
  flex-direction: column;
  /*gap: calc(8.5em / 8 * 2);*/
  max-width: 1200px;
  width: 90%;
  margin: 0 auto;
}
@media screen and (max-width: 768px) { article.-page.page-philosophy .philosophy_quality .wrapper { width: calc(100% / 16 * 13); padding: calc(8.5em / 8 * 3) 0 calc(8.5em / 8 * 6); } }
article.-page.page-philosophy .philosophy_quality .philosophy_quality_main ul { display: flex; flex-direction: column; gap: calc(8.5em / 8 * 2); }
article.-page.page-philosophy .philosophy_quality .philosophy_quality_main ul > li { display: flex; align-items: center; gap: calc(8.5em / 16 * 2) calc(8.5em / 8 * 4); }
@media screen and (max-width: 768px) { article.-page.page-philosophy .philosophy_quality .philosophy_quality_main ul > li { flex-direction: column; } }
article.-page.page-philosophy .philosophy_quality .philosophy_quality_main ul > li > .image { flex: 3; aspect-ratio: 1/1; border-radius: calc(8.5em / 16 * 3); overflow: hidden; background: var(--white); }
@media screen and (max-width: 768px) { article.-page.page-philosophy .philosophy_quality .philosophy_quality_main ul > li > .image { width: 100%; aspect-ratio: 16/9; border-radius: calc(8.5em / 16 * 2); } }
article.-page.page-philosophy .philosophy_quality .philosophy_quality_main ul > li > .text { flex: 9; }
article.-page.page-philosophy .philosophy_quality .philosophy_quality_main ul > li dl > dt { position: relative; display: table; padding-bottom: 10px; font-weight: 600; font-size: 1.845em; }
@media screen and (max-width: 768px) { article.-page.page-philosophy .philosophy_quality .philosophy_quality_main ul > li dl > dt { margin: 0 auto; text-align: center; font-size: 1.64em; } }
article.-page.page-philosophy .philosophy_quality .philosophy_quality_main ul > li dl > dt::before {
  /*
  content: '';
  display: inline-block;
  position: absolute;
  left: 0;
  bottom: 0px;
  height: 5px;
  width: 100%;
  background: radial-gradient(circle farthest-side, var(--red1), var(--red1) 30%, transparent 30%, transparent);
  background-size: 20px;
  */
}
article.-page.page-philosophy .philosophy_quality .philosophy_quality_main ul > li dl > dt strong { color: var(--red1); }
article.-page.page-philosophy .philosophy_quality .philosophy_quality_main ul > li dl > dt + * { margin-top: calc(8.5em / 16 * 2); }
article.-page.page-philosophy .philosophy_quality .philosophy_quality_main ul > li dl > dd { line-height: 2; }
article.-page.page-philosophy .philosophy_quality .philosophy_quality_main + p {
  margin-top: calc(8.5em / 16 * 5);
  padding-top: calc(8.5em / 8 * 2);
  border-top: solid 0.5px var(--black);
  line-height: 2;
  font-size: clamp(14px,1.5vw,16px);
}
@media screen and (max-width: 768px) { article.-page.page-philosophy .philosophy_quality .philosophy_quality_main + p { margin-top: calc(8.5em / 32 * 5); padding-top: calc(8.5em / 16 * 2); } }

.page-philosophy .philosophy_item { padding: calc(8.5em / 8 * 4) 0; }
@media screen and (max-width: 768px) { .page-philosophy .philosophy_item { padding: calc(8.5em / 8 * 2) 0; } }
.page-philosophy .philosophy_item_head {
  display: flex;
  gap: calc(8.5em / 8 * 2);
  max-width: 1200px;
  width: 90%;
  margin: 0 auto;
}
@media screen and (max-width: 768px) { .page-philosophy .philosophy_item_head { flex-direction: column; width: calc(100% / 16 * 14); } }
.page-philosophy .philosophy_item_head > .text { flex: 1; }
.page-philosophy .philosophy_item_head > .text dl { display: flex; flex-direction: column; gap: calc(8.5em / 16 * 1); }
.page-philosophy .philosophy_item_head > .text dl > dt {
  font-size: clamp(20px,2.5vw,26px);
  font-weight: 600;
}
@media screen and (max-width: 768px) { .page-philosophy .philosophy_item_head > .text dl > dt { text-align: center; } }
.page-philosophy .philosophy_item_head > .text dl > dd {
  line-height: 2;
  font-size: clamp(14px,1.5vw,16px);
}
.page-philosophy .philosophy_item_head > .image { flex: 1; aspect-ratio: 3/2; background: var(--white); border-radius: calc(8.5em / 16 * 1); overflow: hidden; }
.page-philosophy .philosophy_item_head + * { margin-top: calc(8.5em / 8 * 3) !important; }
@media screen and (max-width: 768px) { .page-philosophy .philosophy_item_head + * { margin-top: calc(8.5em / 8 * 2) !important; } }
.page-philosophy .philosophy_item_body {
  display: flex;
  flex-direction: column;
  gap: calc(8.5em / 8 * 2);
  max-width: 1200px;
  width: 90%;
  margin: 0 auto;
}
@media screen and (max-width: 768px) { .page-philosophy .philosophy_item_body { gap: calc(8.5em / 16 * 3); width: calc(100% / 16 * 14); } }
.page-philosophy .philosophy_item_body > .philosophy_item_body_column {
  display: flex;
  align-items: flex-start;
  gap: calc(8.5em / 8 * 2);
}
@media screen and (max-width: 768px) { .page-philosophy .philosophy_item_body > .philosophy_item_body_column { gap: calc(8.5em / 16 * 3); } }
.page-philosophy .philosophy_item_body > .philosophy_item_body_column > .image { flex: 1; aspect-ratio: 1/1; background: var(--white); border-radius: calc(8.5em / 32 * 3); overflow: hidden; }
.page-philosophy .philosophy_item_body > .philosophy_item_body_column > .text { flex: 3; }
.page-philosophy .philosophy_item_body > .philosophy_item_body_column > .text dl > dt + dd {
  font-size: clamp(14px,1.5vw,16px);
  margin-top: 20px;
}
.page-philosophy .philosophy_item_body > .philosophy_item_body_column > .text dl > dd { line-height: 2; }
@media screen and (max-width: 768px) { .page-philosophy .philosophy_item_body > .philosophy_item_body_column > .text dl > dd { line-height: 1.64; } }


article.-page hgroup:has(h2) { display: flex; flex-direction: column; }
article.-page hgroup:has(h2) h2 {
  position: relative;
  display: table;
  padding-bottom: 10px;
  font-weight: 600;
  font-size: clamp(22px,2.5vw,30px);
}
article.-page hgroup:has(h2) h2::before {
  content: '';
  display: inline-block;
  position: absolute;
  left: 0;
  bottom: 0px;
  height: 5px;
  width: 100%;
  background: radial-gradient(circle farthest-side, var(--red1), var(--red1) 30%, transparent 30%, transparent);
  background-size: 18px;
}
article.-page hgroup:has(h2) h2[data-color="soba"]::before { background: radial-gradient(circle farthest-side, #a47756, #a47756 30%, transparent 30%, transparent); background-size: 17px; }
article.-page hgroup:has(h2) h2[data-color="green"]::before { background: radial-gradient(circle farthest-side, var(--green1), var(--green1) 30%, transparent 30%, transparent); background-size: 17px; }
article.-page hgroup:has(h2) h2[data-color="location"]::before { background: radial-gradient(circle farthest-side, var(--white), var(--white) 30%, transparent 30%, transparent); background-size: 17px; }
article.-page hgroup:has(h2) + * {
  font-size: clamp(14px,1.5vw,18px);
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  article.-page hgroup:has(h2) + * {
    margin-top: 20px;
  }
}
article.-page hgroup:has(h3) { display: flex; align-items: baseline; gap: calc(8.5em / 16); }
article.-page hgroup:has(h3) + * { margin-top: calc(8.5em / 16 * 2); }
article.-page hgroup:has(h4) {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(8.5em / 16);
  margin-bottom: 80px;
}
@media screen and (max-width: 768px) {
  article.-page hgroup:has(h4) {
    margin-bottom: 30px;
  }
}
article.-page hgroup:has(h4) h4 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  max-width: calc(8.5em / 8 * 12);
  font-size: clamp(20px,2.5vw,26px);
  color: var(--green1);
}
article.-page hgroup:has(h4) h4::before, article.-page hgroup:has(h4) h4::after { content: ''; display: block; width: 1em; height: auto; background: url(images/flash.svg) no-repeat; aspect-ratio: 53/150; }
article.-page hgroup:has(h4) h4::after { transform: rotateY(180deg); }
article.-page .wave_area {
  position: relative;
  z-index: 20;
  margin: -1px 0;
  line-height: 0;
}
article.-page .wave_area.mirror { transform: rotate(180deg); }
article.-page .dividing { width: 100%; height: 1px; background: var(--border-light-black); }
article.-page .page-block .page-cell ~ .page-cell { margin-top: calc(8.5em / 8 * 3); }

.page_navigation { position: relative; z-index: 15; padding: calc(8.5em / 8 * 2) 0 calc(8.5em / 8 * 2); background: var(--color-key1); }
.page_navigation a { display: block; }
.page_navigation .wrapper { position: relative; z-index: 15; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; width: calc(100% / 32 * 29); margin: 0 auto; }
.page_navigation .wrapper * { color: var(--color-white); }
.page_navigation .wrapper > span { font-size: 1.075em; }
.page_navigation .wrapper .nextpage { display: flex; align-items: center; column-gap: calc(8.5em / 8 * 4); }
@media screen and (max-width: 768px) { .page_navigation .wrapper .nextpage { align-items: flex-end; justify-content: space-between; column-gap: calc(8.5em / 8 * 2); width: 100%; } }
.page_navigation .wrapper .nextpage > .text { display: flex; align-items: center; column-gap: calc(8.5em / 16 * 3); }
.page_navigation .wrapper .nextpage > .text hgroup p { line-height: 1.3325; }
.page_navigation .wrapper .nextpage > .text hgroup p.en { font-size: 2.05em; }
.page_navigation .wrapper .nextpage > .text i { display: flex; align-items: center; min-height: 1.64em; padding: 0 calc(8.5em / 10); background: var(--color-black); border-radius: 8.5em; }
.page_navigation .wrapper .nextpage > .text i img { display: block; width: .9em; height: .9em; filter: brightness(0) invert(1); }
.page_navigation .wrapper .nextpage > .image { width: calc(8.5em / 8 * 8); }
@media screen and (max-width: 768px) { .page_navigation .wrapper .nextpage > .image { width: calc(8.5em / 8 * 7); } }
.page_navigation .wrapper .nextpage > .image div { aspect-ratio: 1/1; border-radius: calc(8.5em / 16); overflow: hidden; }

@media screen and (max-width: 768px) { .product_archive { padding-bottom: calc(8.5em / 16 * 10); } }
.product_archive .product_archive_itemlist .wrapper { width: calc(100% / 16 * 14); margin: 0 auto; }
.product_archive .product_archive_itemlist .wrapper .sort { position: relative; z-index: 15; display: flex; align-items: baseline; justify-content: space-between; margin-bottom: calc(8.5em / 16 * 3); padding-bottom: calc(8.5em / 16); border-bottom: solid 1px var(--border-light-black); }
.product_archive .product_archive_itemlist .wrapper .sort .count { display: flex; align-items: baseline; gap: calc(8.5em / 64); }
.product_archive .product_archive_itemlist .wrapper .sort .count > span { display: block; }
.product_archive .product_archive_itemlist .wrapper .sort .count > span.num { font-size: 2.05em; }
.product_archive .product_archive_itemlist .wrapper .sort .count > span.unit { font-weight: var(--fw-6); }
.product_archive .product_archive_itemlist .wrapper ul.list { display: flex; flex-wrap: wrap; gap: calc(8.5em / 16 * 5) calc(8.5em / 16 * 3); }
@media screen and (max-width: 768px) { .product_archive .product_archive_itemlist .wrapper ul.list { gap: calc(8.5em / 16 * 4) calc(8.5em / 16 * 2); } }
.product_archive .product_archive_itemlist .wrapper ul.list > li { width: calc((100% / 4) - ((8.5em / 16 * 3) * 3 / 4)); }
@media screen and (max-width: 768px) { .product_archive .product_archive_itemlist .wrapper ul.list > li { width: calc((100% / 2) - ((8.5em / 16 * 2) * 1 / 2)); } }
.product_archive .product_archive_itemlist .wrapper ul.list > li a.card { display: flex; flex-direction: column; gap: calc(8.5em / 16* 3); }
@media screen and (max-width: 768px) { .product_archive .product_archive_itemlist .wrapper ul.list > li a.card { gap: calc(8.5em / 32 * 3); } }
.product_archive .product_archive_itemlist .wrapper ul.list > li a.card > .image { display: flex; align-items: center; aspect-ratio: 5 / 6; background: var(--color-white); border-radius: calc(8.5em / 32); overflow: hidden; transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; }
.product_archive .product_archive_itemlist .wrapper ul.list > li a.card > .text p { font-weight: var(--fw-6); }
.product_archive .product_archive_itemlist .wrapper ul.list > li a.card > .text span { display: flex; align-items: center; font-size: .85em; color: var(--color-key1); }
.product_archive .product_archive_itemlist .wrapper ul.list > li a.card:hover > .image { box-shadow: rgba(0, 0, 0, 0.2) 0px 18px 50px -10px; transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; }

.underDotLine {
  position: relative;
  display: table;
  padding-bottom: 10px;
  font-weight: 600;
  font-size: clamp(20px,2.5vw,26px);
}
.underDotLine::before { content: ''; display: inline-block; position: absolute; left: 0; bottom: 0px; height: 5px; width: 100%; background: radial-gradient(circle farthest-side, var(--red1), var(--red1) 30%, transparent 30%, transparent); background-size: 17px; }
.underDotLine[data-color="soba"]::before { background: radial-gradient(circle farthest-side, #a47756, #a47756 30%, transparent 30%, transparent); background-size: 17px; }
/* .underDotLine[data-color="location"]::before { background: radial-gradient(circle farthest-side, var(--white), var(--white) 30%, transparent 30%, transparent); background-size: 17px; } */

.page-soba .soba_main {
}
@media screen and (max-width: 768px) {
  .page-soba .soba_main {
  }
}
.page-soba .soba_main .soba_head { text-align: center; }
.page-soba .soba_main .soba_head .wrapper { width: calc(100% / 16 * 12); margin: 0 auto; }
@media screen and (max-width: 768px) { .page-soba .soba_main .soba_head .wrapper { width: calc(100% / 16 * 14); }
  .page-soba .soba_main .soba_head .wrapper p { text-align: left; line-height: 1.64; } }

.page-soba .soba_main .soba_body{
  margin-top: -5%;
}
@media screen and (max-width: 768px) { 
  .page-soba .soba_main .soba_body{
    margin-top: -7%;
  }
}

.page-soba .soba_main .soba_body > .soba_item { padding: calc(8.5em / 8 * 4) 0; }
@media screen and (max-width: 768px) { .page-soba .soba_main .soba_body > .soba_item { padding: calc(8.5em / 8 * 2) 0; } }
.page-soba .soba_main .soba_body > .soba_item.even { background-color: var(--gray); }
.page-soba .soba_main .soba_body > .soba_item .soba_item_head {
  display: flex;
  gap: calc(8.5em / 8 * 2);
  max-width: 1200px;
  width: 90%;
  margin: 0 auto;
}
@media screen and (max-width: 768px) { .page-soba .soba_main .soba_body > .soba_item .soba_item_head { flex-direction: column; width: calc(100% / 16 * 14); } }
.page-soba .soba_main .soba_body > .soba_item .soba_item_head > .text { flex: 1; }
.page-soba .soba_main .soba_body > .soba_item .soba_item_head > .text dl { display: flex; flex-direction: column; gap: calc(8.5em / 16 * 1); }
.page-soba .soba_main .soba_body > .soba_item .soba_item_head > .text dl > dt {
  font-size: clamp(20px,2.5vw,26px);
  font-weight: 600;
}
@media screen and (max-width: 768px) { .page-soba .soba_main .soba_body > .soba_item .soba_item_head > .text dl > dt { text-align: center; } }
.page-soba .soba_main .soba_body > .soba_item .soba_item_head > .text dl > dd {
  line-height: 2;
  font-size: clamp(14px,1.5vw,16px);
}
.page-soba .soba_main .soba_body > .soba_item .soba_item_head > .image { flex: 1; aspect-ratio: 3/2; background: var(--white); border-radius: calc(8.5em / 16 * 1); overflow: hidden; }
.page-soba .soba_main .soba_body > .soba_item .soba_item_head + * { margin-top: calc(8.5em / 8 * 3) !important; }
@media screen and (max-width: 768px) { .page-soba .soba_main .soba_body > .soba_item .soba_item_head + * { margin-top: calc(8.5em / 8 * 2) !important; } }
.page-soba .soba_main .soba_body > .soba_item .soba_item_body {
  display: flex;
  flex-direction: column;
  gap: calc(8.5em / 8 * 2);
  max-width: 1200px;
  width: 90%;
  margin: 0 auto;
}
@media screen and (max-width: 768px) { .page-soba .soba_main .soba_body > .soba_item .soba_item_body { gap: calc(8.5em / 16 * 3); width: calc(100% / 16 * 14); } }
.page-soba .soba_main .soba_body > .soba_item .soba_item_body > .soba_item_body_column {
  display: flex;
  align-items: flex-start;
  gap: calc(8.5em / 8 * 2);
}
@media screen and (max-width: 768px) { .page-soba .soba_main .soba_body > .soba_item .soba_item_body > .soba_item_body_column { gap: calc(8.5em / 16 * 3); } }
.page-soba .soba_main .soba_body > .soba_item .soba_item_body > .soba_item_body_column > .image { flex: 1; aspect-ratio: 1/1; background: var(--white); border-radius: calc(8.5em / 32 * 3); overflow: hidden; }
.page-soba .soba_main .soba_body > .soba_item .soba_item_body > .soba_item_body_column > .text { flex: 3; }
.page-soba .soba_main .soba_body > .soba_item .soba_item_body > .soba_item_body_column > .text dl > dt + dd {
  font-size: clamp(14px,1.5vw,16px);
  margin-top: 20px;
}
.page-soba .soba_main .soba_body > .soba_item .soba_item_body > .soba_item_body_column > .text dl > dd { line-height: 2; }
@media screen and (max-width: 768px) { .page-soba .soba_main .soba_body > .soba_item .soba_item_body > .soba_item_body_column > .text dl > dd { line-height: 1.64; } }

.page-company .wrapper {
  max-width: 1220px;
  width: 90%;
  margin: 0 auto;
}
@media screen and (max-width: 768px) { .page-company .wrapper { width: calc(100% / 16 * 14); } }
.page-company .company_main > .company_head + * { margin-top: calc(8.5em / 16 * 5); }
.page-company .company_main > .company_body .wrapper { padding: calc(8.5em / 16 * 6); background: var(--white); border-radius: calc(8.5em / 16 * 3); overflow: hidden; }
@media screen and (max-width: 768px) { .page-company .company_main > .company_body .wrapper { padding: calc(8.5em / 16 * 4); } }
.page-company .outline_main > .outline_head { padding-top: calc(8.5em / 8 * 4); }
@media screen and (max-width: 768px) { .page-company .outline_main > .outline_head { padding-top: calc(8.5em / 8 * 2); } }
.page-company .outline_main > .outline_body { padding-bottom: calc(8.5em / 8 * 4); }
@media screen and (max-width: 768px) { .page-company .outline_main > .outline_body { padding-bottom: calc(8.5em / 8 * 2); } }
.page-company .outline_main > .outline_body ul.list {
  display: flex;
  flex-direction: column;
  max-width: 900px;
  width: 90%;
  margin: 0 auto;
  font-size: clamp(14px,1.5vw,16px);
}
@media screen and (max-width: 768px) { .page-company .outline_main > .outline_body ul.list { padding: calc(8.5em / 32 * 1) 0; } }
.page-company .outline_main > .outline_body ul.list > li { padding: calc(8.5em / 16 * 1) 0; }
@media screen and (max-width: 768px) { .page-company .outline_main > .outline_body ul.list > li { padding: calc(8.5em / 32 * 1) 0; } }
.page-company .outline_main > .outline_body ul.list > li > dl { display: flex; align-items: center; }
@media screen and (max-width: 768px) { .page-company .outline_main > .outline_body ul.list > li > dl { align-items: flex-start; flex-direction: column; gap: calc(8.5em / 64) calc(8.5em / 16 * 2); } }
.page-company .outline_main > .outline_body ul.list > li > dl > dt { flex: 1; display: flex; align-items: center; gap: calc(8.5em / 32 * 3); font-weight: var(--fw-6); }
@media screen and (max-width: 768px) { .page-company .outline_main > .outline_body ul.list > li > dl > dt { font-size: .9em; } }
.page-company .outline_main > .outline_body ul.list > li > dl > dt::before { content: ''; display: block; width: calc(8.5em / 32 * 3); min-width: calc(8.5em / 32 * 3); height: calc(8.5em / 32 * 3); background: var(--green1); border-radius: 1em; }
.page-company .outline_main > .outline_body ul.list > li > dl > dd { flex: 3; }
@media screen and (max-width: 768px) { .page-company .outline_main > .outline_body ul.list > li > dl > dd { padding: 0 calc(8.5em / 16 * 2); } }
.page-company .outline_main > .outline_body dl.contact { margin-top: calc(8.5em / 32); padding: calc(8.5em / 32 * 3); background: var(--lightgray); border-radius: calc(8.5em / 32); overflow: hidden; text-align: center; }
.page-company .outline_main > .outline_body dl.contact > dt { font-size: 1.64em; font-weight: var(--fw-6); }
.page-company .outline_main > .outline_body dl.contact > dd { font-size: .85em; }
.page-company .outline_main > .outline_body dl.contact br { display: none; }
.page-company .outline_main > .register_body ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.page-company .outline_main > .register_body ul > li {
  display: flex;
  flex-direction: column;
  width: calc(100% / 6 - 20px);
}
@media screen and (max-width: 768px) {
  .page-company .outline_main > .register_body ul > li {
    width: calc(100% / 2 - 10px);
  }
}
.page-company .outline_main > .register_body ul > li > .image { aspect-ratio: 1/1; background: var(--color-white); border-radius: calc(8.5em / 32); overflow: hidden; }
.page-company .location_main{
  padding-top: calc(8.5em / 8 * 4);
}
.page-company .location_main * { /*color: var(--white);*/ }
.page-company .location_main h4{
  color: var(--green2);
}
.page-company .location_main > .location_head { padding: calc(8.5em / 8 * 4) 0 1px; /*background: var(--blue1);*/ }
@media screen and (max-width: 768px) { .page-company .location_main > .location_head { padding-top: calc(8.5em / 8 * 2); } }
.page-company .location_main > .location_head + * {  }
.page-company .location_main > .location_body { /*background: var(--blue1);*/ padding-bottom: calc(8.5em / 8 * 4); }
.page-company .location_main > .location_body ul.list {
  display: flex;
  gap: calc(8.5em / 8 * 3);
}
.page-company .location_main > .location_body ul.list > li {
  display: block;
  width: calc(100% / 2 - 30px);
}
@media screen and (max-width: 768px) {
  .page-company .location_main > .location_body ul.list{
    display: block;
  }
  .page-company .location_main > .location_body ul.list > li {
    width: 100%;
    margin-bottom: 40px;
  }
  .page-company .location_main > .location_body ul.list > li:last-child{
    margin-bottom: 0;
  }
}
.page-company .location_main > .location_body ul.list > li > .head { flex: 1; line-height: 0; }
.page-company .location_main > .location_body ul.list > li > .head > .image {
  flex: 1;
  aspect-ratio: 3/2;
  border-radius: calc(8.5em / 32 * 3);
  overflow: hidden;
  margin-bottom: 20px;
}
.page-company .location_main > .location_body ul.list > li > .body { flex: 1; }
.page-company .location_main > .location_body ul.list > li > .body ul {
  display: flex;
  flex-direction: column;
  gap: calc(8.5em / 16);
  font-size: clamp(14px,1.5vw,16px);
}
@media screen and (max-width: 768px) { .page-company .location_main > .location_body ul.list > li > .body ul { gap: calc(8.5em / 128 * 3); } }
.page-company .location_main > .location_body ul.list > li > .body ul > li a { position: relative; z-index: 5; padding: 0 2.46em; font-size: .9em; text-decoration: underline; color: var(--color-key2); white-space: nowrap; transition: all cubic-bezier(0.28, 1.52, 0.73, 1.25) 0.41s; -o-transition: all cubic-bezier(0.28, 1.52, 0.73, 1.25) 0.41s; -moz-transition: all cubic-bezier(0.28, 1.52, 0.73, 1.25) 0.41s; -webkit-transition: all cubic-bezier(0.28, 1.52, 0.73, 1.25) 0.41s; }
.page-company .location_main > .location_body ul.list > li > .body ul > li a::before { content: ''; position: absolute; top: 50%; left: 0; z-index: -1; display: block; width: 100%; aspect-ratio: 3/2; background: url(images/button_circle.svg); background-size: cover; transform: translateY(-50%); }
.page-company .location_main > .location_body ul.list > li > .body ul > li a:hover { filter: brightness(0.95); transform: scale(0.985); transition: all cubic-bezier(0.28, 1.52, 0.73, 1.25) 0.41s; -o-transition: all cubic-bezier(0.28, 1.52, 0.73, 1.25) 0.41s; -moz-transition: all cubic-bezier(0.28, 1.52, 0.73, 1.25) 0.41s; -webkit-transition: all cubic-bezier(0.28, 1.52, 0.73, 1.25) 0.41s; }
.page-company .location_main > .location_body ul.list > li > .body ul > li.location { display: flex; align-items: center; gap: calc(8.5em / 16 * 1); margin-top: calc(8.5em / 8); font-size: .9em; opacity: .8; }
.page-company .history_main > .history_head { padding-top: calc(8.5em / 8 * 4); }
@media screen and (max-width: 768px) { .page-company .history_main > .history_head { padding-top: calc(8.5em / 8 * 2); } }
.page-company .history_main > .history_body { padding-bottom: calc(8.5em / 8 * 4); }
@media screen and (max-width: 768px) { .page-company .history_main > .history_body { padding-bottom: calc(8.5em / 8 * 2); } }
.page-company .history_main > .history_body ul.list { display: flex; flex-direction: column; max-width: calc(8.5em / 8 * 40); margin: 0 auto; padding: calc(8.5em / 16 * 1) 0; }
@media screen and (max-width: 768px) { .page-company .history_main > .history_body ul.list { padding: calc(8.5em / 32 * 1) 0; } }
.page-company .history_main > .history_body ul.list > li { padding: calc(8.5em / 16 * 1) 0; }
@media screen and (max-width: 768px) { .page-company .history_main > .history_body ul.list > li { padding: calc(8.5em / 32 * 1) 0; } }
.page-company .history_main > .history_body ul.list > li dl { display: flex; align-items: flex-start; }
@media screen and (max-width: 768px) { .page-company .history_main > .history_body ul.list > li dl { align-items: baseline; gap: calc(8.5em / 8); } }
.page-company .history_main > .history_body ul.list > li dl > dt {
  flex: 1;
  font-size: clamp(16px,1.8vw,20px);
  font-weight: var(--fw-6);
  letter-spacing: -.041em;
  max-width: 110px;
}
@media screen and (max-width: 768px) { .page-company .history_main > .history_body ul.list > li dl > dt { flex: initial; } }
.page-company .history_main > .history_body ul.list > li dl > dd {
  flex: 3;
  font-size: clamp(14px,1.5vw,16px);
}
.page-company .history_main > .history_body ul.list > li dl > dd ul { display: flex; flex-direction: column; gap: calc(8.5em / 32); }
.page-company .company-quality .quality_image { aspect-ratio: 2.87/1; border-radius: calc(8.5em / 32); overflow: hidden; }
@media screen and (max-width: 768px) { .page-company .company-quality .quality_image { aspect-ratio: 16/9; } }
.page-company .company-quality .quality_image + * { margin-top: calc(8.5em / 8 * 2); }
@media screen and (max-width: 768px) { .page-company .company-quality .quality_image + * { margin-top: calc(8.5em / 16 * 3); } }
.page-company .company-quality dl > dt { font-weight: var(--fw-6); font-size: 1.5575em; }
.page-company .company-quality dl > dt + dd { margin-top: calc(8.5em / 16); }
.page-company .company-quality dl + * { margin-top: calc(8.5em / 8); }
.page-company .company-quality p.caption { padding: calc(8.5em / 16 * 3); background: var(--border-light-black); border-radius: calc(8.5em / 32); overflow: hidden; font-size: .85em; }
.page-company .company-activity ul { display: flex; flex-wrap: wrap; gap: calc(8.5em / 8 * 2) calc(8.5em / 8); }
@media screen and (max-width: 768px) { .page-company .company-activity ul { gap: calc(8.5em / 16 * 3) calc(8.5em / 8); } }
.page-company .company-activity ul > li { display: flex; flex-direction: column; gap: calc(8.5em / 8); width: calc(8.5em / 8 * 14); max-width: calc((100% / 2) - ((8.5em / 8) * 1 / 2)); }
.page-company .company-activity ul > li > .image { aspect-ratio: 1/1; background: var(--color-white); border-radius: calc(8.5em / 32); overflow: hidden; }
.page-company .company-activity ul > li > .text { font-weight: var(--fw-6); text-align: center; }

.page-csr .wrapper {
  max-width: 1200px;
  width: 90%;
  margin: 0 auto;
}
@media screen and (max-width: 768px) { .page-csr .wrapper { width: calc(100% / 16 * 14); } }
.page-csr .csr_main { padding: calc(8.5em / 16 * 4) 0 calc(8.5em / 16 * 8); }
@media screen and (max-width: 768px) { .page-csr .csr_main { padding: calc(8.5em / 16 * 4) 0 calc(8.5em / 16 * 6); } }
.page-csr .csr_main[data-color="gray"] > .csr_head { background: var(--gray); }
.page-csr .csr_main[data-color="gray"] > .csr_head .wrapper { padding-top: calc(8.5em / 16 * 8); }
@media screen and (max-width: 768px) { .page-csr .csr_main[data-color="gray"] > .csr_head .wrapper { padding-top: calc(8.5em / 16 * 5); } }
.page-csr .csr_main[data-color="gray"] > .csr_body {
  background: linear-gradient(to bottom,var(--gray), transparent);
  padding-top: calc(8.5em / 16 * 8); 
}
.page-csr .csr_main > .csr_head + * { padding-top: calc(8.5em / 16 * 5); }
.page-csr .csr_main > .csr_body .csr_body_column ul.card { display: flex; flex-wrap: wrap; gap: calc(8.5em / 16 * 3) calc(8.5em / 8 * 3); }
@media screen and (max-width: 768px) { .page-csr .csr_main > .csr_body .csr_body_column ul.card { flex-direction: column; } }
.page-csr .csr_main > .csr_body .csr_body_column ul.card > li { display: flex; align-items: center; flex-direction: column; gap: calc(8.5em / 16 * 3); width: calc((100% / 2) - ((8.5em / 8 * 3) * 1 / 2)); }
@media screen and (max-width: 768px) { .page-csr .csr_main > .csr_body .csr_body_column ul.card > li { width: 100%; } }
.page-csr .csr_main > .csr_body .csr_body_column ul.card > li .image { border-radius: calc(8.5em / 32 * 3); overflow: hidden; line-height: 1; }
.page-csr .csr_main > .csr_body .csr_body_column ul.card > li .text dl { display: flex; align-items: center; flex-direction: column; gap: calc(8.5em / 16 * 2); }
.page-csr .csr_main > .csr_body .csr_body_column ul.card > li .text dl > dt {
  font-size: clamp(20px,2.5vw,26px);
  font-weight: 600;
  text-align: center;
}
.page-csr .csr_main > .csr_body .csr_body_column ul.card > li .text dl > dd {
  font-size: clamp(14px,1.5vw,16px);
  line-height: 2;
}
.page-csr .csr_main > .csr_body .csr_body_column ul.card > li .text dl > dt small { display: block; }
.page-csr .csr_main > .csr_body .csr_body_column + .csr_body_column { margin-top: calc(8.5em / 16 * 8); }

#siteContent:has(#faqHeader) { padding-top: 0; }

header#faqHeader { position: relative; z-index: 15; padding: calc(8.5em / 8 * 7) 0; background: var(--color-black); }
header#faqHeader .wrapper { display: flex; align-items: center; flex-direction: column; gap: calc(8.5em / 8 * 1); width: calc(100% / 32 * 28); margin: 0 auto; padding: calc(8.5em / 8 * 4) 0; }
@media screen and (max-width: 768px) { header#faqHeader .wrapper { width: calc(100% / 32 * 28); padding-top: calc(8.5em / 8 * 2); } }
header#faqHeader .wrapper hgroup { display: flex; align-items: center; flex-direction: column; }
header#faqHeader .wrapper hgroup * { color: var(--color-white); }
header#faqHeader .wrapper hgroup h1 { font-size: calc(8.5em / 16 * 4); }
header#faqHeader .wrapper hgroup span { position: relative; z-index: 15; font-size: calc(8.5em / 16 * 2); font-weight: var(--fw-6); letter-spacing: -.01025em; line-height: 1; color: var(--color-key1); background-image: url(images/noise.png), radial-gradient(circle at 40% 20%, #ff4242 0%, transparent 50%), radial-gradient(circle at 0% 100%, #ffb58a 0%, transparent 50%), radial-gradient(circle at 80% 100%, #8a0000 0%, transparent 50%); background-size: 100px, cover, cover, cover, cover; background-blend-mode: normal, normal, normal, normal; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

.page-faq .wrapper { width: calc(100% / 16 * 12); margin: 0 auto; padding: calc(8.5em / 16 * 10) 0 calc(8.5em / 16 * 14); }
@media screen and (max-width: 768px) { .page-faq .wrapper { width: calc(100% / 16 * 15); padding: calc(8.5em / 16 * 5) 0 calc(8.5em / 16 * 8); } }
.page-faq .faq_pick { margin-top: calc(((8.5em / 16 * 10) + (8.5em / 8 * 7)) * -1); padding: calc(8.5em / 16 * 4); background: var(--color-white); border: solid 1px var(--border-light-black); border-radius: calc(8.5em / 16); overflow: hidden; }
@media screen and (max-width: 768px) { .page-faq .faq_pick { margin-top: calc(((8.5em / 16 * 5) + (8.5em / 8 * 7)) * -1); padding: calc(8.5em / 16 * 3); } }
.page-faq .faq_pick h2 { padding-bottom: calc(8.5em / 8); font-size: 1.1275em; }
.page-faq .faq_pick + * { margin-top: calc(8.5em / 8 * 2); }
.page-faq .faq_head { padding-bottom: calc(8.5em / 8); }
.page-faq .faq_head h2 { font-size: 1.1275em; }
.page-faq .faq_head h2 + * { margin-top: calc(8.5em / 16); }
.page-faq .faq_head nav ul { display: flex; gap: calc(8.5em / 8); }
@media screen and (max-width: 768px) { .page-faq .faq_head nav ul { gap: calc(8.5em / 16); } }
.page-faq .faq_head nav ul > li { flex: 1; display: flex; align-items: center; justify-content: center; min-height: 2.87em; padding: calc(8.5em / 32 * 1); background: var(--color-white); border: solid 1px var(--border-light-black); border-radius: calc(8.5em / 32); overflow: hidden; transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; }
.page-faq .faq_head nav ul > li > span { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; }
.page-faq .faq_head nav ul > li:hover { transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; }
.page-faq .faq_head nav ul > li:hover > span { background: var(--border-light-black); transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; }
.page-faq .faq_head nav ul > li.current { background: var(--color-key1); transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; }
.page-faq .faq_head nav ul > li.current > span { background: transparent; color: var(--color-white); transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; }
.page-faq .faq_body { position: relative; z-index: 15; }
.page-faq .faq_body .switchBody { position: absolute; top: 0; width: 100%; padding: calc(8.5em / 16* 4); background: var(--color-white); border: solid 1px var(--border-light-black); border-radius: calc(8.5em / 16); overflow: hidden; opacity: 0; visibility: hidden; pointer-events: none; transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; }
@media screen and (max-width: 768px) { .page-faq .faq_body .switchBody { padding: calc(8.5em / 16 * 3); } }
.page-faq .faq_body .switchBody.current { position: relative; opacity: 1; visibility: visible; pointer-events: auto; transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; transition-delay: .205s; }
.page-faq ul.list { display: flex; flex-direction: column; border-top: solid 1px var(--border-light-black); }
.page-faq ul.list > li { padding: calc(8.5em / 16 * 3) 0; border-bottom: solid 1px var(--border-light-black); }
@media screen and (max-width: 768px) { .page-faq ul.list > li { padding: calc(8.5em / 16 * 2) 0; } }
.page-faq ul.list > li dl > dt { display: flex; align-items: center; gap: calc(8.5em / 16 * 3); font-weight: var(--fw-5); color: var(--color-key2); }
@media screen and (max-width: 768px) { .page-faq ul.list > li dl > dt { gap: calc(8.5em / 16 * 2); } }
.page-faq ul.list > li dl > dt::before { content: 'Q'; display: flex; align-items: center; justify-content: center; width: 1.845em; min-width: 1.845em; height: 1.845em; background: var(--color-text); border-radius: calc(8.5em / 32); overflow: hidden; color: var(--color-white); font-size: .9em; font-weight: var(--fw-5); }
.page-faq ul.list > li dl > dt:hover { text-decoration: underline; }
.page-faq ul.list > li dl > dt:hover::before { background: var(--color-key2); }
.page-faq ul.list > li dl > dt.open::before { background: var(--color-key2); }
.page-faq ul.list > li dl > dt + dd { margin-top: calc(8.5em / 16); }
.page-faq ul.list > li dl > dd { display: flex; gap: calc(8.5em / 16 * 3); }
@media screen and (max-width: 768px) { .page-faq ul.list > li dl > dd { gap: calc(8.5em / 16 * 2); } }
.page-faq ul.list > li dl > dd::before { content: 'A'; display: flex; align-items: center; justify-content: center; width: 1.845em; min-width: 1.845em; height: 1.845em; background: var(--border-light-black); border-radius: calc(8.5em / 32); overflow: hidden; font-size: .9em; font-weight: var(--fw-5); }

.page-entry .wrapper { width: calc(100% / 16 * 14); margin: 0 auto; padding-bottom: calc(8.5em / 16 * 14); }
@media screen and (max-width: 768px) { .page-entry .wrapper { padding-bottom: calc(8.5em / 16 * 8); } }
.page-entry .wrapper.f_wrapper { display: flex; gap: calc(8.5em / 8 * 3) calc(8.5em / 8 * 8); }
@media screen and (max-width: 768px) { .page-entry .wrapper.f_wrapper { flex-direction: column; } }
.page-entry .wrapper.f_wrapper .sub_column { order: 1; flex: 1; padding-top: calc(8.5em / 8 * 3); border-top: solid 1px var(--border-light-black); }
@media screen and (max-width: 768px) { .page-entry .wrapper.f_wrapper .sub_column { order: 0; width: 100%; padding-top: calc(8.5em / 16 * 3); } }
.page-entry .wrapper.f_wrapper .sub_column dl > dt + dd { margin-top: calc(8.5em / 8 * 2); }
@media screen and (max-width: 768px) { .page-entry .wrapper.f_wrapper .sub_column dl > dt + dd { margin-top: calc(8.5em / 16 * 1); } }
.page-entry .wrapper.f_wrapper .sub_column dl > dd { font-size: .8em; }
.page-entry .wrapper.f_wrapper .sub_column dl > dd a { position: relative; z-index: 15; display: inline-block; padding-bottom: calc(8.5em / 32); color: var(--color-key2); line-height: 1.64; }
.page-entry .wrapper.f_wrapper .sub_column dl > dd a::after { content: ''; display: block; width: 100%; height: 1px; background: var(--color-key2); }
.page-entry .wrapper.f_wrapper .main_column { flex: 3; padding-top: calc(8.5em / 8 * 3); border-top: solid 1px var(--border-light-black); }
@media screen and (max-width: 768px) { .page-entry .wrapper.f_wrapper .main_column { width: 100%; padding-top: calc(8.5em / 16 * 3); } }

ul.share { display: flex; align-items: center; gap: calc(8.5em / 8); }
ul.share > li a i { display: block; width: 1.64em; height: 1.64em; }

.post_social { position: relative; z-index: 15; margin-top: calc(8.5em / 16 * 3); }
.post_social h6 { margin: 0; text-align: center; font-size: 1em; font-weight: 500; }
.post_social h6 + * { margin-top: calc(8.5em / 16* 2); }
.post_social ul { display: flex; align-items: center; justify-content: center; gap: calc(8.5em / 16* 3); }
.post_social ul > li a { display: block; }
.post_social ul > li a i { display: block; width: calc(8.5em / 16* 3); height: calc(8.5em / 16* 3); }

.page-policy .wrapper { width: calc(100% / 16 * 12); margin: 0 auto; padding: calc(8.5em / 16 * 10) 0 calc(8.5em / 16 * 14); }
@media screen and (max-width: 768px) { .page-policy .wrapper { width: calc(100% / 16 * 14); padding: calc(8.5em / 16 * 5) 0 calc(8.5em / 16 * 8); } }
.page-policy .page_head { display: flex; flex-direction: column; gap: calc(8.5em / 16); }
.page-policy .page_head p { font-size: 0.9em !important; }
.page-policy .page_head + * { margin-top: calc(8.5em / 16 * 4); }
.page-policy ul.list { padding: calc(8.5em / 16 * 4) 0; border-top: solid 1px rgba(0, 0, 0, 0.1025); border-bottom: solid 1px rgba(0, 0, 0, 0.1025); }
.page-policy ul.list > li ~ li { margin-top: calc(8.5em / 16 * 3); }
.page-policy ul.list > li[data-number] { display: flex; align-items: flex-start; justify-content: center; }
.page-policy ul.list > li[data-number]::before { content: attr(data-number) ""; display: block; width: 3rem; font-weight: 600; font-size: 1.3325em; color: #ee781f; line-height: 1.64; }
.page-policy ul.list + p { margin-top: calc(85px / 8 * 3); }
.page-policy dl._list { margin: 0 calc(8.5em / 16 * 4); }
@media screen and (max-width: 768px) { .page-policy dl._list { margin: 0; } }
.page-policy dl._list > dt { font-size: 1.3325em; font-weight: 600; }
.page-policy dl._list > dt + dd { margin-top: 12px; }
.page-policy dl._list > dd { padding-left: 1em; font-size: .9em; }
.page-policy dl._list > dd > * + * { margin-top: calc(8.5em / 16); }
.page-policy ul.disc { display: flex; flex-direction: column; gap: calc(8.5em / 32); }
.page-policy ul.disc > li { display: flex; align-items: baseline; column-gap: calc(8.5em / 16); line-height: 1.5; }
.page-policy ul.disc > li::before { content: ''; width: 1em; min-width: 1em; height: 1em; background: var(--color-black); border-radius: 50%; transform: scale(0.41); }
.page-policy ul.number { display: flex; flex-direction: column; gap: calc(8.5em / 32); counter-reset: num; }
.page-policy ul.number > li { display: flex; align-items: baseline; column-gap: calc(8.5em / 16); line-height: 1.5; }
.page-policy ul.number > li::before { counter-increment: num; content: counter(num); width: 1em; min-width: 1em; height: 1em; }
.page-policy .contactus > ul { display: flex; flex-direction: column; padding: calc(8.5em / 16 * 2) 0; background: var(--color-lightgray); }
.page-policy .contactus > ul > li { padding: calc(8.5em / 16 * 2); border-bottom: solid 1px var(--border-light-black); }
.page-policy .contactus > ul > li > dl { display: flex; }
@media screen and (max-width: 768px) { .page-policy .contactus > ul > li > dl { flex-direction: column; row-gap: calc(8.5em / 32); } }
.page-policy .contactus > ul > li > dl > dt { flex: 1; font-weight: 600; }
.page-policy .contactus > ul > li > dl > dd { flex: 3; }

.formWrap { position: relative; z-index: 15; }
.formWrap .caption { border-bottom: solid 1px rgba(0, 0, 0, 0.1025); padding-bottom: 2.05em; margin-bottom: 2.46em; }
@media screen and (max-width: 768px) { .formWrap .caption { padding: 0; padding-bottom: 1.23em; margin-bottom: 2.05em; } }

ul.listDocForm { display: flex; flex-direction: column; gap: calc(8.5em / 8); }
@media screen and (max-width: 768px) { ul.listDocForm { gap: calc(8.5em / 8); } }
ul.listDocForm li.hidden { display: none; }

dl.listDocForm { display: flex; flex-wrap: wrap; }
dl.listDocForm dt { width: 100%; }
dl.listDocForm dt p { display: flex; align-items: baseline; column-gap: calc(8.5em /32); font-weight: 600; }
dl.listDocForm dt p small[data-type="必須"] { color: #e04645; }
dl.listDocForm dt p small[data-type="任意"] { color: #aaa; }
dl.listDocForm dt p small::before { content: attr(data-type) ""; display: block; }
dl.listDocForm dt p.must { position: relative; z-index: 15; display: table; }
dl.listDocForm dd { display: flex; align-items: baseline; flex-wrap: wrap; column-gap: calc(85px / 4); width: 100%; margin-top: 5px; }
@media screen and (max-width: 768px) { dl.listDocForm dd { column-gap: calc(85px / 8); margin-top: 3px; } }
dl.listDocForm dd > br { display: none; }
dl.listDocForm dd span.caption { display: block; width: 100%; margin-top: .41em; font-size: .85em; }

.mw_wp_form .horizontal-item + .horizontal-item { margin: 0 !important; }
.mw_wp_form span.mwform-checkbox-field { position: relative; z-index: 15; margin-right: 6px; }
.mw_wp_form span.mwform-checkbox-field input { position: absolute; top: 0; left: 0; opacity: 0; pointer-events: none; }
.mw_wp_form span.mwform-checkbox-field input:checked + span.mwform-checkbox-field-text::after { transform: scale(1); transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; }
.mw_wp_form span.mwform-checkbox-field span.mwform-checkbox-field-text { display: block; border: solid 1px #eeeeee; background: #f8f8f8; padding: 8px 18px 8px 44px; border-radius: 5px; }
.mw_wp_form span.mwform-checkbox-field span.mwform-checkbox-field-text::before { content: ''; position: absolute; left: 12px; top: calc(50% - 10px); display: block; width: 20px; height: 20px; border-radius: 3px; background: var(--color-white); border: solid 1px var(--border-light-black); }
.mw_wp_form span.mwform-checkbox-field span.mwform-checkbox-field-text::after { content: ''; position: absolute; left: 16px; top: calc(50% - 6px); display: block; width: 14px; height: 14px; border-radius: 2px; background: var(--color-key1); transform: scale(0); transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; }
.mw_wp_form span.mwform-radio-field { position: relative; z-index: 15; }
.mw_wp_form span.mwform-radio-field input { position: absolute; top: 0; left: 0; opacity: 0; pointer-events: none; }
.mw_wp_form span.mwform-radio-field input:checked + span.mwform-radio-field-text::after { transform: scale(1); transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; }
.mw_wp_form span.mwform-radio-field span.mwform-radio-field-text { display: block; border: solid 1px #eeeeee; background: var(--color-white); padding: 8px 18px 8px 44px; border-radius: 5px; }
.mw_wp_form span.mwform-radio-field span.mwform-radio-field-text::before { content: ''; position: absolute; left: 12px; top: calc(50% - 10px); display: block; width: 20px; height: 20px; border-radius: 20px; background: var(--color-white); border: solid 1px var(--border-light-black); }
.mw_wp_form span.mwform-radio-field span.mwform-radio-field-text::after { content: ''; position: absolute; left: 16px; top: calc(50% - 6px); display: block; width: 14px; height: 14px; border-radius: 14px; background: var(--color-key1); transform: scale(0); transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -o-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -moz-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; -webkit-transition: cubic-bezier(0.55, 0.05, 0.22, 0.99) 0.328s; }
.mw_wp_form form > p { display: none; }
.mw_wp_form input::placeholder { color: #aaa; }
.mw_wp_form input:focus::-webkit-input-placeholder { color: transparent; }
.mw_wp_form input:focus::-moz-placeholder { color: transparent; }
.mw_wp_form input:focus::-ms-input-placeholder { color: transparent; }
.mw_wp_form input:focus::placeholder { color: transparent; }
.mw_wp_form input[type="text"], .mw_wp_form textarea { width: 100%; height: auto; border: solid 1px rgba(0, 0, 0, 0.1025); background: var(--color-white); border-radius: 0; line-height: 1.5; color: #231814; font-size: 16px; border-radius: 6px; -webkit-appearance: none; appearance: none; }
.mw_wp_form select { position: relative; z-index: 15; width: 100%; height: auto; height: 3.485em; padding: 0 calc(8.5em / 32 * 3); border: solid 1px rgba(0, 0, 0, 0.1025); background: var(--color-white); border-radius: 0; line-height: 1.5; color: #231814; font-size: 16px; border-radius: 6px; }
@media screen and (max-width: 768px) { .mw_wp_form select { height: 3.28em; } }
.mw_wp_form select::after { content: ''; position: absolute; right: .82em; top: calc(50% - .5em); display: block; width: 1em; height: 1em; background: url(images/icn-arrow-p.svg); background-size: cover; }
.mw_wp_form input[type="text"], .mw_wp_form textarea { padding: calc(8.5em / 32 * 3); }
.mw_wp_form input[type="radio"] + span { color: #252525; }
.mw_wp_form input[type="text"]#namehead, .mw_wp_form input[type="text"]#kanahead { flex: 1; }
.mw_wp_form input[type="text"]#namebody, .mw_wp_form input[type="text"]#kanabody { flex: 1; }
.mw_wp_form input[type="text"]#postcode { width: 10em; }
.mw_wp_form input[type="text"]#address1, .mw_wp_form input[type="text"]#address2 { flex: 1; margin-right: 1em; }
.mw_wp_form input[type="text"]#address3 { flex: 2; }
.mw_wp_form input[type="text"]#old { width: 10em; margin-right: 1em; }
.mw_wp_form input[type="text"]#date2, .mw_wp_form input[type="text"]#date3 { margin-top: 1em; }
.mw_wp_form input[type="text"]#year, .mw_wp_form input[type="text"]#month, .mw_wp_form input[type="text"]#date { width: 8.2em; }
.mw_wp_form input[type="text"]#year + span, .mw_wp_form input[type="text"]#month + span, .mw_wp_form input[type="text"]#date + span { margin: 0 .82em 0 .41em; }
.mw_wp_form input[type="text"].address { margin-top: 7px; }
.mw_wp_form input[type="text"]:focus, .mw_wp_form textarea:focus, .mw_wp_form select:focus { outline: none; border: solid 1px #a0a0a0; }
.mw_wp_form input[type="submit"] { width: 100%; max-width: 18rem; height: 4em; border: none; font-weight: bold; text-align: center; line-height: 4em; font-size: 1em; background: #150606; color: var(--color-white); position: relative; margin: 0 auto; border-radius: 6px; overflow: hidden; display: block; transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; }
@media screen and (max-width: 768px) { .mw_wp_form input[type="submit"] { height: 4em; line-height: 4em; } }
.mw_wp_form input[type="submit"]:hover { background: #0b0f15; transition: cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; }
.mw_wp_form.mw_wp_form_confirm ul.listDocForm li.entryBtnWrap { display: flex; }
.mw_wp_form.mw_wp_form_confirm ul.listDocForm li.entryBtnWrap input[type="submit"].back { order: 1; background: #252525; }
.mw_wp_form.mw_wp_form_confirm dl.listDocForm dd { background: #f7f7f7; padding: 1.23em 2.46em; border-radius: 4px; border: solid 1px #eee; color: #777; }
.mw_wp_form.mw_wp_form_confirm dl.listDocForm dl.listComplete { font-weight: 500; }
.mw_wp_form.mw_wp_form_complete .completeWrap > * ~ * { margin-top: .82em; }
.mw_wp_form.mw_wp_form_complete .completeWrap dl.listComplete dt p { font-weight: 500; font-size: 1.41em; margin-top: .82em; }

/*//!#index----------------------------------------------------------------------------------------------*/
/* ie hack */
@media all and (-ms-high-contrast: none) { .headerLogo img { width: 100%; height: 4.5vw; }
  a.btn > span.circle { border: solid 2px rgba(240, 95, 64, 0.2); }
  ul.listFooterNav > li span.circle { border: solid 2px rgba(240, 95, 64, 0.2); }
  .careerstepWrap .flexWrap > .flexCenter .inner { border: solid 2px rgba(240, 95, 64, 0.8); }
  .secIndex.sec1 .kv_leadcopy .kv_leadcopy_inner { width: 100%; }
  .secIndex.sec3 .indexService .swiper-button-prev { left: auto; bottom: auto; }
  dl.listFootnav dt a { display: inline-block; }
  .secPage.root .flexWrap > .flexItem { width: calc((100% / 3) - 0.01px); }
  ul.listPhilosophy { justify-content: space-around; }
  .member_wrapper .f_wrapper .__left { position: relative; }
  header.pageHeader { height: 31.5em; }
  ul.listLGBtn a.btn { width: 100%; }
  ul.listLogos li img { width: 8em; }
  ul.listLogos { justify-content: space-between; } }
/*ヘッダー調整*/
nav.globalNav ul.listGlobal li span.en { white-space: nowrap; }

/*page_csr*/
.card_text ._body > img { margin-bottom: 0.82em; }

/*page_career*/
.careerImg { margin-bottom: 2.05em; }

/*page_csr*/
dl.listSDGs dt > span { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; padding-left: 0; margin: 0 1.23em; }

dl.listSDGs dt > span img { width: calc(50% - 2px); }

dl.listSDGs dt > span img:nth-child(n+3) { margin-top: 4px; }

/*page_business/~*/
p.writer { text-align: right; font-size: 1em; margin-top: 0.82em; }
p.writer > span { display: block; font-size: .8em; margin-bottom: .205em; }

/*page_movie*/
.secPage.lp.movie h2.pageTtl { background: #fff; }

/*single-events*/
body.single-events .flexLower { margin-bottom: 6.15em; }

.secPage.basic.eventForm .wrapper { padding-bottom: 0; }

/*page_about 事業紹介 画像調整*/
@media screen and (max-width: 768px) { .type_wrapper ._stokerImg { position: absolute; right: 0; left: auto; } }
/*crosstalk 調整*/
.interview_wrapper ._body p.box ~ p.box { margin-top: 1.125em; }

.interview_wrapper ._body p.box span { font-size: 0.625em; font-weight: 600; }


/*** ------------------------------------------------------------------------------

フェードイン

-----------------------------------------------------------------------------  ***/
.show-cnt{
  transform: translateY(15px);
  transition: 0.3s ease-out;
  opacity: 0;
}
.show-cnt.run{
  transform:translateY(0);
  opacity: 1;
}

/*** #siteHead 追加 ***/
body.fixed{
}
#siteHead #nav-toggle {
  display: none;
}
#siteHead .wrapper > ._body nav > ul{
  overflow: initial;
}
#siteHead .wrapper > ._body nav > ul > li{
  position: relative;
}
#siteHead .wrapper > ._body nav > ul > li .child a.current{
  color: var(--color-text);
}
@media screen and (min-width: 769px) {
  #siteHead .wrapper > ._body nav > ul > li.parent .sp{
    display: none;
  }
  #siteHead .wrapper > ._body nav > ul > li .child{
    position: absolute;
    top: 55px;
    left: 20px;
    width: 150px;
    transition: .3s;
    opacity: 0;
    visibility: hidden;
    background-color: #F5F8F5;
    border-radius: 4px;
    z-index: 1;
    box-shadow: 0 2px 3px rgba(0,0,0,.1);
    padding: 15px 15px 0;
  }
  #siteHead .wrapper > ._body nav > ul > li:hover .child{
    opacity: 1;
    visibility: visible;
  }
  #siteHead .wrapper > ._body nav > ul > li .child a{
    padding: 0 0 15px;
    display: block;
    transition: .3s;
    font-size: clamp(11px,1.3vw,14px);
    line-height: 1.4;
  }
  #siteHead .wrapper > ._body nav > ul > li .child a:hover{
    color: var(--red2);
  }
}
@media screen and (max-width: 768px) {
  #siteHead ._body nav {
    right: 0;
    top: 57px;
    width: 100%;
    height: calc(100vh - 58px) ;
    position: fixed;
    text-align: center;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    overflow-y: auto;
    background-color: #fff;
    opacity: 0;
    z-index: 100;
    display: block;
    -moz-transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    z-index: -1;
    padding-bottom: 20px;
  }
  #siteHead ._body.open nav {
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  #siteHead .wrapper > ._body nav > ul{
    display: block;
    padding: 0 10px;
  }
  #siteHead .wrapper > ._body nav > ul > li{
    display: block;
  }
  #siteHead .wrapper > ._body nav > ul > li a{
    text-align: left;
    gap: initial;
    padding: 15px 10px;
    display: block;
    border-bottom: solid 1px #ccc;
    border-radius: 0;
  }
  #siteHead .wrapper > ._body nav > ul > li a .text{
    display: block;
  }
  #siteHead .wrapper > ._body nav > ul > li.parent{
    position: relative;
  }
  #siteHead .wrapper > ._body nav > ul > li.parent .pc{
    display: none;
  }
  #siteHead .wrapper > ._body nav > ul > li.parent .sp{
    display: block;
    transition: .3s;
  }
  #siteHead .wrapper > ._body nav > ul > li.parent .child{
    display: none;
  }
  #siteHead .wrapper > ._body nav > ul > li.parent .acc{
    position: relative;
  }
  #siteHead .wrapper > ._body nav > ul > li.parent .acc:before,
  #siteHead .wrapper > ._body nav > ul > li.parent .acc:after{
    position:absolute;
    content:'';
    top:5px;
    right:5px;
    bottom:0;
    width:15px;
    height:1px;
    margin:auto;
    background:var(--green1);
  }
  #siteHead .wrapper > ._body nav > ul > li.parent .acc:before{
    transform:rotate(-90deg);
    transition:transform 0.3s;
  }
  #siteHead .wrapper > ._body nav > ul > li.parent .acc:after{
    transform:rotate(0deg);
  }
  #siteHead .wrapper > ._body nav > ul > li.parent .acc.active{
    background-color: #F5F8F5;
  }
  #siteHead .wrapper > ._body nav > ul > li.parent .acc.active:before{
    transform:rotate(0deg);
  }
  #siteHead .wrapper > ._body nav > ul > li .child a{
    padding: 15px 5px 15px 20px;
    display: block;
    transition: .3s;
    font-size: clamp(11px,1.3vw,14px);
    line-height: 1.4;
  }
  #siteHead #nav-toggle {
    display: block;
    mix-blend-mode: difference;
    position: fixed;
    right: 10px;
    top: 20px;
    width: 26px;
    height: 20px;
    z-index: 10010;
  }
  #siteHead #nav-toggle button {
    display: block;
    background-color: transparent;
    border: none;
    position: relative;
    cursor: pointer;
    outline: none;
    padding: 0;
  }
  #siteHead #nav-toggle button span {
    width: 26px;
    height: 2px;
    background-color: #fff;
    position: absolute;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
  }
  #siteHead #nav-toggle button span:nth-child(1) {
    top: 0;
  }
  #siteHead #nav-toggle button span:nth-child(2) {
    top: 9px;
  }
  #siteHead #nav-toggle button span:nth-child(3) {
    top: 18px;
  }
  #siteHead .open #nav-toggle span {
  }
  #siteHead .open #nav-toggle span:nth-child(1) {
    top: 6px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  #siteHead .open #nav-toggle span:nth-child(2) {
    width: 0;
    left: 50%;
  }
  #siteHead .open #nav-toggle span:nth-child(3) {
    top: 6px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

/*** #home ***/
#home main img{
  width: 100%;
  vertical-align: bottom;
}
#home #siteHead{
  background-color: #fff;
}
#home #siteHead.on{
  background-color: #fff;
}
/*#home #siteHead .wrapper > ._head a h1{
  position: relative;
}
#home #siteHead .wrapper > ._head a h1 img{
  opacity: 0;
  transition: .3s;
}
#home #siteHead.on .wrapper > ._head a h1 img{
  opacity: 1;
}
#home #siteHead .wrapper > ._head a h1:before{
  content: '';
  width: 100%;
  height: 100%;
  background: url(./images/logo-w.png) no-repeat center center / contain;
  position: absolute;
  top: 0;
  left: 0;
  transition: .3s;
}
#home #siteHead.on .wrapper > ._head a h1:before{
  opacity: 0;
}
#home #siteHead .wrapper > ._head a h1.on:before{
  opacity: 0;
}
#home #siteHead .wrapper > ._head a h1.on img{
  opacity: 1;
}*/
#home #siteContent{
  padding-top: 0;
}
@media screen and (min-width: 769px) {
  #home #siteHead .wrapper > ._body nav > ul > li a .text > .jp,
  #home #siteHead.on .wrapper > ._body nav > ul > li a .text > .jp{
    color: var(--color-text);
  }
  #home #siteHead .wrapper > ._body nav > ul > li a .text > .sub,
  #home #siteHead.on .wrapper > ._body nav > ul > li a .text > .sub{
    color: var(--green1);
  }
  #home #siteHead .wrapper > ._body nav > ul > li a:hover .text > *,
  #home #siteHead .wrapper > ._body nav > ul > li a.current {
    color: var(--red2);
  }
  #home #siteHead .wrapper > ._body nav > ul > li a.current .text > * ,
  #home #siteHead.on .wrapper > ._body nav > ul > li a.current .text > * ,
  #home #siteHead.on .wrapper > ._body nav > ul > li a:hover .text > *{
    color: var(--red2);
  }
}
@media screen and (max-width: 768px) {
  #home #siteHead.open{
    background-color: #fff;
  }
}
#home .mv{
  position: relative;
}
#home .mv .movie{
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 56.25%;
  overflow: hidden;
}
#home .mv .movie video{
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%,-50%);
  pointer-events: none;
}
#home .mv .movie iframe{
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%,-50%);
  pointer-events: none;
  border: none;
}
#home .mv .scr{
  color: #fff;
  font-size: clamp(12px,1.05em,14px);
  line-height: 1;
  position: absolute;
  bottom: 20px;
  right: 20px;
  writing-mode: vertical-rl;
  height: 120px;
}
#home .mv .scr:after{
  content: '';
  width: 1px;
  position: absolute;
  left: -10px;
  top: 0;
  content: "";
  height: 100px;
  background-color: var(--red2);
  animation: scroll 2s linear infinite;
}
@keyframes scroll {
  0% {
    transform: scale(1, 0);
    transform-origin: 0 0;
  }
  50% {
    transform: scale(1, 1);
    transform-origin: 0 0;
  }
  51% {
    transform: scale(1, 1);
    transform-origin: 0 100%;
  }
  100% {
    transform: scale(1, 0);
    transform-origin: 0 100%;
  }
}
@media screen and (max-width: 768px) {
  #home .mv .scr{
    bottom: 10px;
    right: 10px;
    height: 80px;
  }
  #home .mv .scr:after{
    height: 80px;
  }
}
#home .news{
  background-color: var(--green4);
  padding: 15px 0;
  margin: 0 0 80px;
}
#home .news .inner{
  max-width: 1200px;
  width: 90%;
  margin: 0 auto;
  color: #fff;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
}
#home .news .inner .tit{
  min-width: 100px;
  width: 100px;
  text-align: center;
  font-size: clamp(12px,1.05em,16px);
  line-height: 1.4;
  border-right: solid 1px #fff;
  color: #fff;
  font-weight: var(--fw-5);
}
#home .news .inner .article{
  width: calc(100% - 130px);
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
  font-size: clamp(12px,1.05em,16px);
  line-height: 1.4;
  font-weight: var(--fw-5);
  color: #fff;
}
#home .news .inner .article .date{
  min-width: 100px;
  width: 100px;
  color: #fff;
  line-height: 1.4;
}
#home .news .inner .article a{
  width: calc(100% - 130px);
  color: #fff;
  padding-right: 40px;
  position: relative;
  line-height: 1.4;
  display: block;
}
/* #home .news .inner .article a:after{
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  width: 33px;
  height: 11px;
  background: url(images/home/arw-white.svg) no-repeat right center / contain;
  transition: .3s;
}
#home .news .inner .article a:hover:after{
  right: -5px;
} */
@media screen and (max-width: 768px) {
  #home .news{
    margin-bottom: 30px;
  }
  #home .news .inner{
  }
  #home .news .inner .tit{
    min-width: 50px;
    width: 50px;
    text-align: left;
    border-right: none;
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
  #home .news .inner .tit:after{
    position: absolute;
    bottom: 0;
    left: 0;
    content: '';
    width: 20px;
    height: 1px;
    background-color: #fff;
  }
  #home .news .inner .article{
    width: calc(100% - 60px);
    display: block;
  }
  #home .news .inner .article .date{
    margin-bottom: 5px;
  }
  #home .news .inner .article a{
    width: 100%;
    padding-right: 30px;
  }
  #home .news .inner .article a:after{
    width: 22px;
    height: 6px;
  }
}
#home .loop-slide{
  margin: 0 0 80px;
}
#home .loop-slide p{
  margin: 0 10px;
  border-radius: 20px;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  #home .loop-slide{
    margin: 0 0 30px;
  }
  #home .loop-slide p{
    margin: 0 5px;
    border-radius: 10px;
    overflow: hidden;
  }
}
#home .conts-tit{
  font-size: clamp(18px,2.5vw,30px);
  line-height: 1;
  font-weight: var(--fw-6);
  margin: 0 0 30px;
}
#home .conts-tit strong{
  font-size: clamp(28px,6vw,80px);
  color: var(--green3);
  display: block;
  margin: 0 0 -1.25rem;
  letter-spacing: .25rem;
  font-weight: var(--fw-5);
}
#home .conts-tit span{
  font-size: clamp(24px,3vw,35px);
}
@media screen and (max-width: 768px) {
  #home .conts-tit{
    margin: 0 0 20px;
  }
  #home .conts-tit strong{
    margin: 0 0 -.5rem;
  }
}
#home .product{
  max-width: 1200px;
  width: 90%;
  margin: 0 auto 80px;
}
#home .product .list{
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
#home .product .list li{
  width: calc(100% / 4 - 23px);
  margin-right: 30px;
}
#home .product .list li:nth-child(4n){
  margin-right: 0;
}
#home .product .list li .img{
  transition: .3s;
}
#home .product .list li a:hover .img{
  transform: scale(1.05);
}
#home .product .list li .txt1{
  font-size: clamp(14px,2vw,20px);
  line-height: 1;
  font-weight: var(--fw-6);
  margin: 0 0 15px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
#home .product .list li .txt1:after{
  content: '';
  background: url(images/home/arw-black01.svg) no-repeat right center / contain;
  transition: .3s;
  width: 16px;
  height: 16px;
  margin-left: 10px;
  display: block;
}
#home .product .list li .txt2{
  font-size: clamp(12px,1.4vw,14px);
  line-height: 1.4;
}
#home .product .btn{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  max-width: 580px;
  width: 100%;
  margin: 40px auto 0;
}
#home .product .btn li{
  width: calc(100% / 2 - 20px);
  margin: 0 10px;
}
#home .product .btn li a{
  display: block;
  width: 100%;
  color: var(--green4);
  border: solid 1px var(--green4);
  border-radius: 5px;
  padding: 15px 25px 15px 5px;
  text-align: center;
  font-size: clamp(14px,1.8vw,18px);
  line-height: 1.4;
  position: relative;
}
#home .product .btn li a:after{
  content: '';
  position: absolute;
  top: 50%;
  right: 10px;
  width: 13px;
  height: 15px;
  transform: translateY(-50%);
  background: url(images/home/arw-green.svg) no-repeat center center / contain;
  transition: .3s;
}
#home .product .btn li a.pdf:after{
  background-image: url(images/home/icon-pdf.png);
}
#home .product .btn li a:hover:after{
  right: 5px;
}
@media screen and (max-width: 768px) {
  #home .product{
    margin: 0 auto 60px;
  }
  #home .product .list li{
    width: calc(100% / 2 - 10px);
    margin: 0 20px 20px 0;
  }
  #home .product .list li:nth-child(2n){
    margin-right: 0;
  }
  #home .product .list li .txt1{
    margin: 0 0 10px;
  }
  #home .product .list li .txt1:after{
    width: 10px;
    height: 10px;
    margin-left: 5px;
  }
  #home .product .btn{
    display: block;
    margin: 30px auto 0;
  }
  #home .product .btn li{
    width: 100%;
    margin: 0 0 10px;
  }
}
#home .thoughts{
  max-width: 1340px;
  width: 96%;
  margin: 0 auto 100px;
  position: relative;
}
#home .thoughts:after{
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 90%;
  background-color: #F5F8F5;
}
#home .thoughts .inner{
  max-width: 1220px;
  width: 94%;
  margin: 0 auto;
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-bottom: 8%;
}
#home .thoughts .inner .img{
  width: 70%;
  position: relative;
}
#home .thoughts .inner .img .main{
  width: 90%;
  margin-left: auto;
  display: block;
}
#home .thoughts .inner .img .sub{
  width: 45%;
  position: absolute;
  left: 0;
  bottom: -16%;
  display: block;
}
#home .thoughts .inner .txt-box{
  width: 28%;
  display: flex;
  justify-content: space-between;
  flex-flow: row-reverse;
  padding-top: 12%;
}
#home .thoughts .inner .txt-box .txt1{
  width: 50%;
}
#home .thoughts .inner .txt-box .txt2{
  writing-mode: vertical-rl;
  text-orientation: upright;
  font-size: clamp(12px,1.4vw,15px);
  line-height: 1.8;
  width: 38%;
}
#home .thoughts .inner .txt-box .txt2 span{
  display: inline-block;
  text-combine-upright: all;
  transform: translateX(-1px);
}
#home .thoughts .en{
  position: absolute;
  bottom: -13px;
  right: -10px;
  z-index: 1;
  text-align: right;
  color: #fff;
  font-size: clamp(28px,6vw,100px);
  line-height: 1;
}
@media screen and (max-width: 768px) {
  #home .thoughts{
    margin: 0 auto 50px;
    position: relative;
  }
  #home .thoughts:after{
    height: 110%;
  }
  #home .thoughts .inner{
    padding-bottom: 8%;
  }
  #home .thoughts .inner .img{
    width: 50%;
    margin: 0;
  }
  #home .thoughts .inner .img .main{
    width: 82%;
  }
  #home .thoughts .inner .img .sub{
    bottom: initial;
    top: 32%;
    width: 50%;
  }
  #home .thoughts .inner .txt-box{
    width: 50%;
    padding-top: 0;
  }
  #home .thoughts .inner .txt-box .txt1{
    width: 45%;
    margin: 0 0 0 7%;
  }
  #home .thoughts .inner .txt-box .txt2{
    width: 52%;
    font-size: 2.6vw;
  }
  #home .thoughts .inner .txt-box .txt2 .pc{
    display: none;
  }
  #home .thoughts .en{
    bottom: -1%;
    right: -1%;
  }
}
#home .from{
  max-width: 730px;
  width: 90%;
  margin: 0 auto;
  position: relative;
}
#home .from .conts-tit{
  writing-mode: vertical-rl;
  text-orientation: upright;
  font-size: clamp(14px,2.4vw,30px);
  line-height: 1.6;
  position: absolute;
  z-index: 1;
  top: 15%;
  left: 17%;
  text-indent: -1.75rem;
  font-weight: var(--fw-5);
  letter-spacing: .25rem;
}
#home .from .conts-tit span{
  font-size: clamp(16px,2.8vw,35px);
}
#home .from .conts-tit span.green{
  color: var(--green4);
}
#home .from .conts-tit span.red{
  color: var(--red2);
}
#home .from .map{
  width: 100%;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 768px) {
  #home .from{
    margin: 0 auto;
  }
  #home .from .map{
    max-width: 600px;
    width: 100%;
  }
}

#home .movie-list{
  max-width: 1200px;
  width: 90%;
  margin: 100px auto 0;
  position: relative;
}
#home .movie-list .conts-tit{
  text-align: center;
}
#home .movie-list .list{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
}
#home .movie-list .list li{
  width: calc(100% / 2 - 20px);
}
#home .movie-list .list li span{
  display: block;
  font-size: clamp(14px,1.8vw,20px);
  font-weight: 500;
  line-height: 1.2;
  margin: 0 0 10px;
}
#home .movie-list .list li strong{
  display: block;
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  border-radius: 5px;
  overflow: hidden;
}
#home .movie-list .list li strong iframe{
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 768px) {
  #home .movie-list{
    margin: 50px auto 0;
  }
  #home .movie-list .list{
    display: block;
  }
  #home .movie-list .list li{
    width: 100%;
    margin: 0 0 25px;
  }
  #home .movie-list .list li span{
    margin: 0 0 5px;
  }
}

#home .foot{
  width: 100%;
  background: url(images/home/foot-img.jpg) no-repeat center center / cover;
  position: relative;
  min-height: 500px;
  height: 500px;
}
#home .foot .txt-box{
  position: absolute;
  left: 63%;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  width: 35%;
  max-width: 450px;
}
#home .foot .txt-box .txt1{
  font-size: clamp(15px,2.5vw,33px);
  line-height: 1.4;
  margin: 0 0 20px;
  text-shadow: 0 1px 6px rgba(0,0,0, .2);
  color: #fff;
  font-family: var(--font-min);
  text-align: center;
  letter-spacing: .1rem;
  font-weight: 400;
}
#home .foot .txt-box .txt1 span{
  font-size: clamp(18px,3vw,39px);
  color: #fff;
}
#home .foot .txt-box .txt2{
  font-size: clamp(11px,1.5vw,17px);
  line-height: 1.8;
  margin: 0 0 40px;
  text-shadow: 0 1px 6px rgba(0,0,0, .2);
  color: #fff;
  font-family: var(--font-min);
  letter-spacing: .1rem;
  font-weight: 400;
}
#home .foot .txt-box a{
  display: block;
  max-width: 210px;
  width: 100%;
  color: #fff;
  border: solid 1px #fff;
  border-radius: 5px;
  padding: 15px 25px 15px 5px;
  text-align: center;
  font-size: clamp(12px,1.8vw,18px);
  line-height: 1;
  position: relative;
  margin: 0 auto;
  font-family: var(--font-min);
}
#home .foot .txt-box a:after{
  content: '';
  position: absolute;
  top: 50%;
  right: 10px;
  width: 13px;
  height: 11px;
  transform: translateY(-50%);
  background: url(images/home/arw-white02.svg) no-repeat center center / contain;
  transition: .3s;
}
#home .foot .txt-box a:hover:after{
  right: 5px;
}
@media screen and (max-width: 768px) {
  #home .foot{
    background: url(images/home/foot-img.jpg) no-repeat left 55% center / cover;
    min-height: 300px;
    height: 300px;
  }
  #home .foot .txt-box{
    width: 60%;
    left: 35%;
  }
  #home .foot .txt-box .txt1{
    margin: 0 0 10px;
    text-shadow: 0 2px 3px rgba(0,0,0, .6);
  }
  #home .foot .txt-box .txt2{
    margin: 0 0 10px;
    text-shadow: 0 2px 3px rgba(0,0,0, .6);
  }
  #home .foot .txt-box a{
    padding: 10px 20px 10px 5px;
  }
}

#home .btn.cnt-after{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  max-width: 580px;
  width: 90%;
  margin:-60px auto 40px;
}
#home .btn.cnt-after li{
  width: calc(100% / 2 - 20px);
  margin: 0 10px;
}
#home .btn.cnt-after li a{
  display: block;
  width: 100%;
  color: var(--green4);
  border: solid 1px var(--green4);
  border-radius: 5px;
  padding: 15px 25px 15px 5px;
  text-align: center;
  font-size: clamp(14px,1.8vw,18px);
  line-height: 1.4;
  position: relative;
}
#home .btn.cnt-after li a:after{
  content: '';
  position: absolute;
  top: 50%;
  right: 10px;
  width: 13px;
  height: 15px;
  transform: translateY(-50%);
  background: url(images/home/arw-green.svg) no-repeat center center / contain;
  transition: .3s;
}
#home .btn.cnt-after li a.pdf:after{
  background-image: url(images/home/icon-pdf.png);
}
#home .btn.cnt-after li a:hover:after{
  right: 5px;
}
@media screen and (max-width: 768px) {
  #home .btn.cnt-after {
    display: block;
    margin: -30px auto 20px;
  }
  #home .btn.cnt-after.from-after{
    margin: 20px auto;
  }
  #home .btn.cnt-after li{
    width: 100%;
    margin: 0 0 10px;
  }
}


.foot-link{
  max-width: 1200px;
  width: 90%;
  margin: 100px auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.foot-link img{
  vertical-align: bottom;
}
.foot-link li{
  width: calc(100% / 3 - 30px);
}
.foot-link li a{
  overflow: hidden;
  display: block;
  position: relative;
  border-radius: 5px;
  color: #fff;
  width: 100%;
  height: 0;
  padding-top: 90%;
}
.foot-link li a .midahsi{
  position: absolute;
  z-index: 2;
  font-size: clamp(18px,2.5vw,30px);
  line-height: 1;
  font-weight: var(--fw-5);
  color: #fff;
  left: 5%;
  top: 8%;
  width: 90%;
  text-shadow: 0 1px 6px rgba(0,0,0, .2);
}
.foot-link li a .midahsi span{
  display: block;
  font-size: clamp(13px,1.5vw,17px);
  margin-top: 10px;
  color: #fff;
}
.foot-link li a .txt{
  position: absolute;
  z-index: 2;
  font-size: clamp(12px,1.5vw,16px);
  line-height: 1.8;
  color: #fff;
  left: 5%;
  bottom: 5%;
  width: 90%;
}
.foot-link li a .img{
  position: relative;
  z-index: 1;
  transition: .3s;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 100%;
}
.foot-link li a .img:after{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.25);
}
.foot-link li a:hover .img{
  transform: translate(-50%,-50%) scale(1.05);
}
@media screen and (max-width: 768px) {
  .foot-link{
    max-width: 370px;
    width: 90%;
    margin: 50px auto;
    display: block;
  }
  .foot-link li{
    width: 100%;
    margin: 0 0 20px;
  }
  .foot-link li a{
    padding-top: 70%;
  }
  .foot-link li a .midahsi{
    left: 3%;
    top: 5%;
    width: 94%;
  }
  .foot-link li a .txt{
    left: 3%;
    bottom: 3%;
    width: 94%;
  }
}
/*** 下層共通 ***/
#siteContent.lower{
  padding-top: 70px;
  overflow-x: hidden;
}
.lower .mv{
  position: relative;
  padding: 80px;
  background-color: var(--green4);
}
.lower .page-tit{
  color: #fff;
}
.lower .page-tit strong{
  font-size: clamp(20px,2.05em,40px);
  font-weight: var(--fw-5);
  color: #fff;
  display: block;
  line-height: 1.4;
}
.lower .pankuzu{
  padding: 20px 40px 60px;
}
.lower .pankuzu ul{
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-items: flex-start;
}
.lower .pankuzu li{
  font-weight: 500;
  font-size: 12px;
  line-height: 1;
  margin: 0 0 5px;
}
.lower .pankuzu li br{
  display: none;
}
.lower .pankuzu li a{
  display: inline-block;
  margin: 0 5px 0 0;
  color: var(--color-brown);
  padding-right: 15px;
  position: relative;
}
.lower .pankuzu li a:after{
  content: '\03e';
  position: absolute;
  top: 50%;
  right: 0;
  width: 10px;
  height: 10px;
  transform: translateY(-60%) scaleX(.75);
}
.lower .pankuzu li a:hover{
  text-decoration: underline;
}
@media screen and (max-width: 768px) {
  #siteContent.lower{
    padding-top: 36px;
  }
  .lower .mv{
    background-size: cover;
    padding: 50px 20px;
  }
  .lower .pankuzu{
    padding: 10px 10px 30px;
  }
}

/*** #lineup ***/
#lineup #siteContent.lower{
  background: #fff;
  font-family: var(--s-font-noto);
}
#lineup #siteContent.lower img{
  width: 100%;
  max-width: none;
  vertical-align: bottom;
}
#lineup #siteContent.lower a{
  transition: .3s;
}
#lineup .mv{
  background: url(images/lineup/main.jpg) no-repeat right center / contain var(--green4);
}
@media screen and (max-width: 768px) {
  #lineup #siteContent.lower{
  }
}
#lineup .more-btn{
  border: solid 1px var(--green4);
  color: var(--green4);
  font-size: clamp(12px,1.05em,18px);
  font-weight: var(--fw-5);
  padding: 10px 25px;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: fit-content;
  margin: 0 auto;
}
#lineup .more-btn:after{
  content: '';
  width: 16px;
  height: 12px;
  background: url(images/lineup/arw-green.svg) no-repeat right center / contain;
  display: flex;
  margin-left: 10px;
  transition: .3s;
}
#lineup .more-btn:hover:after{
  transform: translateX(5px);
}
#lineup .sub-ttl{
  padding-bottom: 10px;
  margin: 0 0 30px;
  font-size: clamp(16px,1.3em,24px);
  font-weight: var(--fw-5);
  line-height: 1;
  border-bottom: solid 1px var(--green4);
}
@media screen and (max-width: 768px) {
  #lineup .mv{
    background-size: cover;
  }
  #lineup .sub-ttl{
    padding-bottom: 5px;
    margin: 0 0 10px;
  }
}

#lineup .pickup{
  max-width: 1000px;
  width: 90%;
  margin: 0 auto;
  padding: 0 0 80px;
}
#lineup .pickup .midashi{
  text-align: center;
  font-size: clamp(20px,2.05em,30px);
  font-size: ;
  font-weight: var(--fw-5);
  position: relative;
  padding-bottom: 10px;
  margin-bottom: 40px;
}
#lineup .pickup .midashi:after{
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 55px;
  height: 2px;
  background-color: #C20813;
}
#lineup .pickup ul{
  margin: 0 0 40px;
}
#lineup .pickup ul li{
  margin: 0 10px;
}
#lineup .pickup ul li a:hover{
  opacity: .7;
}
#lineup .pickup ul li a .img{
  border: solid 1px #C5C5C5;
  border-radius: 5px;
  padding: 3px 10px;
  margin: 0 0 15px;
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 0;
  padding: 75% 0 0;
}
#lineup .pickup ul li a .img.no-img{
  overflow: hidden;
  padding: 75% 0 0;
}
#lineup #siteContent.lower .pickup ul li a .img img{
  width: 80%;
  display: block;
  margin: 0 auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
#lineup #siteContent.lower .pickup ul li a .img.no-img img{
  width: 104%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
#lineup .pickup ul li a span{
  display: block;
  color: #C20813;
  border: solid 1px #C20813;
  color: #C20813;
  padding: 3px 10px;
  border-radius: 50px;
  width: fit-content;
  margin: 0 0 5px;
  font-size: 10px;
  font-weight: var(--fw-5);
  line-height: 1;
}
#lineup .pickup ul li a p{
  font-size: 16px;
  line-height: 1.4;
}
#lineup .pickup .slick-prev,
#lineup .pickup .slick-next{
  width: 40px;
  height: 40px;
  background: no-repeat center center / contain;
  z-index: 1;
  transition: .3s;
}
#lineup .pickup .slick-prev:hover,
#lineup .pickup .slick-next:hover{
  opacity: .7;
}
#lineup .pickup .slick-prev{
  left: -5%;
  background-image: url(images/lineup/arw-prev.svg);
}
#lineup .pickup .slick-next{
  right: -5%;
  background-image: url(images/lineup/arw-next.svg);
}
#lineup .pickup .slick-prev:before,
#lineup .pickup .slick-next:before{
  display: none;
}
@media screen and (max-width: 768px) {
  #lineup .pickup{
    width: 100%;
    padding: 0 0 40px;
  }
  #lineup .pickup .midashi{
    padding-bottom: 5px;
    margin-bottom: 20px;
  }
  #lineup .pickup .slick-prev,
  #lineup .pickup .slick-next{
    width: 30px;
    height: 30px;
  }
  #lineup .pickup .slick-prev{
    left: 0;
  }
  #lineup .pickup .slick-next{
    right: 0;
  }
}
#lineup .search-box{
  max-width: 1000px;
  width: 90%;
  margin: 0 auto 80px;
  padding: 40px 50px;
  background-color: #F5F8F5;
  border-radius: 10px;
}
#lineup .search-box h4{
  margin: 0 0 10px;
  font-size: 20px;
  font-weight: var(--fw-5);
  line-height: 1;
}
#lineup .search-box form ul{
  display: flex;
  justify-content: flex-start;
  padding-bottom: 30px;
}
#lineup .search-box form ul input[type="text"]{
  border-radius: 5px 0 0 5px;
  border: solid 1px var(--green4);
  padding: 10px;
  width: 540px;
  font-size: clamp(12px,1.05em,16px);
}
#lineup .search-box form ul li{
  position: relative;
}
#lineup .search-box form ul li:last-child{
  background-color: var(--green4);
  padding: 10px;
  border-radius: 0 5px 5px 0;
  cursor: pointer;
  transition: .3s;
  display: flex;
  justify-content: center;
  align-items: center;
}
#lineup .search-box form ul li:last-child:hover{
  opacity: .7;
}
#lineup .search-box form ul li:last-child:before{
  content: '';
  width: 17px;
  height: 17px;
  background-image: url(images/lineup/icon-search.svg);
  display: block;
  margin-right: 5px;
}
#lineup .search-box form ul input[type=submit]{
  border: none;
  background: none;
  color: #fff;
  padding: 0;
  font-size: clamp(12px, 1.05em, 16px);
}
#lineup .search-box .cat{
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  padding-bottom: 20px;
}
#lineup .search-box .cat li{
  margin: 0 30px 10px 0;
}
#lineup .search-box .cat li a{
  background-color: var(--green4);
  color: #fff;
  font-size: clamp(12px,1.05em,16px);
  font-weight: var(--fw-5);
  padding: 10px 25px;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: fit-content;
  margin: 0 auto;
}
#lineup .search-box .cat li a:after{
  content: '';
  width: 16px;
  height: 13px;
  background: url(images/lineup/arw-white.svg) no-repeat right center / contain;
  display: flex;
  margin-left: 10px;
  transition: .3s;
}
#lineup .search-box .cat li a:hover:after{
  transform: translateY(5px);
}
@media screen and (max-width: 880px) {
  #lineup .search-box{
    padding: 30px 20px;
  }
}
@media screen and (max-width: 768px) {
  #lineup .search-box{
    padding: 20px 10px;
    border-radius: 5px;
    margin: 0 auto 40px;
  }
  #lineup .search-box h4{
    font-size: 16px;
  }
  #lineup .search-box form ul{
    display: flex;
    justify-content: flex-start;
    padding-bottom: 30px;
  }
  #lineup .search-box form ul input[type="text"]{
    width: 100%;
  }
  #lineup .search-box form ul li:first-child{
    width: calc(100% - 70px);
  }
  #lineup .search-box form ul li:last-child{
    width: 70px;
  }
  #lineup .search-box form ul li:last-child:before{
    width: 15px;
    height: 15px;
  }
  #lineup .search-box .cat{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding-bottom: 10px;
  }
  #lineup .search-box .cat li{
    margin: 0 2% 5px 0;
  }
  #lineup .search-box .cat li a{
    padding: 10px;
  }
  #lineup .search-box .cat li a:after{
    content: '';
    width: 14px;
    height: 12px;
    margin-left: 5px;
  }
}
#lineup.list .oneBox{
  max-width: 1000px;
  width: 90%;
  margin: 0 auto 80px;
}
#lineup.list .oneBox ul{
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  padding-bottom: 20px;
}
#lineup.list .oneBox ul li{
  width: calc(100% / 5 - 16px);
  margin: 0 20px 20px 0;
}
#lineup.list .oneBox ul li:nth-child(5n){
  margin-right: 0;
}
#lineup.list .oneBox ul li a{
  display: block;
  text-align: center;
}
#lineup.list .oneBox ul li a:hover{
  opacity: .7;
}
#lineup.list .oneBox ul li a .text{
  text-align: center;
  margin-top: 10px;
  font-size: clamp(12px,1.05em,18px);
  line-height: 1;
}
#lineup.list .oneBox.cat ul li .img{
  border: solid 1px #C5C5C5;
  border-radius: 5px;
  padding: 3px 10px;
  margin: 0 0 15px;
  position: relative;
  background-color: #fff;
  overflow: hidden;
  height: 0;
  padding: 75% 0 0;
}
#lineup.list .oneBox.cat ul li .img.no-img{
  overflow: hidden;
  padding: 74% 0 0;
}
#lineup.list #siteContent.lower .oneBox.cat ul .img img{
  width: 80%;
  display: block;
  margin: 0 auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
#lineup.list #siteContent.lower .oneBox.cat ul .img.no-img img{
  width: 104%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
#lineup.list .oneBox.pdf ul li{
  width: calc(100% / 3 - 14px);
  margin: 0 20px 20px 0;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  padding: 20px;
  border: solid 1px #C5C5C5;
  border-radius: 5px;
}
#lineup.list .oneBox.pdf ul li:nth-child(5n){
  margin-right: 20px;
}
#lineup.list .oneBox.pdf ul li:nth-child(3n){
  margin-right: 0;
}
#lineup.list .oneBox.pdf ul li .img{
  min-width: 90px;
  width: 90px;
}
#lineup.list .oneBox.pdf ul li .txt-box{
  width: calc(100% - 100px);
  font-size: 10px;
}
#lineup.list .oneBox.pdf ul li .txt-box .name{
  font-size: clamp(14px,1.05em,18px);
  line-height: 1.4;
  margin: 0 0 5px;
}
#lineup.list .oneBox.pdf ul li .txt-box a{
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 5px;
  background-color: var(--green4);
  color: #fff;
  padding: 7px 5px;
  border-radius: 50px;
  text-align: center;
  font-size: clamp(11px,.9em,13px);
  line-height: 1.2;
}
#lineup.list .oneBox.pdf ul li .txt-box a span{
  display: block;
  width: 10px;
  margin-left: 5px;
}
#lineup.list .oneBox.pdf ul li .txt-box a span img{
  vertical-align: middle;
}
#lineup.list #siteContent.lower .oneBox.other ul li .img{
  border: solid 1px #C5C5C5;
  border-radius: 5px;
  padding: 0 10px;
}
#lineup.list #siteContent.lower .oneBox.other ul li .img img{
  width: 90%;
  display: block;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  #lineup.list .oneBox{
    margin: 0 auto 40px;
  }
  #lineup.list .oneBox ul{
    padding-bottom: 10px;
  }
  #lineup.list .oneBox ul li{
    width: calc(100% / 2 - 5px);
    margin: 0 10px 20px 0;
  }
  #lineup.list .oneBox ul li:nth-child(5n){
    margin-right: 10px;
  }
  #lineup.list .oneBox ul li:nth-child(2n){
    margin-right: 0;
  }
  #lineup.list .oneBox ul li a .text{
    font-size: 14px;
  }
  #lineup.list .oneBox.pdf ul li{
    width: 100%;
    margin: 0 0 20px;
    padding: 10px;
  }
  #lineup.list .oneBox.pdf ul li:nth-child(5n){
    margin-right: 0;
  }
  #lineup.list .oneBox.pdf ul li .txt-box .name{
    font-size: 16px;
    line-height: 1.4;
    margin: 0 0 5px;
  }
  #lineup.list .oneBox.pdf ul li .txt-box a{
    font-size: 12px;
    max-width: 200px;
    margin: 10px auto 0;
  }
}
#lineup.detail .main-data{
  max-width: 1200px;
  width: 90%;
  margin: 0 auto;
  padding: 50px 0 80px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
}
#lineup.detail .main-data .img-box{
  max-width: 520px;
  width: 47%;
  display: flex;
  flex-direction: column-reverse;
}
#lineup.detail .main-data .img{
  border: solid 1px #C5C5C5;
  border-radius: 5px;
  padding: 3px 10px;
  margin: 0 0 15px;
  position: relative;
}
#lineup.detail .main-data .img.no-img{
  overflow: hidden;
  padding: 93% 0 0;
}
#lineup.detail #siteContent.lower .main-data .img img{
  width: 93%;
  display: block;
  margin: 0 auto;
}
#lineup.detail #siteContent.lower .main-data .img.no-img img{
  width: 104%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
#lineup.detail .main-data .cat,
#lineup.detail .main-data .tag{
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}
#lineup.detail .main-data .cat li,
#lineup.detail .main-data .tag li{
  background-color: var(--green4);
  color: #fff;
  font-size: clamp(12px,1.1em,16px);
  padding: 8px 15px;
  border-radius: 2px;
  line-height: 1;
  width: fit-content;
  margin: 0 10px 5px 0;
}
#lineup.detail .main-data .txt-box{
  max-width: 630px;
  width: 51%;
}
#lineup.detail .main-data .txt-box .tag{
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}
#lineup.detail .main-data .txt-box .tag li{
  background-color: var(--green4);
  color: #fff;
  font-size: clamp(11px,.85em,14px);
  padding: 8px 15px;
  border-radius: 50px;
  line-height: 1;
  width: fit-content;
  margin: 0 10px 5px 0;
}
#lineup.detail .main-data .txt-box .midashi{
  font-size: clamp(16px,1.2em,20px);
  font-weight: var(--fw-5);
  line-height: 1;
  margin: 30px 0 15px;
  position: relative;
  padding-left: 20px;
}
#lineup.detail .main-data .txt-box .midashi:before{
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 9px;
  height: 9px;
  border-radius: 1px;
  background-color: var(--green4);
}
#lineup.detail .main-data .txt-box .text{
  font-size: clamp(12px,1.05em,16px);
  line-height: 2;
}
#lineup.detail .main-data .txt-box table{
  border-top: solid 1px #C5C5C5;
  width: 100%;
}
#lineup.detail .main-data .txt-box table th{
  background-color: #F5F8F5;
  text-align: left;
  padding: 10px 20px;
  font-size: clamp(14px,1em,16px);
  font-weight: var(--fw-4);
  line-height: 1.4;
  border-bottom: solid 1px #C5C5C5;
}
#lineup.detail .main-data .txt-box table td{
  text-align: left;
  padding: 10px 20px;
  font-size: clamp(14px,1em,16px);
  font-weight: var(--fw-4);
  line-height: 1.4;
  border-bottom: solid 1px #C5C5C5;
}
#lineup.detail .main-data .txt-box .notes{
  font-size: clamp(11px,1em,14px);
  line-height: 1.4;
  margin-top: 10px;
}
#lineup.detail .main-data .txt-box .graph{
  max-width: 314px;
}
@media screen and (max-width: 768px) {
  #lineup.detail .main-data{
    padding: 20px 0 40px;
    display: block;
  }
  #lineup.detail .main-data .img-box{
    max-width: none;
    width: 100%;
    display: block;
  }
  #lineup.detail .main-data .img{
    margin: 0 0 10px;
  }
  #lineup.detail .main-data .cat{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
  }
  #lineup.detail .main-data .cat li{
    padding: 5px 10px;
    margin: 0 5px 5px 0;
  }
  #lineup.detail .main-data .txt-box{
    max-width: none;
    width: 100%;
  }
  #lineup.detail .main-data .txt-box .tag li{
    padding: 5px 10px;
    margin: 0 5px 5px 0;
  }
  #lineup.detail .main-data .txt-box .midashi{
    margin: 20px 0 10px;
    position: relative;
    padding-left: 15px;
  }
  #lineup.detail .main-data .txt-box table th{
    padding: 5px 10px;
  }
  #lineup.detail .main-data .txt-box table td{
    padding: 5px 10px;
  }
  #lineup.detail .main-data .txt-box .notes{
    margin-top: 5px;
  }
  #lineup.detail .main-data .txt-box .graph{
    max-width: 314px;
  }
}
#lineup.detail .other{
  background-color: #F5F8F5;
  padding: 80px 0;
}
#lineup.detail .other .inner{
  max-width: 1000px;
  width: 90%;
  margin: 0 auto;
}
#lineup.detail .faq{
  padding-bottom: 80px;
}
#lineup.detail .faq li{
  background-color: #fff;
  border-radius: 5px;
  padding: 30px 100px 30px 30px;
  margin-bottom: 30px;
  font-size: clamp(12px,1em,16px);
}
#lineup.detail .faq li .q{
  cursor: pointer;
  font-size: clamp(14px,1.1em,18px);
  font-weight: var(--fw-5);
  line-height: 1.4;
  position: relative;
  padding-left: 40px;
}
#lineup.detail .faq li .q:before{
  content: 'Q.';
  position: absolute;
  top: 0;
  left: 0;
  transform: translateY(-12%);
  color: var(--green4);
  font-size: clamp(16px,1.2em,20px);
}
#lineup.detail .faq li .q span{
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -70px;
  width: 30px;
  height: 30px;
  background-color: var(--green4);
  border-radius: 30px;
}
#lineup.detail .faq li .q span:before,
#lineup.detail .faq li .q span:after{
  content: '';
  width: 50%;
  height: 2px;
  background-color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transition: .3s;
  transform: translate(-50%,-50%);
}
#lineup.detail .faq li .q span:after{
  transform: translate(-50%,-50%) rotate(90deg);
}
#lineup.detail .faq li .q.open span:after{
  transform: translate(-50%,-50%) rotate(0);
}
#lineup.detail .faq li .a{
  display: none;
  padding-top: 30px;
  font-size: clamp(14px,1.1em,18px);
  line-height: 1.8;
}
#lineup.detail .faq .more-btn{
  background-color: #fff;
  margin: 0 0 0 auto;
}
#lineup.detail .related-posts{
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
#lineup.detail .related-posts.no-post{
  display: block;
}
#lineup.detail .related-posts li{
  width: calc(100% / 5 - 16px);
  margin: 0 20px 20px 0;
}
#lineup.detail .related-posts li:nth-child(5n){
  margin-right: 0;
}
#lineup.detail .related-posts li a{
  display: block;
  text-align: center;
}
#lineup.detail .related-posts li a:hover{
  opacity: .7;
}
#lineup.detail .related-posts li .img{
  border: solid 1px #C5C5C5;
  border-radius: 5px;
  padding: 3px 10px;
  margin: 0 0 15px;
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 0;
  padding: 75% 0 0;
  background-color: #fff;
}
#lineup.detail .related-posts li .img.no-img{
}
#lineup.detail #siteContent.lower .related-posts li .img img{
  width: 80%;
  display: block;
  margin: 0 auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#lineup.detail #siteContent.lower .related-posts li .img.no-img img{
  width: 104%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
#lineup.detail .related-posts li a .title{
  text-align: center;
  font-size: clamp(14px,1.1em,18px);
  line-height: 1.2;
}
@media screen and (max-width: 768px) {
  #lineup.detail .other{
    padding: 40px 0;
  }
  #lineup.detail .faq{
    padding-bottom: 40px;
  }
  #lineup.detail .faq li{
    padding: 10px 40px 10px 10px;
    margin-bottom: 10px;
  }
  #lineup.detail .faq li .q{
    padding-left: 30px;
  }
  #lineup.detail .faq li .q:before{
    transform: translateY(-12%);
  }
  #lineup.detail .faq li .q span{
    right: -30px;
    width: 20px;
    height: 20px;
  }
  #lineup.detail .faq li .a{
    display: none;
    padding-top: 10px;
  }
  #lineup.detail .faq .more-btn{
    margin: 0 auto;
  }
  #lineup.detail .related-posts li{
    width: calc(100% / 2 - 5px);
    margin: 0 10px 10px 0;
  }
  #lineup.detail .related-posts li:nth-child(5n){
    margin-right: 10px;
  }
  #lineup.detail .related-posts li:nth-child(2n){
    margin-right: 0;
  }
  #lineup.detail .related-posts li a .img{
    margin: 0 0 5px;
  }
}
#lineup.detail .lineup-foot{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  background-color: #fff;
}
#lineup.detail .lineup-foot .img{
  width: 50%;
}
#lineup.detail .lineup-foot .txt-box{
  width: 50%;
}
#lineup.detail .lineup-foot .txt-box .txt{
  width: 60%;
  margin: 0 auto 30px;
}

/*** .faq ***/
.page-faq .faq_pick{
  margin: 0;
}
.faq #siteContent.lower{
  background: #fff;
  font-family: var(--s-font-noto);
}
.faq #siteContent.lower img{
  width: 100%;
  max-width: none;
  vertical-align: bottom;
}
.faq #siteContent.lower a{
  transition: .3s;
}
.faq .mv{
  background: url(images/faq/main.jpg) no-repeat right center / contain var(--green4);
}
.faq .lower .pankuzu{
  background-color: #F5F8F5;
}
.faq.search #siteContent.lower .pankuzu{
  background-color: #fff;
}
.faq .pickup{
  background-color: #F5F8F5;
  padding: 0 0 50px;
}
.faq .inner{
  max-width: 1000px;
  width: 90%;
  margin: 0 auto;
}
.faq .midashi{
  text-align: center;
  font-size: clamp(20px,2.05em,30px);
  font-weight: var(--fw-5);
  position: relative;
  padding-bottom: 15px;
  margin-bottom: 50px;
}
.faq .midashi:after{
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 55px;
  height: 2px;
  background-color: #C20813;
}
.faq .list li{
  padding: 30px 100px 30px 30px;
  border-radius: 5px;
  margin-bottom: 30px;
  background-color: #F5F8F5;
}
.faq .pickup .list li{
  background-color: #fff;
}
.faq .list li dt{
  font-size: clamp(16px,1.3em,18px);
  font-weight: var(--fw-5);
  position: relative;
  line-height: 1.4;
  position: relative;
  padding-left: 40px;
}
.faq .list li dt:before{
  content: 'Q.';
  position: absolute;
  top: 0;
  left: 0;
  transform: translateY(-12%);
  color: var(--green4);
  font-size: clamp(16px,1.2em,20px);
}
.faq .list li dt span{
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -70px;
  width: 30px;
  height: 30px;
  background-color: var(--green4);
  border-radius: 30px;
}
.faq .list li dt span:before,
.faq .list li dt span:after{
  content: '';
  width: 50%;
  height: 2px;
  background-color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transition: .3s;
  transform: translate(-50%,-50%);
}
.faq .list li dt span:after{
  transform: translate(-50%,-50%) rotate(90deg);
}
.faq .list li dt.open span:after{
  transform: translate(-50%,-50%) rotate(0);
}
.faq .list li dd{
  display: none;
  padding-top: 30px;
  font-size: clamp(12px,1em,16px);
  line-height: 1.8;
}
.faq .conts{
  padding: 80px 0 0;
  margin-bottom: -80px;
}
.faq .conts .list{
  padding-bottom: 80px;
}
.faq .conts .search-midashi{
  text-align: center;
  font-size: clamp(16px,1.2em,20px);
  line-height: 1.4;
  margin: 0 0 20px;
  font-weight: var(--fw-5);
}
.faq .conts .search-form{
  max-width: 700px;
  width: 100%;
  margin: 0 auto 80px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
}
.faq .conts form.search-form label{
  width: calc(100% - 90px);
}
.faq .conts form.search-form input[type="search"]{
  width: 100%;
}
.faq .conts form.search-form span{
  width: 90px;
  min-width: 90px;
  display: block;
  position: relative;
  background-color: var(--green4);
}
.faq .conts form.search-form span:before{
  content: '';
  width: 17px;
  height: 17px;
  background: url(images/faq/icon-search.svg) no-repeat center center / contain;
  display: block;
  margin-right: 5px;
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
}
.faq .conts form.search-form input[type="submit"]{
  background-color: var(--green4);
  border: solid 1px var(--green4);
  border-radius: 0 5px 5px 0;
  padding: 10px 10px 10px 30px;
  display: block;
  width: 100%;
  transition: .3s;
}
.faq .conts form.search-form input[type="submit"]:hover{
  opacity: .7;
}
.faq .conts .page-nav{
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0 0 100px;
}
.faq .conts .page-nav li{
  width: calc(100% / 4 - 10px);
}
.faq .conts .page-nav li a{
  background-color: var(--green4);
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 100%;
  border-radius: 5px;
  color: #fff;
  font-size: clamp(14px,1.2em,18px);
  font-weight: var(--fw-5);
  position: relative;
  line-height: 1.4;
  padding: 15px 5px;
}
.faq .conts .page-nav li a:hover{
  opacity: .7;
}
.faq .conts .page-nav li a:after{
  content: '';
  position: absolute;
  right: 5px;
  top: 50%;
  width: 13px;
  height: 11px;
  transform: translateY(-50%) rotate(90deg);
  background: url(images/home/arw-white02.svg) no-repeat center center / contain;
}
.faq .conts .sub-ttl{
  padding: 100px 0 10px;
  margin: -100px 0 30px;
  font-size: clamp(16px,1.3em,24px);
  font-weight: var(--fw-5);
  line-height: 1;
  border-bottom: solid 1px var(--green4);
}
@media screen and (max-width: 768px) {
  .faq .mv{
    background-size: cover;
  }
  .faq .pickup{
    padding: 40px 0;
  }
  .faq .list li{
    padding: 10px 40px 10px 10px;
    margin-bottom: 10px;
  }
  .faq .list li dt{
    padding-left: 30px;
  }
  .faq .list li dt:before{
    transform: translateY(-12%);
  }
  .faq .list li dt span{
    right: -30px;
    width: 20px;
    height: 20px;
  }
  .faq .list li dd{
    display: none;
    padding-top: 10px;
  }
  .faq .conts{
    padding: 40px 0 0;
    margin-bottom: -40px;
  }
  .faq .conts .search-midashi{
    margin: 0 0 10px;
  }
  .faq .conts .search-form{
    margin: 0 auto 40px;
  }
  .faq .conts form.search-form label{
    width: calc(100% - 50px);
  }
  .faq .conts form.search-form span{
    width: 50px;
    min-width: 50px;
  }
  .faq .conts form.search-form span:before{
    width: 12px;
    height: 12px;
    left: 5px;
  }
  .faq .conts form.search-form input[type="submit"]{
    padding: 10px 10px 10px 20px;
  }
  .faq .conts .page-nav{
    margin: 0 0 50px;
  }
  .faq .conts .page-nav li{
    width: calc(100% / 2 - 3px);
    margin: 0 0 6px;
  }
  .faq .conts .page-nav li a{
    padding: 10px 3px;
  }
  .faq .conts .page-nav li a:after{
    right: 2px;
    width: 10px;
  }
  .faq .conts .sub-ttl{
    padding: 50px 0 5px;
    margin: -50px 0 10px;
  }
}

/*** .contact ***/
.contact #siteContent.lower,
.complete #siteContent.lower{
  background: #fff;
  font-family: var(--s-font-noto);
}
.contact #siteContent.lower img{
  width: 100%;
  max-width: none;
  vertical-align: bottom;
}
.contact #siteContent.lower a{
  transition: .3s;
}
.contact .mv,
.complete .mv{
  background: url(images/contact/main.jpg) no-repeat right center / contain var(--green4);
}
.contact #siteContent.lower .pankuzu{
  background-color: #F5F8F5;
}
.contact .pickup{
  background-color: #F5F8F5;
  padding: 0 0 50px;
}
.contact .pickup .inner{
  max-width: 1000px;
  width: 90%;
  margin: 0 auto;
}
.contact .midashi{
  text-align: center;
  font-size: clamp(20px,2.05em,30px);
  font-weight: var(--fw-5);
  position: relative;
  padding-bottom: 15px;
  margin-bottom: 30px;
}
.contact .midashi:after{
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 55px;
  height: 2px;
  background-color: #C20813;
}
.contact .pickup .head-txt{
  font-size: clamp(12px,1em,16px);
  line-height: 1.8;
  text-align: center;
  margin-bottom: 50px;
}
.contact .pickup .list li{
  padding: 30px 100px 30px 30px;
  border-radius: 5px;
  margin-bottom: 30px;
  background-color: #fff;
}
.contact .pickup .list li dt{
  font-size: clamp(16px,1.3em,18px);
  font-weight: var(--fw-5);
  position: relative;
  line-height: 1.4;
  position: relative;
  padding-left: 40px;
}
.contact .pickup .list li dt:before{
  content: 'Q.';
  position: absolute;
  top: 0;
  left: 0;
  transform: translateY(-12%);
  color: var(--green4);
  font-size: clamp(16px,1.2em,20px);
}
.contact .pickup .list li dt span{
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -70px;
  width: 30px;
  height: 30px;
  background-color: var(--green4);
  border-radius: 30px;
}
.contact .pickup .list li dt span:before,
.contact .pickup .list li dt span:after{
  content: '';
  width: 50%;
  height: 2px;
  background-color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transition: .3s;
  transform: translate(-50%,-50%);
}
.contact .pickup .list li dt span:after{
  transform: translate(-50%,-50%) rotate(90deg);
}
.contact .pickup .list li dt.open span:after{
  transform: translate(-50%,-50%) rotate(0);
}
.contact .pickup .list li dd{
  display: none;
  padding-top: 30px;
  font-size: clamp(12px,1em,16px);
  line-height: 1.8;
}
.contact .pickup a{
  display: block;
  width: fit-content;
  color: var(--green4);
  border: solid 1px var(--green4);
  border-radius: 5px;
  padding: 15px 35px 15px 25px;
  text-align: center;
  font-size: clamp(14px, 1.8vw, 18px);
  font-weight: var(--fw-5);
  line-height: 1.4;
  position: relative;
  background-color: #fff;
  margin-left: auto;
}
.contact .pickup a:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 10px;
  width: 13px;
  height: 15px;
  transform: translateY(-50%);
  background: url(images/home/arw-green.svg) no-repeat center center / contain;
  transition: .3s;
}
.contact .pickup a:hover:after {
  right: 5px;
}
.contact .form {
  padding: 80px 0;
}
.contact .form .inner{
  max-width: 900px;
  width: 90%;
  margin: 0 auto;
}
.contact .form .head{
  border: solid 1px var(--green4);
  border-radius: 10px;
  padding: 30px 30px 20px;
  margin: 0 0 100px;
}
.contact .form .head p{
  font-size: clamp(12px,1em,16px);
  line-height: 1.8;
  margin: 0 0 10px;
  padding-left: 20px;
  position: relative;
}
.contact .form .head p.red{
  color: var(--red2);
}
.contact .form .head p:before{
  content: '';
  position: absolute;
  top: 10px;
  left: 0;
  width: 9px;
  height: 9px;
  background-color: var(--green4);
}
.contact .form .notes{
  width: 96%;
  margin: 0 auto 20px;
  font-size: clamp(12px,1em,16px);
  line-height: 1.6;
  display: flex;
  align-items: center;
}
.contact .form .notes.t2{
  text-align: center;
  display: block;
  width: 100%;
}
.contact .form .hissu{
  background-color: var(--red2);
  color: #fff;
  border-radius: 20px;
  padding: 5px 15px;
  font-size: 10px;
  line-height: 1;
  display: inline-block;
  margin-right: 5px;
}
.contact .form ul{
  display: block;
  gap: initial;
}
.contact .form ul dl{
  padding: 25px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
}
.contact .form ul li:nth-child(odd) dl{
  background-color: #F5F8F5;
}
.contact .form ul dt{
  width: 290px;
  min-width: 290px;
  position: relative;
  padding-top: 10px;
  font-size: clamp(12px,1em,16px);
}
.contact .form ul dt .hissu{
  position: absolute;
  top: 18px;
  right: 0;
  margin: 0;
}
.contact .form ul dd{
  width: calc(100% - 310px);
  margin: 0;
}
.contact .form ul dd select{
  max-width: 280px;
}
.contact .form ul dd .add{
  max-width: 280px;
  position: relative;
  margin: 0 0 10px;
}
.contact .form ul dd .add strong{
  display: block;
  position: absolute;
  left: -1rem;
  top: 10px;
}
.contact .form .pp-box{
  width: 100%;
  max-height: 250px;
  height: 250px;
  overflow-y: auto;
  border: solid 1px var(--green4);
  border-radius: 4px;
  padding: 30px;
  margin: 50px 0;
}
.contact .form .pp-box::-webkit-scrollbar {
  display: block;
  width: 8px;
}
.contact .form .pp-box::-webkit-scrollbar-thumb {
  background-color: #888;
  border-radius: 4px;
}
.contact .form .pp-box::-webkit-scrollbar-track {
  background-color: #f0f0f0;
}
.contact .form .pp-box p{
  font-size: clamp(12px,1em,15px);
  line-height: 1.6;
  margin: 0 0 5px;
}
.contact .form .pp-box .txt1{
  font-size: clamp(16px,1.3em,24px);
  font-weight: var(--fw-5);
  line-height: 1;
  color: var(--green4);
  margin: 0 0 15px;
}
.contact .form .pp-box .txt2{
  font-size: clamp(16px,1.2em,20px);
  font-weight: var(--fw-5);
  line-height: 1.4;
  margin: 30px 0 10px;
}
.contact .form .pp-box .txt3{
  font-size: clamp(12px,1em,15px);
  font-weight: var(--fw-5);
  line-height: 1.4;
  margin: 30px 0 0;
  padding-top: 10px;
  border-top: solid 1px var(--gray);
}
.contact .form input[type="submit"]{
  background-color: var(--green4);
  border: solid 1px var(--green4);
  transition: .3s;
  height: auto;
  line-height: 1;
  padding: 20px 5px;
}
.contact .form input[type="submit"]:hover{
  background-color: #fff;
  color: var(--green4);
}
.complete .inner{
  max-width: 900px;
  width: 90%;
  margin: 0 auto;
  padding: 0 0 60px;
}
.complete .text{
    margin:0 auto 20px;
}
@media screen and (max-width: 768px) {
  .contact .mv,
  .complete .mv{
    background-size: cover;
  }
  .contact .pickup .pickup{
    padding: 40px 0;
  }
  .contact .pickup .head-txt{
    margin-bottom: 20px;
  }
  .contact .pickup .list li{
    padding: 10px 40px 10px 10px;
    margin-bottom: 10px;
  }
  .contact .pickup .list li dt{
    padding-left: 30px;
  }
  .contact .pickup .list li dt:before{
    transform: translateY(-12%);
  }
  .contact .pickup .list li dt span{
    right: -30px;
    width: 20px;
    height: 20px;
  }
  .contact .pickup .list li dd{
    display: none;
    padding-top: 10px;
  }
  .contact .pickup a{
    padding: 10px 25px;
    margin: 20px auto 0;
  }
  .contact .pickup a:after {
    right: 5px;
    width: 10px;
  }
  .contact .form .head{
    border-radius: 5px;
    padding: 15px 15px 5px;
  }
  .contact .form .head p{
    padding-left: 10px;
  }
  .contact .form .head p:before{
    top: 8px;
    width: 5px;
    height: 5px;
  }
  .contact .form ul dl{
    flex-direction:column;
    gap:10px;
  }
  .contact .form ul dd{
    width:100%;
  }
}

/*** .philosophy ***/
.philosophy .mv{
  background: url(images/philosophy/main.jpg) no-repeat right center / contain var(--green4);
}
.philosophy .pankuzu{
  padding-bottom: 110px;
  position: relative;
  z-index: 1;
}
article.-page.page-philosophy .philosophy_kodawari .philosophy_kodawari_banar .head-text{
  background: #f6ecda;
  border-radius: 20px 20px 0 0;
  padding: 30px 5px;
  text-align: center;
  font-size: clamp(16px,2vw,24px);
}
article.-page.page-philosophy .philosophy_kodawari .philosophy_kodawari_banar ul{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
article.-page.page-philosophy .philosophy_kodawari .philosophy_kodawari_banar ul > li{
  display: block;
  background: none;
  width: 48%;
}
article.-page.page-philosophy .philosophy_kodawari .philosophy_kodawari_banar ul > li > .image{
}
article.-page.page-philosophy .philosophy_kodawari .philosophy_kodawari_banar ul > li > .image span{
  display: block;
  text-align: center;
  font-size: clamp(16px,1.7vw,18px);
}
article.-page.page-philosophy .philosophy_quality .philosophy_quality_main ul{
  display: block;
}
article.-page.page-philosophy .philosophy_quality .philosophy_quality_main ul li{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
  /*flex-flow: row-reverse;*/
  gap: calc(8.5em / 16 * 3);
  width: 100% ;
  margin: 0 0 30px;
}
article.-page.page-philosophy .philosophy_quality .philosophy_quality_main ul > li > .image{
  flex:inherit;
  max-width: 160px;
  aspect-ratio: auto;
}
article.-page.page-philosophy .philosophy_quality .philosophy_quality_main ul > li > .image img{
  vertical-align: bottom;
}
article.-page.page-philosophy .philosophy_quality .philosophy_quality_main ul > li dl > dt{
  font-size: clamp(18px,2vw,24px);
  font-weight: 600;
  /*width: 100%;*/
  padding-bottom: 10px;
}
article.-page.page-philosophy .philosophy_quality .philosophy_quality_main ul > li dl > dt:before{
  /*display: none;*/
}
article.-page.page-philosophy .philosophy_quality .philosophy_quality_main ul > li dl > dt span{
  display: inline-block;
  font-size: clamp(16px,1.7vw,18px);
}
article.-page.page-philosophy .philosophy_quality .philosophy_quality_main ul > li dl > dd{
  font-size: clamp(14px,1.5vw,16px);
}
@media screen and (max-width: 768px) {
  .philosophy .mv{
    background-size: cover;
    background-position: center center;
  }
  .philosophy .pankuzu{
    padding-bottom: 30px;
  }
  article.-page.page-philosophy .philosophy_kodawari .philosophy_kodawari_banar .head-text{
    border-radius: 10px 10px 0 0;
    padding: 20px 5px;
    font-size: 1.23em;
  }
  article.-page.page-philosophy .philosophy_kodawari .philosophy_kodawari_banar ul{
    display: block;
  }
  article.-page.page-philosophy .philosophy_kodawari .philosophy_kodawari_banar ul > li{
    width: 100%;
  }
  article.-page.page-philosophy .philosophy_quality .philosophy_quality_main ul{
    flex-direction: column;
  }
  article.-page.page-philosophy .philosophy_quality .philosophy_quality_main ul li{
    width: 100%;
    /*display: block;*/
    margin: 0 0 40px;
    gap: calc(8.5em / 16 * 3);
    flex-direction: row;
  }
  article.-page.page-philosophy .philosophy_quality .philosophy_quality_main ul > li > .image{
    /*margin: 0 auto 10px;*/
    flex: 1;
    aspect-ratio: 1/1;
    background: var(--white);
    overflow: hidden;
  }
  article.-page.page-philosophy .philosophy_quality .philosophy_quality_main ul > li > .text { flex: 3; }
  article.-page.page-philosophy .philosophy_quality .philosophy_quality_main ul > li > .text dl > dt + dd {
    font-size: clamp(14px,1.5vw,16px);
    margin-top: 20px;
  }
}

/*** .soba ***/
.soba .mv{
  background: url(images/soba/main.jpg) no-repeat right center / contain var(--green4);
}
.soba .pankuzu{
  padding-bottom: 110px;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .soba .mv{
    background-size: cover;
  }
  .soba .pankuzu{
    padding-bottom: 30px;
  }
}

/*** .company ***/
.company .mv{
  background: url(images/company/main.jpg) no-repeat right center / contain var(--green4);
}
.company .pankuzu{
  padding-bottom: 110px;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .company .mv{
    background-size: cover;
  }
  .company .pankuzu{
    padding-bottom: 30px;
  }
}

/*** .sustinability ***/
.sustinability .mv{
  background: url(images/sustinability/main.jpg) no-repeat right center / contain var(--green4);
}
.sustinability .pankuzu{
  padding-bottom: 110px;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .sustinability .mv{
    background-size: cover;
  }
  .sustinability .pankuzu{
    padding-bottom: 30px;
  }
}