@charset "UTF-8";

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, hr, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, main, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main { display: block; }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote::before, blockquote::after { content: ""; content: none; }

q::before, q::after { content: ""; content: none; }

strong { font-weight: bold; }

abbr { text-decoration: none; }

mark { background: none; }

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

caption, th { text-align: left; }

img { vertical-align: top; }

hr { height: 0; }

html { font-size: 62.5%; -webkit-box-sizing: border-box; box-sizing: border-box; }

*, *::before, *::after { -webkit-box-sizing: inherit; box-sizing: inherit; }

body { min-width: 1120px; background: #e6ecef; font-size: 14px; font-size: 1.4rem; line-height: 22.4px; line-height: 2.24rem; font-family: "Hiragino Kaku Gothic ProN", "游ゴシック Medium", "Noto Sans JP", "Yu Gothic Medium", Verdana, Meiryo, sans-serif; color: #363636; letter-spacing: 0.025em; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

/* html elements
---------------------------------------- */
hr { border-top: 1px solid #bfbfbf; }

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

sub { bottom: -0.1em; }

sup { top: -0.5em; }

/* Anchors
---------------------------------------- */
a { color: #333; text-decoration: none; -webkit-transition: 0.2s 0.3s; transition: 0.2s 0.3s; }

a:visited { text-decoration: none; }

a:hover { opacity: 0.8; text-decoration: none; color: #0092cc; }

a:active { text-decoration: none; }

a[href^='http'], a[href^='mailto:'] { word-break: break-all; }

/* form
---------------------------------------- */
input, textarea, select, button { font-family: "Hiragino Kaku Gothic ProN", "游ゴシック Medium", "Noto Sans JP", "Yu Gothic Medium", Verdana, Meiryo, sans-serif; }

input[type='text'], input[type='tel'], input[type='number'], input[type='email'], input[type='password'], input[type='url'] { -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; border: 1px solid #bfbfbf; padding: 10px; width: 100%; vertical-align: middle; }

textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; border: 1px solid #bfbfbf; padding: 10px; width: 100%; vertical-align: middle; height: 160px; }

article { position: relative; }

select { -webkit-appearance: menulist-button; border: 1px solid #bfbfbf; padding: 10px; }

button { border: none; cursor: pointer; background: none; outline: none; margin: 0; padding: 0; }

input[type='submit'] { -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; vertical-align: middle; border-color: transparent; cursor: pointer; outline: none; }

::-moz-placeholder { color: #ccc; opacity: 1; font-weight: 300; }

:-ms-input-placeholder { color: #ccc !important; font-weight: 300; }

::-webkit-input-placeholder { color: #ccc; font-weight: 300; line-height: normal; }

:-moz-placeholder-shown { color: #ccc; font-weight: 300; text-overflow: ellipsis; }

:-ms-input-placeholder { color: #ccc; font-weight: 300; text-overflow: ellipsis; }

:placeholder-shown { color: #ccc; font-weight: 300; text-overflow: ellipsis; }

.js-observeTarget { --delay: 0s; opacity: 0; -webkit-transform: translate3d(0, 30px, 0); transform: translate3d(0, 30px, 0); -webkit-transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) var(--delay), -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) var(--delay); transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) var(--delay), -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) var(--delay); transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) var(--delay), transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) var(--delay); transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) var(--delay), transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) var(--delay), -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) var(--delay); }

.is-IE .js-observeTarget { -webkit-transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1); transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1); transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1), transform 1s cubic-bezier(0.165, 0.84, 0.44, 1); transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1), transform 1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1); }

.js-observeTarget[data-visible='true'] { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.l-grid-wrap { overflow: hidden; }

.l-grid-wrap [class*='l-grid'] { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -20px; margin-right: -20px; margin-bottom: -40px; }

.l-grid-wrap [class*='l-grid'] [class*='l-col'] { padding-left: 20px; padding-right: 20px; margin-bottom: 40px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.l-grid-wrap [class*='l-grid'] [class*='l-col'][class*='--top'] { -ms-flex-item-align: start; align-self: flex-start; }

.l-grid-wrap [class*='l-grid'] [class*='l-col'][class*='--middle'] { -ms-flex-item-align: center; align-self: center; }

.l-grid-wrap [class*='l-grid'] [class*='l-col'][class*='--bottom'] { -ms-flex-item-align: end; align-self: flex-end; }

.l-grid-wrap [class*='l-grid'] [class*='l-col'][class*='--left'] { margin-right: auto; }

.l-grid-wrap [class*='l-grid'] [class*='l-col'][class*='--center'] { margin-left: auto; margin-right: auto; }

.l-grid-wrap [class*='l-grid'] [class*='l-col'][class*='--right'] { margin-left: auto; }

.l-grid-wrap [class*='l-grid'] .col-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; }

.l-grid-wrap [class*='l-grid'] .col-1-1 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; max-width: 100%; }

.l-grid-wrap [class*='l-grid'] .col-1-2 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; width: 50%; max-width: 50%; }

.l-grid-wrap [class*='l-grid'] .col-2-2 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; max-width: 100%; }

.l-grid-wrap [class*='l-grid'] .col-1-3 { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; width: 33.33333%; max-width: 33.33333%; }

.l-grid-wrap [class*='l-grid'] .col-2-3 { -webkit-box-flex: 0; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; width: 66.66667%; max-width: 66.66667%; }

.l-grid-wrap [class*='l-grid'] .col-3-3 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; max-width: 100%; }

.l-grid-wrap [class*='l-grid'] .col-1-4 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; width: 25%; max-width: 25%; }

.l-grid-wrap [class*='l-grid'] .col-2-4 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; width: 50%; max-width: 50%; }

.l-grid-wrap [class*='l-grid'] .col-3-4 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; width: 75%; max-width: 75%; }

.l-grid-wrap [class*='l-grid'] .col-4-4 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; max-width: 100%; }

.l-grid-wrap [class*='l-grid'] .col-1-5 { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; width: 20%; max-width: 20%; }

.l-grid-wrap [class*='l-grid'] .col-2-5 { -webkit-box-flex: 0; -ms-flex: 0 0 40%; flex: 0 0 40%; width: 40%; max-width: 40%; }

.l-grid-wrap [class*='l-grid'] .col-3-5 { -webkit-box-flex: 0; -ms-flex: 0 0 60%; flex: 0 0 60%; width: 60%; max-width: 60%; }

.l-grid-wrap [class*='l-grid'] .col-4-5 { -webkit-box-flex: 0; -ms-flex: 0 0 80%; flex: 0 0 80%; width: 80%; max-width: 80%; }

.l-grid-wrap [class*='l-grid'] .col-5-5 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; max-width: 100%; }

.l-grid-wrap [class*='l-grid'] .col-1-6 { -webkit-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; width: 16.66667%; max-width: 16.66667%; }

.l-grid-wrap [class*='l-grid'] .col-2-6 { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; width: 33.33333%; max-width: 33.33333%; }

.l-grid-wrap [class*='l-grid'] .col-3-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; width: 50%; max-width: 50%; }

.l-grid-wrap [class*='l-grid'] .col-4-6 { -webkit-box-flex: 0; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; width: 66.66667%; max-width: 66.66667%; }

.l-grid-wrap [class*='l-grid'] .col-5-6 { -webkit-box-flex: 0; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; width: 83.33333%; max-width: 83.33333%; }

.l-grid-wrap [class*='l-grid'] .col-6-6 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; max-width: 100%; }

.l-grid-wrap [class*='l-grid'] .col-1-7 { -webkit-box-flex: 0; -ms-flex: 0 0 14.28571%; flex: 0 0 14.28571%; width: 14.28571%; max-width: 14.28571%; }

.l-grid-wrap [class*='l-grid'] .col-2-7 { -webkit-box-flex: 0; -ms-flex: 0 0 28.57143%; flex: 0 0 28.57143%; width: 28.57143%; max-width: 28.57143%; }

.l-grid-wrap [class*='l-grid'] .col-3-7 { -webkit-box-flex: 0; -ms-flex: 0 0 42.85714%; flex: 0 0 42.85714%; width: 42.85714%; max-width: 42.85714%; }

.l-grid-wrap [class*='l-grid'] .col-4-7 { -webkit-box-flex: 0; -ms-flex: 0 0 57.14286%; flex: 0 0 57.14286%; width: 57.14286%; max-width: 57.14286%; }

.l-grid-wrap [class*='l-grid'] .col-5-7 { -webkit-box-flex: 0; -ms-flex: 0 0 71.42857%; flex: 0 0 71.42857%; width: 71.42857%; max-width: 71.42857%; }

.l-grid-wrap [class*='l-grid'] .col-6-7 { -webkit-box-flex: 0; -ms-flex: 0 0 85.71429%; flex: 0 0 85.71429%; width: 85.71429%; max-width: 85.71429%; }

.l-grid-wrap [class*='l-grid'] .col-7-7 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; max-width: 100%; }

.l-grid-wrap [class*='l-grid'] .col-1-8 { -webkit-box-flex: 0; -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; width: 12.5%; max-width: 12.5%; }

.l-grid-wrap [class*='l-grid'] .col-2-8 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; width: 25%; max-width: 25%; }

.l-grid-wrap [class*='l-grid'] .col-3-8 { -webkit-box-flex: 0; -ms-flex: 0 0 37.5%; flex: 0 0 37.5%; width: 37.5%; max-width: 37.5%; }

.l-grid-wrap [class*='l-grid'] .col-4-8 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; width: 50%; max-width: 50%; }

.l-grid-wrap [class*='l-grid'] .col-5-8 { -webkit-box-flex: 0; -ms-flex: 0 0 62.5%; flex: 0 0 62.5%; width: 62.5%; max-width: 62.5%; }

.l-grid-wrap [class*='l-grid'] .col-6-8 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; width: 75%; max-width: 75%; }

.l-grid-wrap [class*='l-grid'] .col-7-8 { -webkit-box-flex: 0; -ms-flex: 0 0 87.5%; flex: 0 0 87.5%; width: 87.5%; max-width: 87.5%; }

.l-grid-wrap [class*='l-grid'] .col-8-8 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; max-width: 100%; }

.l-grid-wrap [class*='l-grid'] .col-1-9 { -webkit-box-flex: 0; -ms-flex: 0 0 11.11111%; flex: 0 0 11.11111%; width: 11.11111%; max-width: 11.11111%; }

.l-grid-wrap [class*='l-grid'] .col-2-9 { -webkit-box-flex: 0; -ms-flex: 0 0 22.22222%; flex: 0 0 22.22222%; width: 22.22222%; max-width: 22.22222%; }

.l-grid-wrap [class*='l-grid'] .col-3-9 { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; width: 33.33333%; max-width: 33.33333%; }

.l-grid-wrap [class*='l-grid'] .col-4-9 { -webkit-box-flex: 0; -ms-flex: 0 0 44.44444%; flex: 0 0 44.44444%; width: 44.44444%; max-width: 44.44444%; }

.l-grid-wrap [class*='l-grid'] .col-5-9 { -webkit-box-flex: 0; -ms-flex: 0 0 55.55556%; flex: 0 0 55.55556%; width: 55.55556%; max-width: 55.55556%; }

.l-grid-wrap [class*='l-grid'] .col-6-9 { -webkit-box-flex: 0; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; width: 66.66667%; max-width: 66.66667%; }

.l-grid-wrap [class*='l-grid'] .col-7-9 { -webkit-box-flex: 0; -ms-flex: 0 0 77.77778%; flex: 0 0 77.77778%; width: 77.77778%; max-width: 77.77778%; }

.l-grid-wrap [class*='l-grid'] .col-8-9 { -webkit-box-flex: 0; -ms-flex: 0 0 88.88889%; flex: 0 0 88.88889%; width: 88.88889%; max-width: 88.88889%; }

.l-grid-wrap [class*='l-grid'] .col-9-9 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; max-width: 100%; }

.l-grid-wrap [class*='l-grid'] .col-1-10 { -webkit-box-flex: 0; -ms-flex: 0 0 10%; flex: 0 0 10%; width: 10%; max-width: 10%; }

.l-grid-wrap [class*='l-grid'] .col-2-10 { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; width: 20%; max-width: 20%; }

.l-grid-wrap [class*='l-grid'] .col-3-10 { -webkit-box-flex: 0; -ms-flex: 0 0 30%; flex: 0 0 30%; width: 30%; max-width: 30%; }

.l-grid-wrap [class*='l-grid'] .col-4-10 { -webkit-box-flex: 0; -ms-flex: 0 0 40%; flex: 0 0 40%; width: 40%; max-width: 40%; }

.l-grid-wrap [class*='l-grid'] .col-5-10 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; width: 50%; max-width: 50%; }

.l-grid-wrap [class*='l-grid'] .col-6-10 { -webkit-box-flex: 0; -ms-flex: 0 0 60%; flex: 0 0 60%; width: 60%; max-width: 60%; }

.l-grid-wrap [class*='l-grid'] .col-7-10 { -webkit-box-flex: 0; -ms-flex: 0 0 70%; flex: 0 0 70%; width: 70%; max-width: 70%; }

.l-grid-wrap [class*='l-grid'] .col-8-10 { -webkit-box-flex: 0; -ms-flex: 0 0 80%; flex: 0 0 80%; width: 80%; max-width: 80%; }

.l-grid-wrap [class*='l-grid'] .col-9-10 { -webkit-box-flex: 0; -ms-flex: 0 0 90%; flex: 0 0 90%; width: 90%; max-width: 90%; }

.l-grid-wrap [class*='l-grid'] .col-10-10 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; max-width: 100%; }

.l-grid-wrap [class*='l-grid'] .col-1-11 { -webkit-box-flex: 0; -ms-flex: 0 0 9.09091%; flex: 0 0 9.09091%; width: 9.09091%; max-width: 9.09091%; }

.l-grid-wrap [class*='l-grid'] .col-2-11 { -webkit-box-flex: 0; -ms-flex: 0 0 18.18182%; flex: 0 0 18.18182%; width: 18.18182%; max-width: 18.18182%; }

.l-grid-wrap [class*='l-grid'] .col-3-11 { -webkit-box-flex: 0; -ms-flex: 0 0 27.27273%; flex: 0 0 27.27273%; width: 27.27273%; max-width: 27.27273%; }

.l-grid-wrap [class*='l-grid'] .col-4-11 { -webkit-box-flex: 0; -ms-flex: 0 0 36.36364%; flex: 0 0 36.36364%; width: 36.36364%; max-width: 36.36364%; }

.l-grid-wrap [class*='l-grid'] .col-5-11 { -webkit-box-flex: 0; -ms-flex: 0 0 45.45455%; flex: 0 0 45.45455%; width: 45.45455%; max-width: 45.45455%; }

.l-grid-wrap [class*='l-grid'] .col-6-11 { -webkit-box-flex: 0; -ms-flex: 0 0 54.54545%; flex: 0 0 54.54545%; width: 54.54545%; max-width: 54.54545%; }

.l-grid-wrap [class*='l-grid'] .col-7-11 { -webkit-box-flex: 0; -ms-flex: 0 0 63.63636%; flex: 0 0 63.63636%; width: 63.63636%; max-width: 63.63636%; }

.l-grid-wrap [class*='l-grid'] .col-8-11 { -webkit-box-flex: 0; -ms-flex: 0 0 72.72727%; flex: 0 0 72.72727%; width: 72.72727%; max-width: 72.72727%; }

.l-grid-wrap [class*='l-grid'] .col-9-11 { -webkit-box-flex: 0; -ms-flex: 0 0 81.81818%; flex: 0 0 81.81818%; width: 81.81818%; max-width: 81.81818%; }

.l-grid-wrap [class*='l-grid'] .col-10-11 { -webkit-box-flex: 0; -ms-flex: 0 0 90.90909%; flex: 0 0 90.90909%; width: 90.90909%; max-width: 90.90909%; }

.l-grid-wrap [class*='l-grid'] .col-11-11 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; max-width: 100%; }

.l-grid-wrap [class*='l-grid'] .col-1-12 { -webkit-box-flex: 0; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; width: 8.33333%; max-width: 8.33333%; }

.l-grid-wrap [class*='l-grid'] .col-2-12 { -webkit-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; width: 16.66667%; max-width: 16.66667%; }

.l-grid-wrap [class*='l-grid'] .col-3-12 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; width: 25%; max-width: 25%; }

.l-grid-wrap [class*='l-grid'] .col-4-12 { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; width: 33.33333%; max-width: 33.33333%; }

.l-grid-wrap [class*='l-grid'] .col-5-12 { -webkit-box-flex: 0; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; width: 41.66667%; max-width: 41.66667%; }

.l-grid-wrap [class*='l-grid'] .col-6-12 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; width: 50%; max-width: 50%; }

.l-grid-wrap [class*='l-grid'] .col-7-12 { -webkit-box-flex: 0; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; width: 58.33333%; max-width: 58.33333%; }

.l-grid-wrap [class*='l-grid'] .col-8-12 { -webkit-box-flex: 0; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; width: 66.66667%; max-width: 66.66667%; }

.l-grid-wrap [class*='l-grid'] .col-9-12 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; width: 75%; max-width: 75%; }

.l-grid-wrap [class*='l-grid'] .col-10-12 { -webkit-box-flex: 0; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; width: 83.33333%; max-width: 83.33333%; }

.l-grid-wrap [class*='l-grid'] .col-11-12 { -webkit-box-flex: 0; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; width: 91.66667%; max-width: 91.66667%; }

.l-grid-wrap [class*='l-grid'] .col-12-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; max-width: 100%; }

.l-grid-wrap [class*='l-grid'] .push-0 { margin-left: 0; }

.l-grid-wrap [class*='l-grid'] .push-1-2 { margin-left: 50%; }

.l-grid-wrap [class*='l-grid'] .push-1-3 { margin-left: 33.33333%; }

.l-grid-wrap [class*='l-grid'] .push-2-3 { margin-left: 66.66667%; }

.l-grid-wrap [class*='l-grid'] .push-1-4 { margin-left: 25%; }

.l-grid-wrap [class*='l-grid'] .push-2-4 { margin-left: 50%; }

.l-grid-wrap [class*='l-grid'] .push-3-4 { margin-left: 75%; }

.l-grid-wrap [class*='l-grid'] .push-1-5 { margin-left: 20%; }

.l-grid-wrap [class*='l-grid'] .push-2-5 { margin-left: 40%; }

.l-grid-wrap [class*='l-grid'] .push-3-5 { margin-left: 60%; }

.l-grid-wrap [class*='l-grid'] .push-4-5 { margin-left: 80%; }

.l-grid-wrap [class*='l-grid'] .push-1-6 { margin-left: 16.66667%; }

.l-grid-wrap [class*='l-grid'] .push-2-6 { margin-left: 33.33333%; }

.l-grid-wrap [class*='l-grid'] .push-3-6 { margin-left: 50%; }

.l-grid-wrap [class*='l-grid'] .push-4-6 { margin-left: 66.66667%; }

.l-grid-wrap [class*='l-grid'] .push-5-6 { margin-left: 83.33333%; }

.l-grid-wrap [class*='l-grid'] .push-1-7 { margin-left: 14.28571%; }

.l-grid-wrap [class*='l-grid'] .push-2-7 { margin-left: 28.57143%; }

.l-grid-wrap [class*='l-grid'] .push-3-7 { margin-left: 42.85714%; }

.l-grid-wrap [class*='l-grid'] .push-4-7 { margin-left: 57.14286%; }

.l-grid-wrap [class*='l-grid'] .push-5-7 { margin-left: 71.42857%; }

.l-grid-wrap [class*='l-grid'] .push-6-7 { margin-left: 85.71429%; }

.l-grid-wrap [class*='l-grid'] .push-1-8 { margin-left: 12.5%; }

.l-grid-wrap [class*='l-grid'] .push-2-8 { margin-left: 25%; }

.l-grid-wrap [class*='l-grid'] .push-3-8 { margin-left: 37.5%; }

.l-grid-wrap [class*='l-grid'] .push-4-8 { margin-left: 50%; }

.l-grid-wrap [class*='l-grid'] .push-5-8 { margin-left: 62.5%; }

.l-grid-wrap [class*='l-grid'] .push-6-8 { margin-left: 75%; }

.l-grid-wrap [class*='l-grid'] .push-7-8 { margin-left: 87.5%; }

.l-grid-wrap [class*='l-grid'] .push-1-9 { margin-left: 11.11111%; }

.l-grid-wrap [class*='l-grid'] .push-2-9 { margin-left: 22.22222%; }

.l-grid-wrap [class*='l-grid'] .push-3-9 { margin-left: 33.33333%; }

.l-grid-wrap [class*='l-grid'] .push-4-9 { margin-left: 44.44444%; }

.l-grid-wrap [class*='l-grid'] .push-5-9 { margin-left: 55.55556%; }

.l-grid-wrap [class*='l-grid'] .push-6-9 { margin-left: 66.66667%; }

.l-grid-wrap [class*='l-grid'] .push-7-9 { margin-left: 77.77778%; }

.l-grid-wrap [class*='l-grid'] .push-8-9 { margin-left: 88.88889%; }

.l-grid-wrap [class*='l-grid'] .push-1-10 { margin-left: 10%; }

.l-grid-wrap [class*='l-grid'] .push-2-10 { margin-left: 20%; }

.l-grid-wrap [class*='l-grid'] .push-3-10 { margin-left: 30%; }

.l-grid-wrap [class*='l-grid'] .push-4-10 { margin-left: 40%; }

.l-grid-wrap [class*='l-grid'] .push-5-10 { margin-left: 50%; }

.l-grid-wrap [class*='l-grid'] .push-6-10 { margin-left: 60%; }

.l-grid-wrap [class*='l-grid'] .push-7-10 { margin-left: 70%; }

.l-grid-wrap [class*='l-grid'] .push-8-10 { margin-left: 80%; }

.l-grid-wrap [class*='l-grid'] .push-9-10 { margin-left: 90%; }

.l-grid-wrap [class*='l-grid'] .push-1-11 { margin-left: 9.09091%; }

.l-grid-wrap [class*='l-grid'] .push-2-11 { margin-left: 18.18182%; }

.l-grid-wrap [class*='l-grid'] .push-3-11 { margin-left: 27.27273%; }

.l-grid-wrap [class*='l-grid'] .push-4-11 { margin-left: 36.36364%; }

.l-grid-wrap [class*='l-grid'] .push-5-11 { margin-left: 45.45455%; }

.l-grid-wrap [class*='l-grid'] .push-6-11 { margin-left: 54.54545%; }

.l-grid-wrap [class*='l-grid'] .push-7-11 { margin-left: 63.63636%; }

.l-grid-wrap [class*='l-grid'] .push-8-11 { margin-left: 72.72727%; }

.l-grid-wrap [class*='l-grid'] .push-9-11 { margin-left: 81.81818%; }

.l-grid-wrap [class*='l-grid'] .push-10-11 { margin-left: 90.90909%; }

.l-grid-wrap [class*='l-grid'] .push-1-12 { margin-left: 8.33333%; }

.l-grid-wrap [class*='l-grid'] .push-2-12 { margin-left: 16.66667%; }

.l-grid-wrap [class*='l-grid'] .push-3-12 { margin-left: 25%; }

.l-grid-wrap [class*='l-grid'] .push-4-12 { margin-left: 33.33333%; }

.l-grid-wrap [class*='l-grid'] .push-5-12 { margin-left: 41.66667%; }

.l-grid-wrap [class*='l-grid'] .push-6-12 { margin-left: 50%; }

.l-grid-wrap [class*='l-grid'] .push-7-12 { margin-left: 58.33333%; }

.l-grid-wrap [class*='l-grid'] .push-8-12 { margin-left: 66.66667%; }

.l-grid-wrap [class*='l-grid'] .push-9-12 { margin-left: 75%; }

.l-grid-wrap [class*='l-grid'] .push-10-12 { margin-left: 83.33333%; }

.l-grid-wrap [class*='l-grid'] .push-11-12 { margin-left: 91.66667%; }

.l-grid-wrap [class*='l-grid'][class*='--reverse'] { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }

.l-grid-wrap [class*='l-grid'][class*='--reverse'] .push-1-2 { margin-left: auto; margin-right: 50%; }

.l-grid-wrap [class*='l-grid'][class*='--reverse'] .push-1-3 { margin-left: auto; margin-right: 33.33333%; }

.l-grid-wrap [class*='l-grid'][class*='--reverse'] .push-2-3 { margin-left: auto; margin-right: 66.66667%; }

.l-grid-wrap [class*='l-grid'][class*='--reverse'] .push-1-4 { margin-left: auto; margin-right: 25%; }

.l-grid-wrap [class*='l-grid'][class*='--reverse'] .push-2-4 { margin-left: auto; margin-right: 50%; }

.l-grid-wrap [class*='l-grid'][class*='--reverse'] .push-3-4 { margin-left: auto; margin-right: 75%; }

.l-grid-wrap [class*='l-grid'][class*='--reverse'] .push-1-5 { margin-left: auto; margin-right: 20%; }

.l-grid-wrap [class*='l-grid'][class*='--reverse'] .push-2-5 { margin-left: auto; margin-right: 40%; }

.l-grid-wrap [class*='l-grid'][class*='--reverse'] .push-3-5 { margin-left: auto; margin-right: 60%; }

.l-grid-wrap [class*='l-grid'][class*='--reverse'] .push-4-5 { margin-left: auto; margin-right: 80%; }

.l-grid-wrap [class*='l-grid'][class*='--reverse'] .push-1-6 { margin-left: auto; margin-right: 16.66667%; }

.l-grid-wrap [class*='l-grid'][class*='--reverse'] .push-2-6 { margin-left: auto; margin-right: 33.33333%; }

.l-grid-wrap [class*='l-grid'][class*='--reverse'] .push-3-6 { margin-left: auto; margin-right: 50%; }

.l-grid-wrap [class*='l-grid'][class*='--reverse'] .push-4-6 { margin-left: auto; margin-right: 66.66667%; }

.l-grid-wrap [class*='l-grid'][class*='--reverse'] .push-5-6 { margin-left: auto; margin-right: 83.33333%; }

.l-grid-wrap [class*='l-grid'][class*='--reverse'] .push-1-7 { margin-left: auto; margin-right: 14.28571%; }

.l-grid-wrap [class*='l-grid'][class*='--reverse'] .push-2-7 { margin-left: auto; margin-right: 28.57143%; }

.l-grid-wrap [class*='l-grid'][class*='--reverse'] .push-3-7 { margin-left: auto; margin-right: 42.85714%; }

.l-grid-wrap [class*='l-grid'][class*='--reverse'] .push-4-7 { margin-left: auto; margin-right: 57.14286%; }

.l-grid-wrap [class*='l-grid'][class*='--reverse'] .push-5-7 { margin-left: auto; margin-right: 71.42857%; }

.l-grid-wrap [class*='l-grid'][class*='--reverse'] .push-6-7 { margin-left: auto; margin-right: 85.71429%; }

.l-grid-wrap [class*='l-grid'][class*='--reverse'] .push-1-8 { margin-left: auto; margin-right: 12.5%; }

.l-grid-wrap [class*='l-grid'][class*='--reverse'] .push-2-8 { margin-left: auto; margin-right: 25%; }

.l-grid-wrap [class*='l-grid'][class*='--reverse'] .push-3-8 { margin-left: auto; margin-right: 37.5%; }

.l-grid-wrap [class*='l-grid'][class*='--reverse'] .push-4-8 { margin-left: auto; margin-right: 50%; }

.l-grid-wrap [class*='l-grid'][class*='--reverse'] .push-5-8 { margin-left: auto; margin-right: 62.5%; }

.l-grid-wrap [class*='l-grid'][class*='--reverse'] .push-6-8 { margin-left: auto; margin-right: 75%; }

.l-grid-wrap [class*='l-grid'][class*='--reverse'] .push-7-8 { margin-left: auto; margin-right: 87.5%; }

.l-grid-wrap [class*='l-grid'][class*='--reverse'] .push-1-9 { margin-left: auto; margin-right: 11.11111%; }

.l-grid-wrap [class*='l-grid'][class*='--reverse'] .push-2-9 { margin-left: auto; margin-right: 22.22222%; }

.l-grid-wrap [class*='l-grid'][class*='--reverse'] .push-3-9 { margin-left: auto; margin-right: 33.33333%; }

.l-grid-wrap [class*='l-grid'][class*='--reverse'] .push-4-9 { margin-left: auto; margin-right: 44.44444%; }

.l-grid-wrap [class*='l-grid'][class*='--reverse'] .push-5-9 { margin-left: auto; margin-right: 55.55556%; }

.l-grid-wrap [class*='l-grid'][class*='--reverse'] .push-6-9 { margin-left: auto; margin-right: 66.66667%; }

.l-grid-wrap [class*='l-grid'][class*='--reverse'] .push-7-9 { margin-left: auto; margin-right: 77.77778%; }

.l-grid-wrap [class*='l-grid'][class*='--reverse'] .push-8-9 { margin-left: auto; margin-right: 88.88889%; }

.l-grid-wrap [class*='l-grid'][class*='--reverse'] .push-1-10 { margin-left: auto; margin-right: 10%; }

.l-grid-wrap [class*='l-grid'][class*='--reverse'] .push-2-10 { margin-left: auto; margin-right: 20%; }

.l-grid-wrap [class*='l-grid'][class*='--reverse'] .push-3-10 { margin-left: auto; margin-right: 30%; }

.l-grid-wrap [class*='l-grid'][class*='--reverse'] .push-4-10 { margin-left: auto; margin-right: 40%; }

.l-grid-wrap [class*='l-grid'][class*='--reverse'] .push-5-10 { margin-left: auto; margin-right: 50%; }

.l-grid-wrap [class*='l-grid'][class*='--reverse'] .push-6-10 { margin-left: auto; margin-right: 60%; }

.l-grid-wrap [class*='l-grid'][class*='--reverse'] .push-7-10 { margin-left: auto; margin-right: 70%; }

.l-grid-wrap [class*='l-grid'][class*='--reverse'] .push-8-10 { margin-left: auto; margin-right: 80%; }

.l-grid-wrap [class*='l-grid'][class*='--reverse'] .push-9-10 { margin-left: auto; margin-right: 90%; }

.l-grid-wrap [class*='l-grid'][class*='--reverse'] .push-1-11 { margin-left: auto; margin-right: 9.09091%; }

.l-grid-wrap [class*='l-grid'][class*='--reverse'] .push-2-11 { margin-left: auto; margin-right: 18.18182%; }

.l-grid-wrap [class*='l-grid'][class*='--reverse'] .push-3-11 { margin-left: auto; margin-right: 27.27273%; }

.l-grid-wrap [class*='l-grid'][class*='--reverse'] .push-4-11 { margin-left: auto; margin-right: 36.36364%; }

.l-grid-wrap [class*='l-grid'][class*='--reverse'] .push-5-11 { margin-left: auto; margin-right: 45.45455%; }

.l-grid-wrap [class*='l-grid'][class*='--reverse'] .push-6-11 { margin-left: auto; margin-right: 54.54545%; }

.l-grid-wrap [class*='l-grid'][class*='--reverse'] .push-7-11 { margin-left: auto; margin-right: 63.63636%; }

.l-grid-wrap [class*='l-grid'][class*='--reverse'] .push-8-11 { margin-left: auto; margin-right: 72.72727%; }

.l-grid-wrap [class*='l-grid'][class*='--reverse'] .push-9-11 { margin-left: auto; margin-right: 81.81818%; }

.l-grid-wrap [class*='l-grid'][class*='--reverse'] .push-10-11 { margin-left: auto; margin-right: 90.90909%; }

.l-grid-wrap [class*='l-grid'][class*='--reverse'] .push-1-12 { margin-left: auto; margin-right: 8.33333%; }

.l-grid-wrap [class*='l-grid'][class*='--reverse'] .push-2-12 { margin-left: auto; margin-right: 16.66667%; }

.l-grid-wrap [class*='l-grid'][class*='--reverse'] .push-3-12 { margin-left: auto; margin-right: 25%; }

.l-grid-wrap [class*='l-grid'][class*='--reverse'] .push-4-12 { margin-left: auto; margin-right: 33.33333%; }

.l-grid-wrap [class*='l-grid'][class*='--reverse'] .push-5-12 { margin-left: auto; margin-right: 41.66667%; }

.l-grid-wrap [class*='l-grid'][class*='--reverse'] .push-6-12 { margin-left: auto; margin-right: 50%; }

.l-grid-wrap [class*='l-grid'][class*='--reverse'] .push-7-12 { margin-left: auto; margin-right: 58.33333%; }

.l-grid-wrap [class*='l-grid'][class*='--reverse'] .push-8-12 { margin-left: auto; margin-right: 66.66667%; }

.l-grid-wrap [class*='l-grid'][class*='--reverse'] .push-9-12 { margin-left: auto; margin-right: 75%; }

.l-grid-wrap [class*='l-grid'][class*='--reverse'] .push-10-12 { margin-left: auto; margin-right: 83.33333%; }

.l-grid-wrap [class*='l-grid'][class*='--reverse'] .push-11-12 { margin-left: auto; margin-right: 91.66667%; }

.l-grid-wrap [class*='l-grid'].gutter-0 { margin-left: 0px; margin-right: 0px; }

.l-grid-wrap [class*='l-grid'].gutter-0 [class*='l-col'] { padding-left: 0px; padding-right: 0px; }

.l-grid-wrap [class*='l-grid'].gutter-10 { margin-left: -5px; margin-right: -5px; }

.l-grid-wrap [class*='l-grid'].gutter-10 [class*='l-col'] { padding-left: 5px; padding-right: 5px; }

.l-grid-wrap [class*='l-grid'].gutter-20 { margin-left: -10px; margin-right: -10px; }

.l-grid-wrap [class*='l-grid'].gutter-20 [class*='l-col'] { padding-left: 10px; padding-right: 10px; }

.l-grid-wrap [class*='l-grid'].gutter-30 { margin-left: -15px; margin-right: -15px; }

.l-grid-wrap [class*='l-grid'].gutter-30 [class*='l-col'] { padding-left: 15px; padding-right: 15px; }

.l-grid-wrap [class*='l-grid'].gutter-40 { margin-left: -20px; margin-right: -20px; }

.l-grid-wrap [class*='l-grid'].gutter-40 [class*='l-col'] { padding-left: 20px; padding-right: 20px; }

.l-grid-wrap [class*='l-grid'].gutter-50 { margin-left: -25px; margin-right: -25px; }

.l-grid-wrap [class*='l-grid'].gutter-50 [class*='l-col'] { padding-left: 25px; padding-right: 25px; }

.l-grid-wrap [class*='l-grid'].gutter-60 { margin-left: -30px; margin-right: -30px; }

.l-grid-wrap [class*='l-grid'].gutter-60 [class*='l-col'] { padding-left: 30px; padding-right: 30px; }

.l-grid-wrap [class*='l-grid'].gutter-70 { margin-left: -35px; margin-right: -35px; }

.l-grid-wrap [class*='l-grid'].gutter-70 [class*='l-col'] { padding-left: 35px; padding-right: 35px; }

.l-grid-wrap [class*='l-grid'].gutter-80 { margin-left: -40px; margin-right: -40px; }

.l-grid-wrap [class*='l-grid'].gutter-80 [class*='l-col'] { padding-left: 40px; padding-right: 40px; }

.l-grid-wrap [class*='l-grid'].gutter-90 { margin-left: -45px; margin-right: -45px; }

.l-grid-wrap [class*='l-grid'].gutter-90 [class*='l-col'] { padding-left: 45px; padding-right: 45px; }

.l-grid-wrap [class*='l-grid'].gutter-100 { margin-left: -50px; margin-right: -50px; }

.l-grid-wrap [class*='l-grid'].gutter-100 [class*='l-col'] { padding-left: 50px; padding-right: 50px; }

.l-grid-wrap [class*='l-grid'].gutterB-0 { margin-bottom: -0px; }

.l-grid-wrap [class*='l-grid'].gutterB-0 [class*='l-col'] { margin-bottom: 0px; }

.l-grid-wrap [class*='l-grid'].gutterB-10 { margin-bottom: -10px; }

.l-grid-wrap [class*='l-grid'].gutterB-10 [class*='l-col'] { margin-bottom: 10px; }

.l-grid-wrap [class*='l-grid'].gutterB-20 { margin-bottom: -20px; }

.l-grid-wrap [class*='l-grid'].gutterB-20 [class*='l-col'] { margin-bottom: 20px; }

.l-grid-wrap [class*='l-grid'].gutterB-30 { margin-bottom: -30px; }

.l-grid-wrap [class*='l-grid'].gutterB-30 [class*='l-col'] { margin-bottom: 30px; }

.l-grid-wrap [class*='l-grid'].gutterB-40 { margin-bottom: -40px; }

.l-grid-wrap [class*='l-grid'].gutterB-40 [class*='l-col'] { margin-bottom: 40px; }

.l-grid-wrap [class*='l-grid'].gutterB-50 { margin-bottom: -50px; }

.l-grid-wrap [class*='l-grid'].gutterB-50 [class*='l-col'] { margin-bottom: 50px; }

.l-grid-wrap [class*='l-grid'].gutterB-60 { margin-bottom: -60px; }

.l-grid-wrap [class*='l-grid'].gutterB-60 [class*='l-col'] { margin-bottom: 60px; }

.l-grid-wrap [class*='l-grid'].gutterB-70 { margin-bottom: -70px; }

.l-grid-wrap [class*='l-grid'].gutterB-70 [class*='l-col'] { margin-bottom: 70px; }

.l-grid-wrap [class*='l-grid'].gutterB-80 { margin-bottom: -80px; }

.l-grid-wrap [class*='l-grid'].gutterB-80 [class*='l-col'] { margin-bottom: 80px; }

.l-grid-wrap [class*='l-grid'].gutterB-90 { margin-bottom: -90px; }

.l-grid-wrap [class*='l-grid'].gutterB-90 [class*='l-col'] { margin-bottom: 90px; }

.l-grid-wrap [class*='l-grid'].gutterB-100 { margin-bottom: -100px; }

.l-grid-wrap [class*='l-grid'].gutterB-100 [class*='l-col'] { margin-bottom: 100px; }

.l-grid-wrap [class*='l-grid'][class*='--top'] { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

.l-grid-wrap [class*='l-grid'][class*='--middle'] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.l-grid-wrap [class*='l-grid'][class*='--bottom'] { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }

.l-grid-wrap [class*='l-grid'][class*='--left'] { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }

.l-grid-wrap [class*='l-grid'][class*='--center'] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.l-grid-wrap [class*='l-grid'][class*='--right'] { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

.l-grid-wrap [class*='l-grid'][class*='--tile'] [class^='l-col'], .l-grid-wrap [class*='l-grid'][class*='--tile'] [class*=' l-col'] { display: -webkit-box; display: -ms-flexbox; display: flex; }

main .l-section { padding: 100px 0 0; }

main .l-section:first-of-type { padding-top: 0; }

main .l-section.-bgSea { background: #0092cc; color: #fff; position: relative; margin: 165px 0; padding-top: 0 !important; }

main .l-section.-bgSea::before { content: ''; display: block; width: 100%; height: 165px; background: url(/assets/img/course/sea_top.png) top center/100% 100% repeat; position: absolute; top: -165px; z-index: -2; }

main .l-section.-bgSea::after { content: ''; display: block; width: 100%; height: 165px; background: url(/assets/img/course/sea_bottom.png) bottom center/100% 100% repeat; position: absolute; bottom: -165px; z-index: -2; }

main .l-inner { width: 1000px; margin: 0 auto; }

main .l-innerBlock + .l-innerBlock { margin-top: 60px; }

main .l-innerBlock.-white { background: #fff; border-radius: 12px; padding: 60px 45px; }

.l-access { display: -webkit-box; display: -ms-flexbox; display: flex; }

.l-access__info .logo { width: 280px; margin-bottom: 36px; }

.l-access__info table { width: 100%; border: 2px solid #bfbfbf; margin-bottom: 24px; }

.l-access__info table tr { font-size: 14px; font-size: 1.4rem; line-height: 25px; line-height: 2.5rem; }

.l-access__info table tr + tr { border-top: 2px solid #bfbfbf; }

.l-access__info table tr th, .l-access__info table tr td { padding: 5px 14px; }

.l-access__info table tr th { min-width: 94px; text-align: center; border-right: 2px solid #bfbfbf; vertical-align: middle; }

.l-access__info table tr td { padding: 0 14px; height: 50px; vertical-align: middle; }

.l-access__map { text-align: right; }

.l-access__map .mapWrap { position: relative; height: 0; padding-top: 66.3%; overflow: hidden; margin-bottom: 10px; }

.l-access__map .mapWrap iframe { position: absolute; left: 0; top: 0; height: 100%; width: 100%; }

.l-access__map-link { color: #0092cc; }

.l-footer { position: relative; background: #e6ecef; color: #666; }

.l-footer.-border { position: relative; }

.l-footer.-border::before { content: ''; display: block; width: 1000px; height: 1px; background: #666666; position: absolute; top: 0; right: 50%; -webkit-transform: translateX(50%); transform: translateX(50%); }

.l-footer__contents-nav dl { font-size: 12px; font-size: 1.2rem; line-height: 26px; line-height: 2.6rem; }

.l-footer__contents-nav dl dt, .l-footer__contents-nav dl dt a { color: #0092cc; font-weight: bold; }

.l-footer__contents-nav dl dd { -webkit-font-feature-settings: 'palt'; font-feature-settings: 'palt'; }

.l-footer__contents-nav dl + dl { margin-top: 46px; }

.l-footer__contents-info { font-size: 10px; font-size: 1rem; line-height: 19px; line-height: 1.9rem; }

.l-footer__contents-info .logo { width: 180px; margin-bottom: 20px; }

.l-footer__contents-info .address { font-size: 12px; font-size: 1.2rem; line-height: 12px; line-height: 1.2rem; line-height: 16px; margin-bottom: 20px; }

.l-footer__contents-info .address strong { display: block; font-size: 16px; font-size: 1.6rem; line-height: 16px; line-height: 1.6rem; margin-top: 12px; }

.l-footer__contents-info nav { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 10px; font-size: 1rem; line-height: 25px; line-height: 2.5rem; padding-top: 25px; margin-top: 25px; position: relative; }

.l-footer__contents-info nav .m-ul-disc { -webkit-font-feature-settings: 'palt'; font-feature-settings: 'palt'; }

.l-footer__contents-info nav .m-ul-disc + .m-ul-disc { margin-left: 20px; }

.l-footer__contents-info nav .m-ul-disc li { white-space: nowrap; }

.l-footer__contents-info nav::before { content: ''; display: block; width: 20px; height: 1px; background: #a2a3a3; position: absolute; top: 0; }

.l-footer__copy { text-align: center; padding: 24px 0; background: #fff; font-size: 12px; font-size: 1.2rem; line-height: 12px; line-height: 1.2rem; }

.l-groupNotice { background: #fff; padding: 60px 0; }

.l-groupNotice__hl { font-size: 16px; font-size: 1.6rem; line-height: 16px; line-height: 1.6rem; color: #0092cc; text-align: center; font-weight: bold; margin-bottom: 45px; }

.l-groupNotice__hl strong { display: block; font-size: 29px; font-size: 2.9rem; line-height: 29px; line-height: 2.9rem; margin-top: 18.75px; }

.l-header { width: 100%; position: -webkit-sticky; position: sticky; top: 0; left: 0; height: 110px; background: #fff; z-index: 999; }

.l-header .headWrap { width: 78.5%; height: 100%; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; position: relative; }

.l-header__logo { width: 280px; -ms-flex-negative: 0; flex-shrink: 0; }

.l-header__logo-text { font-size: 16px; font-size: 1.6rem; line-height: 16px; line-height: 1.6rem; margin-top: 8px; font-weight: bold; }

.l-header__logo a { text-decoration: none; display: block; height: 100%; }

.l-header__nav .navList { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; }

.l-header__nav .navList__item { color: #4c4c4c; font-size: 14px; font-size: 1.4rem; line-height: 14px; line-height: 1.4rem; font-weight: bold; }

.l-header__nav .navList__item:last-of-type a { padding-right: 0; }

.l-header__nav .navList__item a { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 16px; position: relative; }

.l-header__nav .navList.-sub .navList__item { font-size: 12px; font-size: 1.2rem; line-height: 12px; line-height: 1.2rem; font-weight: normal; border: none; }

.l-header__nav .navList.-sub .navList__item a { padding: 0 12px; }

.l-header__nav .navList.-sub .navList__item a .logo { width: 88px; }

.l-header__nav .subNavList { width: 170px; margin: 0 auto 35px; }

.l-header__nav .subNavList__item { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 12px; font-size: 1.2rem; line-height: 12px; line-height: 1.2rem; font-weight: bold; }

.l-header__nav .subNavList__item + .subNavList__item { margin-top: 22px; }

.l-header__nav .subNavList__item::before { content: '●'; display: block; color: #0092cc; margin-right: 8px; }

.l-header__nav .sns { text-align: center; }

.l-header__nav .sns p { color: #0092cc; font-size: 12px; font-size: 1.2rem; line-height: 12px; line-height: 1.2rem; margin-bottom: 20px; font-weight: bold; }

.l-header__nav .sns .snsList { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.l-header__nav .sns .snsList__item { width: 32px; }

.l-header__nav .sns .snsList__item + .snsList__item { margin-left: 14px; }

.l-header__nav:first-child { margin-bottom: 20px; }

.l-hero { width: 100%; height: 0; padding-top: 49.2%; position: relative; overflow: hidden; }

.l-hero__mask { width: 100%; position: absolute; bottom: -1px; }

.l-hero__mv { width: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.l-hero__contents { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.l-hero__contents .text { width: 594px; margin: 0 auto; }

.l-highlight__comment .js-highlightComment { width: 100%; }

.l-highlight__comment .js-highlightComment .swiper-slide h4 { margin-bottom: 20px; }

.l-highlight__comment .js-highlightComment .swiper-slide h4 strong { display: inline-block; font-size: 22px; font-size: 2.2rem; line-height: 28px; line-height: 2.8rem; color: #0092cc; margin-top: 12px; }

.l-highlight__comment .js-highlightComment .swiper-slide p { margin: 0 auto; text-align: left; }

.l-mapshop:first-of-type { padding-top: 60px !important; }

.l-mapshop:last-of-type { padding-bottom: 80px; }

.l-mapshop h2 { margin-bottom: 52px; }

.l-mapshop__highlight { margin-top: 75px; }

.l-mapshop__highlight-hl { width: 275px; margin: 0 auto 27px; }

.l-mapshop .textImage { display: -webkit-box; display: -ms-flexbox; display: flex; }

.l-mapshop .textImage + .textImage { margin-top: 60px; }

.l-mapshop .textImage__image { margin-right: 100px; width: 500px; -ms-flex-negative: 0; flex-shrink: 0; }

.l-mapshop .textImage__text .m-emergency { margin-bottom: 20px; }

.l-mapshop .textImage__text .title { font-size: 25px; font-size: 2.5rem; line-height: 40px; line-height: 4rem; color: #0092cc; font-weight: bold; }

.l-mapshop .textImage__text .text { font-size: 14px; font-size: 1.4rem; line-height: 22.4px; line-height: 2.24rem; font-weight: bold; margin-top: 16px; }

.l-mapshop .textImage__text .m-btn { margin-top: 30px; min-width: 204px; font-size: 13px; font-size: 1.3rem; line-height: 13px; line-height: 1.3rem; }

.l-mapshop .textImage__text .m-btn svg { width: 18px; height: 14px; margin-bottom: -2px; }

.l-menu { width: 114px; position: absolute; right: 0; top: 0; z-index: 1; }

.l-menu__item a, .l-menu__item span { height: 100%; color: #fff; font-size: 12px; font-size: 1.2rem; line-height: 12px; line-height: 1.2rem; font-weight: bold; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; }

.l-menu__item a:hover, .l-menu__item span:hover { text-decoration: none; opacity: 0.8; }

.l-menu__item.-showTime { background: #01abcf; }

.l-menu__item.-showTime .icon { width: 41px; }

.l-menu__item.-line { background: #199ea2; -webkit-font-feature-settings: 'palt'; font-feature-settings: 'palt'; }

.l-menu__item.-line .icon { vertical-align: top; width: 50px; }

.menu-open .l-menu { z-index: -1; }

#webticket { position: fixed; right: 25px; bottom: 25px; }

#webticket img { -webkit-transform-origin: bottom right; transform-origin: bottom right; -webkit-transition-duration: 300ms; transition-duration: 300ms; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; width: 170px; }

#webticket.-small img { -webkit-transform: scale(0.7); transform: scale(0.7); }

#webticket.-bottom { top: 140px; bottom: auto; }

.modalWrap { display: none; }

.l-photoSpace + .l-photoSpace { margin-top: 110px; }

.l-photoSpace__title { text-align: center; }

.l-photoSpace__title .inner { display: inline-block; font-size: 24px; font-size: 2.4rem; line-height: 42px; line-height: 4.2rem; font-family: "Poppins", sans-serif; font-style: italic; border-bottom: 1px solid #fff; margin-bottom: 30px; }

.l-photoSpace__cameraInfo { max-width: 700px; margin: 54px auto 45px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; }

.l-photoSpace__cameraInfo-item { font-size: 16px; font-size: 1.6rem; line-height: 16px; line-height: 1.6rem; }

.l-photoSpace__cameraInfo-item .m-dl { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.l-photoSpace__cameraInfo-item .m-dl dt { width: 70px; }

.l-photoSpace__exhibitInfo { background: #fff; border-radius: 35px; padding: 27px 100px; max-width: 700px; margin: 0 auto; }

.l-photoSpace__exhibitInfo dt { color: #0092cc; font-weight: bold; margin-bottom: 9px; }

.l-photoSpace__exhibitInfo dd { color: #363636; }

.l-point .m-accordion { -webkit-transition: opacity 0.2s; transition: opacity 0.2s; }

.l-point .m-accordion:hover { opacity: 0.8; }

.l-point .m-accordion.accordion-toggle { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; background: #0092cc; padding: 0 10px 0 30px; margin-bottom: 12px; position: relative; cursor: pointer; font-weight: bold; text-align: center; color: #fff; overflow: hidden; }

.l-point .m-accordion.accordion-toggle .textBlock { padding: 46px 0 30px; }

.l-point .m-accordion.accordion-toggle .textBlock__hl { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 55px; font-size: 5.5rem; line-height: 55px; line-height: 5.5rem; color: #e8d732; margin-bottom: 20px; }

.l-point .m-accordion.accordion-toggle .textBlock__hl img { width: 68px; height: 68px; margin-right: 15px; }

.l-point .m-accordion.accordion-toggle .textBlock__text { text-align: left; font-size: 16px; font-size: 1.6rem; line-height: 22px; line-height: 2.2rem; }

.l-point .m-accordion.accordion-toggle .imageBlock { position: relative; }

.l-point .m-accordion.accordion-toggle .imageBlock > img { position: absolute; right: 0; height: 100%; }

.l-point .m-accordion.accordion-toggle::after { display: none; }

.l-point .m-accordion + .m-accordion-contents { background: #0092cc; padding: 40px 40px 60px; margin-bottom: 12px; color: #fff; font-size: 14px; font-size: 1.4rem; line-height: 26px; line-height: 2.6rem; }

.l-point .m-accordion + .m-accordion-contents .title { font-size: 24px; font-size: 2.4rem; line-height: 36px; line-height: 3.6rem; margin-bottom: 23px; font-weight: bold; }

.l-point .m-accordion + .m-accordion-contents .section { margin-top: 50px; }

.l-point .m-accordion .arrow { width: 62px !important; height: 62px !important; background: #efd802; border-radius: 100%; position: absolute; bottom: -31px; right: 50%; -webkit-transform: translateX(50%); transform: translateX(50%); }

.l-point .m-accordion .arrow img { width: 17px; position: absolute; top: 10px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); margin-top: 2px; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; }

.l-point .m-accordion.is-open { margin-bottom: 0 !important; }

.l-point .m-accordion.is-open .arrow img { -webkit-transform: translateX(-50%) rotate(-180deg); transform: translateX(-50%) rotate(-180deg); }

.l-point .m-accordion-contents .topImages { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 -5px; overflow: hidden; }

.l-point .m-accordion-contents .topImages__item { padding: 0 5px; }

.l-point .m-accordion-contents .topImages__item:first-child { width: 480px; -ms-flex-negative: 0; flex-shrink: 0; }

.l-point .m-accordion-contents .textImage { display: -webkit-box; display: -ms-flexbox; display: flex; }

.l-point .m-accordion-contents .textImage__images { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 -5px; }

.l-point .m-accordion-contents .textImage__images--item { margin: 0 5px; }

.l-point .m-accordion-contents .m-btn { color: #fff; border-color: #fff; max-width: 307px; }

.l-point .m-accordion-contents .m-note { color: #fff; font-size: 10px; font-size: 1rem; line-height: 26px; line-height: 2.6rem; }

.l-pricePlan { background: rgba(255, 255, 255, 0.7); padding: 56px 0 42px !important; }

.l-pricePlan:not(:last-of-type) { border-bottom: 3.5px solid #e8eef1; }

.l-pricePlan__hl { font-size: 24px; font-size: 2.4rem; line-height: 42px; line-height: 4.2rem; color: #0094ce; text-align: center; font-weight: bold; margin-bottom: 16px; letter-spacing: 0.1em; }

.l-pricePlan__hl img { display: block; width: 68px; margin: 0 auto 28px; }

.l-pricePlan__contents { width: 360px; margin: 0 auto; }

.l-pricePlan__contents .text { font-size: 16px; font-size: 1.6rem; line-height: 32px; line-height: 3.2rem; }

.l-pricePlan__contents .note { margin-top: 16px; }

.l-pricePlan__contents .m-btn { margin-top: 36px; }

.l-privacy { border-top: 1px solid #b2b2b2; padding-top: 60px !important; margin-top: 70px; }

.l-privacy .headline--lv3 { font-size: 26px; font-size: 2.6rem; line-height: 37.8px; line-height: 3.78rem; }

.l-privacy p { margin-top: 0 !important; }

.l-recommend { padding-bottom: 50px !important; }

.l-recommendcorse { margin-top: 80px; }

.l-schedule { text-align: center; }

.l-schedule .poppins { font-family: "Poppins", sans-serif; font-style: italic; font-weight: normal; }

.l-schedule img { width: 400px; margin: 0 auto; }

.l-schedule__head { position: relative; width: 190px; height: 68px; margin: 0 auto; background: url(/assets/img/schedule_bg.png) top/100% auto no-repeat; color: #0092cc; font-weight: bold; font-size: 26px; font-size: 2.6rem; line-height: 26px; line-height: 2.6rem; }

.l-schedule__head .wrap { width: 100%; position: absolute; bottom: 5px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.l-schedule__head strong { font-size: 43px; font-size: 4.3rem; line-height: 43px; line-height: 4.3rem; }

.l-schedule__head .monthEn { margin-left: 10px; font-size: 12px; font-size: 1.2rem; line-height: 12px; line-height: 1.2rem; }

.l-schedule .swiperWrap { position: relative; width: 760px; }

.l-schedule .swiperWrap .scheduleSwiper-button { color: #0092cc; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; top: 50%; cursor: pointer; z-index: 9999; font-weight: bold; font-size: 22.5px; font-size: 2.25rem; line-height: 22.5px; line-height: 2.25rem; }

.l-schedule .swiperWrap .scheduleSwiper-button strong { font-size: 53px; font-size: 5.3rem; line-height: 53px; line-height: 5.3rem; }

.l-schedule .swiperWrap .scheduleSwiper-button .monthEn { font-size: 15px; font-size: 1.5rem; line-height: 15px; line-height: 1.5rem; margin-top: 5px; }

.l-schedule .swiperWrap .scheduleSwiper-button.js-schedule-next { right: 0; }

.l-schedule .swiperWrap .scheduleSwiper-button.js-schedule-next::after { content: ''; display: block; width: 22px; height: 82px; background: url(/assets/img/schedule_next.svg) center/contain no-repeat; margin-left: 11px; }

.l-schedule .swiperWrap .scheduleSwiper-button.js-schedule-prev { left: 0; }

.l-schedule .swiperWrap .scheduleSwiper-button.js-schedule-prev::before { content: ''; display: block; width: 22px; height: 82px; background: url(/assets/img/schedule_prev.svg) center/contain no-repeat; margin-right: 11px; }

.l-show:last-of-type { padding-bottom: 120px !important; }

.l-show .l-grid-wrap { overflow: visible; }

.l-show a:hover { text-decoration: none; }

.l-show a:hover p.text { text-decoration: underline; }

.l-sns { padding-bottom: 0 !important; }

.l-sns .swiper-grid { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.l-sns .swiper-grid .item { position: relative; width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; }

.l-sns .swiper-grid .item:nth-child(1) { padding-right: 2px; padding-bottom: 2px; }

.l-sns .swiper-grid .item:nth-child(2) { padding-left: 2px; padding-bottom: 2px; }

.l-sns .swiper-grid .item:nth-child(3) { padding-right: 2px; padding-top: 2px; }

.l-sns .swiper-grid .item:nth-child(4) { padding-left: 2px; padding-top: 2px; }

.l-sns .swiper-grid .box { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; width: 100%; padding-top: 100%; }

.l-sns__swiper { background: #c8e2eb; padding: 20px 0; }

.l-snsList { text-align: center; padding: 60px 0 40px; }

.m-btn:disabled { opacity: 0.3; cursor: default; }

.w-full.m-btn { min-width: 0; width: 100%; }

.w-auto.m-btn { min-width: 0; width: auto; }

.-icon.m-btn svg { margin-right: 10px; fill: #0092cc; }

.-icon.m-btn:hover svg { fill: #fff; }

.m-btn { -webkit-transition: all 0.3s; transition: all 0.3s; color: #0092cc; border: 2px solid #0092cc; display: inline-block; text-decoration: none; line-height: 1; min-width: 250px; padding: 12px 0; text-align: center; letter-spacing: 0.15em; font-size: 16px; font-size: 1.6rem; line-height: 18px; line-height: 1.8rem; font-weight: bold; }

.m-btn:hover { background: #0092cc; text-decoration: none; color: #fff; }

.m-btn:active { -webkit-transition: 0.1s 0.3s; transition: 0.1s 0.3s; background: #0fbbff; text-decoration: none; }

.m-btn + .m-btn { margin-top: 10px; }

.btnWrap { text-align: center; }

.btnWrap .m-btn:not(:only-child) { margin: 0 12px; }

.headline--lv2 { font-size: 20px; font-size: 2rem; line-height: 20px; line-height: 2rem; color: #0094ce; text-align: center; font-weight: bold; margin-bottom: 40px; }

.headline--lv2 strong { display: block; font-size: 71px; font-size: 7.1rem; line-height: 71px; line-height: 7.1rem; font-weight: 500; margin-bottom: 12px; letter-spacing: 0.08em; }

.headline--lv2.-poppins strong { font-family: "Poppins", sans-serif; font-style: italic; }

.headline--lv2.-small { font-size: 20px; font-size: 2rem; line-height: 28px; line-height: 2.8rem; }

.headline--lv2.-small strong { font-weight: bold; font-size: 36px; font-size: 3.6rem; line-height: 36px; line-height: 3.6rem; margin-bottom: 26px; }

.headline--lv3 { font-size: 17px; font-size: 1.7rem; line-height: 26px; line-height: 2.6rem; color: #0094ce; text-align: center; font-weight: bold; margin-bottom: 40px; }

.headline--lv3 strong { display: block; font-size: 29px; font-size: 2.9rem; line-height: 29px; line-height: 2.9rem; margin-bottom: 12px; letter-spacing: 0.15em; }

.headline--lv3.-bgWhite { font-size: 19.6px; font-size: 1.96rem; line-height: 19.6px; line-height: 1.96rem; background: #fff; padding: 18px; letter-spacing: 0.15em; margin-bottom: 23px; }

.headline--lv4 { font-size: 24px; font-size: 2.4rem; line-height: 24px; line-height: 2.4rem; color: #0094ce; text-align: center; font-weight: bold; margin-bottom: 40px; letter-spacing: 0.15em; }

.hover-opacity:hover { opacity: 0.75; }

.link-underline { text-decoration: underline; }

.link-underline:hover { text-decoration: none; }

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

.is-hidden { border: 0 !important; clip: rect(1px, 1px, 1px, 1px) !important; height: 1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; }

.align-left { text-align: left; }

.align-center { text-align: center; }

.align-right { text-align: right; }

.is-bold { font-weight: bold; }

.lhCrop::before { content: ''; display: block; height: 0; width: 0; margin-top: calc((1 - 2) * 0.5em); }

.is-IE .lhCrop::before { margin-top: calc((1 - 2) * 0.4em); }

.m-accordion.-question { position: relative; padding: 20px 26px 20px 0; font-size: 16px; font-size: 1.6rem; line-height: 22px; line-height: 2.2rem; }

.m-accordion.-question + .m-accordion-contents { position: relative; font-size: 14px; font-size: 1.4rem; line-height: 27px; line-height: 2.7rem; color: #1c3d96; }

.m-accordion.accordion-toggle { position: relative; }

.m-accordion.accordion-toggle::before, .m-accordion.accordion-toggle::after { -webkit-transition: 0.2s 0.3s; transition: 0.2s 0.3s; content: ''; display: block; position: absolute; top: 50%; width: 10px; height: 1px; background: #0092cc; }

.m-accordion.accordion-toggle::before { right: 19.5px; -webkit-transform-origin: right center; transform-origin: right center; -webkit-transform: translateY(3px) rotate(45deg); transform: translateY(3px) rotate(45deg); }

.m-accordion.accordion-toggle::after { right: 10px; -webkit-transform-origin: left center; transform-origin: left center; -webkit-transform: translateY(3px) rotate(-45deg); transform: translateY(3px) rotate(-45deg); }

.m-accordion.accordion-toggle.is-open::before, .m-accordion.accordion-toggle.default-open:not(.is-close)::before { -webkit-transform: translateY(-3px) rotate(-45deg); transform: translateY(-3px) rotate(-45deg); }

.m-accordion.accordion-toggle.is-open::after, .m-accordion.accordion-toggle.default-open:not(.is-close)::after { right: 10px; -webkit-transform: translateY(-3px) rotate(45deg); transform: translateY(-3px) rotate(45deg); }

.m-accordion.default-open + .m-accordion-contents { display: block; }

.m-accordion__inner { display: -webkit-box; display: -ms-flexbox; display: flex; }

.m-accordion-contents { display: none; padding: 0 32px 20px; }

.m-btn { margin-top: 27px; }

.m-btn.m-accordion:hover { background: none !important; color: #0092cc; }

.m-btn.m-accordion.accordion-toggle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.m-btn.m-accordion.accordion-toggle::before, .m-btn.m-accordion.accordion-toggle::after { display: none; }

.m-btn.m-accordion.accordion-toggle img { display: none; }

.m-btn.m-accordion.accordion-toggle.is-open img { -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.m-article__title { font-size: 18px; font-size: 1.8rem; line-height: 31px; line-height: 3.1rem; color: #0092cc; border-bottom: 1px solid #0092cc; margin-bottom: 20px; font-weight: bold; padding-bottom: 6px; }

.m-article__text { font-size: 14px; font-size: 1.4rem; line-height: 27px; line-height: 2.7rem; }

.m-article.-red { color: #e60012; }

.m-article.-red .m-article__title { color: #e60012; border-color: #e60012; }

.m-article.-grayBorder .m-article__title { border-bottom: 1px solid #b2b2b2; }

.m-breadcrumList { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 12px; font-size: 1.2rem; line-height: 12px; line-height: 1.2rem; position: absolute; padding: 22px 30px; z-index: 1; }

.m-breadcrumList li:not(:last-of-type)::after { content: '>'; margin: 0 10px; }

.m-caption { font-size: 14px; font-size: 1.4rem; line-height: 24px; line-height: 2.4rem; text-align: center; font-weight: bold; margin-top: 22px; }

.m-card { display: block; background: #fff; padding: 15px; height: 100%; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; }

.m-card__image { height: 0; padding-top: 74%; overflow: hidden; position: relative; }

.m-card__image img { height: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.m-card__text { padding: 0 12px; }

.m-card__text .title { font-size: 16px; font-size: 1.6rem; line-height: 24px; line-height: 2.4rem; color: #0092cc; font-weight: bold; margin: 18px 0 10px; }

.m-card__text .text, .m-card__text .text > * { font-size: 12px; font-size: 1.2rem; line-height: 18px; line-height: 1.8rem; }

.m-courseSpot { color: #fff; font-weight: bold; margin-top: 30px; }

.m-courseSpot dt { font-size: 20px; font-size: 2rem; line-height: 22px; line-height: 2.2rem; margin-bottom: 18px; }

.m-courseSpot dd { font-size: 14px; font-size: 1.4rem; line-height: 26px; line-height: 2.6rem; letter-spacing: 0.05em; }

.m-cssform { display: none; }

.m-cssform + .m-radio { padding-left: 26px; cursor: pointer; -webkit-transition: 0.5s 0.3s; transition: 0.5s 0.3s; position: relative; display: inline-block; margin: 8px 40px 8px 0; }

.m-cssform + .m-radio::before { content: ''; display: block; position: absolute; top: 50%; border: 1px solid #bfbfbf; background: #fff; border-radius: 100%; left: 0; margin-top: -8px; width: 18px; height: 18px; }

.m-cssform + .m-radio::after { content: ''; display: block; position: absolute; top: 50%; border-radius: 100%; background: #0092cc; opacity: 0; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: all 0.3s; transition: all 0.3s; left: 4px; margin-top: -4px; width: 10px; height: 10px; }

.m-cssform[type='radio']:checked + .m-radio::after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }

.m-cssform + .m-check { padding-left: 26px; cursor: pointer; -webkit-transition: 0.5s 0.3s; transition: 0.5s 0.3s; position: relative; display: inline-block; margin: 8px 40px 8px 0; }

.m-cssform + .m-check::before { content: ''; display: block; position: absolute; top: 50%; border: 1px solid #bfbfbf; background: #fff; left: 0; margin-top: -8px; width: 18px; height: 18px; }

.m-cssform + .m-check::after { content: ''; display: block; position: absolute; top: 50%; opacity: 0; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: 0.2s 0.3s; transition: 0.2s 0.3s; left: 6px; margin-top: -6px; width: 6px; height: 12px; border-right: 2px solid #0092cc; border-bottom: 2px solid #0092cc; -webkit-transform: translateY(4px) scale(0) rotate(45deg); transform: translateY(4px) scale(0) rotate(45deg); }

.m-cssform[type='checkbox']:checked + .m-check::after { opacity: 1; -webkit-transform: translateY(0) scale(1) rotate(45deg); transform: translateY(0) scale(1) rotate(45deg); }

.m-cssform-select { position: relative; display: inline-block; }

.m-cssform-select::before, .m-cssform-select::after { -webkit-transition: 0.2s 0.3s; transition: 0.2s 0.3s; content: ''; display: block; position: absolute; top: 50%; width: 8px; height: 1px; background: #0092cc; }

.m-cssform-select::before { right: 15.5px; -webkit-transform-origin: right center; transform-origin: right center; -webkit-transform: translateY(2.4px) rotate(45deg); transform: translateY(2.4px) rotate(45deg); }

.m-cssform-select::after { right: 8px; -webkit-transform-origin: left center; transform-origin: left center; -webkit-transform: translateY(2.4px) rotate(-45deg); transform: translateY(2.4px) rotate(-45deg); }

.m-cssform-select.is-open::before, .m-cssform-select.default-open:not(.is-close)::before { -webkit-transform: translateY(-2.4px) rotate(-45deg); transform: translateY(-2.4px) rotate(-45deg); }

.m-cssform-select.is-open::after, .m-cssform-select.default-open:not(.is-close)::after { right: 8px; -webkit-transform: translateY(-2.4px) rotate(45deg); transform: translateY(-2.4px) rotate(45deg); }

.m-cssform-select select { -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; border: 1px solid #bfbfbf; background: #fff; padding: 8px 40px 8px 15px; cursor: pointer; }

.m-cssform-select select::-ms-expand { display: none; }

.m-dl { display: -webkit-box; display: -ms-flexbox; display: flex; }

.m-dl > dt { margin-right: 1em; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; }

.m-dl > dd { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.m-dl.type-col { display: block; }

.m-dl.type-col > dt { margin-right: 0; margin-bottom: 10px; }

.m-emergency { display: block; color: #db0012; border: 1px solid #db0012; padding: 5px 0; text-align: center; font-size: 14.4px; font-size: 1.44rem; line-height: 23.04px; line-height: 2.304rem; font-weight: bold; }

.m-eventCard { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background: #fff; height: 100%; border: 4px solid #0092cc; border-radius: 4px; }

.m-eventCard__image { position: relative; padding-top: 68%; margin: 15px -24px 0; overflow: hidden; }

.m-eventCard__image img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; }

.m-eventCard__image .swiper-wrapper { position: absolute; top: 0; left: 0; }

.m-eventCard__image .swiper-wrapper .swiper-slide-active { z-index: 999; }

.m-eventCard__text { padding: 30px 20px; word-wrap: break-word; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.m-eventCard__text .m-emergency { margin-bottom: 17px; }

.m-eventCard__text h3 { text-align: center; color: #0092cc; font-weight: bold; font-size: 18px; font-size: 1.8rem; line-height: 31px; line-height: 3.1rem; }

.m-eventCard__text h3 strong { display: block; font-size: 30px; font-size: 3rem; line-height: 39px; line-height: 3.9rem; }

.m-eventCard__text h3 small { font-size: 15.6px; font-size: 1.56rem; line-height: 15.6px; line-height: 1.56rem; }

.m-eventCard__text h3 + p { font-size: 15px; font-size: 1.5rem; line-height: 27px; line-height: 2.7rem; margin: 15px 0 25px; }

.m-eventCard__text .time { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #0092cc; font-size: 16.8px; font-size: 1.68rem; line-height: 17px; line-height: 1.7rem; font-weight: bold; padding: 10px 0; border-top: 2px solid #0092cc; border-bottom: 2px solid #0092cc; margin: 30px 0 25px; }

.m-eventCard__text .time__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.m-eventCard__text .time__item img { width: 20px; margin-right: 10px; }

.m-eventCard__text .time__item + .time__item { margin-left: 20px; }

.m-eventCard__text .note { font-size: 12px; font-size: 1.2rem; line-height: 22px; line-height: 2.2rem; margin-bottom: 20px; }

.m-eventCard__text .m-btn { margin-top: auto; }

.m-fadein-block .m-fadein { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); }

.m-fadein-block .m-fadein.is-show.delay_s1 { -webkit-animation: fadeup 1000ms 100ms forwards; animation: fadeup 1000ms 100ms forwards; }

.m-fadein-block .m-fadein.is-show.delay_s2 { -webkit-animation: fadeup 1000ms 200ms forwards; animation: fadeup 1000ms 200ms forwards; }

.m-fadein-block .m-fadein.is-show.delay_s3 { -webkit-animation: fadeup 1000ms 300ms forwards; animation: fadeup 1000ms 300ms forwards; }

.m-fadein-block .m-fadein.is-show.delay_s4 { -webkit-animation: fadeup 1000ms 400ms forwards; animation: fadeup 1000ms 400ms forwards; }

.m-fadein-block .m-fadein.is-show.delay_s5 { -webkit-animation: fadeup 1000ms 500ms forwards; animation: fadeup 1000ms 500ms forwards; }

.m-fadein-block .m-fadein.is-show.delay_s6 { -webkit-animation: fadeup 1000ms 600ms forwards; animation: fadeup 1000ms 600ms forwards; }

.m-fadein-block .m-fadein.is-show.delay_s7 { -webkit-animation: fadeup 1000ms 700ms forwards; animation: fadeup 1000ms 700ms forwards; }

.m-fadein-block .m-fadein.is-show.delay_s8 { -webkit-animation: fadeup 1000ms 800ms forwards; animation: fadeup 1000ms 800ms forwards; }

.m-fadein-block .m-fadein.is-show.delay_s9 { -webkit-animation: fadeup 1000ms 900ms forwards; animation: fadeup 1000ms 900ms forwards; }

.m-fadein-block .m-fadein.is-show.delay_s10 { -webkit-animation: fadeup 1000ms 1000ms forwards; animation: fadeup 1000ms 1000ms forwards; }

.m-fadein-block .m-fadein.is-show.delay_s11 { -webkit-animation: fadeup 1000ms 1100ms forwards; animation: fadeup 1000ms 1100ms forwards; }

.m-fadein-block .m-fadein.is-show.delay_s12 { -webkit-animation: fadeup 1000ms 1200ms forwards; animation: fadeup 1000ms 1200ms forwards; }

.m-fadein-block .m-fadein.is-show.delay_s13 { -webkit-animation: fadeup 1000ms 1300ms forwards; animation: fadeup 1000ms 1300ms forwards; }

.m-fadein-block .m-fadein.is-show.delay_s14 { -webkit-animation: fadeup 1000ms 1400ms forwards; animation: fadeup 1000ms 1400ms forwards; }

.m-fadein-block .m-fadein.is-show.delay_s15 { -webkit-animation: fadeup 1000ms 1500ms forwards; animation: fadeup 1000ms 1500ms forwards; }

.m-fadein-block .m-fadein.is-show.delay_s16 { -webkit-animation: fadeup 1000ms 1600ms forwards; animation: fadeup 1000ms 1600ms forwards; }

.m-fadein-block .m-fadein.is-show.delay_s17 { -webkit-animation: fadeup 1000ms 1700ms forwards; animation: fadeup 1000ms 1700ms forwards; }

.m-fadein-block .m-fadein.is-show.delay_s18 { -webkit-animation: fadeup 1000ms 1800ms forwards; animation: fadeup 1000ms 1800ms forwards; }

.m-fadein-block .m-fadein.is-show.delay_s19 { -webkit-animation: fadeup 1000ms 1900ms forwards; animation: fadeup 1000ms 1900ms forwards; }

.m-fadein-block .m-fadein.is-show.delay_s20 { -webkit-animation: fadeup 1000ms 2000ms forwards; animation: fadeup 1000ms 2000ms forwards; }

.m-hamburger { z-index: 3; position: absolute; right: 24px; top: 50%; width: 25px; height: 100%; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.m-hamburger span { -webkit-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease; display: block; height: 2px; overflow: hidden; background: #487fa6; position: relative; }

.m-hamburger span:nth-of-type(1) { width: 25px; margin-bottom: 5px; }

.m-hamburger span:nth-of-type(2) { display: none; }

.m-hamburger span:nth-of-type(3) { width: 15px; margin-top: 5px; }

.m-hamburger.is-open { background: none; }

.m-hamburger.is-open span:nth-of-type(1) { -webkit-transform: rotate(-135deg) scale3d(-1, -1, 1); transform: rotate(-135deg) scale3d(-1, -1, 1); margin-bottom: -1px; background: #fff; width: 20px; }

.m-hamburger.is-open span:nth-of-type(2) { -webkit-transform: scale3d(0, 0, 0); transform: scale3d(0, 0, 0); }

.m-hamburger.is-open span:nth-of-type(3) { -webkit-transform: rotate(135deg) scale3d(1, -1, 1); transform: rotate(135deg) scale3d(1, -1, 1); margin-top: 0; background: #fff; width: 20px; }

.m-hamburger.is-open span:nth-of-type(3)::before, .m-hamburger.is-open span:nth-of-type(3)::after { width: 100%; }

.m-iconCard { height: 100%; min-height: 185px; background: #fff; border-radius: 12px; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 15px 0; }

.m-iconCard__text { font-size: 14px; font-size: 1.4rem; line-height: 21px; line-height: 2.1rem; letter-spacing: -0.08em; margin-top: auto; }

.m-iconCard img { position: relative; top: calc(50% - 20px); -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.m-iconCard.-babycar img { width: 55px; }

.m-iconCard.-wheelchair img { width: 52px; }

.m-iconCard.-locker img { width: 58px; }

.m-iconCard.-cashless img { width: 66px; margin-left: -10px; }

.m-image img { width: 100%; }

.m-kidsCard { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background: #fff; height: 100%; padding: 42px 22px; border-radius: 32px; position: relative; margin-top: 20px; }

.m-kidsCard::before { content: ''; width: 40px; height: 40px; border-radius: 100%; position: absolute; top: -20px; right: 50%; -webkit-transform: translateX(50%); transform: translateX(50%); }

.m-kidsCard::after { content: ''; width: 100%; height: 46px; max-width: 428px; background: url(/assets/img/kidsCard_shadow.png) top center/contain no-repeat; position: absolute; bottom: -17px; right: 50%; -webkit-transform: translateX(50%); transform: translateX(50%); z-index: -1; }

.m-kidsCard__image { background: #fff; position: relative; padding-top: 75%; overflow: hidden; }

.m-kidsCard__image img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); height: 100%; }

.m-kidsCard__image .swiper-wrapper { position: absolute; top: 0; left: 0; }

.m-kidsCard__image .swiper-wrapper .swiper-slide-active { z-index: 999; }

.m-kidsCard__text { padding: 22px 26px 0; word-wrap: break-word; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.m-kidsCard__text .title { text-align: center; color: #0092cc; font-weight: bold; font-size: 17px; font-size: 1.7rem; line-height: 51px; line-height: 5.1rem; padding-bottom: 24px; margin-bottom: 22px; border-bottom: 1px solid #0092cc; }

.m-kidsCard__text .title strong { display: block; font-size: 25px; font-size: 2.5rem; line-height: 25px; line-height: 2.5rem; }

.m-kidsCard__text p:first-of-type { font-size: 16px; font-size: 1.6rem; line-height: 28px; line-height: 2.8rem; }

.m-kidsCard__text .note { font-size: 12px; font-size: 1.2rem; line-height: 22px; line-height: 2.2rem; margin-top: 18px; }

.m-kidsCard__text .m-btn { margin-top: auto; }

.m-movie { position: relative; background: #fff; }

.m-movie a::before { content: ''; display: block; width: 54px; height: 54px; background: url(/assets/img/play.svg) center center/contain no-repeat; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; -webkit-transition: 0.2s 0.3s; transition: 0.2s 0.3s; }

.m-movie:hover a::before { -webkit-transform: translate(-50%, -50%) scale(1.2); transform: translate(-50%, -50%) scale(1.2); }

.m-note { font-size: 12px; font-size: 1.2rem; line-height: 18px; line-height: 1.8rem; padding-left: 1em; text-indent: -1em; }

.m-ol-brackets li { list-style-position: inside; counter-increment: cnt; padding-left: 3em; position: relative; }

.m-ol-brackets li::before { display: marker; content: "（" counter(cnt) "）"; position: absolute; left: 0; }

.m-ol-paren li { list-style-position: inside; counter-increment: cnt; padding-left: 3em; position: relative; }

.m-ol-paren li::before { display: marker; content: "（" counter(cnt) "）"; position: absolute; left: 0; }

.m-ol li { list-style: decimal; margin-left: 20px; }

.m-pagenation { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 100px 0 88px; }

.m-pagenation, .m-pagenation a { color: #0092cc; font-weight: bold; font-size: 18px; font-size: 1.8rem; line-height: 18px; line-height: 1.8rem; }

.m-pagenation__item:not(:first-child):not(:last-child) { margin: 0 10px; }

.m-pagenation__item.-prev { margin-right: 45px; }

.m-pagenation__item.-next { margin-left: 45px; }

p + p, p + .m-paragraph, .m-paragraph + p, .m-paragraph + .m-paragraph { margin-top: 1.75em; }

.m-photoSpot { position: relative; }

.m-photoSpot::before { content: ''; display: block; width: 147px; height: 147px; background: url(/assets/img/course/photospot_icon.png) top center/cover no-repeat; position: absolute; }

.m-planCard { background: #fff; height: 100%; }

.m-planCard__image { height: 0; padding-top: 79.5%; position: relative; }

.m-planCard__image img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; }

.m-planCard__text { padding: 20px 30px; }

.m-planCard__text .title { text-align: center; color: #0092cc; font-weight: bold; font-size: 16px; font-size: 1.6rem; line-height: 16px; line-height: 1.6rem; }

.m-planCard__text .title strong { display: inline-block; font-size: 25px; font-size: 2.5rem; line-height: 25px; line-height: 2.5rem; margin-top: 15px; }

.m-planCard__text .text { font-size: 16px; font-size: 1.6rem; line-height: 28px; line-height: 2.8rem; margin-top: 15px; }

.m-select { display: inline-block; position: relative; }

.m-select select { min-width: 205px; border: 2px solid #0092cc; color: #0092cc; background: none; font-size: 17px; font-size: 1.7rem; line-height: 17px; line-height: 1.7rem; font-weight: bold; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

.m-select::after { content: '▼'; display: block; color: #0092cc; position: absolute; right: 15px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 17px; font-size: 1.7rem; line-height: 17px; line-height: 1.7rem; }

.m-select + .m-select { margin-left: 15px; }

.m-tabs .nav-tabs li a { display: block; }

.m-tabs .tab-content .tab-pane { display: none; }

.m-tabs .tab-content .tab-pane.is-open { display: block; }

.m-tag { min-width: 83px; font-size: 12px; font-size: 1.2rem; line-height: 21px; line-height: 2.1rem; color: #0092cc; background: #fff; text-align: center; }

.m-toggle { cursor: pointer; }

.m-toggle-contents { opacity: 0; -webkit-transition: 0.2s 0.3s; transition: 0.2s 0.3s; }

.m-toggle-contents.is-show { opacity: 1; }

.m-topicsList { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 12px 0; border-top: 1px solid #bfbfbf; border-bottom: 1px solid #bfbfbf; margin-top: -1px; }

.m-topicsList:not(.-variable) .m-topicsList__image .imageWrap { height: 0; padding-top: 50%; position: relative; overflow: hidden; }

.m-topicsList:not(.-variable) .m-topicsList__image .imageWrap img { width: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.m-topicsList__image { width: 240px; margin-right: 22px; -ms-flex-negative: 0; flex-shrink: 0; }

.m-topicsList__text { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.m-topicsList__text a { display: block; width: 100%; height: 100%; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; }

.m-topicsList__text a:hover { opacity: 0.8; text-decoration: none; }

.m-topicsList__text p[data-type='datetime'] { color: #0092cc; font-size: 12px; font-size: 1.2rem; line-height: 19px; line-height: 1.9rem; }

.m-topicsList__text .title { color: #0092cc; margin-top: 4px; font-size: 16px; font-size: 1.6rem; line-height: 24px; line-height: 2.4rem; font-weight: bold; }

.m-topicsList__text .text { margin-top: 6px; }

.m-topicsList__text .text, .m-topicsList__text .text > * { font-size: 12px; font-size: 1.2rem; line-height: 19px; line-height: 1.9rem; }

.m-topicsList__text-head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.m-topicsList.-relatedArticle .m-topicsList__text { color: #0092cc; }

.m-topicsList.-relatedArticle .m-topicsList__text p:first-child { font-size: 12px; font-size: 1.2rem; line-height: 12px; line-height: 1.2rem; }

.m-topicsList.-relatedArticle .m-topicsList__text p:last-child { font-size: 16px; font-size: 1.6rem; line-height: 24px; line-height: 2.4rem; font-weight: bold; margin-top: 8px; }

.m-ul-disc li { margin-left: 10px; position: relative; }

.m-ul-disc li::before { content: '\30FB'; position: absolute; left: -8px; top: 0; }

.c-breadcrumb { margin: 0 auto 52px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 14px 0; }

.c-breadcrumb li { font-size: 10px; font-size: 1rem; line-height: 16px; line-height: 1.6rem; color: #4c4c4c; }

.c-breadcrumb li a { color: #345b9d; }

.c-breadcrumb li + li { margin-left: 0.5em; }

.c-breadcrumb li:not(:first-child)::before { content: '>'; display: inline-block; }

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

.c-floatTextImage .image { width: 400px; float: left; }

.c-floatTextImage .image img { max-width: 100%; }

.c-floatTextImage .image img.w-auto { width: auto; }

.c-floatTextImage .text { width: calc(100% - 440px); float: right; }

.c-floatTextImage.is-reverse .image { float: right; }

.c-floatTextImage.is-reverse .text { float: left; }

.c-floatTextImage.w-200 .image { width: 200px; }

.c-floatTextImage.w-200 .image img { max-width: 200px; }

.c-floatTextImage.w-200 .text { width: calc(100% - 240px); }

.c-floatTextImage.w-240 .image { width: 240px; }

.c-floatTextImage.w-240 .image img { max-width: 240px; }

.c-floatTextImage.w-240 .text { width: calc(100% - 280px); }

.c-floatTextImage.w-280 .image { width: 280px; }

.c-floatTextImage.w-280 .image img { max-width: 280px; }

.c-floatTextImage.w-280 .text { width: calc(100% - 320px); }

.c-floatTextImage.w-320 .image { width: 320px; }

.c-floatTextImage.w-320 .image img { max-width: 320px; }

.c-floatTextImage.w-320 .text { width: calc(100% - 360px); }

.c-floatTextImage.w-360 .image { width: 360px; }

.c-floatTextImage.w-360 .image img { max-width: 360px; }

.c-floatTextImage.w-360 .text { width: calc(100% - 400px); }

.c-floatTextImage.is-float .image { margin-right: 40px; margin-bottom: 20px; }

.c-floatTextImage.is-float .text { width: 100%; float: none; }

.c-floatTextImage.is-float.is-reverse .image { margin-right: 0; margin-left: 40px; }

.c-mascot { position: absolute; left: calc(50% - 100px); margin-top: -80px; -webkit-transform: translateX(-50%); transform: translateX(-50%); display: -webkit-box; display: -ms-flexbox; display: flex; }

.c-mascot__img { width: 142px; height: 193px; }

.c-mascot__contents { position: relative; top: -90px; }

.c-notice ul:not(.emergency) { border-bottom: 1px solid #bfbfbf; }

.c-notice ul:not(.emergency) li { padding: 14px 0; }

.c-notice ul:not(.emergency) li:first-child { padding-top: 0; }

.c-notice ul:not(.emergency) li + li { border-top: 1px solid #bfbfbf; }

.c-notice__hl { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 23px; font-size: 2.3rem; line-height: 23px; line-height: 2.3rem; font-weight: bold; margin-bottom: 30px; letter-spacing: 0.1em; color: #4c4c4c; }

.c-notice__hl img { width: 30px; margin-right: 13px; }

.c-notice .emergency { border: 1px solid #db0012; padding: 0 15px; margin-bottom: 30px; }

.c-notice .emergency li, .c-notice .emergency a { color: #db0012; font-weight: bold; text-align: center; }

.c-notice .emergency li { padding: 8px 0; position: relative; }

.c-notice .emergency li + li::before { content: ''; display: block; width: 100%; height: 1px; background-image: linear-gradient(to right, #db0012, #db0012 2px, transparent 2px, transparent 5px); background-size: 5px 2px; background-position: left bottom; background-repeat: repeat-x; position: absolute; top: 0; }

.c-openingHours { text-align: center; margin-top: 40px; }

.c-openingHours__hl { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 16px; font-size: 1.6rem; line-height: 16px; line-height: 1.6rem; font-weight: bold; margin-bottom: 12px; letter-spacing: 0.1em; }

.c-openingHours__hl img { width: 19px; margin-right: 8px; }

.c-openingHours__time p { color: #0094ce; letter-spacing: 0.1em; font-weight: bold; }

.c-openingHours__time p:first-child { display: inline-block; font-size: 47px; font-size: 4.7rem; line-height: 47px; line-height: 4.7rem; font-weight: 500; font-family: "Poppins", sans-serif; font-style: italic; border-bottom: 4.5px solid #0094ce; padding-bottom: 6px; }

.c-openingHours__time p:last-child { font-size: 20px; font-size: 2rem; line-height: 20px; line-height: 2rem; margin-top: 12px; }

.c-pagetop { background: #fff; width: 40px; height: 40px; position: absolute; right: 30px; bottom: 88px; z-index: 10; border-radius: 100%; }

.c-pagetop img { width: 17px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.c-pagetop a { width: 100%; height: 100%; }

.c-price__title { font-size: 18px; font-size: 1.8rem; line-height: 18px; line-height: 1.8rem; background: #0092cc; color: #fff; font-weight: bold; text-align: center; padding: 20px 0; position: relative; border-radius: 28px 28px 0 0; }

.c-price__title .catch { width: 80px; position: absolute; right: 22px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.c-price__contents { background: #fff; padding: 30px; border-radius: 0 0 28px 28px; }

.c-price__contents .priceListWrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; overflow: hidden; }

.c-price__contents .priceListWrap__item { width: 50%; margin-top: -1px; border-top: 1px solid #b2b2b2; padding: 20px 0; }

.c-price__contents .priceListWrap__item:nth-child(-n + 2) { padding-top: 0; }

.c-price__contents .priceListWrap__item:nth-last-child(-n + 2) { padding-bottom: 0; }

.c-price__contents .priceListWrap__item:nth-child(odd) dd { padding-right: 8px; }

.c-price__contents .priceListWrap__item:nth-child(even) { border-left: 1px solid #b2b2b2; }

.c-price__contents .priceListWrap__item:nth-child(even) dt { padding-left: 8px; }

.c-price__contents .priceList { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; padding: 20px 0; }

.c-price__contents .priceList:first-of-type { padding-top: 0; }

.c-price__contents .priceList:last-of-type { padding-bottom: 0; }

.c-price__contents .priceList + .priceList { border-top: 1px solid #b2b2b2; }

.c-price__contents .priceList__hl { font-weight: bold; white-space: nowrap; -webkit-font-feature-settings: 'palt'; font-feature-settings: 'palt'; }

.c-price__contents .priceList__price { font-size: 29px; font-size: 2.9rem; line-height: 29px; line-height: 2.9rem; text-align: right; color: #0092cc; font-family: "Poppins", sans-serif; font-style: italic; font-weight: bold; }

.c-price__contents .m-btn { margin-top: 27px; font-size: 14px; font-size: 1.4rem; line-height: 24px; line-height: 2.4rem; padding: 7px 0; }

.c-price__contents .m-btn + .m-btn { margin-top: 10px; }

.c-price__contents .m-accordion-contents { padding: 28px 0 0; font-size: 13px; font-size: 1.3rem; line-height: 22px; line-height: 2.2rem; }

.c-price__contents .m-accordion-contents a { color: #0092cc; }

.c-price__contents .note { padding-left: 1em; text-indent: -1em; }

.c-price__contents .note + .note { margin-top: 5px; }

.c-price__contents .note:first-of-type { margin-top: 30px; }

.c-snsList { display: inline-block; border-bottom: 1px solid #0092cc; }

.c-snsList__title { font-size: 16px; font-size: 1.6rem; line-height: 16px; line-height: 1.6rem; white-space: nowrap; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #0092cc; font-weight: bold; }

.c-snsList__title::after { content: ''; display: block; width: 100%; height: 1px; background: #0092cc; margin-left: 16px; }

.c-snsList__list { padding: 20px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.c-snsList__list-item { width: 50px; height: 50px; }

.c-snsList__list-item img { width: 100%; }

.c-snsList__list-item + .c-snsList__list-item { margin-left: 42px; }

.c-snsList__list-item.-mascot { position: relative; }

.c-snsList__list-item.-mascot img { width: 65px; height: 90px; position: absolute; top: -36px; }

.c-trafficStep { display: -webkit-box; display: -ms-flexbox; display: flex; }

.c-trafficStep__item { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; }

.c-trafficStep__item:not(:last-of-type)::after { content: ''; display: block; width: 0; height: 0; border-style: solid; border-width: 8.5px 0 8.5px 6px; border-color: transparent transparent transparent #0092cc; position: absolute; }

.c-trafficStep__item .text { font-size: 18px; font-size: 1.8rem; line-height: 24px; line-height: 2.4rem; text-align: center; font-weight: bold; margin-bottom: 15px; }

.c-trafficStep__item .text small { font-size: 14px; font-size: 1.4rem; line-height: 24px; line-height: 2.4rem; font-weight: normal; }

.c-trafficStep__item .m-btn { margin-top: auto; }

.p-course .l-section { padding: 0; }

.p-course #entrance h2 { width: 400px; margin: 0 auto 53px; }

.p-course #breedingFarm { position: relative; z-index: 1; margin-top: 0; }

.p-course #breedingFarm .breedingFarmWrap { padding-top: 77px; }

.p-course #breedingFarm .breedingFarmWrap::before { content: ''; display: block; width: 5px; height: calc(100% + 202px); background: url(/assets/img/course/dashed_line2.png) top center/contain no-repeat; position: absolute; bottom: -102px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: -1; }

.p-course .border::after { content: ''; display: block; width: 10px; height: calc(100% + 165px); background: #0092cc; position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: -1; }

.p-course__lead { font-size: 20px; font-size: 2rem; line-height: 32px; line-height: 3.2rem; color: #0092cc; font-weight: bold; text-align: center; letter-spacing: 0.15em; }

.p-course__entrance { position: relative; margin-top: 34px; }

.p-course__entrance .startPoint { width: 108px; height: 108px; border-radius: 50%; background: #0092cc; color: #fff; font-weight: bold; text-align: center; font-size: 29px; font-size: 2.9rem; line-height: 108px; line-height: 10.8rem; margin: 0 auto 58px; }

.p-course__entrance::after { bottom: 0; top: 0; }

.p-course__entrance .textImage { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.p-course__entrance .textImage__image { width: 490px; }

.p-course__entrance .textImage__image.m-photoSpot::before { width: 63px; height: 63px; right: 0; left: -15px; top: -36px; }

.p-course__entrance .textImage__text dt { font-size: 24px; font-size: 2.4rem; line-height: 28px; line-height: 2.8rem; color: #0092cc; font-weight: bold; margin-bottom: 18px; }

.p-course__entrance .textImage__text dd { font-size: 14px; font-size: 1.4rem; line-height: 22px; line-height: 2.2rem; font-weight: bold; }

.p-course__entrance .textImage__text.m-photoSpot::before { top: -72px; right: 6px; }

.p-course__zaboon { width: 212px; position: absolute; top: -95px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; }

.p-course__deepSea { position: relative; width: 990px; height: 1827px; margin: 0 auto; padding-top: 30px; }

.p-course__deepSea::before { content: ''; display: block; width: 550px; height: 1953px; background: url(/assets/img/course/dashed_line.png) top center/contain no-repeat; position: absolute; top: -32px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); margin-left: -115px; }

.p-course__deepSea .texture { width: 182px; position: absolute; top: 595px; left: -26px; z-index: 1; }

.p-course__deepSea .texture2 { width: 80px; position: absolute; top: 1287px; left: 40px; }

.p-course__deepSea .head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #0092cc; padding: 70px 0 40px; position: relative; }

.p-course__deepSea .head__item { background: #fff; color: #0092cc; font-weight: bold; border-radius: 50%; text-align: center; }

.p-course__deepSea .head__headline { font-size: 35px; font-size: 3.5rem; line-height: 48px; line-height: 4.8rem; font-weight: bold; color: #fff; letter-spacing: 0.11em; }

.p-course__deepSea .head__headline small { display: block; font-size: 22px; font-size: 2.2rem; line-height: 22px; line-height: 2.2rem; margin-bottom: 17px; }

.p-course__deepSea .courseSpot .m-image { display: block; -ms-flex-negative: 0; flex-shrink: 0; }

.p-course__deepSea .courseSpot#izuriba { margin-top: 60px; }

.p-course__deepSea .courseSpot#jellyfish { margin-top: 60px; }

.p-course__deepSea .courseSpot#jellyfish .m-image { width: 397px; }

.p-course__deepSea .courseSpot#jellyfish .m-courseSpot { margin-top: -32px; margin-left: 0; }

.p-course__deepSea .courseSpot#donzoko .m-courseSpot { width: 342px; margin-left: 100px; }

.p-course__forest { padding: 185px 0 132px; position: relative; }

.p-course__forest::after { bottom: -10px !important; }

.p-course__forest .texture3 { width: 182px; position: absolute; bottom: 112px; }

.p-course__forest .relaxTime { position: relative; margin: 0 auto; }

.p-course__forest .relaxTime__headline { font-weight: bold; width: 350px; }

.p-course__forest .relaxTime__headline h2 { font-size: 35px; font-size: 3.5rem; line-height: 48px; line-height: 4.8rem; color: #0092cc; margin-bottom: 37.5px; }

.p-course__forest .relaxTime__headline .text { font-size: 14px; font-size: 1.4rem; line-height: 26.5px; line-height: 2.65rem; letter-spacing: 0.03em; }

.p-course__forest .photoSpot { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.p-course__forest .photoSpot__text { font-size: 16px; font-size: 1.6rem; line-height: 36px; line-height: 3.6rem; font-weight: bold; }

.p-course__forest .photoSpot .m-photoSpot::before { top: -60px; left: -78px; }

.p-course__showStadium { position: relative; margin: 0 auto; max-width: 1260px; background: #fff; border: 8px solid #0092cc; margin-top: 173px; padding-bottom: 276px; }

.p-course__showStadium::before { content: ''; width: 932px; height: 182px; background: url(/assets/img/course/show_bg_top.png) top center/100% no-repeat; position: absolute; top: -182px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.p-course__showStadium .texture4 { width: 102px; position: absolute; top: 513px; right: 62px; }

.p-course__showStadium .texture4-2 { width: 102px; position: absolute; top: -35px; left: 249px; }

.p-course__showStadium .showStadiumWrap { margin-top: -111px; position: relative; z-index: 1; }

.p-course__showStadium .head { text-align: center; }

.p-course__showStadium .head__headline { font-size: 35px; font-size: 3.5rem; line-height: 35px; line-height: 3.5rem; font-weight: bold; color: #0092cc; margin-bottom: 50px; letter-spacing: 0.13em; }

.p-course__showStadium .head__text { font-size: 17px; font-size: 1.7rem; line-height: 30px; line-height: 3rem; font-weight: bold; margin-bottom: 56px; }

.p-course__showStadium .swiperWrap { margin-bottom: 152px; }

.p-course__showStadium .textImage { width: 900px; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 auto; }

.p-course__showStadium .textImage__image { width: 504px; margin-right: 72px; }

.p-course__showStadium .textImage__text .title { font-size: 30px; font-size: 3rem; line-height: 45px; line-height: 4.5rem; font-weight: bold; color: #0092cc; margin-bottom: 42.5px; letter-spacing: 0.13em; }

.p-course__showStadium .textImage__text .text { font-size: 17px; font-size: 1.7rem; line-height: 30px; line-height: 3rem; font-weight: bold; }

.p-course__breedingFarm { position: relative; }

.p-course__breedingFarm .m-image { width: 697px; position: absolute; left: 70px; }

.p-course__breedingFarm .text { width: 324px; color: #fff; font-weight: bold; position: absolute; top: 50px; right: -22px; }

.p-course__breedingFarm .text dt { font-size: 30px; font-size: 3rem; line-height: 45px; line-height: 4.5rem; margin-bottom: 22px; letter-spacing: 0.13em; }

.p-course__breedingFarm .text dd { font-size: 17px; font-size: 1.7rem; line-height: 30px; line-height: 3rem; }

.p-course__showStage { position: relative; }

.p-course__showStage .texture5 { width: 80px; position: absolute; top: 503px; left: 50%; margin-left: 398px; }

.p-course__showStage .head { background: #0092cc; text-align: center; color: #fff; font-weight: bold; padding: 58px 0; }

.p-course__showStage .head__headline { font-size: 35px; font-size: 3.5rem; line-height: 35px; line-height: 3.5rem; margin-bottom: 30px; letter-spacing: 0.13em; }

.p-course__showStage .head__text { font-size: 17px; font-size: 1.7rem; line-height: 30px; line-height: 3rem; }

.p-course__showStage .m-photoSpot { width: 780px; margin: 0 auto 113px; -webkit-transform: translateX(48px); transform: translateX(48px); }

.p-course__showStage .m-photoSpot::before { width: 180px; height: 180px; top: -78px; left: -90px; }

.p-course__showStage .textImage { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.p-course__showStage .textImage#walrus { margin-top: 53px; }

.p-course__showStage .textImage#walrus .textImage__text { padding-bottom: 48px; }

.p-course__showStage .textImage__text { font-weight: bold; }

.p-course__showStage .textImage__text .title { font-size: 30px; font-size: 3rem; line-height: 45px; line-height: 4.5rem; margin-bottom: 22px; }

.p-course__showStage .textImage__text .text { width: 350px; font-size: 17px; font-size: 1.7rem; line-height: 30px; line-height: 3rem; letter-spacing: 0.05em; }

.p-course__corner { width: 972px; margin: 170px auto 0; padding: 57px 105px 92px; background: #fff; border: 8px solid #e9d245; border-radius: 56px; color: #000; }

.p-course__corner .text { font-size: 17px; font-size: 1.7rem; line-height: 29px; line-height: 2.9rem; font-weight: bold; text-align: center; margin: 0 auto 100px; }

.p-course__corner .headline { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #005b9f; font-size: 35px; font-size: 3.5rem; line-height: 45px; line-height: 4.5rem; font-weight: bold; margin-bottom: 15.5px; letter-spacing: 0.13em; }

.p-course__corner .headline span { display: block; width: 93px; height: 93px; color: #fff; background: #005b9f; border-radius: 50%; text-align: center; font-size: 29px; font-size: 2.9rem; line-height: 93px; line-height: 9.3rem; margin-right: 24px; }

.p-course__corner .imageList { display: -webkit-box; display: -ms-flexbox; display: flex; height: 180px; }

.p-course__corner .imageList:not(:first-of-type) { margin-top: 70px; }

.p-course__corner .imageList#mitosea .imageList__title { width: 188px; -ms-flex-negative: 0; flex-shrink: 0; margin-right: 20px; }

.p-course__leaving { position: relative; padding-top: 74px; margin-bottom: 144px; }

.p-course__leaving .endPoint { width: 180px; height: 180px; border-radius: 50%; background: #0092cc; color: #fff; font-weight: bold; text-align: center; font-size: 23px; font-size: 2.3rem; line-height: 180px; line-height: 18rem; margin: 0 auto 58px; }

.p-course__leaving .textImage { display: -webkit-box; display: -ms-flexbox; display: flex; width: 952px; margin: 0 auto; }

.p-course__leaving .textImage .m-image { width: 460px; margin-right: 57px; }

.p-course__leaving .textImage__text { padding-top: 60px; font-weight: bold; }

.p-course__leaving .textImage__text .title { font-size: 30px; font-size: 3rem; line-height: 30px; line-height: 3rem; color: #0092cc; margin-bottom: 16px; }

.p-course__leaving .textImage__text .text { font-size: 14px; font-size: 1.4rem; line-height: 30px; line-height: 3rem; }

.p-course__leaving .uchicchi { width: 297px; position: absolute; left: 50%; }

.p-detail .l-section { padding-bottom: 128px; }

.p-detail .headline--lv2 { font-size: 14px; font-size: 1.4rem; line-height: 14px; line-height: 1.4rem; margin-bottom: 110px; }

.p-detail .headline--lv2 strong { font-size: 42px; font-size: 4.2rem; line-height: 42px; line-height: 4.2rem; margin-right: 10px; }

.p-detail .l-inner > * + * { margin-top: 30px; }

.p-detail .head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: end; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; }

.p-detail .head__item + .head__item { margin-left: 10px; }

.p-detail .head__item img { width: 28px; }

.p-detail h3 { font-size: 20px; font-size: 2rem; line-height: 31px; line-height: 3.1rem; font-weight: bold; margin-bottom: 30px; }

.p-detail img { max-width: 100%; }

.p-detail p { font-size: 14px; font-size: 1.4rem; line-height: 26px; line-height: 2.6rem; }

.p-detail p a { color: #005ba1; text-decoration: underline; }

.p-detail .m-btn.-icon { margin-top: 30px; min-width: 200px; padding: 6px; text-align: left; font-size: 16px; font-size: 1.6rem; line-height: 31px; line-height: 3.1rem; }

.p-detail .m-btn.-icon svg { width: 21px; height: 29px; margin-bottom: -9px; }

.p-detail__movie { text-align: center; margin: 40px 0 60px; }

.p-detail__article .headline--lv3 { font-size: 22px; font-size: 2.2rem; line-height: 38px; line-height: 3.8rem; border-top: 1px solid #b2b2b2; border-bottom: 1px solid #b2b2b2; padding: 4px 0; margin-top: 75px; }

.p-detail__article .l-col:last-child .m-topicsList { border: none; }

.p-detail__article-btn { width: 348px; margin: 0 auto; }

.p-detail__article-btn .m-btn { margin-top: 70px; }

.p-group .l-section:first-of-type { padding-bottom: 90px; }

.p-group .priceList__price { font-size: 26px; font-size: 2.6rem; line-height: 26px; line-height: 2.6rem; }

.p-group__top { margin-bottom: 86px; }

.p-group__top-image { margin-bottom: 40px; }

.p-group__school .m-article { margin-top: 60px; }

.p-group__contents { margin-top: 80px; }

.p-group__contents .apply li + li { margin-top: 10px; }

.p-group__contents .logo { width: 228px; margin: 0 auto; }

.p-group__contents .contact { text-align: center; margin-top: 25px; }

.p-group__contents .contact .tel { font-size: 19px; font-size: 1.9rem; line-height: 33px; line-height: 3.3rem; font-weight: bold; margin-top: 10px; }

.p-group__contents .contact .tel, .p-group__contents .contact .tel a { color: #0092cc; }

.p-group .m-note { margin-top: 10px; }

.p-info .l-section:first-of-type { padding-bottom: 90px; }

.p-info__image { margin-bottom: 56px; }

.p-info__traffic { margin-bottom: 86px; }

.p-info__traffic-map { width: 648px; margin: 0 auto 80px; }

.p-info__traffic-map p { margin-top: 52px; }

.p-info__traffic .m-article + .m-article { margin-top: 70px; }

.p-info__notice { margin-bottom: 90px; }

.p-info__question .accordionList { counter-reset: question-counter; }

.p-info__question .accordionList__item { counter-increment: question-counter 1; border-bottom: 1px solid #b2b2b2; font-size: 16px; font-size: 1.6rem; line-height: 22px; line-height: 2.2rem; }

.p-info__question .accordionList__item .m-accordion.-question { position: relative; }

.p-info__question .accordionList__item .m-accordion.-question .number::before { content: "Q" counter(question-counter); }

.p-info__question .accordionList__item .m-accordion.-question + .m-accordion-contents::before { content: "A" counter(question-counter); position: absolute; left: 0; }

.p-kids .l-section { padding-bottom: 44px !important; }

.p-kids__top { position: relative; margin-bottom: 70px; }

.p-kids__top::before { content: ''; width: 100%; height: 496px; max-width: 1340px; display: block; background: url(/assets/img/kids_bg_pc.png) top center/cover no-repeat; position: absolute; top: -90px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.p-kids__top > * { width: 655px; margin: 0 auto; }

.p-kids__top-catch { color: #0092cc; font-size: 31px; font-size: 3.1rem; line-height: 49.8px; line-height: 4.98rem; font-weight: bold; margin: 40px auto 16px; }

.p-kids__top-text { color: #0092cc; font-size: 15.6px; font-size: 1.56rem; line-height: 32.4px; line-height: 3.24rem; font-weight: bold; }

.p-kids__top .m-movie a::before { width: 78px; height: 78px; }

.p-kids .kidsCardList { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.p-kids .kidsCardList__item { width: calc(50% - 40px); margin: 0 20px 100px; }

.p-kids .kidsCardList__item:nth-child(5n+1) .m-kidsCard::before { background: #0092cc; }

.p-kids .kidsCardList__item:nth-child(5n+2) .m-kidsCard::before { background: #c5cc1d; }

.p-kids .kidsCardList__item:nth-child(5n+3) .m-kidsCard::before { background: #e85319; }

.p-kids .kidsCardList__item:nth-child(5n+4) .m-kidsCard::before { background: #e0c118; }

.p-kids .kidsCardList__item:nth-child(5n+5) .m-kidsCard::before { background: #efadcb; }

.p-mapshop__breadcrumb { background: #fff; }

.p-mapshop__breadcrumb .c-breadcrumb { margin-bottom: 0 !important; }

.p-mapshop__top { text-align: center; color: #0092cc; font-weight: bold; margin: 92px 0 0; }

.p-mapshop__top h2 { font-size: 50px; font-size: 5rem; line-height: 50px; line-height: 5rem; margin-bottom: 36px; }

.p-mapshop__top p { font-size: 20px; font-size: 2rem; line-height: 39px; line-height: 3.9rem; text-align: center; max-width: 550px; margin: 0 auto 52px; }

.p-mapshop__top-map { width: 582px; position: relative; margin: 0 auto; }

.p-mapshop__top-map::before { content: ''; display: block; width: 93px; height: 98px; background: url(/assets/img/icon_click.png) center center/cover no-repeat; position: absolute; right: -40px; top: -80px; z-index: 1; }

.p-mobileShoot .headline--lv2 { line-height: 32px; }

.p-mobileShoot__anchor { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin-bottom: 134px; }

.p-mobileShoot__anchor-item { margin: 0 30px; }

.p-mobileShoot__anchor-item:first-child { width: 213px; }

.p-mobileShoot__anchor-item:last-child { width: 250px; position: relative; bottom: -26px; }

.p-mobileShoot__mobileAquarium { padding-bottom: 162px !important; }

.p-mobileShoot__mobileAquarium .image { width: 730px; margin: 0 auto; }

.p-mobileShoot__mobileAquarium .arrow { width: 74px; margin: 70px auto 50px; }

.p-mobileShoot__mobileAquarium-info { padding-top: 100px; }

.p-mobileShoot__mobileAquarium-info .headline--lv3 { margin-top: 150px; }

.p-mobileShoot__mobileAquarium-info .exhibitContents dt { color: #005ba1; font-weight: bold; }

.p-mobileShoot__mobileAquarium-info .contact { width: 815px; margin: 0 auto; padding: 18px 93px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -ms-flex-wrap: wrap; flex-wrap: wrap; background: #fff; border-radius: 30px; }

.p-mobileShoot__mobileAquarium-info .contact__item.details { font-size: 20px; font-size: 2rem; line-height: 44px; line-height: 4.4rem; color: #0092cc; font-weight: bold; }

.p-mobileShoot__mobileAquarium-info .contact__item.details strong { font-size: 26px; font-size: 2.6rem; line-height: 26px; line-height: 2.6rem; }

.p-mobileShoot__shoot { background: #0092cc; color: #fff; padding: 0 0 36px !important; position: relative; margin-top: 168px; }

.p-mobileShoot__shoot::before { content: ''; display: block; width: 100%; height: 168px; background: url(/assets/img/shoot_bg.png) top center/cover repeat; position: absolute; top: -168px; }

.p-mobileShoot__shoot .headline--lv3 { color: #fff; }

.p-mobileShoot__shoot .character { margin-bottom: 100px; }

.p-mobileShoot__shoot .character .title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 24px; font-size: 2.4rem; line-height: 24px; line-height: 2.4rem; font-family: "Poppins", sans-serif; font-style: italic; margin: 100px 0 45px; }

.p-mobileShoot__shoot .character .title::before, .p-mobileShoot__shoot .character .title::after { content: ''; width: 218px; height: 1px; background: rgba(255, 255, 255, 0.75); margin: 0 30px; }

.p-mobileShoot__shoot .character .introduction { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.p-mobileShoot__shoot .character .introduction .image { height: 511px; margin-right: 45px; }

.p-mobileShoot__shoot .character .introduction .image img { height: 100%; }

.p-mobileShoot__shoot .character .introduction .text__name { font-size: 30px; font-size: 3rem; line-height: 30px; line-height: 3rem; width: 224px; height: 224px; background: #e8d732; border-radius: 50%; font-weight: bold; text-align: center; margin: 0 auto 54px; color: #005ba1; position: relative; }

.p-mobileShoot__shoot .character .introduction .text__name .name { width: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.p-mobileShoot__shoot .character .introduction .text__introduction { font-size: 18px; font-size: 1.8rem; line-height: 32px; line-height: 3.2rem; }

.p-mobileShoot__shoot .l-highlight h4 strong { color: #fff !important; }

.p-mobileShoot__shoot .noteWrap .note { display: inline-block; margin-top: 45px; text-align: left; }

.p-mobileShoot__shoot .noteWrap .note .m-note { font-size: 16px; font-size: 1.6rem; line-height: 26px; line-height: 2.6rem; }

.p-mobileShoot .m-article .emphasis { color: #db0012; }

.p-mobileShoot .m-article + .m-article { margin-top: 50px; }

.p-mobileShoot .m-article__text .note { font-size: 12px; font-size: 1.2rem; line-height: 22px; line-height: 2.2rem; }

.p-press__read { margin: 36px auto; font-size: 0; }

.p-press__read-text { font-size: 18px; font-size: 1.8rem; line-height: 31px; line-height: 3.1rem; font-weight: bold; margin-bottom: 26px; text-align: left; }

.p-price .priceBlock__item { width: calc(50% - 50px); }

.p-price .headline--lv2 { font-size: 22px; font-size: 2.2rem; line-height: 22px; line-height: 2.2rem; margin-bottom: 60px; }

.p-price .headline--lv2 strong { font-size: 76px; font-size: 7.6rem; line-height: 76px; line-height: 7.6rem; margin-bottom: 6px; }

.p-price .l-section:first-of-type { padding-bottom: 72px; }

.p-privacy .l-section { padding-bottom: 100px; }

.p-privacy .headline--lv2 { font-size: 36px; font-size: 3.6rem; line-height: 36px; line-height: 3.6rem; margin-bottom: 60px; }

.p-privacy p { margin-top: 60px; }

.p-privacy .m-article { margin-top: 40px; }

.p-recommend .headline--lv2 { margin-bottom: 76px; }

.p-topics .headline--lv2 { margin-bottom: 76px; }

@-webkit-keyframes scroll-bar1 { 0% { -webkit-transform: scale3d(1, 0, 1); transform: scale3d(1, 0, 1); }
  40% { -webkit-transform: scale3d(1, 0, 1); transform: scale3d(1, 0, 1); }
  100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }

@keyframes scroll-bar1 { 0% { -webkit-transform: scale3d(1, 0, 1); transform: scale3d(1, 0, 1); }
  40% { -webkit-transform: scale3d(1, 0, 1); transform: scale3d(1, 0, 1); }
  100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }

@-webkit-keyframes scroll-bar2 { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
  60% { -webkit-transform: scale3d(1, 0, 1); transform: scale3d(1, 0, 1); }
  100% { -webkit-transform: scale3d(1, 0, 1); transform: scale3d(1, 0, 1); } }

@keyframes scroll-bar2 { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
  60% { -webkit-transform: scale3d(1, 0, 1); transform: scale3d(1, 0, 1); }
  100% { -webkit-transform: scale3d(1, 0, 1); transform: scale3d(1, 0, 1); } }

@-webkit-keyframes fadeup { from { opacity: 0;
    -webkit-transform: translateY(20px);
            transform: translateY(20px); }
  to { opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes fadeup { from { opacity: 0;
    -webkit-transform: translateY(20px);
            transform: translateY(20px); }
  to { opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

.swiper.-carousel { overflow: hidden; }

.swiper.-slider { overflow: hidden; }

.swiper-slide { height: auto !important; }

.swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet { margin: 4px !important; }

.swiper-pagination .swiper-pagination-bullet-active { background: #0092cc !important; }

.swiperWrap { position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.swiperWrap .yellow-button-next, .swiperWrap .yellow-button-prev { width: 35px; height: 60px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 0; cursor: pointer; }

.swiperWrap .yellow-button-next::after, .swiperWrap .yellow-button-prev::after { content: '' !important; display: block; width: 20px; height: 12px; background: url(/assets/img/arrow.svg) center center/contain no-repeat; position: absolute; }

.swiperWrap .yellow-button-prev { position: absolute; background: url(/assets/img/arrow_bg_left.svg) center left/contain no-repeat; left: -30px; }

.swiperWrap .yellow-button-prev::after { top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) rotate(90deg); transform: translate(-50%, -50%) rotate(90deg); }

.swiperWrap .yellow-button-next { position: absolute; background: url(/assets/img/arrow_bg_right.svg) center right/contain no-repeat; right: -30px; }

.swiperWrap .yellow-button-next::after { top: 50%; right: 50%; -webkit-transform: translate(50%, -50%) rotate(-90deg); transform: translate(50%, -50%) rotate(-90deg); }

.swiperWrap .swiper-button-prev, .swiperWrap .swiper-button-next { width: 20px; height: 30px; background-size: 20px 30px; margin-top: 0; }

.swiperWrap .swiper-button-prev { left: -35px; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.swiperWrap .swiper-button-next { right: -35px; margin-top: -16px; }

.modaal-container { background: rgba(255, 255, 255, 0.95) !important; }

.modaal-content-container { padding: 80px !important; position: relative; z-index: 0; }

.modaal-overlay { background: rgba(0, 0, 0, 0.5) !important; opacity: 0.5; }

.modaal-fullscreen .modaal-close { position: absolute !important; top: 80px !important; right: 16% !important; width: 52px !important; height: 52px !important; background: none !important; }

.modaal-fullscreen .modaal-close::before, .modaal-fullscreen .modaal-close::after { height: 70px !important; width: 2px !important; left: 50% !important; top: 50% !important; background: #0092cc !important; }

.modaal-close { position: absolute !important; top: 80px !important; right: 25px !important; background: #fff !important; width: 40px !important; height: 40px !important; }

.modaal-close::before, .modaal-close::after { height: 20px !important; width: 2px !important; left: 50% !important; top: 50% !important; background: #0092cc !important; }

.modaal-close::before { -webkit-transform: translate(-50%, -50%) rotate(-45deg) !important; transform: translate(-50%, -50%) rotate(-45deg) !important; }

.modaal-close::after { -webkit-transform: translate(-50%, -50%) rotate(45deg) !important; transform: translate(-50%, -50%) rotate(45deg) !important; }

.modaal-video-wrap { margin: auto !important; }

/** Swiper 4.5.1 Most modern mobile touch slider and framework with hardware accelerated transitions http://www.idangero.us/swiper/ Copyright 2014-2019 Vladimir Kharlampidi Released under the MIT License Released on: September 13, 2019 */
.swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; /* Fix of Webkit flickering */ z-index: 1; }

.swiper-container-no-flexbox .swiper-slide { float: left; }

.swiper-container-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box; }

.swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); }

.swiper-container-multirow > .swiper-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; }

.swiper-container-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; }

.swiper-slide { -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; }

.swiper-slide-invisible-blank { visibility: hidden; }

/* Auto Height */
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; }

.swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-transition-property: height, -webkit-transform; transition-property: height, -webkit-transform; transition-property: transform, height; transition-property: transform, height, -webkit-transform; }

/* 3D Effects */
.swiper-container-3d { -webkit-perspective: 1200px; perspective: 1200px; }

.swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }

.swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; }

.swiper-container-3d .swiper-slide-shadow-left { background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-3d .swiper-slide-shadow-right { background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-3d .swiper-slide-shadow-top { background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-3d .swiper-slide-shadow-bottom { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

/* IE10 Windows Phone 8 Fixes */
.swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper { -ms-touch-action: pan-y; touch-action: pan-y; }

.swiper-container-wp8-vertical, .swiper-container-wp8-vertical > .swiper-wrapper { -ms-touch-action: pan-x; touch-action: pan-x; }

.swiper-button-prev, .swiper-button-next { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; background-size: 27px 44px; background-position: center; background-repeat: no-repeat; }

.swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; }

.swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); left: 10px; right: auto; }

.swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); right: 10px; left: auto; }

.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-lock { display: none; }

.swiper-pagination { position: absolute; text-align: center; -webkit-transition: 300ms opacity; transition: 300ms opacity; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10; }

.swiper-pagination.swiper-pagination-hidden { opacity: 0; }

/* Common Styles */
.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 10px; left: 0; width: 100%; }

/* Bullets */
.swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transform: scale(0.33); transform: scale(0.33); position: relative; }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { -webkit-transform: scale(1); transform: scale(1); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { -webkit-transform: scale(1); transform: scale(1); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { -webkit-transform: scale(0.66); transform: scale(0.66); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { -webkit-transform: scale(0.33); transform: scale(0.33); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { -webkit-transform: scale(0.66); transform: scale(0.66); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { -webkit-transform: scale(0.33); transform: scale(0.33); }

.swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: 0.2; }

button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

.swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; }

.swiper-pagination-bullet-active { opacity: 1; background: #007aff; }

.swiper-container-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; -webkit-transform: translate3d(0px, -50%, 0); transform: translate3d(0px, -50%, 0); }

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 6px 0; display: block; }

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 8px; }

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; -webkit-transition: 200ms top, 200ms -webkit-transform; transition: 200ms top, 200ms -webkit-transform; transition: 200ms transform, 200ms top; transition: 200ms transform, 200ms top, 200ms -webkit-transform; }

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px; }

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); white-space: nowrap; }

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: 200ms left, 200ms -webkit-transform; transition: 200ms left, 200ms -webkit-transform; transition: 200ms transform, 200ms left; transition: 200ms transform, 200ms left, 200ms -webkit-transform; }

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: 200ms right, 200ms -webkit-transform; transition: 200ms right, 200ms -webkit-transform; transition: 200ms transform, 200ms right; transition: 200ms transform, 200ms right, 200ms -webkit-transform; }

/* Progress */
.swiper-pagination-progressbar { background: rgba(0, 0, 0, 0.25); position: absolute; }

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #007aff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; transform-origin: left top; }

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { -webkit-transform-origin: right top; transform-origin: right top; }

.swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0; top: 0; }

.swiper-container-vertical > .swiper-pagination-progressbar, .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 4px; height: 100%; left: 0; top: 0; }

.swiper-pagination-white .swiper-pagination-bullet-active { background: #ffffff; }

.swiper-pagination-progressbar.swiper-pagination-white { background: rgba(255, 255, 255, 0.25); }

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill { background: #ffffff; }

.swiper-pagination-black .swiper-pagination-bullet-active { background: #000000; }

.swiper-pagination-progressbar.swiper-pagination-black { background: rgba(0, 0, 0, 0.25); }

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill { background: #000000; }

.swiper-pagination-lock { display: none; }

/* Scrollbar */
.swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, 0.1); }

.swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; }

.swiper-container-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; }

.swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, 0.5); border-radius: 10px; left: 0; top: 0; }

.swiper-scrollbar-cursor-drag { cursor: move; }

.swiper-scrollbar-lock { display: none; }

.swiper-zoom-container { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; }

.swiper-zoom-container > img, .swiper-zoom-container > svg, .swiper-zoom-container > canvas { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain; }

.swiper-slide-zoomed { cursor: move; }

/* Preloader */
.swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite; animation: swiper-preloader-spin 1s steps(12, end) infinite; }

.swiper-lazy-preloader:after { display: block; content: ''; width: 100%; height: 100%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-position: 50%; background-size: 100%; background-repeat: no-repeat; }

.swiper-lazy-preloader-white:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }

@-webkit-keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

/* a11y */
.swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; }

.swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }

.swiper-container-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; transition-property: opacity; }

.swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; }

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; }

.swiper-container-cube { overflow: visible; }

.swiper-container-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; -webkit-transform-origin: 0 0; transform-origin: 0 0; width: 100%; height: 100%; }

.swiper-container-cube .swiper-slide .swiper-slide { pointer-events: none; }

.swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin: 100% 0; transform-origin: 100% 0; }

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; }

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-prev, .swiper-container-cube .swiper-slide-next + .swiper-slide { pointer-events: auto; visibility: visible; }

.swiper-container-cube .swiper-slide-shadow-top, .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; background: #000; opacity: 0.6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0; }

.swiper-container-flip { overflow: visible; }

.swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; }

.swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none; }

.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; }

.swiper-container-flip .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.swiper-container-coverflow .swiper-wrapper { /* Windows 8 IE 10 fix */ -ms-perspective: 1200px; }

@media screen and (min-width: 768px) { /*! PC */ a[href^='tel:'] { pointer-events: none; color: inherit; text-decoration: none; } main .l-inner.w-800 { width: 800px; } .l-access__info { -ms-flex-preferred-size: 388px; flex-basis: 388px; -ms-flex-negative: 0; flex-shrink: 0; margin-right: 25px; margin-top: -10px; } .l-access__map { width: 100%; } .l-footer__contents { padding: 60px 0; display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 966px; margin: 0 auto; } .l-footer__contents-nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .l-footer__contents-nav li dl:first-child { height: 196px; } .l-footer__contents-info { width: 240px; -ms-flex-negative: 0; flex-shrink: 0; margin-left: 70px; } .l-groupNotice .swiperWrap { width: 908px; } .l-header { padding-bottom: 24px; } .l-header .headWrap { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .l-header .navWrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin-left: auto; } .l-header__nav .navList__item + .navList__item { border-left: 1px solid #4c4c4c; } .l-header__nav .navList__item a:hover { text-decoration: none; color: #0092cc; } .l-highlight__comment { width: 480px; margin: 38px auto 0; } .l-highlight__comment .js-highlightComment { max-width: 480px !important; } .l-highlight__comment .js-highlightComment .swiper-slide { text-align: center; } .l-highlight__comment .js-highlightComment .swiper-slide p { max-width: 360px; } .l-mapshop .textImage__image.m-movie { width: 526px; } .l-menu__item a, .l-menu__item span { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .l-menu__item:last-child { border-radius: 0 0 5px 5px; } .l-menu__item.-showTime { height: 85px; } .l-menu__item.-showTime .icon { margin-bottom: 10px; } .l-menu__item.-line { height: 90px; } .l-plan { padding-top: 130px !important; } .l-point .m-accordion.accordion-toggle .textBlock { width: 426px; } .l-point .m-accordion.accordion-toggle .imageBlock { width: 565px; } .l-point .m-accordion-contents .topImages { height: 290px; } .l-point .m-accordion-contents .textImage__text { margin-right: 20px; -ms-flex-negative: 0; flex-shrink: 0; }
  .l-point .m-accordion-contents .textImage__text.w-330 { width: 330px; }
  .l-point .m-accordion-contents .textImage__text.w-360 { width: 360px; }
  .l-point .m-accordion-contents .textImage__text.w-490 { width: 490px; } .l-recommend .swiper-wrapper.center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .l-schedule .swiperWrap .scheduleSwiper-button { -webkit-transform: translateY(-50%); transform: translateY(-50%); } .l-show__inner { width: 896px; margin: 0 auto; } .l-sns .swiper-slide a { display: block; width: 240px; height: 240px; position: relative; overflow: hidden; }
  .l-sns .swiper-slide a img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .l-snsList .c-snsList + .c-snsList { margin-left: 64px; } .btnWrap { margin-top: 50px; } .pc-hide { display: none !important; } .m-iconCard.-cashless img { margin-top: -7px; } .m-topicsList__spText { display: none; } .m-topicsList.-relatedArticle { border: none; display: block; padding: 0; } .m-topicsList.-relatedArticle .m-topicsList__text { margin-top: 24px; } .c-breadcrumb { width: 1000px; } .c-notice { font-size: 14px; font-size: 1.4rem; line-height: 26px; line-height: 2.6rem; max-width: 800px; margin: 42px auto 60px; } .c-snsList { min-width: 314px; } .c-trafficStep__item { margin-right: 14px; } .c-trafficStep__item:not(:last-of-type)::after { top: 4px; right: -12px; } .p-course .l-section { letter-spacing: 0.05em; } .p-course__entrance .textImage { padding-bottom: 86px; } .p-course__entrance .textImage__image.m-photoSpot::before { display: none; } .p-course__entrance .textImage__text { height: 162px; background: #fff; border-radius: 0 100px 100px 0; padding: 30px; padding-right: 76px; margin-top: -25px; } .p-course__deepSea .head__item { width: 111px; height: 111px; font-size: 34px; font-size: 3.4rem; line-height: 111px; line-height: 11.1rem; margin-right: 35px; } .p-course__deepSea .courseSpot.-horizontal { display: -webkit-box; display: -ms-flexbox; display: flex; } .p-course__deepSea .courseSpot .m-courseSpot { margin-left: 18px; } .p-course__deepSea .courseSpot#izuriba { position: absolute; right: -20px; }
  .p-course__deepSea .courseSpot#izuriba .m-image { width: 432px; } .p-course__deepSea .courseSpot#jellyfish { position: absolute; left: 20px; top: 660px; } .p-course__deepSea .courseSpot#choisoko { position: absolute; right: 34px; bottom: 454px; }
  .p-course__deepSea .courseSpot#choisoko .m-image { width: 387px; } .p-course__deepSea .courseSpot#donzoko { position: absolute; left: 40px; bottom: 32px; }
  .p-course__deepSea .courseSpot#donzoko .m-image { width: 445px; } .p-course__forest .texture3 { left: 50%; -webkit-transform: translateX(316px); transform: translateX(316px); } .p-course__forest .relaxTime { width: 918px; height: 492px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transform: translateX(38px); transform: translateX(38px); } .p-course__forest .relaxTime__images { width: 518px; position: absolute; right: 0; } .p-course__forest .photoSpot { margin-top: 124px; margin-left: 52px; } .p-course__forest .photoSpot__image { width: 520px; margin-right: 60px; } .p-course__showStadium .swiperWrap { width: 689px; height: 421px; }
  .p-course__showStadium .swiperWrap .yellow-button-next, .p-course__showStadium .swiperWrap .yellow-button-prev { width: 49px; height: 98px; }
  .p-course__showStadium .swiperWrap .yellow-button-next::after, .p-course__showStadium .swiperWrap .yellow-button-prev::after { width: 28px; height: 20px; }
  .p-course__showStadium .swiperWrap .yellow-button-next { right: -49px; }
  .p-course__showStadium .swiperWrap .yellow-button-next::after { margin-right: 2.5px; }
  .p-course__showStadium .swiperWrap .yellow-button-prev { left: -49px; }
  .p-course__showStadium .swiperWrap .yellow-button-prev::after { margin-left: 2.5px; } .p-course__showStadium .textImage__text { padding-top: 44px; } .p-course__breedingFarm { width: 990px; height: 408px; margin: 0 auto 126px; } .p-course__showStage .textImage.-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }
  .p-course__showStage .textImage.-reverse .textImage__image { margin-right: 0; margin-left: 50px; } .p-course__showStage .textImage#walrus { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin-left: -30px; } .p-course__showStage .textImage#walrus .textImage__image { width: 424px; } .p-course__showStage .textImage__image { width: 518px; margin-right: 50px; } .p-course__corner .text { width: 583px; } .p-course__corner .imageList#kids .imageList__title { width: 188px; -ms-flex-negative: 0; flex-shrink: 0; margin-left: 30px; } .p-course__corner .imageList li:not(:first-of-type) { margin-left: 7px; } .p-course__leaving .textImage { -webkit-transform: translateX(33px); transform: translateX(33px); } .p-course__leaving .uchicchi { bottom: -45px; -webkit-transform: translateX(83px); transform: translateX(83px); } .p-detail .headline--lv2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } .p-mobileShoot__mobileAquarium-info .contact__item { width: 50%; padding: 9px 13px; }
  .p-mobileShoot__mobileAquarium-info .contact__item .logo { width: 280px; } .p-mobileShoot__shoot .l-highlight { text-align: center; } .p-mobileShoot__shoot .noteWrap { text-align: right; } .p-press__read { width: 800px; } .p-price .c-price { margin-top: 15px; } .p-price .priceBlock { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -15px -25px -30px; } .p-price .priceBlock__item { margin: 0 25px 30px; } .swiper.-carousel { padding-bottom: 28px !important; } .swiperWrap { width: 1000px; -webkit-box-sizing: content-box; box-sizing: content-box; margin: 0 auto; } .js-highlight { padding: 50px 0; }
  .js-highlight .swiper-slide-active { -webkit-transform: scale(1.5); transform: scale(1.5); z-index: 1; } }

@media screen and (max-width: 767px) { /*! SP */ body { min-width: 0; } input, textarea, select, button { font-size: 16px; font-size: 1.6rem; line-height: 24px; line-height: 2.4rem; } input[type='file'] { width: 100%; } input[type='text']::-webkit-input-placeholder, input[type='tel']::-webkit-input-placeholder, input[type='number']::-webkit-input-placeholder, input[type='email']::-webkit-input-placeholder, input[type='password']::-webkit-input-placeholder, input[type='url']::-webkit-input-placeholder { line-height: 1.5; } select { width: 100%; } .l-grid-wrap [class*='l-grid'] { margin-left: -7.5px; margin-right: -7.5px; margin-bottom: -15px; }
  .l-grid-wrap [class*='l-grid'] [class*='l-col'] { padding-left: 7.5px; padding-right: 7.5px; margin-bottom: 15px; }
  .l-grid-wrap [class*='l-grid'] [class*='l-col'][class*='--sp-top'] { -ms-flex-item-align: start; align-self: flex-start; }
  .l-grid-wrap [class*='l-grid'] [class*='l-col'][class*='--sp-middle'] { -ms-flex-item-align: center; align-self: center; }
  .l-grid-wrap [class*='l-grid'] [class*='l-col'][class*='--sp-bottom'] { -ms-flex-item-align: end; align-self: flex-end; }
  .l-grid-wrap [class*='l-grid'] [class*='l-col'][class*='--sp-left'] { margin-right: auto; }
  .l-grid-wrap [class*='l-grid'] [class*='l-col'][class*='--sp-center'] { margin-left: auto; margin-right: auto; }
  .l-grid-wrap [class*='l-grid'] [class*='l-col'][class*='--sp-right'] { margin-left: auto; }
  .l-grid-wrap [class*='l-grid'] .sp-col-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; }
  .l-grid-wrap [class*='l-grid'] .sp-col-1-1 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; max-width: 100%; }
  .l-grid-wrap [class*='l-grid'] .sp-col-1-2 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; width: 50%; max-width: 50%; }
  .l-grid-wrap [class*='l-grid'] .sp-col-2-2 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; max-width: 100%; }
  .l-grid-wrap [class*='l-grid'] .sp-col-1-3 { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; width: 33.33333%; max-width: 33.33333%; }
  .l-grid-wrap [class*='l-grid'] .sp-col-2-3 { -webkit-box-flex: 0; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; width: 66.66667%; max-width: 66.66667%; }
  .l-grid-wrap [class*='l-grid'] .sp-col-3-3 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; max-width: 100%; }
  .l-grid-wrap [class*='l-grid'] .sp-col-1-4 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; width: 25%; max-width: 25%; }
  .l-grid-wrap [class*='l-grid'] .sp-col-2-4 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; width: 50%; max-width: 50%; }
  .l-grid-wrap [class*='l-grid'] .sp-col-3-4 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; width: 75%; max-width: 75%; }
  .l-grid-wrap [class*='l-grid'] .sp-col-4-4 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; max-width: 100%; }
  .l-grid-wrap [class*='l-grid'] .sp-col-1-5 { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; width: 20%; max-width: 20%; }
  .l-grid-wrap [class*='l-grid'] .sp-col-2-5 { -webkit-box-flex: 0; -ms-flex: 0 0 40%; flex: 0 0 40%; width: 40%; max-width: 40%; }
  .l-grid-wrap [class*='l-grid'] .sp-col-3-5 { -webkit-box-flex: 0; -ms-flex: 0 0 60%; flex: 0 0 60%; width: 60%; max-width: 60%; }
  .l-grid-wrap [class*='l-grid'] .sp-col-4-5 { -webkit-box-flex: 0; -ms-flex: 0 0 80%; flex: 0 0 80%; width: 80%; max-width: 80%; }
  .l-grid-wrap [class*='l-grid'] .sp-col-5-5 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; max-width: 100%; }
  .l-grid-wrap [class*='l-grid'] .sp-col-1-6 { -webkit-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; width: 16.66667%; max-width: 16.66667%; }
  .l-grid-wrap [class*='l-grid'] .sp-col-2-6 { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; width: 33.33333%; max-width: 33.33333%; }
  .l-grid-wrap [class*='l-grid'] .sp-col-3-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; width: 50%; max-width: 50%; }
  .l-grid-wrap [class*='l-grid'] .sp-col-4-6 { -webkit-box-flex: 0; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; width: 66.66667%; max-width: 66.66667%; }
  .l-grid-wrap [class*='l-grid'] .sp-col-5-6 { -webkit-box-flex: 0; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; width: 83.33333%; max-width: 83.33333%; }
  .l-grid-wrap [class*='l-grid'] .sp-col-6-6 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; max-width: 100%; }
  .l-grid-wrap [class*='l-grid'] .sp-col-1-7 { -webkit-box-flex: 0; -ms-flex: 0 0 14.28571%; flex: 0 0 14.28571%; width: 14.28571%; max-width: 14.28571%; }
  .l-grid-wrap [class*='l-grid'] .sp-col-2-7 { -webkit-box-flex: 0; -ms-flex: 0 0 28.57143%; flex: 0 0 28.57143%; width: 28.57143%; max-width: 28.57143%; }
  .l-grid-wrap [class*='l-grid'] .sp-col-3-7 { -webkit-box-flex: 0; -ms-flex: 0 0 42.85714%; flex: 0 0 42.85714%; width: 42.85714%; max-width: 42.85714%; }
  .l-grid-wrap [class*='l-grid'] .sp-col-4-7 { -webkit-box-flex: 0; -ms-flex: 0 0 57.14286%; flex: 0 0 57.14286%; width: 57.14286%; max-width: 57.14286%; }
  .l-grid-wrap [class*='l-grid'] .sp-col-5-7 { -webkit-box-flex: 0; -ms-flex: 0 0 71.42857%; flex: 0 0 71.42857%; width: 71.42857%; max-width: 71.42857%; }
  .l-grid-wrap [class*='l-grid'] .sp-col-6-7 { -webkit-box-flex: 0; -ms-flex: 0 0 85.71429%; flex: 0 0 85.71429%; width: 85.71429%; max-width: 85.71429%; }
  .l-grid-wrap [class*='l-grid'] .sp-col-7-7 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; max-width: 100%; }
  .l-grid-wrap [class*='l-grid'] .sp-col-1-8 { -webkit-box-flex: 0; -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; width: 12.5%; max-width: 12.5%; }
  .l-grid-wrap [class*='l-grid'] .sp-col-2-8 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; width: 25%; max-width: 25%; }
  .l-grid-wrap [class*='l-grid'] .sp-col-3-8 { -webkit-box-flex: 0; -ms-flex: 0 0 37.5%; flex: 0 0 37.5%; width: 37.5%; max-width: 37.5%; }
  .l-grid-wrap [class*='l-grid'] .sp-col-4-8 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; width: 50%; max-width: 50%; }
  .l-grid-wrap [class*='l-grid'] .sp-col-5-8 { -webkit-box-flex: 0; -ms-flex: 0 0 62.5%; flex: 0 0 62.5%; width: 62.5%; max-width: 62.5%; }
  .l-grid-wrap [class*='l-grid'] .sp-col-6-8 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; width: 75%; max-width: 75%; }
  .l-grid-wrap [class*='l-grid'] .sp-col-7-8 { -webkit-box-flex: 0; -ms-flex: 0 0 87.5%; flex: 0 0 87.5%; width: 87.5%; max-width: 87.5%; }
  .l-grid-wrap [class*='l-grid'] .sp-col-8-8 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; max-width: 100%; }
  .l-grid-wrap [class*='l-grid'] .sp-col-1-9 { -webkit-box-flex: 0; -ms-flex: 0 0 11.11111%; flex: 0 0 11.11111%; width: 11.11111%; max-width: 11.11111%; }
  .l-grid-wrap [class*='l-grid'] .sp-col-2-9 { -webkit-box-flex: 0; -ms-flex: 0 0 22.22222%; flex: 0 0 22.22222%; width: 22.22222%; max-width: 22.22222%; }
  .l-grid-wrap [class*='l-grid'] .sp-col-3-9 { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; width: 33.33333%; max-width: 33.33333%; }
  .l-grid-wrap [class*='l-grid'] .sp-col-4-9 { -webkit-box-flex: 0; -ms-flex: 0 0 44.44444%; flex: 0 0 44.44444%; width: 44.44444%; max-width: 44.44444%; }
  .l-grid-wrap [class*='l-grid'] .sp-col-5-9 { -webkit-box-flex: 0; -ms-flex: 0 0 55.55556%; flex: 0 0 55.55556%; width: 55.55556%; max-width: 55.55556%; }
  .l-grid-wrap [class*='l-grid'] .sp-col-6-9 { -webkit-box-flex: 0; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; width: 66.66667%; max-width: 66.66667%; }
  .l-grid-wrap [class*='l-grid'] .sp-col-7-9 { -webkit-box-flex: 0; -ms-flex: 0 0 77.77778%; flex: 0 0 77.77778%; width: 77.77778%; max-width: 77.77778%; }
  .l-grid-wrap [class*='l-grid'] .sp-col-8-9 { -webkit-box-flex: 0; -ms-flex: 0 0 88.88889%; flex: 0 0 88.88889%; width: 88.88889%; max-width: 88.88889%; }
  .l-grid-wrap [class*='l-grid'] .sp-col-9-9 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; max-width: 100%; }
  .l-grid-wrap [class*='l-grid'] .sp-col-1-10 { -webkit-box-flex: 0; -ms-flex: 0 0 10%; flex: 0 0 10%; width: 10%; max-width: 10%; }
  .l-grid-wrap [class*='l-grid'] .sp-col-2-10 { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; width: 20%; max-width: 20%; }
  .l-grid-wrap [class*='l-grid'] .sp-col-3-10 { -webkit-box-flex: 0; -ms-flex: 0 0 30%; flex: 0 0 30%; width: 30%; max-width: 30%; }
  .l-grid-wrap [class*='l-grid'] .sp-col-4-10 { -webkit-box-flex: 0; -ms-flex: 0 0 40%; flex: 0 0 40%; width: 40%; max-width: 40%; }
  .l-grid-wrap [class*='l-grid'] .sp-col-5-10 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; width: 50%; max-width: 50%; }
  .l-grid-wrap [class*='l-grid'] .sp-col-6-10 { -webkit-box-flex: 0; -ms-flex: 0 0 60%; flex: 0 0 60%; width: 60%; max-width: 60%; }
  .l-grid-wrap [class*='l-grid'] .sp-col-7-10 { -webkit-box-flex: 0; -ms-flex: 0 0 70%; flex: 0 0 70%; width: 70%; max-width: 70%; }
  .l-grid-wrap [class*='l-grid'] .sp-col-8-10 { -webkit-box-flex: 0; -ms-flex: 0 0 80%; flex: 0 0 80%; width: 80%; max-width: 80%; }
  .l-grid-wrap [class*='l-grid'] .sp-col-9-10 { -webkit-box-flex: 0; -ms-flex: 0 0 90%; flex: 0 0 90%; width: 90%; max-width: 90%; }
  .l-grid-wrap [class*='l-grid'] .sp-col-10-10 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; max-width: 100%; }
  .l-grid-wrap [class*='l-grid'] .sp-col-1-11 { -webkit-box-flex: 0; -ms-flex: 0 0 9.09091%; flex: 0 0 9.09091%; width: 9.09091%; max-width: 9.09091%; }
  .l-grid-wrap [class*='l-grid'] .sp-col-2-11 { -webkit-box-flex: 0; -ms-flex: 0 0 18.18182%; flex: 0 0 18.18182%; width: 18.18182%; max-width: 18.18182%; }
  .l-grid-wrap [class*='l-grid'] .sp-col-3-11 { -webkit-box-flex: 0; -ms-flex: 0 0 27.27273%; flex: 0 0 27.27273%; width: 27.27273%; max-width: 27.27273%; }
  .l-grid-wrap [class*='l-grid'] .sp-col-4-11 { -webkit-box-flex: 0; -ms-flex: 0 0 36.36364%; flex: 0 0 36.36364%; width: 36.36364%; max-width: 36.36364%; }
  .l-grid-wrap [class*='l-grid'] .sp-col-5-11 { -webkit-box-flex: 0; -ms-flex: 0 0 45.45455%; flex: 0 0 45.45455%; width: 45.45455%; max-width: 45.45455%; }
  .l-grid-wrap [class*='l-grid'] .sp-col-6-11 { -webkit-box-flex: 0; -ms-flex: 0 0 54.54545%; flex: 0 0 54.54545%; width: 54.54545%; max-width: 54.54545%; }
  .l-grid-wrap [class*='l-grid'] .sp-col-7-11 { -webkit-box-flex: 0; -ms-flex: 0 0 63.63636%; flex: 0 0 63.63636%; width: 63.63636%; max-width: 63.63636%; }
  .l-grid-wrap [class*='l-grid'] .sp-col-8-11 { -webkit-box-flex: 0; -ms-flex: 0 0 72.72727%; flex: 0 0 72.72727%; width: 72.72727%; max-width: 72.72727%; }
  .l-grid-wrap [class*='l-grid'] .sp-col-9-11 { -webkit-box-flex: 0; -ms-flex: 0 0 81.81818%; flex: 0 0 81.81818%; width: 81.81818%; max-width: 81.81818%; }
  .l-grid-wrap [class*='l-grid'] .sp-col-10-11 { -webkit-box-flex: 0; -ms-flex: 0 0 90.90909%; flex: 0 0 90.90909%; width: 90.90909%; max-width: 90.90909%; }
  .l-grid-wrap [class*='l-grid'] .sp-col-11-11 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; max-width: 100%; }
  .l-grid-wrap [class*='l-grid'] .sp-col-1-12 { -webkit-box-flex: 0; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; width: 8.33333%; max-width: 8.33333%; }
  .l-grid-wrap [class*='l-grid'] .sp-col-2-12 { -webkit-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; width: 16.66667%; max-width: 16.66667%; }
  .l-grid-wrap [class*='l-grid'] .sp-col-3-12 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; width: 25%; max-width: 25%; }
  .l-grid-wrap [class*='l-grid'] .sp-col-4-12 { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; width: 33.33333%; max-width: 33.33333%; }
  .l-grid-wrap [class*='l-grid'] .sp-col-5-12 { -webkit-box-flex: 0; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; width: 41.66667%; max-width: 41.66667%; }
  .l-grid-wrap [class*='l-grid'] .sp-col-6-12 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; width: 50%; max-width: 50%; }
  .l-grid-wrap [class*='l-grid'] .sp-col-7-12 { -webkit-box-flex: 0; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; width: 58.33333%; max-width: 58.33333%; }
  .l-grid-wrap [class*='l-grid'] .sp-col-8-12 { -webkit-box-flex: 0; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; width: 66.66667%; max-width: 66.66667%; }
  .l-grid-wrap [class*='l-grid'] .sp-col-9-12 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; width: 75%; max-width: 75%; }
  .l-grid-wrap [class*='l-grid'] .sp-col-10-12 { -webkit-box-flex: 0; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; width: 83.33333%; max-width: 83.33333%; }
  .l-grid-wrap [class*='l-grid'] .sp-col-11-12 { -webkit-box-flex: 0; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; width: 91.66667%; max-width: 91.66667%; }
  .l-grid-wrap [class*='l-grid'] .sp-col-12-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; max-width: 100%; }
  .l-grid-wrap [class*='l-grid'] .sp-push-0 { margin-left: 0; }
  .l-grid-wrap [class*='l-grid'] .sp-push-1-2 { margin-left: 50%; }
  .l-grid-wrap [class*='l-grid'] .sp-push-1-3 { margin-left: 33.33333%; }
  .l-grid-wrap [class*='l-grid'] .sp-push-2-3 { margin-left: 66.66667%; }
  .l-grid-wrap [class*='l-grid'] .sp-push-1-4 { margin-left: 25%; }
  .l-grid-wrap [class*='l-grid'] .sp-push-2-4 { margin-left: 50%; }
  .l-grid-wrap [class*='l-grid'] .sp-push-3-4 { margin-left: 75%; }
  .l-grid-wrap [class*='l-grid'] .sp-push-1-5 { margin-left: 20%; }
  .l-grid-wrap [class*='l-grid'] .sp-push-2-5 { margin-left: 40%; }
  .l-grid-wrap [class*='l-grid'] .sp-push-3-5 { margin-left: 60%; }
  .l-grid-wrap [class*='l-grid'] .sp-push-4-5 { margin-left: 80%; }
  .l-grid-wrap [class*='l-grid'] .sp-push-1-6 { margin-left: 16.66667%; }
  .l-grid-wrap [class*='l-grid'] .sp-push-2-6 { margin-left: 33.33333%; }
  .l-grid-wrap [class*='l-grid'] .sp-push-3-6 { margin-left: 50%; }
  .l-grid-wrap [class*='l-grid'] .sp-push-4-6 { margin-left: 66.66667%; }
  .l-grid-wrap [class*='l-grid'] .sp-push-5-6 { margin-left: 83.33333%; }
  .l-grid-wrap [class*='l-grid'] .sp-push-1-7 { margin-left: 14.28571%; }
  .l-grid-wrap [class*='l-grid'] .sp-push-2-7 { margin-left: 28.57143%; }
  .l-grid-wrap [class*='l-grid'] .sp-push-3-7 { margin-left: 42.85714%; }
  .l-grid-wrap [class*='l-grid'] .sp-push-4-7 { margin-left: 57.14286%; }
  .l-grid-wrap [class*='l-grid'] .sp-push-5-7 { margin-left: 71.42857%; }
  .l-grid-wrap [class*='l-grid'] .sp-push-6-7 { margin-left: 85.71429%; }
  .l-grid-wrap [class*='l-grid'] .sp-push-1-8 { margin-left: 12.5%; }
  .l-grid-wrap [class*='l-grid'] .sp-push-2-8 { margin-left: 25%; }
  .l-grid-wrap [class*='l-grid'] .sp-push-3-8 { margin-left: 37.5%; }
  .l-grid-wrap [class*='l-grid'] .sp-push-4-8 { margin-left: 50%; }
  .l-grid-wrap [class*='l-grid'] .sp-push-5-8 { margin-left: 62.5%; }
  .l-grid-wrap [class*='l-grid'] .sp-push-6-8 { margin-left: 75%; }
  .l-grid-wrap [class*='l-grid'] .sp-push-7-8 { margin-left: 87.5%; }
  .l-grid-wrap [class*='l-grid'] .sp-push-1-9 { margin-left: 11.11111%; }
  .l-grid-wrap [class*='l-grid'] .sp-push-2-9 { margin-left: 22.22222%; }
  .l-grid-wrap [class*='l-grid'] .sp-push-3-9 { margin-left: 33.33333%; }
  .l-grid-wrap [class*='l-grid'] .sp-push-4-9 { margin-left: 44.44444%; }
  .l-grid-wrap [class*='l-grid'] .sp-push-5-9 { margin-left: 55.55556%; }
  .l-grid-wrap [class*='l-grid'] .sp-push-6-9 { margin-left: 66.66667%; }
  .l-grid-wrap [class*='l-grid'] .sp-push-7-9 { margin-left: 77.77778%; }
  .l-grid-wrap [class*='l-grid'] .sp-push-8-9 { margin-left: 88.88889%; }
  .l-grid-wrap [class*='l-grid'] .sp-push-1-10 { margin-left: 10%; }
  .l-grid-wrap [class*='l-grid'] .sp-push-2-10 { margin-left: 20%; }
  .l-grid-wrap [class*='l-grid'] .sp-push-3-10 { margin-left: 30%; }
  .l-grid-wrap [class*='l-grid'] .sp-push-4-10 { margin-left: 40%; }
  .l-grid-wrap [class*='l-grid'] .sp-push-5-10 { margin-left: 50%; }
  .l-grid-wrap [class*='l-grid'] .sp-push-6-10 { margin-left: 60%; }
  .l-grid-wrap [class*='l-grid'] .sp-push-7-10 { margin-left: 70%; }
  .l-grid-wrap [class*='l-grid'] .sp-push-8-10 { margin-left: 80%; }
  .l-grid-wrap [class*='l-grid'] .sp-push-9-10 { margin-left: 90%; }
  .l-grid-wrap [class*='l-grid'] .sp-push-1-11 { margin-left: 9.09091%; }
  .l-grid-wrap [class*='l-grid'] .sp-push-2-11 { margin-left: 18.18182%; }
  .l-grid-wrap [class*='l-grid'] .sp-push-3-11 { margin-left: 27.27273%; }
  .l-grid-wrap [class*='l-grid'] .sp-push-4-11 { margin-left: 36.36364%; }
  .l-grid-wrap [class*='l-grid'] .sp-push-5-11 { margin-left: 45.45455%; }
  .l-grid-wrap [class*='l-grid'] .sp-push-6-11 { margin-left: 54.54545%; }
  .l-grid-wrap [class*='l-grid'] .sp-push-7-11 { margin-left: 63.63636%; }
  .l-grid-wrap [class*='l-grid'] .sp-push-8-11 { margin-left: 72.72727%; }
  .l-grid-wrap [class*='l-grid'] .sp-push-9-11 { margin-left: 81.81818%; }
  .l-grid-wrap [class*='l-grid'] .sp-push-10-11 { margin-left: 90.90909%; }
  .l-grid-wrap [class*='l-grid'] .sp-push-1-12 { margin-left: 8.33333%; }
  .l-grid-wrap [class*='l-grid'] .sp-push-2-12 { margin-left: 16.66667%; }
  .l-grid-wrap [class*='l-grid'] .sp-push-3-12 { margin-left: 25%; }
  .l-grid-wrap [class*='l-grid'] .sp-push-4-12 { margin-left: 33.33333%; }
  .l-grid-wrap [class*='l-grid'] .sp-push-5-12 { margin-left: 41.66667%; }
  .l-grid-wrap [class*='l-grid'] .sp-push-6-12 { margin-left: 50%; }
  .l-grid-wrap [class*='l-grid'] .sp-push-7-12 { margin-left: 58.33333%; }
  .l-grid-wrap [class*='l-grid'] .sp-push-8-12 { margin-left: 66.66667%; }
  .l-grid-wrap [class*='l-grid'] .sp-push-9-12 { margin-left: 75%; }
  .l-grid-wrap [class*='l-grid'] .sp-push-10-12 { margin-left: 83.33333%; }
  .l-grid-wrap [class*='l-grid'] .sp-push-11-12 { margin-left: 91.66667%; }
  .l-grid-wrap [class*='l-grid'][class*='--reverse'] .sp-push-1-2 { margin-left: auto; margin-right: 50%; }
  .l-grid-wrap [class*='l-grid'][class*='--reverse'] .sp-push-1-3 { margin-left: auto; margin-right: 33.33333%; }
  .l-grid-wrap [class*='l-grid'][class*='--reverse'] .sp-push-2-3 { margin-left: auto; margin-right: 66.66667%; }
  .l-grid-wrap [class*='l-grid'][class*='--reverse'] .sp-push-1-4 { margin-left: auto; margin-right: 25%; }
  .l-grid-wrap [class*='l-grid'][class*='--reverse'] .sp-push-2-4 { margin-left: auto; margin-right: 50%; }
  .l-grid-wrap [class*='l-grid'][class*='--reverse'] .sp-push-3-4 { margin-left: auto; margin-right: 75%; }
  .l-grid-wrap [class*='l-grid'][class*='--reverse'] .sp-push-1-5 { margin-left: auto; margin-right: 20%; }
  .l-grid-wrap [class*='l-grid'][class*='--reverse'] .sp-push-2-5 { margin-left: auto; margin-right: 40%; }
  .l-grid-wrap [class*='l-grid'][class*='--reverse'] .sp-push-3-5 { margin-left: auto; margin-right: 60%; }
  .l-grid-wrap [class*='l-grid'][class*='--reverse'] .sp-push-4-5 { margin-left: auto; margin-right: 80%; }
  .l-grid-wrap [class*='l-grid'][class*='--reverse'] .sp-push-1-6 { margin-left: auto; margin-right: 16.66667%; }
  .l-grid-wrap [class*='l-grid'][class*='--reverse'] .sp-push-2-6 { margin-left: auto; margin-right: 33.33333%; }
  .l-grid-wrap [class*='l-grid'][class*='--reverse'] .sp-push-3-6 { margin-left: auto; margin-right: 50%; }
  .l-grid-wrap [class*='l-grid'][class*='--reverse'] .sp-push-4-6 { margin-left: auto; margin-right: 66.66667%; }
  .l-grid-wrap [class*='l-grid'][class*='--reverse'] .sp-push-5-6 { margin-left: auto; margin-right: 83.33333%; }
  .l-grid-wrap [class*='l-grid'][class*='--reverse'] .sp-push-1-7 { margin-left: auto; margin-right: 14.28571%; }
  .l-grid-wrap [class*='l-grid'][class*='--reverse'] .sp-push-2-7 { margin-left: auto; margin-right: 28.57143%; }
  .l-grid-wrap [class*='l-grid'][class*='--reverse'] .sp-push-3-7 { margin-left: auto; margin-right: 42.85714%; }
  .l-grid-wrap [class*='l-grid'][class*='--reverse'] .sp-push-4-7 { margin-left: auto; margin-right: 57.14286%; }
  .l-grid-wrap [class*='l-grid'][class*='--reverse'] .sp-push-5-7 { margin-left: auto; margin-right: 71.42857%; }
  .l-grid-wrap [class*='l-grid'][class*='--reverse'] .sp-push-6-7 { margin-left: auto; margin-right: 85.71429%; }
  .l-grid-wrap [class*='l-grid'][class*='--reverse'] .sp-push-1-8 { margin-left: auto; margin-right: 12.5%; }
  .l-grid-wrap [class*='l-grid'][class*='--reverse'] .sp-push-2-8 { margin-left: auto; margin-right: 25%; }
  .l-grid-wrap [class*='l-grid'][class*='--reverse'] .sp-push-3-8 { margin-left: auto; margin-right: 37.5%; }
  .l-grid-wrap [class*='l-grid'][class*='--reverse'] .sp-push-4-8 { margin-left: auto; margin-right: 50%; }
  .l-grid-wrap [class*='l-grid'][class*='--reverse'] .sp-push-5-8 { margin-left: auto; margin-right: 62.5%; }
  .l-grid-wrap [class*='l-grid'][class*='--reverse'] .sp-push-6-8 { margin-left: auto; margin-right: 75%; }
  .l-grid-wrap [class*='l-grid'][class*='--reverse'] .sp-push-7-8 { margin-left: auto; margin-right: 87.5%; }
  .l-grid-wrap [class*='l-grid'][class*='--reverse'] .sp-push-1-9 { margin-left: auto; margin-right: 11.11111%; }
  .l-grid-wrap [class*='l-grid'][class*='--reverse'] .sp-push-2-9 { margin-left: auto; margin-right: 22.22222%; }
  .l-grid-wrap [class*='l-grid'][class*='--reverse'] .sp-push-3-9 { margin-left: auto; margin-right: 33.33333%; }
  .l-grid-wrap [class*='l-grid'][class*='--reverse'] .sp-push-4-9 { margin-left: auto; margin-right: 44.44444%; }
  .l-grid-wrap [class*='l-grid'][class*='--reverse'] .sp-push-5-9 { margin-left: auto; margin-right: 55.55556%; }
  .l-grid-wrap [class*='l-grid'][class*='--reverse'] .sp-push-6-9 { margin-left: auto; margin-right: 66.66667%; }
  .l-grid-wrap [class*='l-grid'][class*='--reverse'] .sp-push-7-9 { margin-left: auto; margin-right: 77.77778%; }
  .l-grid-wrap [class*='l-grid'][class*='--reverse'] .sp-push-8-9 { margin-left: auto; margin-right: 88.88889%; }
  .l-grid-wrap [class*='l-grid'][class*='--reverse'] .sp-push-1-10 { margin-left: auto; margin-right: 10%; }
  .l-grid-wrap [class*='l-grid'][class*='--reverse'] .sp-push-2-10 { margin-left: auto; margin-right: 20%; }
  .l-grid-wrap [class*='l-grid'][class*='--reverse'] .sp-push-3-10 { margin-left: auto; margin-right: 30%; }
  .l-grid-wrap [class*='l-grid'][class*='--reverse'] .sp-push-4-10 { margin-left: auto; margin-right: 40%; }
  .l-grid-wrap [class*='l-grid'][class*='--reverse'] .sp-push-5-10 { margin-left: auto; margin-right: 50%; }
  .l-grid-wrap [class*='l-grid'][class*='--reverse'] .sp-push-6-10 { margin-left: auto; margin-right: 60%; }
  .l-grid-wrap [class*='l-grid'][class*='--reverse'] .sp-push-7-10 { margin-left: auto; margin-right: 70%; }
  .l-grid-wrap [class*='l-grid'][class*='--reverse'] .sp-push-8-10 { margin-left: auto; margin-right: 80%; }
  .l-grid-wrap [class*='l-grid'][class*='--reverse'] .sp-push-9-10 { margin-left: auto; margin-right: 90%; }
  .l-grid-wrap [class*='l-grid'][class*='--reverse'] .sp-push-1-11 { margin-left: auto; margin-right: 9.09091%; }
  .l-grid-wrap [class*='l-grid'][class*='--reverse'] .sp-push-2-11 { margin-left: auto; margin-right: 18.18182%; }
  .l-grid-wrap [class*='l-grid'][class*='--reverse'] .sp-push-3-11 { margin-left: auto; margin-right: 27.27273%; }
  .l-grid-wrap [class*='l-grid'][class*='--reverse'] .sp-push-4-11 { margin-left: auto; margin-right: 36.36364%; }
  .l-grid-wrap [class*='l-grid'][class*='--reverse'] .sp-push-5-11 { margin-left: auto; margin-right: 45.45455%; }
  .l-grid-wrap [class*='l-grid'][class*='--reverse'] .sp-push-6-11 { margin-left: auto; margin-right: 54.54545%; }
  .l-grid-wrap [class*='l-grid'][class*='--reverse'] .sp-push-7-11 { margin-left: auto; margin-right: 63.63636%; }
  .l-grid-wrap [class*='l-grid'][class*='--reverse'] .sp-push-8-11 { margin-left: auto; margin-right: 72.72727%; }
  .l-grid-wrap [class*='l-grid'][class*='--reverse'] .sp-push-9-11 { margin-left: auto; margin-right: 81.81818%; }
  .l-grid-wrap [class*='l-grid'][class*='--reverse'] .sp-push-10-11 { margin-left: auto; margin-right: 90.90909%; }
  .l-grid-wrap [class*='l-grid'][class*='--reverse'] .sp-push-1-12 { margin-left: auto; margin-right: 8.33333%; }
  .l-grid-wrap [class*='l-grid'][class*='--reverse'] .sp-push-2-12 { margin-left: auto; margin-right: 16.66667%; }
  .l-grid-wrap [class*='l-grid'][class*='--reverse'] .sp-push-3-12 { margin-left: auto; margin-right: 25%; }
  .l-grid-wrap [class*='l-grid'][class*='--reverse'] .sp-push-4-12 { margin-left: auto; margin-right: 33.33333%; }
  .l-grid-wrap [class*='l-grid'][class*='--reverse'] .sp-push-5-12 { margin-left: auto; margin-right: 41.66667%; }
  .l-grid-wrap [class*='l-grid'][class*='--reverse'] .sp-push-6-12 { margin-left: auto; margin-right: 50%; }
  .l-grid-wrap [class*='l-grid'][class*='--reverse'] .sp-push-7-12 { margin-left: auto; margin-right: 58.33333%; }
  .l-grid-wrap [class*='l-grid'][class*='--reverse'] .sp-push-8-12 { margin-left: auto; margin-right: 66.66667%; }
  .l-grid-wrap [class*='l-grid'][class*='--reverse'] .sp-push-9-12 { margin-left: auto; margin-right: 75%; }
  .l-grid-wrap [class*='l-grid'][class*='--reverse'] .sp-push-10-12 { margin-left: auto; margin-right: 83.33333%; }
  .l-grid-wrap [class*='l-grid'][class*='--reverse'] .sp-push-11-12 { margin-left: auto; margin-right: 91.66667%; }
  .l-grid-wrap [class*='l-grid'].sp-gutter-0 { margin-left: 0px; margin-right: 0px; }
  .l-grid-wrap [class*='l-grid'].sp-gutter-0 [class*='l-col'] { padding-left: 0px; padding-right: 0px; }
  .l-grid-wrap [class*='l-grid'].sp-gutter-10 { margin-left: -5px; margin-right: -5px; }
  .l-grid-wrap [class*='l-grid'].sp-gutter-10 [class*='l-col'] { padding-left: 5px; padding-right: 5px; }
  .l-grid-wrap [class*='l-grid'].sp-gutter-20 { margin-left: -10px; margin-right: -10px; }
  .l-grid-wrap [class*='l-grid'].sp-gutter-20 [class*='l-col'] { padding-left: 10px; padding-right: 10px; }
  .l-grid-wrap [class*='l-grid'].sp-gutter-30 { margin-left: -15px; margin-right: -15px; }
  .l-grid-wrap [class*='l-grid'].sp-gutter-30 [class*='l-col'] { padding-left: 15px; padding-right: 15px; }
  .l-grid-wrap [class*='l-grid'].sp-gutter-40 { margin-left: -20px; margin-right: -20px; }
  .l-grid-wrap [class*='l-grid'].sp-gutter-40 [class*='l-col'] { padding-left: 20px; padding-right: 20px; }
  .l-grid-wrap [class*='l-grid'].sp-gutter-50 { margin-left: -25px; margin-right: -25px; }
  .l-grid-wrap [class*='l-grid'].sp-gutter-50 [class*='l-col'] { padding-left: 25px; padding-right: 25px; }
  .l-grid-wrap [class*='l-grid'].sp-gutter-60 { margin-left: -30px; margin-right: -30px; }
  .l-grid-wrap [class*='l-grid'].sp-gutter-60 [class*='l-col'] { padding-left: 30px; padding-right: 30px; }
  .l-grid-wrap [class*='l-grid'].sp-gutterB-0 { margin-bottom: -0px; }
  .l-grid-wrap [class*='l-grid'].sp-gutterB-0 [class*='l-col'] { margin-bottom: 0px; }
  .l-grid-wrap [class*='l-grid'].sp-gutterB-10 { margin-bottom: -10px; }
  .l-grid-wrap [class*='l-grid'].sp-gutterB-10 [class*='l-col'] { margin-bottom: 10px; }
  .l-grid-wrap [class*='l-grid'].sp-gutterB-20 { margin-bottom: -20px; }
  .l-grid-wrap [class*='l-grid'].sp-gutterB-20 [class*='l-col'] { margin-bottom: 20px; }
  .l-grid-wrap [class*='l-grid'].sp-gutterB-30 { margin-bottom: -30px; }
  .l-grid-wrap [class*='l-grid'].sp-gutterB-30 [class*='l-col'] { margin-bottom: 30px; }
  .l-grid-wrap [class*='l-grid'].sp-gutterB-40 { margin-bottom: -40px; }
  .l-grid-wrap [class*='l-grid'].sp-gutterB-40 [class*='l-col'] { margin-bottom: 40px; }
  .l-grid-wrap [class*='l-grid'].sp-gutterB-50 { margin-bottom: -50px; }
  .l-grid-wrap [class*='l-grid'].sp-gutterB-50 [class*='l-col'] { margin-bottom: 50px; }
  .l-grid-wrap [class*='l-grid'].sp-gutterB-60 { margin-bottom: -60px; }
  .l-grid-wrap [class*='l-grid'].sp-gutterB-60 [class*='l-col'] { margin-bottom: 60px; }
  .l-grid-wrap [class*='l-grid'][class*='--sp-top'] { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
  .l-grid-wrap [class*='l-grid'][class*='--sp-middle'] { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  .l-grid-wrap [class*='l-grid'][class*='--sp-bottom'] { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }
  .l-grid-wrap [class*='l-grid'][class*='--sp-left'] { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
  .l-grid-wrap [class*='l-grid'][class*='--sp-center'] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  .l-grid-wrap [class*='l-grid'][class*='--sp-right'] { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } main { padding-top: 82px; } main .l-section { padding: 30px 0; } main .l-section.-bgSea { margin: 47px 0; } main .l-section.-bgSea::before { background-image: url(/assets/img/course/sea_top_sp.png); height: 47px; top: -47px; } main .l-section.-bgSea::after { background-image: url(/assets/img/course/sea_bottom_sp.png); height: 47px; bottom: -47px; } main .l-inner { width: auto; margin: 0 35px; } main .l-innerBlock + .l-innerBlock { margin-top: 32px; } main .l-innerBlock.-white { padding: 26px 20px; } .l-access { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .l-access__info .logo { width: 250px; margin-bottom: 16.5px; } .l-access__info table { margin-bottom: 12px; } .l-access__info table tr { font-size: 12px; font-size: 1.2rem; line-height: 22px; line-height: 2.2rem; } .l-access__map { margin: 0 -35px; margin-bottom: 36px; } .l-footer.-border::before { width: calc(100% - 70px); } .l-footer__contents { padding: 35px 37px 50px; } .l-footer__contents-nav { margin-bottom: 38px; }
  .l-footer__contents-nav > li + li { margin-top: 22px; } .l-footer__contents-nav dl { line-height: 20px; }
  .l-footer__contents-nav dl:not(:first-child) { margin-top: 22px !important; } .l-footer__contents-info nav { padding-top: 25px; margin-top: 25px; } .l-footer__copy { font-size: 10px; font-size: 1rem; line-height: 10px; line-height: 1rem; } .l-groupNotice { padding: 45px 0; }
  .l-groupNotice .innerBlock { margin: 0 8px; padding: 0 14px; }
  .l-groupNotice .swiper-child .swiper-slide img { width: 100%; } .l-groupNotice__hl { margin-bottom: 33px; } .l-groupNotice__hl strong { font-size: 26px; font-size: 2.6rem; line-height: 38.5px; line-height: 3.85rem; margin-top: 16.75px; } .l-header { position: fixed; height: 52px; min-width: 0; } .l-header .headWrap { width: 100%; padding-left: 25px !important; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .l-header__logo { width: 157px; } .l-header__logo-text { font-size: 12px; font-size: 1.2rem; line-height: 12px; line-height: 1.2rem; } .l-header__seibu { width: 75px; margin-left: 37.5px; } .l-header .navWrap { background: #fff; border-radius: 10px; padding-bottom: 35px; } .l-header__nav { width: 100%; position: fixed; top: 0; left: 0; right: 0; bottom: 0; overflow-y: auto; pointer-events: none; background: #01abcf; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; padding: 45px 25px 25px; opacity: 0; }
  .menu-open .l-header__nav { opacity: 1; pointer-events: auto; z-index: 1; } .l-header__nav .navList { display: block; margin-bottom: 25px; } .l-header__nav .navList__item + .navList__item { border-top: 1px solid #0092cc; } .l-header__nav .navList__item:last-of-type { border-bottom: 1px solid #0092cc; } .l-header__nav .navList__item a { width: 100%; display: block; line-height: 40px; padding-left: 67px !important; position: relative; }
  .l-header__nav .navList__item a .icon { width: 18px; position: absolute; top: 50%; left: 30px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .l-header__nav .navList__item#modelcourse .icon { width: 14px; } .l-hero { padding-top: 128%; } .l-hero__mv { width: auto; height: 100%; } .l-hero__contents { width: 100%; padding: 30px; } .l-hero__contents .text { width: 100%; } .l-highlight .swiperWrap { width: calc(100% + 70px); margin: 0 -35px; overflow: hidden; } .l-highlight__comment { margin-top: 30px; } .l-highlight__comment .js-highlightComment .swiper-slide h4 strong { font-size: 19px; font-size: 1.9rem; line-height: 23.4px; line-height: 2.34rem; } .l-highlight__comment .js-highlightComment .swiper-slide p { font-size: 12px; font-size: 1.2rem; line-height: 22px; line-height: 2.2rem; } .l-mapshop:first-of-type .textImage__text { text-align: center; } .l-mapshop:last-of-type { padding-bottom: 60px; } .l-mapshop__highlight { margin-top: 50px; } .l-mapshop__highlight-hl { display: none; } .l-mapshop .textImage { display: block; } .l-mapshop .textImage__image { width: calc(100% + 70px); margin: 0 -35px 30px; } .l-mapshop .textImage__text { margin: 0 20px; } .l-mapshop .textImage__text .title { font-size: 21px; font-size: 2.1rem; line-height: 34px; line-height: 3.4rem; } .l-mapshop .textImage__text .m-btn { font-size: 18px; font-size: 1.8rem; line-height: 18px; line-height: 1.8rem; } .l-mapshop .textImage__text .m-btn svg { width: 25px; height: 20px; } .l-menu { display: -webkit-box; display: -ms-flexbox; display: flex; height: 30px; width: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; position: fixed; top: 52px; left: 0; } .l-menu__item { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .l-menu__item a, .l-menu__item span { font-size: 10px; font-size: 1rem; line-height: 13px; line-height: 1.3rem; } .l-menu__item.-showTime .icon { width: 21px; margin-right: 6px; } .l-menu__item.-line .icon { width: 110px; } #webticket.-bottom { top: 70px; } #webticket { right: 20px; bottom: 20px; }
  #webticket img { width: 120px; } .l-photoSpace + .l-photoSpace { margin-top: 68px; } .l-photoSpace__title .inner { font-size: 14px; font-size: 1.4rem; line-height: 24.5px; line-height: 2.45rem; } .l-photoSpace__cameraInfo-item { font-size: 10px; font-size: 1rem; line-height: 10px; line-height: 1rem; font-weight: bold; } .l-photoSpace__cameraInfo-item .m-dl dt { width: 40px; margin-right: 5px; } .l-photoSpace__exhibitInfo { padding: 18px 27px; font-size: 11px; font-size: 1.1rem; line-height: 17px; line-height: 1.7rem; border-radius: 18px; } .l-point .l-inner { margin: 0; } .l-point .m-accordion.accordion-toggle { display: block; padding: 0 0 38px; margin-bottom: 15px; } .l-point .m-accordion.accordion-toggle .textBlock { padding: 30px 37px 30px; } .l-point .m-accordion.accordion-toggle .textBlock__hl { font-size: 43px; font-size: 4.3rem; line-height: 43px; line-height: 4.3rem; margin-bottom: 13px; } .l-point .m-accordion.accordion-toggle .textBlock__hl img { width: 53px; height: 53px; } .l-point .m-accordion.accordion-toggle .textBlock__text { font-size: 14px; font-size: 1.4rem; line-height: 19.8px; line-height: 1.98rem; } .l-point .m-accordion.accordion-toggle .imageBlock { height: 0; padding-top: 37%; overflow: hidden; } .l-point .m-accordion.accordion-toggle .imageBlock > img { right: 50%; top: 50%; -webkit-transform: translate(50%, -50%); transform: translate(50%, -50%); } .l-point .m-accordion + .m-accordion-contents .title { font-size: 13px; font-size: 1.3rem; line-height: 23px; line-height: 2.3rem; }
  .l-point .m-accordion + .m-accordion-contents .title + p { font-size: 10.5px; font-size: 1.05rem; line-height: 23px; line-height: 2.3rem; } .l-point .m-accordion + .m-accordion-contents .section:first-of-type { margin-top: 25px; } .l-point .m-accordion .arrow { width: 55.5px; height: 27.5px; } .l-point .m-accordion .arrow img { width: 15px; } .l-point .m-accordion-contents .topImages { display: block; margin: -5px 0; } .l-point .m-accordion-contents .topImages__item { padding: 5px 0; } .l-point .m-accordion-contents .topImages__item:first-child { width: 100%; } .l-point .m-accordion-contents .textImage { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .l-point .m-accordion-contents .textImage__text { margin-top: 25px; } .l-point .m-accordion-contents .m-note { font-size: 8px; font-size: 0.8rem; line-height: 15px; line-height: 1.5rem; margin-top: 28px; } .l-pricePlan { padding: 33.5px 0 48px !important; } .l-pricePlan__hl { margin-bottom: 14px; font-size: 17px; font-size: 1.7rem; line-height: 29px; line-height: 2.9rem; } .l-pricePlan__hl img { margin-bottom: 18px; } .l-pricePlan__contents { width: 100%; padding: 0 64px; } .l-pricePlan__contents .text { font-size: 13px; font-size: 1.3rem; line-height: 23px; line-height: 2.3rem; } .l-pricePlan__contents .note { font-size: 11px; font-size: 1.1rem; line-height: 19px; line-height: 1.9rem; margin-top: 10px; } .l-privacy { padding-top: 50px !important; margin-top: 50px; } .l-privacy .headline--lv3 { font-size: 20px; font-size: 2rem; line-height: 31.5px; line-height: 3.15rem; margin-bottom: 30px; } .l-recommend { padding-bottom: 38.5px !important; } .l-recommendcorse { margin-top: 40px; }
  .l-recommendcorse .l-inner { margin-left: 0; margin-right: 0; } .l-schedule img { width: 100%; } .l-schedule__head { font-size: 22.5px; font-size: 2.25rem; line-height: 22.5px; line-height: 2.25rem; margin: 0 auto 0 0; width: 162px; height: 58px; } .l-schedule__head strong { font-size: 37px; font-size: 3.7rem; line-height: 37px; line-height: 3.7rem; } .l-schedule__head .monthEn { font-size: 11px; font-size: 1.1rem; line-height: 11px; line-height: 1.1rem; margin-left: 5px; } .l-schedule .swiperWrap { width: 100%; } .l-schedule .swiperWrap .scheduleSwiper-button { text-align: left; font-size: 14px; font-size: 1.4rem; line-height: 14px; line-height: 1.4rem; top: 20px; left: 220px !important; } .l-schedule .swiperWrap .scheduleSwiper-button strong { font-size: 22px; font-size: 2.2rem; line-height: 14px; line-height: 1.4rem; } .l-schedule .swiperWrap .scheduleSwiper-button .monthEn { font-size: 6.5px; font-size: 0.65rem; line-height: 6.5px; line-height: 0.65rem; } .l-schedule .swiperWrap .scheduleSwiper-button.js-schedule-next::after { width: 7px; height: 25px; margin-left: 8px; } .l-schedule .swiperWrap .scheduleSwiper-button.js-schedule-prev::before { width: 7px; height: 25px; } .l-schedule .swiperWrap .scheduleSwiper-button.js-schedule-prev::before { margin-right: 8px; } .l-show:last-of-type { padding-bottom: 60px !important; } .l-show__inner { padding: 0 16px; } .l-sns__swiper { padding: 20px 8px; }
  .l-sns__swiper .swiperWrap { padding: 0 25px; } .l-snsList { padding: 30px 35px; } .l-snsList .c-snsList + .c-snsList { margin-top: 37.5px; } .m-btn { min-width: 0; width: 100%; } .btnWrap { padding: 0 52.5px; } .btnWrap .m-btn:not(:only-child) { margin: 5px 0; } .headline--lv2 { margin-bottom: 35px; font-size: 18px; font-size: 1.8rem; line-height: 18px; line-height: 1.8rem; } .headline--lv2 strong { font-size: 40px; font-size: 4rem; line-height: 40px; line-height: 4rem; margin-bottom: 6px; } .headline--lv2.-small { font-size: 15px; font-size: 1.5rem; line-height: 23px; line-height: 2.3rem; } .headline--lv2.-small strong { font-size: 20px; font-size: 2rem; line-height: 35px; line-height: 3.5rem; } .headline--lv3 { margin-bottom: 35px; font-size: 14px; font-size: 1.4rem; line-height: 23px; line-height: 2.3rem; } .headline--lv3 strong { font-size: 18px; font-size: 1.8rem; line-height: 18px; line-height: 1.8rem; margin-bottom: 6px; } .headline--lv3.-bgWhite { font-size: 14px; font-size: 1.4rem; line-height: 14px; line-height: 1.4rem; padding: 13px; } .headline--lv4 { margin-bottom: 25px; font-size: 18px; font-size: 1.8rem; line-height: 18px; line-height: 1.8rem; } .sp-hide { display: none !important; } .sp-align-left { text-align: left; }
  .sp-align-center { text-align: center; }
  .sp-align-right { text-align: right; } .m-accordion.-question { padding: 16px 26px 16px 0; font-size: 12px; font-size: 1.2rem; line-height: 22px; line-height: 2.2rem; } .m-accordion.-question + .m-accordion-contents { font-size: 12px; font-size: 1.2rem; line-height: 22px; line-height: 2.2rem; } .m-btn.m-accordion.accordion-toggle img { display: block; width: 12px; margin-left: 2px; margin-top: 2px; } .m-article__title { font-size: 15px; font-size: 1.5rem; line-height: 26px; line-height: 2.6rem; margin-bottom: 15px; } .m-article__text { font-size: 12px; font-size: 1.2rem; line-height: 22.5px; line-height: 2.25rem; } .m-breadcrumList { font-size: 10px; font-size: 1rem; line-height: 10px; line-height: 1rem; padding: 16px; } .m-caption { margin-top: 11px; } .m-courseSpot { margin-top: 16px; } .m-courseSpot dt { font-size: 18px; font-size: 1.8rem; line-height: 18px; line-height: 1.8rem; margin-bottom: 12px; } .m-courseSpot dd { font-size: 12px; font-size: 1.2rem; line-height: 21px; line-height: 2.1rem; } .m-eventCard__text { padding: 25px; } .m-eventCard__text h3 { font-size: 17px; font-size: 1.7rem; line-height: 30px; line-height: 3rem; } .m-eventCard__text h3 strong { font-size: 25px; font-size: 2.5rem; line-height: 32.5px; line-height: 3.25rem; } .m-eventCard__text h3 small { font-size: 13px; font-size: 1.3rem; line-height: 32.5px; line-height: 3.25rem; } .m-eventCard__text h3 + p { font-size: 13px; font-size: 1.3rem; line-height: 23.4px; line-height: 2.34rem; margin-top: 12px; } .m-eventCard__text .time { font-size: 14px; font-size: 1.4rem; line-height: 14px; line-height: 1.4rem; margin: 18px 0; } .m-hamburger { right: 17.5px; } .m-hamburger span { height: 1px; } .m-iconCard { min-height: 143px; } .m-iconCard__text { font-size: 10px; font-size: 1rem; line-height: 17px; line-height: 1.7rem; } .m-kidsCard { padding: 30px 17px; margin-top: 15px; } .m-kidsCard::before { width: 30px; height: 30px; top: -15px; } .m-kidsCard::after { width: 89.3%; height: 32px; bottom: -12px; } .m-kidsCard__text { padding: 20px 16px 0; } .m-kidsCard__text .title { font-size: 13px; font-size: 1.3rem; line-height: 36px; line-height: 3.6rem; padding-bottom: 18.5px; margin-bottom: 21px; } .m-kidsCard__text .title strong { font-size: 19px; font-size: 1.9rem; line-height: 19px; line-height: 1.9rem; } .m-kidsCard__text .m-btn { margin-top: 30px; } .m-pagenation { padding: 84px 0 52px; } .m-pagenation, .m-pagenation a { font-size: 20px; font-size: 2rem; line-height: 20px; line-height: 2rem; } .m-pagenation__item:not(:first-child):not(:last-child) { margin: 0 3px; } .m-pagenation__item.-prev { margin-right: 18px; } .m-pagenation__item.-next { margin-left: 18px; } p + p, p + .m-paragraph, .m-paragraph + p, .m-paragraph + .m-paragraph { margin-top: 1.5em; } .m-photoSpot::before { width: 100px; height: 100px; } .m-planCard__text { padding: 15px; } .m-planCard__text .title { font-size: 20px; font-size: 2rem; line-height: 20px; line-height: 2rem; } .m-planCard__text .title strong { margin-top: 8px; font-size: 22.5px; font-size: 2.25rem; line-height: 35.5px; line-height: 3.55rem; } .m-planCard__text .text { font-size: 12px; font-size: 1.2rem; line-height: 17px; line-height: 1.7rem; margin-top: 8px; } .m-select select { min-width: 144px; font-size: 12px; font-size: 1.2rem; line-height: 12px; line-height: 1.2rem; padding: 8px; } .m-select::after { font-size: 12px; font-size: 1.2rem; line-height: 12px; line-height: 1.2rem; } .m-tag { min-width: 63px; font-size: 10px; font-size: 1rem; line-height: 16px; line-height: 1.6rem; } .m-topicsList { -ms-flex-wrap: wrap; flex-wrap: wrap; } .m-topicsList__image { width: 120px; margin-right: 11px; } .m-topicsList__text p[data-type='datetime'] { font-size: 10px; font-size: 1rem; line-height: 9.5px; line-height: 0.95rem; } .m-topicsList__text .title { font-size: 14px; font-size: 1.4rem; line-height: 19px; line-height: 1.9rem; } .m-topicsList__text .sp-hide + div { display: none; } .m-topicsList__spText { width: 100%; margin-top: 15px; font-size: 12px; font-size: 1.2rem; line-height: 17px; line-height: 1.7rem; } .m-topicsList.-relatedArticle { border-color: #d1d1d1; border-top: none; padding: 22px 0; } .m-topicsList.-relatedArticle .m-topicsList__text p:first-child { font-size: 10px; font-size: 1rem; line-height: 10px; line-height: 1rem; } .m-topicsList.-relatedArticle .m-topicsList__text p:last-child { font-size: 14px; font-size: 1.4rem; line-height: 19px; line-height: 1.9rem; } .c-breadcrumb { padding: 7px 16px; margin-bottom: 17px; } .c-floatTextImage .image { width: auto; float: none; margin-bottom: 15px; text-align: center; } .c-floatTextImage .image img { width: auto; max-width: 100%; } .c-floatTextImage .text { width: auto; float: none; }
  .c-floatTextImage .text + .image { margin-bottom: 0; margin-top: 15px; } .c-floatTextImage.is-reverse .image { float: none; } .c-floatTextImage.is-reverse .text { float: none; } .c-floatTextImage.w-200 .image { width: auto; } .c-floatTextImage.w-200 .image img { max-width: 100%; }
  .c-floatTextImage.w-200 .image img.size-fixed { max-width: 200px; } .c-floatTextImage.w-200 .text { width: auto; } .c-floatTextImage.w-240 .image { width: auto; } .c-floatTextImage.w-240 .image img { max-width: 100%; }
  .c-floatTextImage.w-240 .image img.size-fixed { max-width: 240px; } .c-floatTextImage.w-240 .text { width: auto; } .c-floatTextImage.w-280 .image { width: auto; } .c-floatTextImage.w-280 .image img { max-width: 100%; }
  .c-floatTextImage.w-280 .image img.size-fixed { max-width: 280px; } .c-floatTextImage.w-280 .text { width: auto; } .c-floatTextImage.w-320 .image { width: auto; } .c-floatTextImage.w-320 .image img { max-width: 100%; }
  .c-floatTextImage.w-320 .image img.size-fixed { max-width: 320px; } .c-floatTextImage.w-320 .text { width: auto; } .c-floatTextImage.w-360 .image { width: auto; } .c-floatTextImage.w-360 .image img { max-width: 100%; }
  .c-floatTextImage.w-360 .image img.size-fixed { max-width: 360px; } .c-floatTextImage.w-360 .text { width: auto; } .c-floatTextImage.is-float .image { margin-right: 0; } .c-floatTextImage.is-float.is-reverse .image { margin-left: 0; } .c-mascot { left: 50%; margin-top: -55px; } .c-mascot__img { width: 90px; height: 123px; } .c-mascot__contents { width: 200px; height: 163px; } .c-notice { font-size: 13px; font-size: 1.3rem; line-height: 23px; line-height: 2.3rem; padding: 0 36px; margin: 65px auto 55px; } .c-notice__hl { font-size: 16.5px; font-size: 1.65rem; line-height: 16.5px; line-height: 1.65rem; margin-bottom: 20px; } .c-notice__hl img { width: 22px; margin-right: 7.5px; } .c-notice .emergency { padding: 10px 20px; margin-bottom: 20px; } .c-notice .emergency li { padding: 10px 0; } .c-openingHours { margin-top: 75px; } .c-openingHours__time p:first-child { font-size: 40px; font-size: 4rem; line-height: 40px; line-height: 4rem; } .c-openingHours__time p:last-child { font-size: 18px; font-size: 1.8rem; line-height: 18px; line-height: 1.8rem; } .c-pagetop { width: 62px; height: 62px; bottom: 75px; } .c-pagetop img { width: 25px; } .c-price__title { font-size: 15px; font-size: 1.5rem; line-height: 15px; line-height: 1.5rem; padding: 15px 0; } .c-price__title .catch { width: 64px; right: 18px; } .c-price__contents { padding: 25px; } .c-price__contents .priceList__hl { font-size: 12px; font-size: 1.2rem; line-height: 12px; line-height: 1.2rem; } .c-price__contents .priceList__price { font-size: 21.5px; font-size: 2.15rem; line-height: 21.5px; line-height: 2.15rem; } .c-price__contents .m-btn { font-size: 11px; font-size: 1.1rem; line-height: 20px; line-height: 2rem; } .c-price__contents .note { font-size: 11px; font-size: 1.1rem; line-height: 20.5px; line-height: 2.05rem; } .c-snsList { width: 100%; max-width: 300px; } .c-snsList__list-item + .c-snsList__list-item { margin-left: 20px; } .c-trafficStep { display: block; } .c-trafficStep__item:not(:last-of-type) { padding-bottom: 25px; margin-bottom: 24px; } .c-trafficStep__item:not(:last-of-type)::after { width: 0; height: 0; border-style: solid; border-width: 15px 21.5px 0 21.5px; border-color: #0092cc transparent transparent transparent; bottom: 0; right: 50%; -webkit-transform: translateX(50%); transform: translateX(50%); } .c-trafficStep__item .text { font-size: 13px; font-size: 1.3rem; line-height: 22px; line-height: 2.2rem; } .p-course #entrance { padding-top: 36px; } .p-course #entrance h2 { width: 238px; margin-bottom: 29.4px; } .p-course #breedingFarm .breedingFarmWrap { padding: 14px 0 36px; } .p-course #breedingFarm .breedingFarmWrap::before { background-image: url(/assets/img/course/dashed_line2_sp.png); height: calc(100% + 38px); bottom: -20px; -webkit-transform: translateX(-2px); transform: translateX(-2px); } .p-course .border::after { width: 4px; } .p-course__lead { font-size: 14px; font-size: 1.4rem; line-height: 22px; line-height: 2.2rem; } .p-course__entrance { margin-top: 18.6px; padding: 0 16px 32px; } .p-course__entrance .startPoint { width: 62px; height: 62px; font-size: 16px; font-size: 1.6rem; line-height: 62px; line-height: 6.2rem; margin-bottom: 36px; } .p-course__entrance .textImage { background: #fff; padding: 18px 13px 8px 15px; border-radius: 38px; } .p-course__entrance .textImage__image { width: 100%; border-radius: 38px; } .p-course__entrance .textImage__text { width: 106px; -ms-flex-negative: 0; flex-shrink: 0; } .p-course__entrance .textImage__text dt { font-size: 15px; font-size: 1.5rem; line-height: 15px; line-height: 1.5rem; margin-bottom: 13px; } .p-course__entrance .textImage__text dd { font-size: 10px; font-size: 1rem; line-height: 17px; line-height: 1.7rem; } .p-course__entrance .textImage__text.m-photoSpot::before { display: none; } .p-course__zaboon { width: 138px; top: 0; } .p-course__deepSea { width: 100%; height: 100%; padding: 56px 0 64px; } .p-course__deepSea::before { width: 100%; height: 1895px; background-image: url(/assets/img/course/dashed_line_sp.png); margin-left: 0; bottom: -4px; top: initial; } .p-course__deepSea .texture { width: 117px; right: 0; top: initial; bottom: -38px; left: initial; } .p-course__deepSea .texture2 { display: none; } .p-course__deepSea .head { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0 0 18px; } .p-course__deepSea .head__item { width: 40px; height: 40px; font-size: 13px; font-size: 1.3rem; line-height: 40px; line-height: 4rem; margin-bottom: 14.8px; } .p-course__deepSea .head__headline { font-size: 20px; font-size: 2rem; line-height: 30px; line-height: 3rem; text-align: center; } .p-course__deepSea .head__headline small { font-size: 14px; font-size: 1.4rem; line-height: 24px; line-height: 2.4rem; margin-bottom: 11px; } .p-course__deepSea .courseSpot { width: 77%; margin: 33px auto 0 auto; position: relative; } .p-course__deepSea .courseSpot .m-courseSpot { background: #0092cc; padding-bottom: 36px; } .p-course__deepSea .courseSpot#izuriba { margin-top: 32px; position: relative; } .p-course__deepSea .courseSpot#izuriba .m-courseSpot { padding: 10px 0 37px; } .p-course__deepSea .courseSpot#jellyfish { margin-top: 84px; } .p-course__deepSea .courseSpot#jellyfish .m-image { width: calc(100% + 27px); } .p-course__deepSea .courseSpot#jellyfish .m-courseSpot { margin-top: -37px; padding-top: 24px; } .p-course__deepSea .courseSpot#choisoko { margin-top: 35px; } .p-course__deepSea .courseSpot#choisoko .m-courseSpot { margin-top: 21px; } .p-course__deepSea .courseSpot#donzoko { margin-top: 50px; } .p-course__deepSea .courseSpot#donzoko .m-courseSpot { width: 100%; margin-top: 26px; margin-left: 0; padding: 11px 0 40px; } .p-course__forest { padding: 24px 0 95.5px; } .p-course__forest .texture3 { width: 100px; right: 20px; bottom: 34px; } .p-course__forest .relaxTime { width: 100%; } .p-course__forest .relaxTime__headline { width: 100%; text-align: center; padding: 35.8px 0 31px; background: #e6ecef; } .p-course__forest .relaxTime__headline h2 { font-size: 20px; font-size: 2rem; line-height: 27px; line-height: 2.7rem; margin-bottom: 25px; } .p-course__forest .relaxTime__headline .text { font-size: 12px; font-size: 1.2rem; line-height: 19px; line-height: 1.9rem; } .p-course__forest .relaxTime__images .m-image { width: 86%; margin-left: auto; margin-right: auto; } .p-course__forest .photoSpot { display: block; width: 88%; margin: 100px auto 0; } .p-course__forest .photoSpot__image { width: 87%; margin-left: auto; } .p-course__forest .photoSpot__text { font-size: 12px; font-size: 1.2rem; line-height: 19px; line-height: 1.9rem; text-align: center; padding: 19px 0 18px; background: #e6ecef; } .p-course__forest .photoSpot .m-photoSpot::before { top: -34px; left: -43px; } .p-course__showStadium { margin-top: 60px; border-width: 4px; padding-bottom: 107px; } .p-course__showStadium::before { width: 280px; height: 60px; top: -60px; background-image: url(/assets/img/course/show_bg_top_sp.png); } .p-course__showStadium .texture4 { display: none; } .p-course__showStadium .texture4-2 { display: none; } .p-course__showStadium .showStadiumWrap { margin-top: 0; } .p-course__showStadium .head__headline { font-size: 20px; font-size: 2rem; line-height: 20px; line-height: 2rem; margin-bottom: 27px; letter-spacing: 0.11em; } .p-course__showStadium .head__text { font-size: 12px; font-size: 1.2rem; line-height: 19px; line-height: 1.9rem; margin-bottom: 44px; } .p-course__showStadium .swiperWrap { margin-bottom: 60px; } .p-course__showStadium .textImage { width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; text-align: center; } .p-course__showStadium .textImage__image { width: 70.6%; margin: 30px auto 0; } .p-course__showStadium .textImage__text .title { font-size: 20px; font-size: 2rem; line-height: 20px; line-height: 2rem; margin-bottom: 24px; letter-spacing: 0.11em; } .p-course__showStadium .textImage__text .text { font-size: 12px; font-size: 1.2rem; line-height: 19px; line-height: 1.9rem; } .p-course__breedingFarm { width: 100%; } .p-course__breedingFarm .m-image { position: relative; width: 93%; left: 5px; margin-top: 90px; } .p-course__breedingFarm .text { width: initial; padding: 26.5px 0 36.5px; top: -88px; right: 0; background: #0092cc; } .p-course__breedingFarm .text dt { font-size: 19px; font-size: 1.9rem; line-height: 28px; line-height: 2.8rem; margin-bottom: 15.5px; } .p-course__breedingFarm .text dd { font-size: 12px; font-size: 1.2rem; line-height: 19px; line-height: 1.9rem; } .p-course__showStage { margin-top: 67px; } .p-course__showStage .texture5 { display: none; } .p-course__showStage .head { padding: 30px 0 40px; } .p-course__showStage .head__headline { font-size: 20px; font-size: 2rem; line-height: 20px; line-height: 2rem; margin-bottom: 27px; letter-spacing: 0.11em; } .p-course__showStage .head__text { font-size: 12px; font-size: 1.2rem; line-height: 19px; line-height: 1.9rem; } .p-course__showStage .m-photoSpot { width: 83.7%; -webkit-transform: translateX(19px); transform: translateX(19px); margin-bottom: 27px; } .p-course__showStage .m-photoSpot::before { width: 83px; height: 83px; top: -42px; left: -30px; } .p-course__showStage .textImage { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; width: 86%; margin: 0 auto; } .p-course__showStage .textImage#walrus { margin-top: 27.3px; } .p-course__showStage .textImage#walrus .textImage__text { padding-bottom: 27.5px; text-align: right; } .p-course__showStage .textImage__text { background: #0092cc; padding: 15px 19px 32px 16px; } .p-course__showStage .textImage__text .title { font-size: 20px; font-size: 2rem; line-height: 28px; line-height: 2.8rem; margin-bottom: 15px; } .p-course__showStage .textImage__text .text { width: 100%; font-size: 12px; font-size: 1.2rem; line-height: 19px; line-height: 1.9rem; } .p-course__corner { width: 85.3%; border: 4px solid #e9d245; border-radius: 42px; margin-top: 55px; padding: 26px 14px 52px 27px; } .p-course__corner .text { font-size: 12px; font-size: 1.2rem; line-height: 21px; line-height: 2.1rem; margin-bottom: 34px; } .p-course__corner .headline { font-size: 20px; font-size: 2rem; line-height: 27px; line-height: 2.7rem; } .p-course__corner .headline span { width: 40px; height: 40px; font-size: 12px; font-size: 1.2rem; line-height: 40px; line-height: 4rem; margin-right: 26px; } .p-course__corner .imageList { display: block; position: relative; height: auto; } .p-course__corner .imageList:not(:first-of-type) { margin-top: 45px; } .p-course__corner .imageList#mitosea .imageList__title { width: 25.6%; left: 0; } .p-course__corner .imageList#mitosea { height: 57.3vw; }
  .p-course__corner .imageList#mitosea .m-image:not(.imageList__title) { width: 64.5%; position: absolute; top: 15px; right: 0; z-index: 2; }
  .p-course__corner .imageList#mitosea .m-image:not(.imageList__title):last-of-type { width: 63.5%; left: 0; top: initial; bottom: 0; z-index: 1; } .p-course__corner .imageList#kids .imageList__title { width: 28.54%; position: absolute; right: 10px; } .p-course__corner .imageList#kids { height: 60.2vw; }
  .p-course__corner .imageList#kids .m-image:not(.imageList__title) { width: 58.4%; position: absolute; bottom: 0; right: 0; z-index: 2; }
  .p-course__corner .imageList#kids .m-image:not(.imageList__title):first-of-type { width: 61.6%; left: 0; top: 33px; z-index: 1; } .p-course__leaving { padding-top: 55px; margin-bottom: 124px; } .p-course__leaving .endPoint { width: 124px; height: 124px; font-size: 16px; font-size: 1.6rem; line-height: 124px; line-height: 12.4rem; } .p-course__leaving .textImage { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; width: 100%; text-align: center; margin-bottom: 106px; } .p-course__leaving .textImage .m-image { width: 84.5%; margin: 0 auto; -webkit-transform: translateX(-2px); transform: translateX(-2px); } .p-course__leaving .textImage__text { padding-top: 17.8px; background: #e6ecef; } .p-course__leaving .textImage__text .title { font-size: 20px; font-size: 2rem; line-height: 20px; line-height: 2rem; margin-bottom: 11px; } .p-course__leaving .textImage__text .text { font-size: 12px; font-size: 1.2rem; line-height: 19px; line-height: 1.9rem; margin-bottom: 33px; } .p-course__leaving .uchicchi { width: 198px; bottom: -24px; -webkit-transform: translateX(-185px); transform: translateX(-185px); } .p-detail .l-section { padding-bottom: 80px; } .p-detail .headline--lv2 { text-align: left; font-size: 12.5px; font-size: 1.25rem; line-height: 12.5px; line-height: 1.25rem; margin-bottom: 20px; } .p-detail .headline--lv2 strong { font-size: 38px; font-size: 3.8rem; line-height: 38px; line-height: 3.8rem; } .p-detail h3 { font-size: 18px; font-size: 1.8rem; line-height: 28px; line-height: 2.8rem; margin-top: 45px !important; } .p-detail .m-btn.-icon { font-size: 18px; font-size: 1.8rem; line-height: 18px; line-height: 1.8rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .p-detail .m-btn.-icon svg { width: 31px; height: 43px; margin-bottom: 0; } .p-detail__movie iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .p-detail__movie { margin: 45px 0 15px; height: 0; padding-top: 56%; position: relative; } .p-detail__article .headline--lv3 { font-size: 20px; font-size: 2rem; line-height: 20px; line-height: 2rem; padding: 10px 0; } .p-detail__article-btn { width: 100%; } .p-detail__article-btn .m-btn { margin-top: 30px; } .p-events .m-btn { padding: 10px 0; font-size: 11.5px; font-size: 1.15rem; line-height: 11.5px; line-height: 1.15rem; } .p-group .l-section:first-of-type { padding-bottom: 64px; } .p-group .priceList__hl { font-size: 9.5px; font-size: 0.95rem; line-height: 9.5px; line-height: 0.95rem; } .p-group .priceList__price { font-size: 21.5px; font-size: 2.15rem; line-height: 21.5px; line-height: 2.15rem; } .p-group__top { margin-bottom: 55px; } .p-group__contents { margin-top: 50px; } .p-group__contents .contact { font-size: 12.5px; font-size: 1.25rem; line-height: 24px; line-height: 2.4rem; margin-top: 22px; } .p-group__contents .contact .tel { font-size: 17.5px; font-size: 1.75rem; line-height: 30px; line-height: 3rem; margin-top: 8px; } .p-info .l-section:first-of-type { padding-bottom: 55px; } .p-info .headline--lv2 { margin-bottom: 18px; } .p-info__image { width: calc(100% + 70px); margin: 0 -35px 25px; } .p-info__traffic { margin-bottom: 55px; } .p-info__traffic-map { width: 100%; margin-bottom: 40px; } .p-info__traffic-map p { margin-top: 25px; } .p-info__traffic .m-article + .m-article { margin-top: 40px; } .p-info__traffic .m-article__title { font-size: 14px; font-size: 1.4rem; line-height: 14px; line-height: 1.4rem; } .p-info__traffic .m-article .taxiText { margin-bottom: 20px; } .p-info__notice { margin-bottom: 55px; } .p-info__question .accordionList { margin-top: -20px; } .p-info__question .accordionList__item { font-size: 12px; font-size: 1.2rem; line-height: 22px; line-height: 2.2rem; } .p-info .m-btn { padding: 10px 0; font-size: 11.5px; font-size: 1.15rem; line-height: 11.5px; line-height: 1.15rem; } .p-kids .l-section { padding-bottom: 20px !important; } .p-kids .l-inner { margin: 0 15px; } .p-kids__top { padding: 0 15px; margin-bottom: 52px; } .p-kids__top::before { background: url(/assets/img/kids_bg_sp.png) top center/108.6% auto no-repeat; height: 100%; top: -63px; } .p-kids__top > * { width: auto; } .p-kids__top-catch { font-size: 26px; font-size: 2.6rem; line-height: 41.5px; line-height: 4.15rem; margin: 46px 25px 16px; } .p-kids__top-text { font-size: 13px; font-size: 1.3rem; line-height: 27px; line-height: 2.7rem; margin: 0 25px; } .p-kids .kidsCardList { display: block; } .p-kids .kidsCardList__item { width: auto; margin: 0 0 40px; } .p-kids .m-btn { padding: 10px 0; font-size: 11.5px; font-size: 1.15rem; line-height: 11.5px; line-height: 1.15rem; } .p-mapshop__top { padding: 0 35px; margin-top: 30px; } .p-mapshop__top h2 { -webkit-font-feature-settings: 'palt'; font-feature-settings: 'palt'; font-size: 33px; font-size: 3.3rem; line-height: 58px; line-height: 5.8rem; margin-bottom: 5px; } .p-mapshop__top p { font-size: 13px; font-size: 1.3rem; line-height: 27px; line-height: 2.7rem; text-align: left; max-width: 260px; margin-left: 0; } .p-mapshop__top-map { width: calc(100% + 70px); margin: 0 -35px; } .p-mapshop__top-map::before { right: 4%; top: -110px; } .p-mobileShoot .headline--lv2 { line-height: 26px; } .p-mobileShoot__anchor { margin-bottom: 72px; } .p-mobileShoot__anchor-item { margin: 0 10px; } .p-mobileShoot__anchor-item:first-child { width: 145px; } .p-mobileShoot__anchor-item:last-child { width: 160px; bottom: -16px; } .p-mobileShoot__mobileAquarium { padding-bottom: 80px !important; } .p-mobileShoot__mobileAquarium .js-shootCarousel .swiper-slide img { width: calc(100% + 15px); } .p-mobileShoot__mobileAquarium .image { width: 100%; } .p-mobileShoot__mobileAquarium .arrow { width: 48px; margin: 27px auto 23px; } .p-mobileShoot__mobileAquarium-info { padding-top: 20px; } .p-mobileShoot__mobileAquarium-info .headline--lv3 { margin-top: 90px; } .p-mobileShoot__mobileAquarium-info .exhibitContents { display: block; }
  .p-mobileShoot__mobileAquarium-info .exhibitContents + .exhibitContents { margin-top: 20px; } .p-mobileShoot__mobileAquarium-info .exhibitContents dt { font-size: 14px; font-size: 1.4rem; line-height: 22px; line-height: 2.2rem; } .p-mobileShoot__mobileAquarium-info .exhibitContents dd { font-size: 13px; font-size: 1.3rem; line-height: 22px; line-height: 2.2rem; } .p-mobileShoot__mobileAquarium-info .contact { width: 100%; display: block; padding: 35px 40px; } .p-mobileShoot__mobileAquarium-info .contact__item { padding: 9px; text-align: center; } .p-mobileShoot__mobileAquarium-info .contact__item.details { font-size: 14px; font-size: 1.4rem; line-height: 14px; line-height: 1.4rem; }
  .p-mobileShoot__mobileAquarium-info .contact__item.details a { color: #0092cc; } .p-mobileShoot__mobileAquarium-info .contact__item.details strong { font-size: 18px; font-size: 1.8rem; line-height: 18px; line-height: 1.8rem; } .p-mobileShoot__shoot { margin-top: 75px; } .p-mobileShoot__shoot::before { height: 75px; top: -75px; } .p-mobileShoot__shoot .headline--lv3 { text-align: left; max-width: 290px; margin: 0 auto; }
  .p-mobileShoot__shoot .headline--lv3 strong { letter-spacing: 0.05em; -webkit-font-feature-settings: 'palt'; font-feature-settings: 'palt'; } .p-mobileShoot__shoot .l-inner { margin: 0 18px !important; } .p-mobileShoot__shoot .character { margin-bottom: 40px; } .p-mobileShoot__shoot .character .title { font-size: 14px; font-size: 1.4rem; line-height: 14px; line-height: 1.4rem; margin: 63px 0 15px; }
  .p-mobileShoot__shoot .character .title::before, .p-mobileShoot__shoot .character .title::after { margin: 0 8px; width: 75px; } .p-mobileShoot__shoot .character .introduction .image { height: 268px; margin-right: 0; } .p-mobileShoot__shoot .character .introduction .text__name { width: 90px; height: 90px; font-size: 15px; font-size: 1.5rem; line-height: 90px; line-height: 9rem; margin: 0 auto 23px; } .p-mobileShoot__shoot .character .introduction .text__introduction { font-size: 12px; font-size: 1.2rem; line-height: 19px; line-height: 1.9rem; }
  .p-mobileShoot__shoot .character .introduction .text__introduction span { font-size: 9px; font-size: 0.9rem; line-height: 16px; line-height: 1.6rem; } .p-mobileShoot__shoot .l-highlight .swiperWrap { width: calc(100% + 36px); margin: 0 -18px; } .p-mobileShoot__shoot .l-highlight__comment { width: 89%; margin: 30px auto 0; } .p-mobileShoot__shoot .noteWrap .note .m-note { font-size: 11px; font-size: 1.1rem; line-height: 14px; line-height: 1.4rem; } .p-mobileShoot .m-article__text { font-size: 13px; font-size: 1.3rem; line-height: 22px; line-height: 2.2rem; } .p-mobileShoot .m-article__text .note { font-size: 11px; font-size: 1.1rem; line-height: 22px; line-height: 2.2rem; } .p-press__read { margin: 40px 35px 30px; } .p-press__read-text { font-size: 12px; font-size: 1.2rem; line-height: 23px; line-height: 2.3rem; } .p-price .priceBlock__item { width: 100%; }
  .p-price .priceBlock__item:not(:first-child) { margin: 30px 0 0; } .p-price .headline--lv2 { font-size: 13px; font-size: 1.3rem; line-height: 13px; line-height: 1.3rem; margin-bottom: 42.5px; } .p-price .headline--lv2 strong { font-size: 46px; font-size: 4.6rem; line-height: 46px; line-height: 4.6rem; } .p-price .l-section:first-of-type { padding-bottom: 54px; } .p-price .m-btn { padding: 10px 0; font-size: 11.5px; font-size: 1.15rem; line-height: 11.5px; line-height: 1.15rem; } .p-privacy .l-section { padding-bottom: 70px; } .p-privacy .headline--lv2 { font-size: 20px; font-size: 2rem; line-height: 20px; line-height: 2rem; margin-bottom: 42.5px; } .p-privacy p { margin-top: 50px; font-size: 12px; font-size: 1.2rem; line-height: 18.5px; line-height: 1.85rem; } .p-privacy .m-article__text { font-size: 13px; font-size: 1.3rem; line-height: 22px; line-height: 2.2rem; } .p-recommend .headline--lv2 { margin-bottom: 35px; } .p-topics .headline--lv2 { margin-bottom: 35px; } .swiper-pagination { position: relative; padding-top: 4px; margin-top: 30px; } .swiperWrap { width: 100%; padding: 0 35px; } .swiperWrap .yellow-button-prev { left: 5px; } .swiperWrap .yellow-button-next { right: 5px; } .swiperWrap .swiper-button-prev, .swiperWrap .swiper-button-next { width: 15px; height: 25px; background-size: 15px 25px; } .swiperWrap .swiper-button-prev { left: 0; } .swiperWrap .swiper-button-next { right: 0; } .js-highlight { overflow: visible !important; padding: 50px 0; }
  .js-highlight .swiper-slide:not(.swiper-slide-active) { -webkit-transform: scale(1.8); transform: scale(1.8); }
  .js-highlight .swiper-slide-next, .js-highlight .swiper-slide-prev { z-index: 1; }
  .js-highlight .swiper-slide-active { -webkit-transform: scale(2); transform: scale(2); z-index: 2; }
  .js-highlight .yellow-button-prev, .js-highlight .yellow-button-next { z-index: 1; } .modaal-content-container { padding: 67px 16px 32px !important; } .modaal-inner-wrapper { padding: 32px 20px; } .modaal-fullscreen .modaal-close { width: 20px !important; height: 20px !important; top: 18px !important; right: 16px !important; } .modaal-fullscreen .modaal-close::before, .modaal-fullscreen .modaal-close::after { height: 28px !important; } .modaal-close { width: 20px !important; height: 20px !important; top: 18px !important; right: 16px !important; } .modaal-close::before, .modaal-close::after { height: 28px !important; } }

@media screen and (max-width: 767px) and (orientation: landscape) { /*! SP landscape */ }

@media screen and (max-width: 767px) and (orientation: portrait) { /*! SP portrait */ }

@media screen and (max-width: 1100px) { .l-header__nav .navList__item a { padding: 0 10px; } }