@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,
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,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

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

/* sanitize.css */
*,
::after,
::before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

::after,
::before {
  text-decoration: inherit;
  vertical-align: inherit; }

html {
  cursor: default;
  line-height: 1.5;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  -webkit-tap-highlight-color: transparent;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  word-break: break-word; }

body {
  margin: 0;
  font-family: 'Noto Sans JP', sans-serif,"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans";
  font-weight: 400; }

dl dl,
dl ol,
dl ul,
ol dl,
ul dl {
  margin: 0; }

ol ol,
ol ul,
ul ol,
ul ul {
  margin: 0; }

hr {
  height: 0;
  overflow: visible; }

main {
  display: block; }

nav ol,
nav ul {
  list-style: none;
  padding: 0; }

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

a {
  background-color: transparent; }

abbr[title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted; }

b,
strong {
  font-weight: bolder; }

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

small {
  font-size: 14px; }
  @media (max-width: 767px) {
    small {
      font-size: 12px; } }

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle; }

audio,
video {
  display: inline-block; }

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

iframe {
  border-style: none; }

img {
  border-style: none; }

svg:not([fill]) {
  fill: currentColor; }

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

table {
  border-collapse: collapse; }

button,
input,
select {
  margin: 0; }

input:focus, select:focus, textarea:focus {
  outline: none; }

button {
  overflow: visible;
  text-transform: none; }

[type=button],
[type=reset],
[type=submit],
button {
  -webkit-appearance: button; }

fieldset {
  border: 1px solid #a0a0a0;
  padding: .35em .75em .625em; }

input {
  overflow: visible; }

legend {
  color: inherit;
  display: table;
  max-width: 100%;
  white-space: normal; }

progress {
  display: inline-block;
  vertical-align: baseline; }

select {
  text-transform: none; }

textarea {
  margin: 0;
  overflow: auto;
  resize: vertical; }

[type=checkbox],
[type=radio] {
  padding: 0; }

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px; }

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto; }

::-webkit-input-placeholder {
  color: inherit;
  opacity: .54; }

::-webkit-search-decoration {
  -webkit-appearance: none; }

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit; }

::-moz-focus-inner {
  border-style: none;
  padding: 0; }

:-moz-focusring {
  outline: 1px dotted ButtonText; }

:-moz-ui-invalid {
  box-shadow: none; }

details {
  display: block; }

dialog {
  background-color: #fff;
  border: solid;
  display: block;
  height: -moz-fit-content;
  height: -webkit-fit-content;
  height: fit-content;
  left: 0;
  margin: auto;
  padding: 1em;
  position: absolute;
  right: 0;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content; }

dialog:not([open]) {
  display: none; }

summary {
  display: list-item; }

canvas {
  display: inline-block; }

template {
  display: none; }

[tabindex],
a,
area,
button,
input,
label,
select,
summary,
textarea {
  -ms-touch-action: manipulation;
  touch-action: manipulation; }

[hidden] {
  display: none; }

[aria-busy=true] {
  cursor: progress; }

[aria-controls] {
  cursor: pointer; }

[aria-disabled=true],
[disabled] {
  cursor: not-allowed; }

[aria-hidden=false][hidden] {
  display: initial; }

[aria-hidden=false][hidden]:not(:focus) {
  clip: rect(0, 0, 0, 0);
  position: absolute; }

/**
 * Core
 *
 */
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

body {
  margin: 0;
  padding: 0;
  font-size: 100%;
  color: #333d47; }

hr {
  margin: 30px 0;
  height: 3px;
  border: none; }

a {
  text-decoration: none;
  cursor: pointer;
  color: #333d47;
  text-decoration: none; }
  a:hover, a:active {
    opacity: 0.7; }

.contents--pt {
  padding-top: 80px; }

.inner {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 30px; }
  @media (max-width: 767px) {
    .inner {
      padding: 0 25px; } }

@media (max-width: 767px) {
  .inner--pd-lg {
    padding: 0 15px; } }

.section {
  padding-top: 30px;
  padding-bottom: 30px; }
  @media (max-width: 767px) {
    .section {
      padding-top: 20px;
      padding-bottom: 20px; } }

.section--pd {
  padding: 40px 0; }

.section--pd-md {
  padding-top: 60px;
  padding-bottom: 65px; }
  @media (max-width: 767px) {
    .section--pd-md {
      padding-top: 50px;
      padding-bottom: 55px; } }

.section--pb-md {
  padding-bottom: 60px; }

.section--pb-lg {
  padding-bottom: 80px; }
  @media (max-width: 767px) {
    .section--pb-lg {
      padding-bottom: 35px; } }

.section--pb-xlg {
  padding-bottom: 90px; }
  @media (max-width: 767px) {
    .section--pb-xlg {
      padding-bottom: 52px; } }

.section--pb10 {
  padding-bottom: 10px; }
  @media (max-width: 767px) {
    .section--pb10 {
      padding-bottom: 0; } }

.section--pt-md {
  padding-top: 60px; }
  @media (max-width: 767px) {
    .section--pt-md {
      padding-top: 48px; } }

.section--pt-lg {
  padding-top: 70px; }
  @media (max-width: 767px) {
    .section--pt-lg {
      padding-top: 45px; } }

.section--pt-xlg {
  padding-top: 90px; }
  @media (max-width: 767px) {
    .section--pt-xlg {
      padding-top: 45px; } }

.section--pt-sm {
  padding-top: 50px; }
  @media (max-width: 767px) {
    .section--pt-sm {
      padding-top: 0; } }

@media (max-width: 767px) {
  .section--sp-pt-lg {
    padding-bottom: 52px; } }

.section--pt10 {
  padding-top: 10px; }

.section--pt50 {
  padding-top: 50px; }
  @media (max-width: 767px) {
    .section--pt50 {
      padding-top: 0; } }

.section--pb0 {
  padding-bottom: 0; }

.section--cl {
  background-color: #F7F5E2; }

.section--bottom {
  padding-bottom: 40px; }
  @media (min-width: 768px) {
    .section--bottom {
      padding-bottom: 60px; } }

.ft_en {
  font-family: Roboto;
  font-weight: 300; }

/**
 * TextLink ブロック
 *
 */
.TextLink--external {
  padding-left: 20px;
  background: url(../img/icon-exlink.svg) no-repeat 0 calc((1rem - 11px) / 2); }

/**
 * Header ブロック
 *
 */
.Header {
  position: fixed;
  width: 100%;
  z-index: 10;
  top: 0;
  left: 0; }
  @media (max-width: 767px) {
    .Header {
      position: absolute;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 100%;
      z-index: 9;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; } }

.Header_menu__logo {
  display: inline-block;
  width: 135px; }
  @media (max-width: 767px) {
    .Header_menu__logo {
      width: 126px; } }

.Header_menu__logo_img {
  width: 100%;
  height: auto; }

.Header__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 80px;
  padding: 0 50px 0 28px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background-color: #fff; }
  @media (max-width: 767px) {
    .Header__inner {
      background-color: unset;
      width: 100%;
      padding: 0 20px 0;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; } }

.Heade__main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  @media (max-width: 767px) {
    .Heade__main {
      width: auto;
      max-width: none;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; } }

.Header__menu_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  @media (max-width: 767px) {
    .Header__menu_area {
      position: fixed;
      width: 100%;
      background-color: #fff;
      padding: 15px 44px;
      bottom: 0;
      left: 0;
      z-index: 10;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      border-top: 1px solid #E6E6E6; } }

.Header__step_area {
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0;
  border: none; }

.Header__menu_link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  color: #958A80;
  font-size: 1.125rem;
  margin-left: 30px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  letter-spacing: 0.04em; }
  .Header__menu_link::before {
    content: "";
    display: block;
    width: 29px;
    background-repeat: no-repeat;
    margin-right: 7px; }
    @media (max-width: 767px) {
      .Header__menu_link::before {
        margin-right: 0;
        height: 30px !important;
        background-position: center top; } }
  .Header__menu_link:hover {
    color: #4280B8; }
  @media (max-width: 767px) {
    .Header__menu_area .Header__menu_link {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-flow: column;
      flex-flow: column;
      font-size: 0.8125rem;
      padding: 0;
      margin: 0; } }

.Header__menu {
  -ms-flex-negative: 0;
  flex-shrink: 0; }

.Header__menu_link_img {
  margin-right: 8px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  height: 25px;
  fill: #958A80;
  stroke: #958A80; }

.Header__menu_link_other {
  position: relative; }
  @media (max-width: 767px) {
    .Header__menu_link_other {
      width: 31px;
      height: 31px;
      border-radius: 50%;
      background-color: #fff;
      background-image: url(../img/menu_sp.png);
      background-repeat: no-repeat;
      background-size: 19px auto;
      background-position: center; } }
  ._show .Header__menu_link_other {
    position: fixed;
    width: 31px;
    height: 31px;
    background-color: #fff;
    border-radius: 50%;
    background-image: url(../img/icon_cross_blue.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 14px auto;
    -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);
    z-index: 999;
    top: 20px;
    right: 40px; }
    @media (max-width: 767px) {
      ._show .Header__menu_link_other {
        top: 25px;
        right: 20px; } }

._show .Header__menu_link_other_tx {
  display: none; }

.Header__menu_link_home::before {
  width: 20px;
  height: 17px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2058%2050%22%20style%3D%22enable-background%3Anew%200%200%2058%2050%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23958A80%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M42.7%2C49.5H15.3c-4.1%2C0-7.4-2.4-7.4-5.5V26.4c0-0.8%2C0.7-1.5%2C1.5-1.5s1.5%2C0.7%2C1.5%2C1.5V44c0%2C1.2%2C1.8%2C2.5%2C4.4%2C2.5%20h27.3c2.6%2C0%2C4.4-1.3%2C4.4-2.5V26.3c0-0.8%2C0.7-1.5%2C1.5-1.5s1.5%2C0.7%2C1.5%2C1.5V44C50.1%2C47.1%2C46.8%2C49.5%2C42.7%2C49.5z%22%2F%3E%20%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M1.6%2C27c-0.4%2C0-0.8-0.2-1.1-0.5C0%2C25.9%2C0%2C24.9%2C0.7%2C24.4L27.9%2C0.9C28.5%2C0.3%2C29.5%2C0.4%2C30%2C1%20c0.5%2C0.6%2C0.5%2C1.6-0.2%2C2.1L2.6%2C26.6C2.3%2C26.9%2C2%2C27%2C1.6%2C27z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M56.4%2C27c-0.3%2C0-0.7-0.1-1-0.4L28.1%2C3.1C27.5%2C2.6%2C27.4%2C1.6%2C28%2C1c0.5-0.6%2C1.5-0.7%2C2.1-0.2l27.2%2C23.5%20c0.6%2C0.5%2C0.7%2C1.5%2C0.2%2C2.1C57.2%2C26.8%2C56.8%2C27%2C56.4%2C27z%22%2F%3E%20%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-size: contain; }
  @media (max-width: 767px) {
    .Header__menu_link_home::before {
      width: 29px; } }

.Header__menu_link_home:hover::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2058%2050%22%20style%3D%22enable-background%3Anew%200%200%2058%2050%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%234280B8%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M42.7%2C49.5H15.3c-4.1%2C0-7.4-2.4-7.4-5.5V26.4c0-0.8%2C0.7-1.5%2C1.5-1.5s1.5%2C0.7%2C1.5%2C1.5V44c0%2C1.2%2C1.8%2C2.5%2C4.4%2C2.5%20h27.3c2.6%2C0%2C4.4-1.3%2C4.4-2.5V26.3c0-0.8%2C0.7-1.5%2C1.5-1.5s1.5%2C0.7%2C1.5%2C1.5V44C50.1%2C47.1%2C46.8%2C49.5%2C42.7%2C49.5z%22%2F%3E%20%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M1.6%2C27c-0.4%2C0-0.8-0.2-1.1-0.5C0%2C25.9%2C0%2C24.9%2C0.7%2C24.4L27.9%2C0.9C28.5%2C0.3%2C29.5%2C0.4%2C30%2C1%20c0.5%2C0.6%2C0.5%2C1.6-0.2%2C2.1L2.6%2C26.6C2.3%2C26.9%2C2%2C27%2C1.6%2C27z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M56.4%2C27c-0.3%2C0-0.7-0.1-1-0.4L28.1%2C3.1C27.5%2C2.6%2C27.4%2C1.6%2C28%2C1c0.5-0.6%2C1.5-0.7%2C2.1-0.2l27.2%2C23.5%20c0.6%2C0.5%2C0.7%2C1.5%2C0.2%2C2.1C57.2%2C26.8%2C56.8%2C27%2C56.4%2C27z%22%2F%3E%20%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }

.Header__menu_link_class::before {
  width: 19px;
  height: 17px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2055%2050%22%20style%3D%22enable-background%3Anew%200%200%2055%2050%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23958A80%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cg%3E%20%3Cg%3E%20%3Cg%3E%20%3Cg%3E%20%3Cg%3E%20%3Cg%3E%20%3Cg%3E%20%3Cg%3E%20%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M47.4%2C30.1c-0.5%2C0-0.9%2C0.3-1.1%2C0.8c0%2C0.1-0.1%2C0.3-0.1%2C0.4c-1.3%2C4.5-4%2C8.4-7.7%2C11.3%20c-3.8%2C3-8.4%2C4.6-13.3%2C4.7c-0.1%2C0-0.3%2C0-0.4%2C0c-4.9%2C0-9.7-1.6-13.6-4.5c-2.4-1.8-4.5-4.1-6-6.7l0%2C0%20c-0.5-0.9-0.9-1.8-1.4-2.8c-0.2-0.5-0.6-0.7-0.9-0.7c-0.5%2C0-1%2C0.4-1%2C1c0%2C0.2%2C0.1%2C0.4%2C0.1%2C0.5c0.4%2C1.1%2C0.9%2C2.1%2C1.4%2C2.9l0%2C0%20c4.3%2C7.8%2C12.5%2C12.6%2C21.4%2C12.6c0.1%2C0%2C0.3%2C0%2C0.4%2C0c5.3-0.1%2C10.4-1.9%2C14.6-5.1c4.2-3.2%2C7.2-7.6%2C8.6-12.7%20c0-0.1%2C0.1-0.3%2C0.1-0.5C48.5%2C30.6%2C48%2C30.1%2C47.4%2C30.1z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M54.7%2C22.7L54.7%2C22.7c-0.1-0.1-0.2-0.3-0.3-0.3c-0.2-0.1-0.4-0.1-0.6%2C0.1c-1.3%2C0.8-9.9%2C3.9-13.1%2C4%20c-0.4%2C0-0.9-0.1-1-0.3c-0.2-0.4%2C0-1%2C0.4-1.7c0.4-0.9%2C0.6-1.7%2C0.1-2.3c-0.3-0.5-0.8-0.9-2.6-0.9c-2.9%2C0-11%2C3.9-11.6%2C4.2%20c-1.6%2C0.7-2.7%2C1-3.6%2C1c0%2C0%2C0.1%2C0%2C0.1%2C0c0%2C0-0.1%2C0-0.1%2C0c-0.4%2C0-0.9-0.1-1-0.3c-0.2-0.4%2C0-1%2C0.4-1.7%20c0.4-0.9%2C0.6-1.7%2C0.1-2.3c-0.3-0.5-0.8-0.9-2.6-0.9c-2.6%2C0-9.2%2C3.1-11.1%2C3.9c-1%2C0.5-2.8%2C1.2-3.9%2C0.8%20c-1.1-0.4-1.4-1.8-1.4-2.6c0-2.6%2C1.1-6%2C1.4-6.7C7.5%2C8.2%2C15.6%2C2.7%2C24.8%2C2.7c5%2C0%2C9.9%2C1.7%2C13.9%2C4.7c4%2C3.1%2C6.9%2C7.4%2C8%2C12.2%20c0.1%2C0.6%2C0.5%2C0.9%2C0.9%2C0.9c0.1%2C0%2C0.2%2C0%2C0.3%2C0c0.3-0.1%2C0.5-0.3%2C0.6-0.5c0.1-0.2%2C0.1-0.5%2C0-0.8C45.9%2C8.1%2C36.1%2C0.5%2C24.8%2C0.5%20C14.7%2C0.5%2C5.7%2C6.6%2C1.9%2C16c-0.6%2C1.6-1.7%2C4.8-1.7%2C9c0%2C3.3%2C1.8%2C3.8%2C2.6%2C3.8c1.5%2C0%2C3.3-0.8%2C4.5-1.4c0.1%2C0%2C3-1.4%2C3-1.4%20c3-1.4%2C5-2.4%2C6.7-2.4c0.8%2C0%2C0.9%2C0.1%2C1.2%2C0.5c0.3%2C0.4%2C0.1%2C1.1-0.2%2C1.8l-0.1%2C0.2c-0.3%2C0.8-0.6%2C2.8%2C2.1%2C2.8%20c2.2%2C0%2C4.3-0.9%2C6.5-1.8c0.7-0.3%2C2.3-1%2C2.3-1c3-1.4%2C5-2.4%2C6.7-2.4c0.8%2C0%2C0.9%2C0.1%2C1.2%2C0.5c0.3%2C0.4%2C0.1%2C1.1-0.2%2C1.8l-0.1%2C0.2%20c-0.3%2C0.8-0.6%2C2.8%2C2.1%2C2.8c3.2%2C0%2C9.8-1.9%2C15.9-5.2C54.4%2C23.6%2C54.9%2C23.2%2C54.7%2C22.7z%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-size: contain; }
  @media (max-width: 767px) {
    .Header__menu_link_class::before {
      width: 27.5px; } }

.Header__menu_link_class:hover::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2055%2050%22%20style%3D%22enable-background%3Anew%200%200%2055%2050%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%234280B8%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cg%3E%20%3Cg%3E%20%3Cg%3E%20%3Cg%3E%20%3Cg%3E%20%3Cg%3E%20%3Cg%3E%20%3Cg%3E%20%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M47.4%2C30.1c-0.5%2C0-0.9%2C0.3-1.1%2C0.8c0%2C0.1-0.1%2C0.3-0.1%2C0.4c-1.3%2C4.5-4%2C8.4-7.7%2C11.3%20c-3.8%2C3-8.4%2C4.6-13.3%2C4.7c-0.1%2C0-0.3%2C0-0.4%2C0c-4.9%2C0-9.7-1.6-13.6-4.5c-2.4-1.8-4.5-4.1-6-6.7l0%2C0%20c-0.5-0.9-0.9-1.8-1.4-2.8c-0.2-0.5-0.6-0.7-0.9-0.7c-0.5%2C0-1%2C0.4-1%2C1c0%2C0.2%2C0.1%2C0.4%2C0.1%2C0.5c0.4%2C1.1%2C0.9%2C2.1%2C1.4%2C2.9l0%2C0%20c4.3%2C7.8%2C12.5%2C12.6%2C21.4%2C12.6c0.1%2C0%2C0.3%2C0%2C0.4%2C0c5.3-0.1%2C10.4-1.9%2C14.6-5.1c4.2-3.2%2C7.2-7.6%2C8.6-12.7%20c0-0.1%2C0.1-0.3%2C0.1-0.5C48.5%2C30.6%2C48%2C30.1%2C47.4%2C30.1z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M54.7%2C22.7L54.7%2C22.7c-0.1-0.1-0.2-0.3-0.3-0.3c-0.2-0.1-0.4-0.1-0.6%2C0.1c-1.3%2C0.8-9.9%2C3.9-13.1%2C4%20c-0.4%2C0-0.9-0.1-1-0.3c-0.2-0.4%2C0-1%2C0.4-1.7c0.4-0.9%2C0.6-1.7%2C0.1-2.3c-0.3-0.5-0.8-0.9-2.6-0.9c-2.9%2C0-11%2C3.9-11.6%2C4.2%20c-1.6%2C0.7-2.7%2C1-3.6%2C1c0%2C0%2C0.1%2C0%2C0.1%2C0c0%2C0-0.1%2C0-0.1%2C0c-0.4%2C0-0.9-0.1-1-0.3c-0.2-0.4%2C0-1%2C0.4-1.7%20c0.4-0.9%2C0.6-1.7%2C0.1-2.3c-0.3-0.5-0.8-0.9-2.6-0.9c-2.6%2C0-9.2%2C3.1-11.1%2C3.9c-1%2C0.5-2.8%2C1.2-3.9%2C0.8%20c-1.1-0.4-1.4-1.8-1.4-2.6c0-2.6%2C1.1-6%2C1.4-6.7C7.5%2C8.2%2C15.6%2C2.7%2C24.8%2C2.7c5%2C0%2C9.9%2C1.7%2C13.9%2C4.7c4%2C3.1%2C6.9%2C7.4%2C8%2C12.2%20c0.1%2C0.6%2C0.5%2C0.9%2C0.9%2C0.9c0.1%2C0%2C0.2%2C0%2C0.3%2C0c0.3-0.1%2C0.5-0.3%2C0.6-0.5c0.1-0.2%2C0.1-0.5%2C0-0.8C45.9%2C8.1%2C36.1%2C0.5%2C24.8%2C0.5%20C14.7%2C0.5%2C5.7%2C6.6%2C1.9%2C16c-0.6%2C1.6-1.7%2C4.8-1.7%2C9c0%2C3.3%2C1.8%2C3.8%2C2.6%2C3.8c1.5%2C0%2C3.3-0.8%2C4.5-1.4c0.1%2C0%2C3-1.4%2C3-1.4%20c3-1.4%2C5-2.4%2C6.7-2.4c0.8%2C0%2C0.9%2C0.1%2C1.2%2C0.5c0.3%2C0.4%2C0.1%2C1.1-0.2%2C1.8l-0.1%2C0.2c-0.3%2C0.8-0.6%2C2.8%2C2.1%2C2.8%20c2.2%2C0%2C4.3-0.9%2C6.5-1.8c0.7-0.3%2C2.3-1%2C2.3-1c3-1.4%2C5-2.4%2C6.7-2.4c0.8%2C0%2C0.9%2C0.1%2C1.2%2C0.5c0.3%2C0.4%2C0.1%2C1.1-0.2%2C1.8l-0.1%2C0.2%20c-0.3%2C0.8-0.6%2C2.8%2C2.1%2C2.8c3.2%2C0%2C9.8-1.9%2C15.9-5.2C54.4%2C23.6%2C54.9%2C23.2%2C54.7%2C22.7z%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }

.Header__menu_link_tv::before {
  width: 12px;
  height: 15px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2040%2050%22%20style%3D%22enable-background%3Anew%200%200%2040%2050%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23958A80%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M5.3%2C46.4c-0.8%2C0-1.5-0.2-2.2-0.6C1.7%2C45%2C0.8%2C43.6%2C0.8%2C42V8c0-1.6%2C0.8-3.1%2C2.2-3.9c1.4-0.8%2C3.1-0.8%2C4.5%2C0%20l29.4%2C17c1.4%2C0.8%2C2.2%2C2.2%2C2.2%2C3.9c0%2C1.6-0.8%2C3.1-2.2%2C3.9l-29.4%2C17C6.8%2C46.2%2C6.1%2C46.4%2C5.3%2C46.4z%20M5.3%2C6.1c-0.3%2C0-0.7%2C0.1-1%2C0.3%20c-0.6%2C0.4-1%2C1-1%2C1.7V42c0%2C0.7%2C0.4%2C1.3%2C1%2C1.7c0.6%2C0.4%2C1.3%2C0.4%2C2%2C0l29.4-17c0.6-0.4%2C1-1%2C1-1.7s-0.4-1.3-1-1.7L6.3%2C6.3%20C6%2C6.2%2C5.6%2C6.1%2C5.3%2C6.1z%22%2F%3E%3C%2Fsvg%3E");
  background-size: contain; }
  @media (max-width: 767px) {
    .Header__menu_link_tv::before {
      width: 19px; } }

.Header__menu_link_tv:hover::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2040%2050%22%20style%3D%22enable-background%3Anew%200%200%2040%2050%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%234280B8%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M5.3%2C46.4c-0.8%2C0-1.5-0.2-2.2-0.6C1.7%2C45%2C0.8%2C43.6%2C0.8%2C42V8c0-1.6%2C0.8-3.1%2C2.2-3.9c1.4-0.8%2C3.1-0.8%2C4.5%2C0%20l29.4%2C17c1.4%2C0.8%2C2.2%2C2.2%2C2.2%2C3.9c0%2C1.6-0.8%2C3.1-2.2%2C3.9l-29.4%2C17C6.8%2C46.2%2C6.1%2C46.4%2C5.3%2C46.4z%20M5.3%2C6.1c-0.3%2C0-0.7%2C0.1-1%2C0.3%20c-0.6%2C0.4-1%2C1-1%2C1.7V42c0%2C0.7%2C0.4%2C1.3%2C1%2C1.7c0.6%2C0.4%2C1.3%2C0.4%2C2%2C0l29.4-17c0.6-0.4%2C1-1%2C1-1.7s-0.4-1.3-1-1.7L6.3%2C6.3%20C6%2C6.2%2C5.6%2C6.1%2C5.3%2C6.1z%22%2F%3E%3C%2Fsvg%3E"); }

.Header__menu_link_log::before {
  width: 19px;
  height: 15px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2058%2050%22%20style%3D%22enable-background%3Anew%200%200%2058%2050%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23958A80%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M56.2%2C44.8h-8.7V4.1c0-0.6-0.5-1.2-1.2-1.2H32.1c-0.6%2C0-1.2%2C0.5-1.2%2C1.2v40.7h-3.8v-31c0-0.6-0.5-1.2-1.2-1.2%20H11.7c-0.6%2C0-1.2%2C0.5-1.2%2C1.2v31H1.7c-0.6%2C0-1.2%2C0.6-1.2%2C1.2s0.5%2C1.2%2C1.2%2C1.2h10h14.2h6.2h14.2h10c0.6%2C0%2C1.1-0.6%2C1.1-1.2%20S56.9%2C44.8%2C56.2%2C44.8z%20M33.4%2C5.3h11.7v39.4H33.4V5.3z%20M12.9%2C15h11.7v29.7H12.9V15z%22%2F%3E%3C%2Fsvg%3E");
  background-size: contain; }
  @media (max-width: 767px) {
    .Header__menu_link_log::before {
      width: 28.5px; } }

.Header__menu_link_log:hover::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2058%2050%22%20style%3D%22enable-background%3Anew%200%200%2058%2050%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%234280B8%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M56.2%2C44.8h-8.7V4.1c0-0.6-0.5-1.2-1.2-1.2H32.1c-0.6%2C0-1.2%2C0.5-1.2%2C1.2v40.7h-3.8v-31c0-0.6-0.5-1.2-1.2-1.2%20H11.7c-0.6%2C0-1.2%2C0.5-1.2%2C1.2v31H1.7c-0.6%2C0-1.2%2C0.6-1.2%2C1.2s0.5%2C1.2%2C1.2%2C1.2h10h14.2h6.2h14.2h10c0.6%2C0%2C1.1-0.6%2C1.1-1.2%20S56.9%2C44.8%2C56.2%2C44.8z%20M33.4%2C5.3h11.7v39.4H33.4V5.3z%20M12.9%2C15h11.7v29.7H12.9V15z%22%2F%3E%3C%2Fsvg%3E"); }

.Header__menu_link_other::before {
  width: 19px;
  height: 15px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2015%2014%22%20style%3D%22enable-background%3Anew%200%200%2015%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3Anone%3Bstroke%3A%23958A80%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A10%3B%7D%20.st1%7Bfill%3Anone%3Bstroke%3A%23958A80%3Bstroke-miterlimit%3A10%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cline%20class%3D%22st0%22%20x1%3D%225.2%22%20y1%3D%222%22%20x2%3D%2214.3%22%20y2%3D%222%22%2F%3E%20%3Cline%20class%3D%22st0%22%20x1%3D%225.2%22%20y1%3D%227%22%20x2%3D%2214.3%22%20y2%3D%227%22%2F%3E%20%3Cline%20class%3D%22st0%22%20x1%3D%225.2%22%20y1%3D%2212%22%20x2%3D%2214.3%22%20y2%3D%2212%22%2F%3E%20%3Ccircle%20class%3D%22st1%22%20cx%3D%221.9%22%20cy%3D%222%22%20r%3D%221.2%22%2F%3E%20%3Ccircle%20class%3D%22st1%22%20cx%3D%221.9%22%20cy%3D%227%22%20r%3D%221.2%22%2F%3E%20%3Ccircle%20class%3D%22st1%22%20cx%3D%221.9%22%20cy%3D%2212%22%20r%3D%221.2%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-size: contain; }
  @media (max-width: 767px) {
    .Header__menu_link_other::before {
      display: none; } }

.Header__menu_link_other:hover::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2015%2014%22%20style%3D%22enable-background%3Anew%200%200%2015%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3Anone%3Bstroke%3A%234280B8%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A10%3B%7D%20.st1%7Bfill%3Anone%3Bstroke%3A%234280B8%3Bstroke-miterlimit%3A10%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cline%20class%3D%22st0%22%20x1%3D%225.2%22%20y1%3D%222%22%20x2%3D%2214.3%22%20y2%3D%222%22%2F%3E%20%3Cline%20class%3D%22st0%22%20x1%3D%225.2%22%20y1%3D%227%22%20x2%3D%2214.3%22%20y2%3D%227%22%2F%3E%20%3Cline%20class%3D%22st0%22%20x1%3D%225.2%22%20y1%3D%2212%22%20x2%3D%2214.3%22%20y2%3D%2212%22%2F%3E%20%3Ccircle%20class%3D%22st1%22%20cx%3D%221.9%22%20cy%3D%222%22%20r%3D%221.2%22%2F%3E%20%3Ccircle%20class%3D%22st1%22%20cx%3D%221.9%22%20cy%3D%227%22%20r%3D%221.2%22%2F%3E%20%3Ccircle%20class%3D%22st1%22%20cx%3D%221.9%22%20cy%3D%2212%22%20r%3D%221.2%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }

._show .Header__menu_link_other::before {
  display: none; }

.Head__blue {
  font-size: 1.375rem;
  color: #4280B8;
  margin-bottom: 20px;
  font-weight: 500; }
  @media (max-width: 767px) {
    .Head__blue {
      font-size: 1.0625rem;
      margin-bottom: 15px; } }

.Header__menu_link_img--home {
  width: 29px; }

.Header__menu_link_img--class {
  width: 29px; }

.Header__menu_link_img--tv {
  width: 29px; }

.Header__menu_link_img--log {
  width: 29px; }

.Header__menu_link_img--other {
  width: 29px; }

.Header__menu_link_other--alert {
  position: relative; }
  .Header__menu_link_other--alert::after {
    position: absolute;
    content: "";
    display: block;
    width: 11px;
    height: 11px;
    background-image: url(../img/icon_alert.svg);
    background-size: contain;
    top: 0;
    right: -13px; }
    @media (max-width: 767px) {
      .Header__menu_link_other--alert::after {
        width: 15px;
        height: 15px;
        top: -5px;
        right: auto;
        left: -3px; } }
  ._show .Header__menu_link_other--alert::after {
    display: none; }

.Header_menu__logo--menu {
  position: absolute;
  top: 3px;
  left: 28px; }
  @media (max-width: 767px) {
    .Header_menu__logo--menu {
      top: 6px;
      left: 20px; } }

@media (max-width: 767px) {
  .Header__menu_link_other_sp--white {
    background-color: #4280b8;
    background-image: url(../img/menu_sp_white.png); } }

@media (max-width: 767px) {
  .Header_menu__logo--sm {
    width: 97px; } }

.Header__menu_link--active {
  color: #4280b8; }
  .Header__menu_link--active.Header__menu_link_home::before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2058%2050%22%20style%3D%22enable-background%3Anew%200%200%2058%2050%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%234280B8%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M42.7%2C49.5H15.3c-4.1%2C0-7.4-2.4-7.4-5.5V26.4c0-0.8%2C0.7-1.5%2C1.5-1.5s1.5%2C0.7%2C1.5%2C1.5V44c0%2C1.2%2C1.8%2C2.5%2C4.4%2C2.5%20h27.3c2.6%2C0%2C4.4-1.3%2C4.4-2.5V26.3c0-0.8%2C0.7-1.5%2C1.5-1.5s1.5%2C0.7%2C1.5%2C1.5V44C50.1%2C47.1%2C46.8%2C49.5%2C42.7%2C49.5z%22%2F%3E%20%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M1.6%2C27c-0.4%2C0-0.8-0.2-1.1-0.5C0%2C25.9%2C0%2C24.9%2C0.7%2C24.4L27.9%2C0.9C28.5%2C0.3%2C29.5%2C0.4%2C30%2C1%20c0.5%2C0.6%2C0.5%2C1.6-0.2%2C2.1L2.6%2C26.6C2.3%2C26.9%2C2%2C27%2C1.6%2C27z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M56.4%2C27c-0.3%2C0-0.7-0.1-1-0.4L28.1%2C3.1C27.5%2C2.6%2C27.4%2C1.6%2C28%2C1c0.5-0.6%2C1.5-0.7%2C2.1-0.2l27.2%2C23.5%20c0.6%2C0.5%2C0.7%2C1.5%2C0.2%2C2.1C57.2%2C26.8%2C56.8%2C27%2C56.4%2C27z%22%2F%3E%20%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }
  .Header__menu_link--active.Header__menu_link_class::before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2055%2050%22%20style%3D%22enable-background%3Anew%200%200%2055%2050%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%234280B8%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cg%3E%20%3Cg%3E%20%3Cg%3E%20%3Cg%3E%20%3Cg%3E%20%3Cg%3E%20%3Cg%3E%20%3Cg%3E%20%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M47.4%2C30.1c-0.5%2C0-0.9%2C0.3-1.1%2C0.8c0%2C0.1-0.1%2C0.3-0.1%2C0.4c-1.3%2C4.5-4%2C8.4-7.7%2C11.3%20c-3.8%2C3-8.4%2C4.6-13.3%2C4.7c-0.1%2C0-0.3%2C0-0.4%2C0c-4.9%2C0-9.7-1.6-13.6-4.5c-2.4-1.8-4.5-4.1-6-6.7l0%2C0%20c-0.5-0.9-0.9-1.8-1.4-2.8c-0.2-0.5-0.6-0.7-0.9-0.7c-0.5%2C0-1%2C0.4-1%2C1c0%2C0.2%2C0.1%2C0.4%2C0.1%2C0.5c0.4%2C1.1%2C0.9%2C2.1%2C1.4%2C2.9l0%2C0%20c4.3%2C7.8%2C12.5%2C12.6%2C21.4%2C12.6c0.1%2C0%2C0.3%2C0%2C0.4%2C0c5.3-0.1%2C10.4-1.9%2C14.6-5.1c4.2-3.2%2C7.2-7.6%2C8.6-12.7%20c0-0.1%2C0.1-0.3%2C0.1-0.5C48.5%2C30.6%2C48%2C30.1%2C47.4%2C30.1z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M54.7%2C22.7L54.7%2C22.7c-0.1-0.1-0.2-0.3-0.3-0.3c-0.2-0.1-0.4-0.1-0.6%2C0.1c-1.3%2C0.8-9.9%2C3.9-13.1%2C4%20c-0.4%2C0-0.9-0.1-1-0.3c-0.2-0.4%2C0-1%2C0.4-1.7c0.4-0.9%2C0.6-1.7%2C0.1-2.3c-0.3-0.5-0.8-0.9-2.6-0.9c-2.9%2C0-11%2C3.9-11.6%2C4.2%20c-1.6%2C0.7-2.7%2C1-3.6%2C1c0%2C0%2C0.1%2C0%2C0.1%2C0c0%2C0-0.1%2C0-0.1%2C0c-0.4%2C0-0.9-0.1-1-0.3c-0.2-0.4%2C0-1%2C0.4-1.7%20c0.4-0.9%2C0.6-1.7%2C0.1-2.3c-0.3-0.5-0.8-0.9-2.6-0.9c-2.6%2C0-9.2%2C3.1-11.1%2C3.9c-1%2C0.5-2.8%2C1.2-3.9%2C0.8%20c-1.1-0.4-1.4-1.8-1.4-2.6c0-2.6%2C1.1-6%2C1.4-6.7C7.5%2C8.2%2C15.6%2C2.7%2C24.8%2C2.7c5%2C0%2C9.9%2C1.7%2C13.9%2C4.7c4%2C3.1%2C6.9%2C7.4%2C8%2C12.2%20c0.1%2C0.6%2C0.5%2C0.9%2C0.9%2C0.9c0.1%2C0%2C0.2%2C0%2C0.3%2C0c0.3-0.1%2C0.5-0.3%2C0.6-0.5c0.1-0.2%2C0.1-0.5%2C0-0.8C45.9%2C8.1%2C36.1%2C0.5%2C24.8%2C0.5%20C14.7%2C0.5%2C5.7%2C6.6%2C1.9%2C16c-0.6%2C1.6-1.7%2C4.8-1.7%2C9c0%2C3.3%2C1.8%2C3.8%2C2.6%2C3.8c1.5%2C0%2C3.3-0.8%2C4.5-1.4c0.1%2C0%2C3-1.4%2C3-1.4%20c3-1.4%2C5-2.4%2C6.7-2.4c0.8%2C0%2C0.9%2C0.1%2C1.2%2C0.5c0.3%2C0.4%2C0.1%2C1.1-0.2%2C1.8l-0.1%2C0.2c-0.3%2C0.8-0.6%2C2.8%2C2.1%2C2.8%20c2.2%2C0%2C4.3-0.9%2C6.5-1.8c0.7-0.3%2C2.3-1%2C2.3-1c3-1.4%2C5-2.4%2C6.7-2.4c0.8%2C0%2C0.9%2C0.1%2C1.2%2C0.5c0.3%2C0.4%2C0.1%2C1.1-0.2%2C1.8l-0.1%2C0.2%20c-0.3%2C0.8-0.6%2C2.8%2C2.1%2C2.8c3.2%2C0%2C9.8-1.9%2C15.9-5.2C54.4%2C23.6%2C54.9%2C23.2%2C54.7%2C22.7z%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }
  .Header__menu_link--active.Header__menu_link_tv::before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2040%2050%22%20style%3D%22enable-background%3Anew%200%200%2040%2050%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%234280B8%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M5.3%2C46.4c-0.8%2C0-1.5-0.2-2.2-0.6C1.7%2C45%2C0.8%2C43.6%2C0.8%2C42V8c0-1.6%2C0.8-3.1%2C2.2-3.9c1.4-0.8%2C3.1-0.8%2C4.5%2C0%20l29.4%2C17c1.4%2C0.8%2C2.2%2C2.2%2C2.2%2C3.9c0%2C1.6-0.8%2C3.1-2.2%2C3.9l-29.4%2C17C6.8%2C46.2%2C6.1%2C46.4%2C5.3%2C46.4z%20M5.3%2C6.1c-0.3%2C0-0.7%2C0.1-1%2C0.3%20c-0.6%2C0.4-1%2C1-1%2C1.7V42c0%2C0.7%2C0.4%2C1.3%2C1%2C1.7c0.6%2C0.4%2C1.3%2C0.4%2C2%2C0l29.4-17c0.6-0.4%2C1-1%2C1-1.7s-0.4-1.3-1-1.7L6.3%2C6.3%20C6%2C6.2%2C5.6%2C6.1%2C5.3%2C6.1z%22%2F%3E%3C%2Fsvg%3E"); }
  .Header__menu_link--active.Header__menu_link_log::before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2058%2050%22%20style%3D%22enable-background%3Anew%200%200%2058%2050%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%234280B8%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M56.2%2C44.8h-8.7V4.1c0-0.6-0.5-1.2-1.2-1.2H32.1c-0.6%2C0-1.2%2C0.5-1.2%2C1.2v40.7h-3.8v-31c0-0.6-0.5-1.2-1.2-1.2%20H11.7c-0.6%2C0-1.2%2C0.5-1.2%2C1.2v31H1.7c-0.6%2C0-1.2%2C0.6-1.2%2C1.2s0.5%2C1.2%2C1.2%2C1.2h10h14.2h6.2h14.2h10c0.6%2C0%2C1.1-0.6%2C1.1-1.2%20S56.9%2C44.8%2C56.2%2C44.8z%20M33.4%2C5.3h11.7v39.4H33.4V5.3z%20M12.9%2C15h11.7v29.7H12.9V15z%22%2F%3E%3C%2Fsvg%3E"); }
  .Header__menu_link--active.Header__menu_link_other::before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2015%2014%22%20style%3D%22enable-background%3Anew%200%200%2015%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3Anone%3Bstroke%3A%234280B8%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A10%3B%7D%20.st1%7Bfill%3Anone%3Bstroke%3A%234280B8%3Bstroke-miterlimit%3A10%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cline%20class%3D%22st0%22%20x1%3D%225.2%22%20y1%3D%222%22%20x2%3D%2214.3%22%20y2%3D%222%22%2F%3E%20%3Cline%20class%3D%22st0%22%20x1%3D%225.2%22%20y1%3D%227%22%20x2%3D%2214.3%22%20y2%3D%227%22%2F%3E%20%3Cline%20class%3D%22st0%22%20x1%3D%225.2%22%20y1%3D%2212%22%20x2%3D%2214.3%22%20y2%3D%2212%22%2F%3E%20%3Ccircle%20class%3D%22st1%22%20cx%3D%221.9%22%20cy%3D%222%22%20r%3D%221.2%22%2F%3E%20%3Ccircle%20class%3D%22st1%22%20cx%3D%221.9%22%20cy%3D%227%22%20r%3D%221.2%22%2F%3E%20%3Ccircle%20class%3D%22st1%22%20cx%3D%221.9%22%20cy%3D%2212%22%20r%3D%221.2%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }

.Header__inner--sp {
  background-color: #fff; }

/**
 * MainVisual ブロック
 *
 */
.MainVisual {
  overflow: hidden; }

.MainVisual__back {
  margin-top: 120px; }
  @media (max-width: 767px) {
    .MainVisual__back {
      margin-top: 0; } }

.MainVisual__back_underlayer {
  margin-top: 80px; }

.MainVisual__area {
  position: relative;
  width: 100%;
  height: 395px;
  text-align: center;
  background: url(../img/kv.png) center top 50% no-repeat;
  background-size: cover; }
  @media (max-width: 767px) {
    .MainVisual__area {
      min-height: 430px;
      height: 100vh;
      background-position: center top; }
      .MainVisual__area:after {
        position: absolute;
        bottom: -20px;
        left: 0;
        z-index: 0;
        content: '';
        width: 100%;
        height: 100px;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.7)), color-stop(70%, white));
        background: -webkit-linear-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.7) 50%, white 70%);
        background: -o-linear-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.7) 50%, white 70%);
        background: linear-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.7) 50%, white 70%); } }

.MainVisual__area_tv {
  height: 244px;
  background: url(../img/kv_tv.jpg) center top 50% no-repeat;
  background-size: cover; }
  @media (max-width: 767px) {
    .MainVisual__area_tv {
      height: 175px;
      min-height: auto; }
      .MainVisual__area_tv::after {
        display: none; } }

.MainVisual__tx_area {
  position: absolute;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: #fff;
  font-weight: 400;
  letter-spacing: 0.04em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }
  @media (max-width: 767px) {
    .MainVisual__tx_area {
      top: calc(15% + 30px);
      left: 50%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%); }
      .MainVisual__area_tv .MainVisual__tx_area {
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); } }

.MainVisual__tx_main {
  font-size: 1.5rem;
  line-height: 2;
  text-align: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: auto; }
  @media (max-width: 767px) {
    .MainVisual__tx_main {
      font-size: 1rem;
      line-height: 2.0625; } }

.MainVisual__tx_sab {
  font-size: 1.125rem;
  margin-top: 30px;
  margin-right: 10px;
  text-align: right; }
  .MainVisual__tx_sab::before {
    content: "―";
    display: inline-block;
    vertical-align: middle; }
  @media (max-width: 767px) {
    .MainVisual__tx_sab {
      font-size: 0.875rem;
      margin-top: 20px; } }

.MainVisual__area_intro {
  padding: 50px 0;
  background-color: #E5F1F9; }
  @media (max-width: 767px) {
    .MainVisual__area_intro {
      padding: 30px 0 40px; } }

.MainVisual__area_intro_head {
  font-size: 2.92937rem;
  color: #4280B8;
  font-weight: bold;
  letter-spacing: 0.180em;
  text-align: center;
  margin-bottom: 40px; }
  @media (max-width: 767px) {
    .MainVisual__area_intro_head {
      font-size: 1.4375rem;
      margin-bottom: 25px; } }

.MainVisual__intro_main_area {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 880px;
  padding: 0 20px;
  margin: 0 auto 40px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  @media (max-width: 767px) {
    .MainVisual__intro_main_area {
      max-width: none;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-flow: column;
      flex-flow: column;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      margin-bottom: 15px; } }

.MainVisual__intro_main_area_img {
  width: 405px;
  height: 170px;
  background: url(../img/intro_kv.png) no-repeat center;
  background-size: contain; }
  @media (max-width: 767px) {
    .MainVisual__intro_main_area_img {
      position: relative;
      width: 300px;
      height: 125px;
      margin-top: -35px;
      z-index: 2; } }

.MainVisual__intro_bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  @media (max-width: 767px) {
    .MainVisual__intro_bottom {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-flow: column;
      flex-flow: column;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; } }

.MainVisual__intro_bottom_l {
  position: relative;
  width: 232px;
  height: 30px; }
  @media (max-width: 767px) {
    .MainVisual__intro_bottom_l {
      width: 300px; } }

.MainVisual__intro_bottom_frame {
  width: 100%;
  height: 100%;
  padding: 0.3em 0.3em 0.3em 0.8em;
  -webkit-transform: skewX(-15deg);
  -ms-transform: skewX(-15deg);
  transform: skewX(-15deg);
  color: #ffffff;
  background-color: #4280B8;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); }

.MainVisual__intro_bottom_tx {
  position: absolute;
  width: 100%;
  color: #fff;
  text-align: center;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 1rem; }

.MainVisual__intro_bottom_r {
  width: 265px;
  height: 26px;
  background: url(../img/intro_kv_tx_sub.svg) no-repeat center;
  background-size: contain;
  margin-left: 20px; }
  @media (max-width: 767px) {
    .MainVisual__intro_bottom_r {
      margin-top: 15px;
      margin-left: 0; } }

.MainVisual__tx_main--lg {
  white-space: nowrap;
  font-size: 3.58062rem;
  letter-spacing: 0.14em;
  font-weight: 500; }
  @media (max-width: 767px) {
    .MainVisual__tx_main--lg {
      font-size: 1.75rem; } }

/**
 * Card ブロック
 *
 */
.Card__inner {
  padding: 0; }
  @media (max-width: 1024px) {
    .Card__inner {
      width: 74.2%; } }
  @media (max-width: 767px) {
    .Card__inner {
      width: 100%; } }

.Card__archives__inner {
  padding: 0 0 0 30px; }
  @media (max-width: 1054px) {
    .Card__archives__inner {
      width: 100%;
      padding: 0 30px; } }
  @media (max-width: 767px) {
    .Card__archives__inner {
      width: 100%;
      height: 100%;
      margin-left: auto;
      margin-right: auto;
      position: relative;
      overflow: hidden;
      list-style: none; } }

.Card__area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  @media (max-width: 767px) {
    .Card__area.Card__schedule_area {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-flow: column;
      flex-flow: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; } }

.Card__schedule_area {
  padding-left: 30px; }
  @media (max-width: 1024px) {
    .Card__schedule_area {
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; } }
  @media (max-width: 767px) {
    .Card__schedule_area {
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      padding: 0 30px; } }

.Card__archives_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  @media (max-width: 1024px) {
    .Card__archives_area {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; } }
  @media (max-width: 767px) {
    .Card__archives_area {
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start; } }

@media (max-width: 767px) {
    .Card__archives_area--recommend {
      display: block;
    }}

.Card__box {
  position: relative;
  display: block;
  background-size: cover;
  background-position: center;
  background-color: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);
  cursor: pointer;
  -webkit-transition: all .8s;
  -o-transition: all .8s;
  transition: all .8s;
  overflow: hidden; }
  @media (max-width: 767px) {
    .Card__box {
      -webkit-transition: .8s;
      -o-transition: .8s;
      transition: .8s; } }
  .Card__box::before {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: .8s;
    -o-transition: .8s;
    transition: .8s; }
  .Card__box:hover, .Card__box:active {
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s; }
    .Card__box:hover::before, .Card__box:active::before {
      width: 140%;
      -webkit-transition: 0.4s;
      -o-transition: 0.4s;
      transition: 0.4s; }
    .Card__archives_area .Card__box:hover::before, .Card__archives_area .Card__box:active::before {
      width: 140%;
      -webkit-transition: 0.4s;
      -o-transition: 0.4s;
      transition: 0.4s; }
      @media (max-width: 767px) {
        .Card__archives_area .Card__box:hover::before, .Card__archives_area .Card__box:active::before {
          width: 200%; } }
  @media (max-width: 767px) {
    .Card__schedule_area .Card__box_list .Card__box {
      width: 100%;
      background-image: none; } }
  @media (max-width: 1024px) {
    .Card__archives_area .Card__box:nth-child(1) {
      margin-left: 0; } }
  .Card__archives_area .Card__box:nth-child(5) {
    margin-left: 0; }
  @media (max-width: 767px) {
    .Card__archives_area .Card__box {
      width: 100%;
      height: 73px; } }
  .Card__schedule_area .Card__box:first-child {
    margin-bottom: 50px; }
    @media (max-width: 767px) {
      .Card__schedule_area .Card__box:first-child {
        margin-bottom: 40px; } }

.Card__box_time_label {
  position: absolute;
  top: 16px;
  right: 16px; }

.Card__box_op_label {
  position: absolute;
  top: -15px;
  left: -10px;
  z-index: 2; }
  .Card__box--not_open .Card__box_op_label {
    display: none; }

.Card__box_label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-flow: column;
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
  padding: 10px 20px;
  padding-top: 66px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  letter-spacing: 0.04em; }
  .Card__box_first .Card__box_label {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: start; }

.Card__box_time {
  color: #4280B8;
  font-size: 1.125rem;
  -ms-flex-negative: 0;
  flex-shrink: 0; }
  .Card__box_list_main .Card__box_time {
    position: absolute;
    display: none;
    font-size: 1.5rem;
    top: -35px;
    left: 0; }
    @media (max-width: 767px) {
      .Card__box_list_main .Card__box_time {
        font-size: 1.125rem;
        color: #fff;
        top: -24px;
        left: auto;
        right: 12px; } }
  .Card__box--not_open .Card__box_time {
    display: block; }

@media (max-width: 767px) {
  .Card__schedule_area .Card__box_time_label_secondary {
    display: none; } }

.Card__archives_area .Card__box_time_label_secondary {
  position: absolute;
  background-color: #fff;
  color: rgba(255, 255, 255, 0.1);
  top: 7px;
  right: 7px; }

.Card__box_label_secondary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  padding-top: 20px; }
  .Card__class__inner .Card__box_label_secondary {
    -webkit-box-pack: unset;
    -ms-flex-pack: unset;
    justify-content: unset; }
    @media (max-width: 767px) {
      .Card__class__inner .Card__box_label_secondary {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; } }
  @media (max-width: 767px) {
    .Card__schedule_area .Card__box_label_secondary {
      position: relative;
      height: auto;
      width: 100%;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-flow: unset;
      flex-flow: unset;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      line-height: 1;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      padding: 6px 14px;
      border-radius: 4px;
      font-size: 1rem; } }



.Card__box_label_class {
  display: block;
  font-weight: bold;
  max-width: 90%;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis; }
  @media (max-width: 767px) {
    .Card__box_label_class {
      line-height: 1.53125; } }

.Card__box_label_name {
  /* max-width: 4em; */
  margin-top: 10px;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis; }
  .Card__box_list_main .Card__box_label_name {
    margin-top: 25px; }
  @media (max-width: 767px) {
    .Card__schedule_area .Card__box_label_name {
      margin-top: 10px;
      -ms-flex-negative: 0;
      flex-shrink: 0; } }

.Card__box_label_recommend {
    color: #4280B8;
    padding: 7px 8px 6px;
    height: auto;
    font-size: 15px;
    display: block;
    position: relative;
    line-height: 45px;
    font-weight: bold;
}
@media (max-width: 767px) {
    .Card__box_label_recommend {
        color: #333d47;
        height: 100%;
        padding: 16px 0 0 68px;
    }
}
.Card__box_label_recommend--two_line {
    line-height: 1.5;
}
.Card__box_label_recommend::before {
    content: "";
    position: absolute;
    width: 8px;
    height: 15px;
    background: url(../img/icon_arrow.png) no-repeat center;
    background-size: contain;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 14px;
    transition: all 0.3s;
}
@media (max-width: 767px) {
    .Card__box_label_recommend::before {
        background: url(../img/icon_arrow_black.png) 0 0 / auto 100% no-repeat;
        transform: rotate(180deg) translateY(-50%);
        transform-origin: 0% 0%;
    } }
.Card__box_list--recommend:hover .Card__box_label_recommend::before {
    -webkit-transform: translate(14px, -50%);
    -ms-transform: translate(14px, -50%);
    transform: translate(14px, -50%);
}
@media (max-width: 767px) {
    .Card__box_list--recommend:hover .Card__box_label_recommend::before {
        transform: rotate(180deg) translateY(-50%);
    }}

.Card__box_list_main {
  position: relative;
  width: 32.524%;
  display: block; }
  @media (max-width: 1024px) {
    .Card__box_list_main {
      width: 60%; } }
  @media (max-width: 767px) {
    .Card__box_list_main {
      width: 100%; } }
  .Card__schedule_area .Card__box_list_main {
    margin-right: 30px;
    margin-bottom: 60px; }
    @media (max-width: 767px) {
      .Card__schedule_area .Card__box_list_main {
        margin-right: 0;
        margin-bottom: 40px; } }
  .Card__box_list_main:hover, .Card__box_list_main:active {
    opacity: 1; }
    @media (max-width: 767px) {
      .Card__box_list_main:hover, .Card__box_list_main:active {
        opacity: 0.9; }
        .Card__box_list_main:hover .Card__box, .Card__box_list_main:active .Card__box {
          opacity: 1; } }

.Card__box--recommend {
    box-shadow: none;
    border-radius: 0;
    background: url("../img/ph_recommend01.jpg") no-repeat;
    cursor: pointer;
    padding-top: 146px;
}
@media (max-width: 767px) {
.Card__archives_area .Card__box--recommend {
    background: none;
    width: 100% !important;
    height: 100% !important;
    max-width: 100%;
    max-height: 100%;
    padding: 0;
}}
@media (max-width: 767px) {
    .Card__archives_area .Card__box--recommend_basic {
        border-top: 1px solid #333D47;
        background: url("../img/icon_recommend07.png") left 4% top 50% / auto 59% no-repeat;
    }
}
.Card__box--recommend_sleep {
    background: url("../img/ph_recommend02.jpg") no-repeat;
}
@media (max-width: 767px) {
    .Card__archives_area .Card__box--recommend_sleep {
        background: url("../img/icon_recommend01.png") left 4% top 50% / auto 59% no-repeat;
    }
}
.Card__box--recommend_stress {
    background: url("../img/ph_recommend03.jpg") no-repeat;
}
@media (max-width: 767px) {
    .Card__archives_area .Card__box--recommend_stress {
        background: url("../img/icon_recommend02.png") left 4% top 50% / auto 59% no-repeat;
    }
}
.Card__box--recommend_concentration {
    background: url("../img/ph_recommend04.jpg") no-repeat;
}
@media (max-width: 767px) {
    .Card__archives_area .Card__box--recommend_concentration {
        background: url("../img/icon_recommend03.png") left 4% top 50% / auto 59% no-repeat;
    }
}
.Card__box--recommend_condition {
    background: url("../img/ph_recommend05.jpg") no-repeat;
}
@media (max-width: 767px) {
    .Card__archives_area .Card__box--recommend_condition {
        background: url("../img/icon_recommend04.png") left 4% top 50% / auto 59% no-repeat;
    }
}
.Card__box--recommend_relationships {
    background: url("../img/ph_recommend06.jpg") no-repeat;
}
@media (max-width: 767px) {
    .Card__archives_area .Card__box--recommend_relationships {
        background: url("../img/icon_recommend05.png") left 4% top 50% / auto 59% no-repeat;
    }
}
.Card__box--recommend_senior {
    background: url("../img/ph_recommend07.jpg") no-repeat;
}
@media (max-width: 767px) {
    .Card__archives_area .Card__box--recommend_senior {
        background: url("../img/icon_recommend06.png") left 4% top 50% / auto 59% no-repeat;
    }
}
.Card__box_list {
  width: 19%;
  max-width: 200px; }
  .Card__schedule_area .Card__box_list:nth-child(5) {
    margin-left: 0; }
  @media (max-width: 1024px) {
    .Card__schedule_area .Card__box_list:nth-child(8) {
      display: none; } }
  @media (max-width: 767px) {
    .Card__schedule_area .Card__box_list:nth-child(8) {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; } }
  .Card__archives_area .Card__box_list {
    margin-left: 30px;
    margin-bottom: 40px; }
    @media (max-width: 833px) {
      .Card__archives_area .Card__box_list:nth-child(8) {
        display: none; } }
    @media (max-width: 1055px) {
      .Card__archives_area .Card__box_list:nth-child(9) {
        display: none; } }
    @media (max-width: 1024px) {
      .Card__archives_area .Card__box_list {
        width: 22%;
        margin-left: 2%; } }
  @media (max-width: 1024px) and (max-width: 767px) {
    .Card__archives_area .Card__box_list {
      display: block;
      max-width: none;
      width: 100%; } }
    @media (max-width: 767px) {
      .Card__archives_area .Card__box_list {
        width: 167px !important;
        height: 180px !important;
        margin-bottom: 20px;
        margin-left: 0; } }
  .Card__schedule_area .Card__box_list {
    margin-right: 30px;
    margin-bottom: 60px; }
    @media (max-width: 1024px) {
      .Card__schedule_area .Card__box_list {
        max-width: none;
        width: 29%;
        margin-left: 0; } }
    @media (max-width: 767px) {
      .Card__schedule_area .Card__box_list {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px; } }
  @media (max-width: 767px) {
    .Card__box_list {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      width: 100%;
      margin-bottom: 20px; } }
  .Card__class__inner .Card__box_list {
    width: 165px;
    margin-left: 35px;
    margin-bottom: 40px; }
    .Card__class__inner .Card__box_list:nth-child(1) {
      margin-left: 0; }
    .Card__class__inner .Card__box_list:nth-child(5) {
      margin-left: 0; }
      @media (max-width: 1024px) {
        .Card__class__inner .Card__box_list:nth-child(5) {
          margin-left: 35px; } }
    @media (max-width: 1024px) {
      .Card__class__inner .Card__box_list:nth-child(4) {
        margin-left: 0; } }
    @media (max-width: 767px) {
      .Card__class__inner .Card__box_list:nth-child(4) {
        margin-left: 35px; } }
    @media (max-width: 1024px) {
      .Card__class__inner .Card__box_list:nth-child(7) {
        display: none; } }
    @media (max-width: 767px) {
      .Card__class__inner .Card__box_list:nth-child(7) {
        display: block; } }
    @media (max-width: 1024px) {
      .Card__class__inner .Card__box_list:nth-child(8) {
        display: none; } }
    @media (max-width: 767px) {
      .Card__class__inner .Card__box_list:nth-child(8) {
        display: block; } }

.Card__date {
  position: relative; }
  .Card__class__inner .Card__date:nth-child(1) .Card__date_area::before {
    display: none; }
  @media (min-width: 1025px) {
    .Card__class__inner .Card__date:nth-child(5) .Card__date_area::before {
      display: none; } }
  @media (min-width: 768px) {
    .Card__class__inner .Card__date:nth-child(4) .Card__date_area::before {
      display: none; } }
  @media (min-width: 1025px) {
    .Card__class__inner .Card__date:nth-child(1) .Card__date_area::before {
      display: none; }
    .Card__class__inner .Card__date:nth-child(5) .Card__date_area::before {
      display: none; } }
  @media (max-width: 1024px) {
    .Card__schedule_area .Card__date {
      margin-left: 40% !important; }
      .Card__schedule_area .Card__date::before {
        position: absolute;
        content: "";
        display: block;
        width: 100%;
        height: 0;
        padding-top: 82%;
        border-left: 1px solid #4280B8;
        left: -25vw;
        bottom: 0; } }
  @media (max-width: 767px) {
    .Card__schedule_area .Card__date {
      margin-top: 60px;
      margin-left: 0 !important; }
      .Card__schedule_area .Card__date::before {
        display: none; } }

.Card__date_area {
  position: absolute;
  display: none;
  color: #4280B8;
  top: -30px; }
  .Card__date .Card__date_area {
    display: block; }
  @media (max-width: 1024px) {
    .Card__schedule_area .Card__date_area {
      top: 50%;
      left: -19vw;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%); } }
  @media (max-width: 767px) {
    .Card__schedule_area .Card__date_area {
      position: absolute;
      width: 100%;
      top: -40px;
      left: auto;
      -webkit-transform: unset;
      -ms-transform: unset;
      transform: unset; }
    .Card__class__inner .Card__date_area {
      display: none; } }
  .Card__date_area::before {
    position: absolute;
    content: "";
    display: block;
    width: 2px;
    height: 184px;
    background-color: #4280B8;
    top: 0;
    left: -15px; }
    .Card__class__inner .Card__date_area::before {
      left: -18px; }
    @media (max-width: 1024px) {
      .Card__schedule_area .Card__date_area::before {
        display: none; } }
    @media (max-width: 767px) {
      .Card__schedule_area .Card__date_area::before {
        position: relative;
        display: block;
        width: 100%;
        height: 1px;
        top: -7.5px;
        left: 0; } }

.Card__date_box {
  font-weight: 400; }
  @media (max-width: 767px) {
    .Card__date_box {
      display: inline-block;
      position: absolute;
      padding: 0 10px;
      left: 16%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%); } }

.Card__date_box_tx {
  font-size: 1.5rem;
  font-weight: 700; }
  @media (max-width: 767px) {
    .Card__date_box_tx {
      font-size: 16px; } }

.Card__day_tx_sub {
  position: relative;
  font-size: 1rem;
  margin-left: 5px;
  bottom: 2px; }
  @media (max-width: 767px) {
    .Card__day_tx_sub {
      font-size: 0.875rem; } }

.Card__box_top {
  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: flex-end;
  margin-bottom: 7px; }
  @media (max-width: 767px) {
    .Card__box_top {
      margin-bottom: 0; }
      .Card__class__inner .Card__box_top {
        display: none; } }

.Card__box_play {
  position: absolute;
  top: 14px;
  right: 14px; }

.Card__class_area {
  padding-top: 30px; }

.Card__class_archives {
  margin-top: 40px; }
  @media (max-width: 767px) {
    .Card__class_archives {
      margin-top: 20px; } }

.Card__class__inner {
  max-width: 900px; }
  ._error .Card__class__inner {
    display: none; }
  @media (max-width: 1024px) {
    .Card__class__inner {
      max-width: 720px; } }

.Card__class_box {
  width: 100%;
  height: 116px; }

.Card__class_box_time_label_secondary {
  display: none; }
  @media (max-width: 767px) {
    .Card__class_box_time_label_secondary {
      display: block; } }

.Card__box_label_schedule {
  display: none; }
  @media (max-width: 767px) {
    .Card__box_label_schedule {
      position: absolute;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      bottom: 18px; } }

.Card__box_label_schedule_time {
  margin-left: 10px; }

.Card__box--lg {
  width: 100%;
  height: 0;
  max-width: 348px;
  max-height: 250px;
  padding-top: calc(250/350*100%); }
  @media (max-width: 1024px) {
    .Card__schedule_area .Card__box--lg {
      max-width: none;
      max-height: none;
      width: 100%;
      padding-top: calc(250/350*100%); } }
  @media (max-width: 767px) {
    .Card__schedule_area .Card__box--lg {
      width: 100%;
      height: 0;
      padding-top: calc(470/660*100%); } }

.Card__box--sm {
  width: 100%;
  height: 0;
  max-width: 200px;
  max-height: 120px;
  padding-top: calc(120/200*100%); }
  @media (max-width: 767px) {
    .Card__schedule_area .Card__box--sm {
      width: 100%;
      max-width: none;
      max-height: none;
      padding: 0; } }
  @media (max-width: 767px) {
    .Card__archives_area .Card__box--sm {
      width: 100%;
      max-width: none;
      max-height: none;
      padding: 0 } }
  @media (max-width: 1024px) {
    .Card__box--sm {
      max-width: none;
      max-height: none;
      width: 100%;
      height: auto; } }

.Card__box--md {
  width: 22%;
  height: 0;
  max-width: 226px;
  max-height: 160px;
  padding-top: calc(160/226*22%); }
  .Card__archives_area .Card__box--md {
    margin-bottom: 40px; }
    @media (max-width: 1024px) {
      .Card__archives_area .Card__box--md {
        max-width: none;
        max-height: none;
        padding-top: calc(160/226*30%); } }
    @media (max-width: 767px) {
      .Card__archives_area .Card__box--md {
        margin-bottom: 20px;
        padding-top: 0; } }

.Card__box_label--cl01 {
  background-color: rgba(77, 157, 122, 0.69); }
  .Card__box_label--cl01 .Card__box_time_label_secondary {
    color: #4D9D7A; }
  @media (max-width: 767px) {
    .Card__schedule_area .Card__box_list .Card__box_label--cl01 {
      background-color: #4D9D7A; } }

.Card__box_label--cl02 {
  background-color: rgba(242, 127, 124, 0.69); }
  .Card__box_label--cl02 .Card__box_time_label_secondary {
    color: #EB615A; }
  @media (max-width: 767px) {
    .Card__schedule_area .Card__box_list .Card__box_label--cl02 {
      background-color: #F27F7C; } }

.Card__box_label--cl03 {
  background-color: rgba(170, 206, 54, 0.69); }
  .Card__box_label--cl03 .Card__box_time_label_secondary {
    color: #8AC88D; }
  @media (max-width: 767px) {
    .Card__schedule_area .Card__box_list .Card__box_label--cl03 {
      background-color: #8AC88D; } }

.Card__box_label--cl04 {
  background-color: rgba(169, 203, 231, 0.69); }
  .Card__box_label--cl04 .Card__box_time_label_secondary {
    color: #4280B8; }
  @media (max-width: 767px) {
    .Card__schedule_area .Card__box_list .Card__box_label--cl04 {
      background-color: #A9CBE7; } }

.Card__box_label--cl05 {
  background-color: rgba(169, 203, 231, 0.69); }
  .Card__box_label--cl05 .Card__box_time_label_secondary {
    color: #4280B8; }
  @media (max-width: 767px) {
    .Card__schedule_area .Card__box_list .Card__box_label--cl05 {
      background-color: #A9CBE7; } }

.Card__box_label--cl06 {
  background-color: rgba(237, 146, 95, 0.69); }
  .Card__box_label--cl06 .Card__box_time_label_secondary {
    color: #ED925F; }
  @media (max-width: 767px) {
    .Card__schedule_area .Card__box_list .Card__box_label--cl06 {
      background-color: #ED925F; } }

.Card__box_label--cl07 {
  background-color: rgba(234, 146, 190, 0.69); }
  .Card__box_label--cl07 .Card__box_time_label_secondary {
    color: #EA92BE; }
  @media (max-width: 767px) {
    .Card__schedule_area .Card__box_list .Card__box_label--cl07 {
      background-color: #EA92BE; } }

.Card__box--cl_blue {
  background-color: #4280B8;
  color: #fff;
  background-image: none; }
  .Card__box--cl_blue:hover {
    opacity: 0.7 !important; }
  .Card__box--cl_blue::before {
    background-image: none; }
  .Card__box--cl_blue .Card__box_time_label_secondary {
    color: #4280B8; }
  .Card__box--cl_blue:hover, .Card__box--cl_blue:active {
    opacity: 0.7; }

.Card__box--play {
  background-color: #fff; }

@media (max-width: 1024px) {
  .Card__box_list-tb {
    display: none; } }

.Card__box--basic .Card__box::before {
  background-image: url(../img/000_Class_pic_Basic.jpg);
  background-size: cover; }

.Card__box--basic .Card__box_label {
  background-color: rgba(110, 155, 197, 0.69); }

.Card__archives_area .Card__box--basic .Card__box_time_label_secondary {
  color: #6e9bc5; }

@media (max-width: 767px) {
  .Card__schedule_area .Card__box_list .Card__box--basic {
    background-color: #6e9bc5; } }

.Card__box--recognition .Card__box::before {
  background-image: url(../img/001_Class_pic_Recognition.jpg);
  background-size: cover; }

.Card__box--recognition .Card__box_label {
  background-color: rgba(250, 192, 61, 0.69); }

.Card__archives_area .Card__box--recognition .Card__box_time_label_secondary {
  color: #fac03d; }

@media (max-width: 767px) {
  .Card__schedule_area .Card__box_list .Card__box--recognition {
    background-color: #fac03d; } }

.Card__box--focus .Card__box::before {
  background-image: url(../img/002_Class_pic_Focus.jpg);
  background-size: cover; }

.Card__box--focus .Card__box_label {
  background-color: rgba(138, 200, 141, 0.69); }

.Card__archives_area .Card__box--focus .Card__box_time_label_secondary {
  color: #8ac88d; }

@media (max-width: 767px) {
  .Card__schedule_area .Card__box_list .Card__box--focus {
    background-color: #8ac88d; } }

.Card__box--heart .Card__box::before {
  background-image: url(../img/003_Class_pic_Heart.jpg);
  background-size: cover; }

.Card__box--heart .Card__box_label {
  background-color: rgba(238, 134, 161, 0.69); }

.Card__archives_area .Card__box--heart .Card__box_time_label_secondary {
  color: #ee86a1; }

@media (max-width: 767px) {
  .Card__schedule_area .Card__box_list .Card__box--heart {
    background-color: #ee86a1; } }

.Card__box--breath .Card__box::before {
  background-image: url(../img/004_Class_pic_Breath.jpg);
  background-size: cover; }

.Card__box--breath .Card__box_label {
  background-color: rgba(134, 187, 219, 0.69); }

.Card__archives_area .Card__box--breath .Card__box_time_label_secondary {
  color: #86bbdb; }

@media (max-width: 767px) {
  .Card__schedule_area .Card__box_list .Card__box--breath {
    background-color: #86bbdb; } }

.Card__box--advanced .Card__box::before {
  background-image: url(../img/005_Class_pic_Advanced.jpg);
  background-size: cover; }

.Card__box--advanced .Card__box_label {
  background-color: rgba(235, 97, 90, 0.69); }

.Card__archives_area .Card__box--advanced .Card__box_time_label_secondary {
  color: #eb615a; }

@media (max-width: 767px) {
  .Card__schedule_area .Card__box_list .Card__box--advanced {
    background-color: #eb615a; } }

.Card__box--kids .Card__box::before {
  background-image: url(../img/006_Class_pic_Kids.jpg);
  background-size: cover; }

.Card__box--kids .Card__box_label {
  background-color: rgba(111, 190, 199, 0.69); }

.Card__archives_area .Card__box--kids .Card__box_time_label_secondary {
  color: #6fbec7; }

@media (max-width: 767px) {
  .Card__schedule_area .Card__box_list .Card__box--kids {
    background-color: #6fbec7; } }

.Card__box--relax .Card__box::before {
  background-image: url(../img/007_Class_pic_Relax.jpg);
  background-size: cover; }

.Card__box--relax .Card__box_label {
  background-color: rgba(170, 206, 54, 0.69); }

.Card__archives_area .Card__box--relax .Card__box_time_label_secondary {
  color: #aace36; }

@media (max-width: 767px) {
  .Card__schedule_area .Card__box_list .Card__box--relax {
    background-color: #aace36; } }

.Card__box--refresh .Card__box::before {
  background-image: url(../img/008_Class_pic_Refresh.jpg);
  background-size: cover; }

.Card__box--refresh .Card__box_label {
  background-color: rgba(218, 92, 148, 0.69); }

.Card__archives_area .Card__box--refresh .Card__box_time_label_secondary {
  color: #da5c94; }

@media (max-width: 767px) {
  .Card__schedule_area .Card__box_list .Card__box--refresh {
    background-color: #da5c94; } }

.Card__box--body-care .Card__box::before {
  background-image: url(../img/009_Class_pic_Bodycare.jpg);
  background-size: cover; }

.Card__box--body-care .Card__box_label {
  background-color: rgba(240, 132, 65, 0.69); }

.Card__archives_area .Card__box--body-care .Card__box_time_label_secondary {
  color: #f08441; }

@media (max-width: 767px) {
  .Card__schedule_area .Card__box_list .Card__box--body-care {
    background-color: #f08441; } }

.Card__box--sleep .Card__box::before {
  background-image: url(../img/010_Class_pic_Sleep.jpg);
  background-size: cover; }

.Card__box--sleep .Card__box_label {
  background-color: rgba(0, 109, 167, 0.69); }

.Card__archives_area .Card__box--sleep .Card__box_time_label_secondary {
  color: #006da7; }

@media (max-width: 767px) {
  .Card__schedule_area .Card__box_list .Card__box--sleep {
    background-color: #006da7; } }

.Card__box--mindfulness-yoga .Card__box::before {
  background-image: url(../img/011_Class_pic_MindfulnessYoga.jpg);
  background-size: cover; }

.Card__box--mindfulness-yoga .Card__box_label {
  background-color: rgba(77, 157, 122, 0.69); }

.Card__archives_area .Card__box--mindfulness-yoga .Card__box_time_label_secondary {
  color: #4d9d7a; }

@media (max-width: 767px) {
  .Card__schedule_area .Card__box_list .Card__box--mindfulness-yoga {
    background-color: #4d9d7a; } }

.Card__box--yin-yoga .Card__box::before {
  background-image: url(../img/012_Class_pic_YinYoga.jpg);
  background-size: cover; }

.Card__box--yin-yoga .Card__box_label {
  background-color: rgba(166, 96, 163, 0.69); }

.Card__archives_area .Card__box--yin-yoga .Card__box_time_label_secondary {
  color: #a660a3; }

@media (max-width: 767px) {
  .Card__schedule_area .Card__box_list .Card__box--yin-yoga {
    background-color: #a660a3; } }

.Card__box--whats-mindfulness .Card__box::before {
  background-image: url(../img/013_Class_pic_Whats_Mindfulness.jpg);
  background-size: cover; }

.Card__box--whats-mindfulness .Card__box_label {
  background-color: rgba(201, 190, 184, 0.69); }

.Card__archives_area .Card__box--whats-mindfulness .Card__box_time_label_secondary {
  color: #c9beb8; }

@media (max-width: 767px) {
  .Card__schedule_area .Card__box_list .Card__box--whats-mindfulness {
    background-color: #c9beb8; } }

.Card__box--silent .Card__box::before {
  background-image: url(../img/014_Class_pic_Silent.jpg);
  background-size: cover; }

.Card__box--silent .Card__box_label {
  background-color: rgba(169, 189, 186, 0.69); }

.Card__archives_area .Card__box--silent .Card__box_time_label_secondary {
  color: #a9bdba; }

@media (max-width: 767px) {
  .Card__schedule_area .Card__box_list .Card__box--silent {
    background-color: #a9bdba; } }

.Card__box--more-mindfulness .Card__box::before {
  background-image: url(../img/015_Class_pic_MoreMindfulness.jpg);
  background-size: cover; }

.Card__box--more-mindfulness .Card__box_label {
  background-color: rgba(170, 160, 156, 0.69); }

.Card__archives_area .Card__box--more-mindfulness .Card__box_time_label_secondary {
  color: #aaa09c; }

@media (max-width: 767px) {
  .Card__schedule_area .Card__box_list .Card__box--more-mindfulness {
    background-color: #aaa09c; } }

.Card__box--yoga-nidra .Card__box::before {
  background-image: url(../img/016_Class_pic_YogaNidra.jpg);
  background-size: cover; }

.Card__box--yoga-nidra .Card__box_label {
  background-color: rgba(26, 46, 114, 0.69); }

.Card__archives_area .Card__box--yoga-nidra .Card__box_time_label_secondary {
  color: #1a2e72; }

@media (max-width: 767px) {
  .Card__schedule_area .Card__box_list .Card__box--yoga-nidra {
    background-color: #1a2e72; } }

.Card__box--candle .Card__box::before {
  background-image: url(../img/017_Class_pic_Candle.jpg);
  background-size: cover; }

.Card__box--candle .Card__box_label {
  background-color: rgba(247, 181, 103, 0.69); }

.Card__archives_area .Card__box--candle .Card__box_time_label_secondary {
  color: #f7b567; }

@media (max-width: 767px) {
  .Card__schedule_area .Card__box_list .Card__box--candle {
    background-color: #f7b567; } }

.Card__box--morning .Card__box::before {
  background-image: url(../img/018_Class_pic_Morning.jpg);
  background-size: cover; }

.Card__box--morning .Card__box_label {
  background-color: rgba(1, 90, 155, 0.69); }

.Card__archives_area .Card__box--morning .Card__box_time_label_secondary {
  color: #015a9b; }

@media (max-width: 767px) {
  .Card__schedule_area .Card__box_list .Card__box--morning {
    background-color: #015a9b; } }

.Card__box--body-scan .Card__box::before {
  background-image: url(../img/019_Class_pic_Bodyscan.jpg);
  background-size: cover; }

.Card__box--body-scan .Card__box_label {
  background-color: rgba(245, 177, 22, 0.69); }

.Card__archives_area .Card__box--body-scan .Card__box_time_label_secondary {
  color: #f5b116; }

@media (max-width: 767px) {
  .Card__schedule_area .Card__box_list .Card__box--body-scan {
    background-color: #f5b116; } }

.Card__box--biz .Card__box::before {
  background-image: url(../img/020_Class_pic_Biz.jpg);
  background-size: cover; }

.Card__box--biz .Card__box_label {
  background-color: rgba(32, 138, 153, 0.69); }

.Card__archives_area .Card__box--biz .Card__box_time_label_secondary {
  color: #208a99; }

@media (max-width: 767px) {
  .Card__schedule_area .Card__box_list .Card__box--biz {
    background-color: #208a99; } }

.Card__box--flow-yoga .Card__box::before {
  background-image: url(../img/021_Class_pic_Flowyoga.jpg);
  background-size: cover; }

.Card__box--flow-yoga .Card__box_label {
  background-color: rgba(89, 178, 136, 0.69); }

.Card__archives_area .Card__box--flow-yoga .Card__box_time_label_secondary {
  color: #59b288; }

@media (max-width: 767px) {
  .Card__schedule_area .Card__box_list .Card__box--flow-yoga {
    background-color: #59b288; } }

.Card__box--freshman .Card__box::before {
  background-image: url(../img/022_Class_pic_Freshman.jpg);
  background-size: cover; }

.Card__box--freshman .Card__box_label {
  background-color: rgba(243, 176, 205, 0.69); }

.Card__archives_area .Card__box--freshman .Card__box_time_label_secondary {
  color: #f3b0cd; }

@media (max-width: 767px) {
  .Card__schedule_area .Card__box_list .Card__box--freshman {
    background-color: #f3b0cd; } }

.Card__box--morning-yoga .Card__box::before {
  background-image: url(../img/023_Class_pic_MorningYoga.jpg);
  background-size: cover; }

.Card__box--morning-yoga .Card__box_label {
  background-color: rgba(90, 76, 125, 0.69); }

.Card__archives_area .Card__box--morning-yoga .Card__box_time_label_secondary {
  color: #5a4c7d; }

@media (max-width: 767px) {
  .Card__schedule_area .Card__box_list .Card__box--morning-yoga {
    background-color: #5a4c7d; } }

.Card__box--special .Card__box::before {
  background-image: url(../img/024_Class_pic_Special.jpg);
  background-size: cover; }

.Card__box--special .Card__box_label {
  background-color: rgba(225, 216, 63, 0.69); }

.Card__archives_area .Card__box--special .Card__box_time_label_secondary {
  color: #e1d83f; }
@media (max-width: 767px) {
  .Card__schedule_area .Card__box_list .Card__box--special {
    background-color: #e1d83f; } }

.Card__box_list.Card__box_list--recommend {
    width: 200px;
    max-width: 200px;
    border-bottom: 1px solid #4280b1;
}
@media (max-width: 767px) {
  .Card__box_list.Card__box_list--recommend {
    width: 100%!important;
    height: 77px!important;
    max-width: 100%;
    border-bottom: 1px solid #333D47;
    margin-bottom: 0;
} }

/**
 * Label ブロック
 *
 */
.Label {
  color: #fff; }

.Label__time {
  width: 80px;
  color: #fff;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  background-color: #4280B8;
  border-radius: 14px;
  padding: 5px 0; }

.Label__op {
  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;
  width: 63px;
  height: 63px;
  font-size: 1rem;
  color: #fff;
  background-color: #4280B8;
  border-radius: 50%; }

.Label__play {
  position: relative;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background-color: #fff;
  top: 20px;
  right: 20px; }
  .Label__play span {
    position: absolute;
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 15px solid #4280B8;
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    top: -50%;
    left: -50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 20px;
    right: 20px; }

.Label__time--sm {
  color: #fff; }

.Label__time--white {
  background-color: #fff; }

.Label__time--sm {
  width: 53px; }

/**
 * Btn ブロック
 *
 */
.Btn {
  display: inline-block;
  font-size: 1rem;
  text-align: center;
  border-radius: 10px;
  padding: 17px;
  text-decoration: none;
  cursor: pointer; }

.Btn__area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.Btn__line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1rem;
  padding: 12px 30px;
  border: 1px solid #4280B8;
  color: #4280B8;
  text-align: center;
  border-radius: 8px;
  margin: 40px auto 0;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }
  .Btn__line:hover, .Btn__line:active {
    background-color: #4280B8;
    color: #fff;
    opacity: 1;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s; }
    @media (max-width: 767px) {
      .Btn__line:hover, .Btn__line:active {
        background-color: transparent;
        color: #4280B8;
        opacity: 0.7; } }
  @media (max-width: 767px) {
    .Btn__line {
      position: relative;
      border: none;
      border-radius: 0;
      padding: 0 2px 5px; }
      .Btn__line::before {
        position: absolute;
        content: "";
        width: 100%;
        height: 1px;
        background-image: -webkit-linear-gradient(left, #4280B8, #4280B8 4px, transparent 4px, transparent 9px);
        background-image: -o-linear-gradient(left, #4280B8, #4280B8 4px, transparent 4px, transparent 9px);
        background-image: linear-gradient(to right, #4280B8, #4280B8 4px, transparent 4px, transparent 9px);
        background-size: 9px 1px;
        background-repeat: repeat-x;
        bottom: 0;
        left: 0; } }

.Btn__dotted {
  position: relative;
  font-size: 1rem;
  border-radius: 0;
  color: #4280B8;
  padding: 0 2px 5px; }
  .Btn__dotted::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background-image: -webkit-linear-gradient(left, #4280B8, #4280B8 4px, transparent 4px, transparent 9px);
    background-image: -o-linear-gradient(left, #4280B8, #4280B8 4px, transparent 4px, transparent 9px);
    background-image: linear-gradient(to right, #4280B8, #4280B8 4px, transparent 4px, transparent 9px);
    background-size: 9px 1px;
    background-repeat: repeat-x;
    bottom: 0;
    left: 0; }

.Btn__icon_heart {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 52px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 17px 30px 17px 50px; }
  .Btn__icon_heart::before {
    position: absolute;
    content: "";
    display: inline-block;
    width: 20px;
    height: 16px;
    margin-right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 17px;
    -ms-flex-negative: 0;
    flex-shrink: 0; }
    @media (max-width: 767px) {
      .Btn__icon_heart::before {
        position: relative;
        top: auto;
        left: auto;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none; } }
  .Btn__icon_heart .Btn__icon_heart_tx--off {
    display: none; }
  .Btn__icon_heart._active {
    padding: 17px 10px; }
    .Btn__icon_heart._active .Btn__icon_heart_tx {
      display: none; }
    .Btn__icon_heart._active .Btn__icon_heart_tx--off {
      display: inline-block; }
    .Btn__icon_heart._active:hover, .Btn__icon_heart._active:active {
      background-color: transparent;
      opacity: 0.7; }
  @media (max-width: 767px) {
    .Btn__icon_heart {
      min-height: 46px;
      margin-bottom: 20px;
      padding: 15px 20px; } }

.Btn__blue {
  display: block;
  width: 230px;
  min-height: 36px;
  background-color: #4280b8;
  color: #fff;
  font-size: 1rem;
  text-align: center;
  margin: 0 auto;
  border: none;
  border-radius: 10px;
  padding: 9px 8px 11px;
  cursor: pointer;
  -webkit-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all; }
  .Btn__blue:hover, .Btn__blue:active {
    opacity: 0.8; }
  @media (max-width: 767px) {
    .Btn__blue {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      min-height: 48px;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      padding: 10px 8px; }
      .Btn__blue:active {
        opacity: 1;
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-transform: translateY(2px);
        -ms-transform: translateY(2px);
        transform: translateY(2px);
        -webkit-transition: 0.2s;
        -o-transition: 0.2s;
        transition: 0.2s; } }

.Btn__blue_back {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #fff;
  height: 50px;
  background-color: #4280b8;
  border-radius: 10px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.Btn--cl01 {
  color: #4280B8;
  background-color: rgba(169, 203, 231, 0.5); }
  .Btn--cl01:hover, .Btn--cl01:active {
    background-color: #A9CBE7; }

.Btn--cl02 {
  color: #fff;
  background-color: #4280B8; }
  .Btn--cl02:hover, .Btn--cl02:active {
    background-color: #A9CBE7; }

.Btn__line--mgt-md {
  margin-top: 27px; }

.Btn__line--mgt-lg {
  margin-top: 65px; }
  @media (max-width: 767px) {
    .Btn__line--mgt-lg {
      margin-top: 50px; } }

.Btn__line--mgt-sp {
  margin-top: 0px; }
  @media (max-width: 767px) {
    .Btn__line--mgt-sp {
      margin-top: 20px; } }

.Btn--md {
  width: 260px; }
  @media (max-width: 767px) {
    .Btn--md {
      width: 100%;
      margin-top: 20px; } }

.Btn__icon_heart--cl01 {
  width: 256px;
  height: 52px;
  color: #fff;
  background-color: #4280B8; }
  @media (max-width: 767px) {
    .Btn__icon_heart--cl01 {
      width: 100%;
      height: 46px; } }
  @media (max-width: 374px) {
    .Btn__icon_heart--cl01 {
      font-size: 0.875rem;
      padding: 0; } }
  .Btn__icon_heart--cl01::before {
    background: url(../img/icon_heart.png) no-repeat center;
    background-size: contain; }
  .Btn__icon_heart--cl01._active {
    background-color: transparent;
    border: 1px solid #4280b8;
    color: #4280B8; }
    .Btn__icon_heart--cl01._active::before {
      display: none; }
  .Btn__icon_heart--cl01:hover, .Btn__icon_heart--cl01:active {
    background-color: #3278AD; }

.Btn__icon_heart--cl02 {
  width: 336px;
  height: 52px;
  color: #4280B8;
  background-color: rgba(169, 203, 231, 0.5); }
  @media (max-width: 767px) {
    .Btn__icon_heart--cl02 {
      width: 100%;
      height: 46px; } }
  @media (max-width: 443px) {
    .Btn__icon_heart--cl02 {
      height: 52px; } }
  @media (max-width: 374px) {
    .Btn__icon_heart--cl02 {
      font-size: 0.875rem;
      padding: 0; } }
  .Btn__icon_heart--cl02 .Btn__icon_heart--br {
    display: none; }
    @media (max-width: 450px) {
      .Btn__icon_heart--cl02 .Btn__icon_heart--br {
        display: block; } }
  .Btn__icon_heart--cl02::before {
    background: url(../img/icon_heart_blue.png) no-repeat center;
    background-size: contain; }
  .Btn__icon_heart--cl02._active {
    background-color: transparent;
    border: 1px solid #4280b8;
    background: none; }
    .Btn__icon_heart--cl02._active::before {
      display: none; }
  .Btn__icon_heart--cl02:hover, .Btn__icon_heart--cl02:active {
    background-color: #A9CBE7; }

.Btn__dotted--white {
  color: #fff; }
  .Btn__dotted--white::before {
    background-image: -webkit-linear-gradient(left, #fff, #fff 4px, transparent 4px, transparent 9px);
    background-image: -o-linear-gradient(left, #fff, #fff 4px, transparent 4px, transparent 9px);
    background-image: linear-gradient(to right, #fff, #fff 4px, transparent 4px, transparent 9px); }

.Btn--line {
  border: 1px solid #4280b8;
  color: #4280b8;
  padding: 15px;
  -webkit-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all; }
  .Btn--line:hover {
    background-color: #4280b8;
    color: #fff; }

.Btn__blue--lg {
  width: 260px; }
  @media (max-width: 767px) {
    .Btn__blue--lg {
      width: 255px; } }

.Btn__blue--xs {
  width: auto;
  min-width: 54px; }
  @media (max-width: 767px) {
    .Btn__blue--xs {
      min-width: 58px; } }

.Btn__blue--sm {
  width: 185px; }

.Btn__dotted--black {
  color: #333D47;
  text-align: left;
  line-height: 1.2; }
  .Btn__dotted--black::before {
    background-image: -webkit-linear-gradient(left, #333D47, #333D47 4px, transparent 4px, transparent 9px);
    background-image: -o-linear-gradient(left, #333D47, #333D47 4px, transparent 4px, transparent 9px);
    background-image: linear-gradient(to right, #333D47, #333D47 4px, transparent 4px, transparent 9px); }
  .Btn__dotted--black:hover {
    opacity: 0.7; }

.Btn__line--sp_line {
  display: inline-block;
  margin-top: 0; }
  @media (max-width: 767px) {
    .Btn__line--sp_line {
      font-size: 1rem;
      padding: 12px 30px;
      border: 1px solid #4280B8;
      color: #4280B8;
      text-align: center;
      border-radius: 8px;
      cursor: pointer;
      -webkit-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s; }
      .Btn__line--sp_line:hover, .Btn__line--sp_line:active {
        background-color: #4280B8;
        color: #fff;
        opacity: 1;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s; }
      .Btn__line--sp_line::before {
        display: none; } }

/**
 * Head ブロック
 *
 */
.Head__main {
  font-size: 2.125rem;
  font-weight: lighter;
  font-family: Roboto;
  letter-spacing: 2px;
  font-weight: 400; }
  @media (max-width: 767px) {
    .Head__main {
      font-size: 1.3125rem; } }

.Head__main_jp {
  display: inline-block;
  font-size: 1.125rem;
  margin-top: 10px;
  font-weight: 400; }
  @media (max-width: 767px) {
    .Head__main_jp {
      font-size: 0.875rem; } }

.Head__info {
  background: #e86273;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.5rem;
  color: #fff;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: inherit;
  flex-flow: inherit;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: flex-end;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  letter-spacing: 0.08em;
  border-radius: 8px 8px 0px 0px;
  padding: 1.2rem 0; }
  .Head__info::before {
    content: "";
    display: block;
    width: 27px;
    height: 23px;
    margin-right: 6px;
    background: url("../img/icon_heart_white.png") 0 0 / 100% auto no-repeat; }
    @media (max-width: 767px) {
      .Head__info::before {
        width: 24px;
        height: 22px;
        margin-top: 4px;
        margin-right: 4px; } }
  @media (max-width: 767px) {
    .Head__info {
      font-size: 1.15rem;
      padding: 0.4em 0;
      align-items: center;
    } }

.Head__frame__wrapper {
  position: relative; }
    .Head__frame__wrapper::before {
        width: 81px;
        height: 35px;
        content: "";
        background: url("../img/introduction_mv_ribbon.png") 0 0 / 100% auto no-repeat;
        position: absolute;
        left: 50%;
        transform:translateX(-50%);
        top: -18px;
        z-index: 1;
      }
    @media (max-width: 767px) {
    .Head__frame__wrapper::before {
      width: 58px;
      height: 28px;
      top: -12px;
    } }
.Head__frame {
  position: relative;
  border-radius: 20px;
  color: #4280B8;
  overflow: hidden; }
  @media (max-width: 767px) {
    .Head__frame {
      border-radius: 14px; } }
  .Head__frame::before, .Head__frame::after {
    position: absolute;
    content: "";
    display: block;
    width: 260px;
    height: 100px; }
  .Head__frame::before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 0;
    left: -204px; }
    @media (max-width: 767px) {
      .Head__frame::before {
        left: -221px; } }
  .Head__frame::after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    bottom: 0;
    right: -204px; }
    @media (max-width: 767px) {
      .Head__frame::after {
        right: -221px; } }

.Head__frame_intro_main {
  width: 402px;
  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; }
  @media (max-width: 767px) {
    .Head__frame_intro_main {
      width: 100%;
      max-width: 328px; } }

.Head__frame_intro_main_tx_area {
  width: 324px;
  height: 113px;
  background: url(../img/intro_kv_tx_2.svg) no-repeat center;
  background-size: contain; }
  @media (max-width: 767px) {
    .Head__frame_intro_main_tx_area {
      width: 272.5px;
      height: 72px; } }

.Head__md {
  text-align: center;
  font-size: 1.5rem;
  color: #4280B8;
  letter-spacing: 0.08em; }
  @media (max-width: 767px) {
    .Head__md {
      font-size: 1.375rem; } }

.Head__frame_blue {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 295px;
  height: 60px;
  text-align: center;
  border-radius: 10px;
  color: #4280B8;
  font-size: 1.5rem;
  letter-spacing: 0.014em;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 auto 40px; }
  @media (max-width: 767px) {
    .Head__frame_blue {
      width: 100%;
      margin-bottom: 44px; } }
  .Head__frame_blue::before {
    background-color: #4280B8;
    left: -220px; }
  .Head__frame_blue::after {
    background-color: #4280B8;
    right: -220px; }

.Head__frame_blue_inner {
  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;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  border: 2px solid #4280B8; }

.Head--cl01 {
  color: #4280B8; }

@media (max-width: 767px) {
  .Head--sp-cl01 {
    color: #fff; } }

.Head--mg_md {
  margin-top: 35px;
  margin-bottom: 35px; }
  @media (max-width: 767px) {
    .Head--mg_md {
      margin-bottom: 25px; } }

.Head__main--tb {
  margin-bottom: 20px; }
  @media (max-width: 1024px) {
    .Head__main--tb .Head__main_jp {
      display: none; } }

.Head__frame--lg {
  height: 177px; }
  @media (max-width: 767px) {
    .Head__frame--lg {
      height: 144px; } }

.Head__frame--pt01 {
  background-color: #fff; }
  .Head__frame--pt01::before {
    background-color: #F5B6AC; }
  .Head__frame--pt01::after {
    background-color: #F5B6AC; }

/**
 * Imp ブロック
 *
 */
.Imp__inner {
  border: 2px solid #e86273;
  border-radius: 10px;
  max-width: 710px;
  margin: 0 auto;
  background: #fff;}
  @media (max-width: 767px) {
    .Imp__inner {
      border: none;
  } }
.Imp__inner .Info__inner {
  max-width: 660px;
}
.Imp__inner .Info__inner .Info__line:first-child {
  border-top: none;
}
.Imp__inner .Info__inner .Info__line:last-child {
  border-bottom: none;
}
@media (max-width: 767px) {
.Imp__inner .Info__line {
  padding: 15px 35px 15px 8px;
  width: 95%;
  margin: 0 auto;  }}
@media (max-width: 767px) {
.Imp__inner .Info__link {
  font-size: 1.025rem; }}
@media (max-width: 767px) {
.Imp__con {
  /* margin-top: -90%; */
  position: relative;
} }



/**
 * Info ブロック
 *
 */
.Info__con {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start; }
  @media (max-width: 1024px) {
    .Info__con {
      display: block; } }

.Info__inner {
  position: relative;
  max-width: 710px;
  margin: 0 auto; }
  @media (max-width: 1024px) {
    .Info__inner {
      max-width: none; } }

.Info__head_area {
  min-width: 215px; }

.Info__link {
  display: block;
  position: relative;
  color: #4280B8;
  font-size: 1.125rem;
  line-height: 1.3; }
  .Info__link::after {
    position: absolute;
    display: block;
    content: "";
    width: 8px;
    height: 15px;
    background: url(../img/icon_arrow.png) no-repeat center;
    background-size: contain;
    top: 50%;
    right: -22px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
  .Info__link:hover::after, .Info__link:active::after {
    -webkit-transform: translate(14px, -50%);
    -ms-transform: translate(14px, -50%);
    transform: translate(14px, -50%); }
    .Info__link:hover::after.Info__link_notice, .Info__link:active::after.Info__link_notice {
      -webkit-transform: translate(14px, -50%);
      -ms-transform: translate(14px, -50%);
      transform: translate(14px, -50%); }

.Info__link_notice::after {
  right: 25px; }

.Info__link_notice:hover::after, .Info__link_notice:active::after {
  -webkit-transform: translate(14px, -50%);
  -ms-transform: translate(14px, -50%);
  transform: translate(14px, -50%); }

.Info__line {
  position: relative;
  padding: 20px 35px 20px 8px;
  border-bottom: 1px solid rgba(66, 128, 184, 0.5); }
  .Info__inner .Info__line:first-child {
    border-top: 1px solid rgba(66, 128, 184, 0.5); }

.Info__play {
  width: 0;
  height: 0;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-bottom: 30px solid black; }
  .Info__inner .Info__play:first-child {
    border-top: 1px solid rgba(66, 128, 184, 0.5); }

.Info__btn {
  position: absolute;
  top: 115px;
  left: 33px;
  margin-top: 0; }
  @media (max-width: 1024px) {
    .Info__btn {
      width: 190px;
      top: 0;
      left: auto;
      right: 30px; } }
  @media (max-width: 767px) {
    .Info__btn {
      position: relative;
      width: auto;
      right: auto;
      top: auto;
      margin-top: 23px; } }

.Info__link--new {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start; }
  .Info__link--new::after {
    content: "";
    display: block;
    width: 30px;
    height: 16px;
    background: url(../img/icon_new.svg) no-repeat center;
    margin-left: 4px;
    margin-top: 2px;
    -ms-flex-negative: 0;
    flex-shrink: 0; }

@media (max-width: 1024px) {
  .Info__head_area--tb_column .Head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .Info__head_area--tb_column .Head br {
      display: none; } }

@media (max-width: 767px) {
  .Info__head_area--tb_column .Head {
    display: block; }
    .Info__head_area--tb_column .Head br {
      display: block; } }

@media (max-width: 1024px) {
  .Info__head_area--tb_column .Head .Head__main_jp {
    margin-left: 16px; } }

@media (max-width: 767px) {
  .Info__head_area--tb_column .Head .Head__main_jp {
    margin-left: 0; } }

@media (max-width: 1024px) {
  .Info__head_area--tb_column {
    margin-bottom: 20px; } }

/**
 * Log ブロック
 *
 */
.Log__area {
  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;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse; }
  @media (max-width: 767px) {
    .Log__area {
      display: block; } }

.Log__main {
  max-width: 715px;
  width: 75%;
  margin-left: 60px; }
  @media (max-width: 895px) {
    .Log__main {
      margin-left: 0; } }
  @media (max-width: 767px) {
    .Log__main {
      width: 100%;
      margin: 0;
      max-width: none; } }

@media (max-width: 767px) {
  .Log__side {
    margin-bottom: 40px; } }

.Log__btn {
  display: block;
  width: 67px;
  border: 1px solid #4280B8;
  font-size: 1rem;
  letter-spacing: 0.04em;
  text-align: center;
  color: #4280B8;
  padding: 5px 2px;
  border-radius: 5px;
  cursor: pointer;
  -webkit-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all; }
  .Log__btn.Log__btn--active {
    background-color: #4280B8;
    color: #fff; }
  .Log__btn:hover, .Log__btn:active {
    opacity: 0.7; }

.Log__btn_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 35px; }
  @media (max-width: 767px) {
    .Log__btn_area {
      display: block;
      margin-bottom: 15px; } }

.Log__btn_left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 230px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-left: 5px; }
  @media (max-width: 767px) {
    .Log__btn_left {
      max-width: 450px;
      margin: 0 auto 30px; } }

.Log__btn_right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  @media (max-width: 767px) {
    .Log__btn_right {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; } }

.Log__date_area {
  color: #1E87C8; }

.Log__date_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 17px; }

.Log__date_tx_md {
  font-size: 1.6875rem; }
  @media (max-width: 895px) and (min-width: 768px) {
    .Log__date_tx_md {
      font-size: 1.125rem; } }
  @media (max-width: 767px) {
    .Log__date_tx_md {
      font-size: 1.3125rem; } }

.Log__date_tx_sm {
  font-size: 1.25rem;
  margin-left: 5px; }
  @media (max-width: 767px) {
    .Log__date_tx_sm {
      font-size: 1rem; } }

.Log__date_line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .Log__date_line::after {
    content: "";
    display: block;
    width: 52px;
    height: 2px;
    background-color: #1E87C8;
    margin: 0 20px; }
    @media (max-width: 895px) and (min-width: 768px) {
      .Log__date_line::after {
        width: 22px;
        margin: 0 8px; } }

.Log_chart_area {
  position: relative;
  overflow: hidden; }

@media (max-width: 620px) {
  .Log_chart_scroll {
    overflow-x: scroll;
    padding-bottom: 20px; } }

.Log_chart_box {
  width: calc(100% + 25px); }
  @media (max-width: 620px) {
    .Log_chart_box {
      width: 700px; } }

.Log_chart {
  position: relative;
  left: -25px;
  min-height: 400px; }

.Log__record_btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1rem;
  color: #1E87C8;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer; }
  .Log__record_btn::before {
    content: "";
    display: block;
    width: 94px;
    height: 94px;
    background: url(../img/icon_log.png) no-repeat center;
    background-size: contain;
    margin-bottom: 16px;
    -webkit-filter: drop-shadow(2px 4px 5px rgba(0, 0, 0, 0.2));
    filter: drop-shadow(2px 4px 5px rgba(0, 0, 0, 0.2));
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
    @media (max-width: 767px) {
      .Log__record_btn::before {
        width: 80px;
        height: 80px;
        margin-bottom: 15px; } }
  .Log__record_btn:hover {
    opacity: 1 !important; }
    .Log__record_btn:hover::before {
      -webkit-filter: unset;
      filter: unset;
      -webkit-transform: translateY(2px);
      -ms-transform: translateY(2px);
      transform: translateY(2px);
      -webkit-transition: 0.3s;
      -o-transition: 0.3s;
      transition: 0.3s; }

.Log_chart_item_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 15px;
  margin-left: auto;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end; }
  @media (max-width: 767px) {
    .Log_chart_item_area {
      max-width: 330px;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      margin: 15px auto 0; } }

.Log_chart_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1rem;
  margin-left: 18px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start; }
  .Log_chart_item::before {
    content: "・";
    display: inline-block; }
  @media (max-width: 767px) {
    .Log_chart_item {
      font-size: 0.8rem;
      margin-left: 0; } }

.Log_chart_item--cl01 {
  color: #EA609E; }

.Log_chart_item--cl02 {
  color: #F08441; }

.Log_chart_item--cl03 {
  color: #1E87C8; }

.Log__main--lg {
  width: 84%;
  max-width: 810px;
  margin-left: 0; }
  @media (max-width: 767px) {
    .Log__main--lg {
      width: 100%; } }

/**
 * Arrow ブロック
 *
 */
.Arrow__btn {
  position: relative; }

.Arrow__btn {
  position: relative;
  display: block;
  width: 28px;
  height: 28px;
  cursor: pointer;
  -webkit-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all; }
  .Arrow__btn::before, .Arrow__btn::after {
    content: "";
    display: block; }
  .Arrow__btn::before {
    width: 28px;
    height: 28px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #4280B8; }
  .Arrow__btn::after {
    position: absolute;
    width: 10px;
    height: 10px;
    border: 6px solid transparent;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
  .Arrow__btn:hover, .Arrow__btn:active {
    opacity: 0.7; }

.Arrow__btn_left::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-right: 10px solid #fff;
  right: 10px; }

.Arrow__btn_right::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-left: 10px solid #fff;
  left: 10px; }

.Arrow__btn--white::before {
  background-color: #fff; }

.Arrow__btn--white::after {
  border-left: 10px solid #4280B8; }

/**
 * Class ブロック
 *
 */
@media (max-width: 767px) {
  .Class__con {
    position: relative;
    /* top: -25vh; */
    /*margin-bottom: -290px;*/ } }

/**
 * Modal ブロック
 *
 */
.Modal {
  opacity: 0;
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  visibility: hidden;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s; }
  .Modal::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background-color: #333D47;
    opacity: 0.7;
    top: 0;
    left: 0;
    z-index: -1; }
  .Modal.is-open {
    opacity: 1;
    visibility: visible;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s; }
  @media (max-width: 767px) {
    .Modal {
      padding: 80px 0 10px; } }
  @media (max-width: 360px) {
    .Modal {
      padding: 65px 0 10px; } }

.Modal__policy {
  padding: 0; }

.Modal__cross-box {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 999;
  cursor: pointer;
  padding: 27px 27px 10px; }
  .Modal__cross-box:hover {
    opacity: 0.7; }
  @media (max-width: 767px) {
    .Modal__cross-box {
      top: 5px;
      right: 0;
      padding: 22px 22px 10px; }
      .Modal__accordion .Modal__cross-box {
        display: none; } }

.Modal_title {
  position: absolute;
  color: #fff;
  font-size: 1rem;
  top: -30px;
  left: 0; }
  @media (max-width: 767px) {
    .Modal_title {
      top: -23px; } }

.Modal_title_date {
  letter-spacing: 0.08em; }
  @media (max-width: 767px) {
    .Modal__accordion .Modal_title_date {
      display: none; } }

.Modal__cross {
  position: relative;
  display: block;
  width: 20px;
  height: 20px; }
  .Modal__cross::before, .Modal__cross::after {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background: #958A80;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 0% 50%;
    -ms-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    position: absolute;
    top: calc(14% - 5px);
    left: 14%; }
  .Modal__cross::after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    left: auto;
    right: 14%; }
  .Modal__policy .Modal__cross::before, .Modal__policy .Modal__cross::after {
    display: none; }

.Modal_area {
  position: absolute;
  width: 90%;
  max-width: 700px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 999;
  background-color: #fff;
  border-radius: 10px;
  padding: 25px 0;
  -webkit-box-shadow: 0 7px 10px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 7px 10px 0 rgba(0, 0, 0, 0.2); }
  @media (max-width: 767px) {
    .Modal__accordion .Modal_area {
      width: 100%;
      max-width: none;
      position: unset;
      -webkit-transform: unset;
      -ms-transform: unset;
      transform: unset;
      top: unset;
      left: unset;
      padding: 0;
      -webkit-box-shadow: none;
      box-shadow: none; } }
  @media (max-width: 767px) {
    .Modal_area {
      padding: 20px 0 25px; } }

.Modal_inner {
  max-height: 75vh;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 35px;
  padding-left: 35px; }
  @media (max-width: 767px) {
    .Modal__accordion .Modal_inner {
      width: 100%;
      max-height: none;
      padding: 0;
      overflow: unset; } }

.Modal_grid {
  display: -ms-grid;
  display: grid;
  grid-template-areas: "time check" "zoom zoom" "main main";
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  @media (max-width: 767px) {
    .Modal_grid {
      display: block; } }

.Modal_schedule {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  font-size: 1.5rem;
  line-height: 1.5;
  letter-spacing: 0.06em;
  font-weight: 700;
  color: #4280B8;
  grid-area: time; }
  @media (max-width: 767px) {
    .Modal_schedule {
      font-size: 20px; } }

.Modal_ongoing {
  -ms-grid-row: 2;
  -ms-grid-column:1;
  -ms-grid-column-span: 2;
  grid-area: zoom;
  margin-top: 20px;
}

.Modal_main {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  grid-area: main;
  margin-top: 55px;
  margin-bottom: 60px; }
  @media (max-width: 767px) {
    .Modal_main {
      display: block;
      margin-top: 18px;
      margin-bottom: 35px; } }

.Modal_class_area {
  max-width: 58%;
  margin-right: 40px; }
  @media (max-width: 767px) {
    .Modal_class_area {
      max-width: none;
      margin-right: 0;
      margin-bottom: 30px; } }

.Modal_class_top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 20px; }
  @media (max-width: 767px) {
    .Modal_class_top {
      margin-bottom: 15px; } }

.Modal_class_head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.4375rem;
  font-weight: bold;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 8px; }
  .Modal_class_head::before {
    content: "";
    display: block;
    width: 40px;
    height: 41px;
    margin-right: 10px; }
  @media (max-width: 767px) {
    .Modal_class_head {
      font-size: 1.625rem; } }

.Modal_class_tx {
  font-size: 1rem;
  line-height: 1.75;
  color: #958A80; }
  @media (max-width: 767px) {
    .Modal_class_tx {
      font-size: 0.9375rem;
      line-height: 1.73333; } }

.Modal_side_area {
  color: #4280B8; }
  @media (max-width: 767px) {
    .Modal_side_area {
      margin-bottom: 45px; } }

.Modal_side_head {
  font-size: 0.875rem;
  margin-bottom: 15px;
  font-weight: bold; }
  @media (max-width: 767px) {
    .Modal_side_head {
      font-size: 1rem;
      margin-bottom: 15px; } }

.Modal_side_instructor_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.Modal_side_instructor_img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  margin-right: 10px; }

.Modal_side_instructor_tx {
  font-size: 1.4375rem;
  font-weight: bold; }
  @media (max-width: 767px) {
    .Modal_side_instructor_tx {
      font-size: 1.625rem; } }

.Modal_notice {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  grid-area: check;
  font-size: 1rem;
  color: #4280B8; }
  @media (max-width: 767px) {
    .Modal_notice {
      margin-bottom: 20px; } }

.Modal_btn_area {
  width: 100%;
  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; }
  @media (max-width: 767px) {
    .Modal_btn_area {
      display: block; } }

@media (max-width: 767px) {
  .Modal__accordion {
    height: 0;
    position: unset;
    display: block;
    background: unset;
    padding: 0; }
    .Modal__accordion.is-open {
      height: auto; }
    .Modal__accordion::after {
      display: none !important; } }

.Modal_class_head--cl01 {
  color: #EB615A; }
  .Modal_class_head--cl01::before {
    background: url(../img/icon_lesson01.png) no-repeat center;
    background-size: contain; }

.Modal_btn_area--mgb {
  margin-bottom: 70px; }
  @media (max-width: 767px) {
    .Modal_btn_area--mgb {
      margin-bottom: 40px; } }

.Modal_btn--rgt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end; }
  @media (max-width: 767px) {
    .Modal_btn--rgt {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; } }

.Modal_btn_area--md {
  width: 385px;
  margin: 0 auto 80px; }
  @media (max-width: 767px) {
    .Modal_btn_area--md {
      width: 100%;
      margin-bottom: 25px; } }

/**
 * Check ブロック
 *
 */
input[type=checkbox] {
  display: none; }

.Check__box {
  width: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  font-size: 1rem;
  color: #4280B8; }
  .Check__box:hover {
    opacity: 0.7; }

.Check__box_inner {
  position: relative;
  display: block;
  width: 20px;
  height: 20px;
  background: #fff;
  border: 1px solid #958A80;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 5px;
  border-radius: 5px;
  -ms-flex-negative: 0;
  flex-shrink: 0; }
  .Check__box_inner::after {
    position: absolute;
    content: '';
    display: block;
    background: url(../img/icon_checked.svg) no-repeat center;
    background-size: contain;
    width: 18px;
    height: 18px;
    opacity: 0;
    top: -1px;
    left: 3px; }

input[type=checkbox]:checked + .Check__box_inner::after {
  opacity: 1; }

.Check__box__lightblue .Check__box_inner {
  border-radius: 0; }
  .Check__box__lightblue .Check__box_inner::after {
    position: absolute;
    width: 15px;
    height: 10px;
    background: url(../img/icon_checked_light_blue.png) no-repeat center;
    background-size: contain;
    opacity: 0;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }

@media (max-width: 767px) {
  .Check__box__lightblue {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start; } }

@media (max-width: 767px) {
  .Check__box_inner_tx {
    padding-top: 0; } }

.Check__box--center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .Check__box--center .Check__box_inner_tx {
    padding-bottom: 2px; }

/**
 * Schedule ブロック
 *
 */
.Schedule {
  position: relative;
  opacity: 1;
  opacity: 1;
  pointer-events: painted;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s; }

.Schedule__area {
  position: relative;
  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;
  padding: 40px 0 0;
  font-weight: 400; }
  @media (max-width: 767px) {
    .Schedule__area {
      padding-top: 0;
      margin-top: 15px; }
      .Schedule__area::before, .Schedule__area::after {
        display: none; } }

.Schedule__btn_arrow {
  display: none; }
  @media (min-width: 768px) {
    .Schedule__btn_arrow {
      display: block;
      border: none;
      background-color: transparent;
      width: 41px;
      height: 90px;
      background: url(../img/icon_arrow_lg.png) no-repeat center;
      background-size: contain;
      cursor: pointer; } }
  @media (max-width: 767px) {
    .Schedule__btn_arrow {
      display: none; } }

.Schedule__btn_arrow--l {
  margin-right: 30px; }

.Schedule__btn_arrow--r {
  margin-left: 30px;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

.Schedule__inner {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 530px;
  color: #333D47;
  overflow-x: scroll;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  scrollbar-width: none; }
  @media (min-width: 1023px) {
    .Schedule__inner {
      max-width: 1040px; } }
  .Schedule__inner::-webkit-scrollbar {
    display: none; }
  @media (max-width: 1024px) {
    .Schedule__inner {
      width: 100%;
      max-width: 530px; } }
  @media (max-width: 767px) {
    .Schedule__inner {
      max-width: none; } }

.Schedule__inner .Schedule__columns:last-child {
  margin-right: -2px; }

.Schedule__day_box {
  text-align: center;
  height: 38px; }

.Schedule__day_top {
  font-size: 1.375rem;
  font-weight: bold;
  margin-bottom: 8px; }

.Schedule__class {
  width: 60vw;
  height: 107px;
  margin-bottom: 10px;
  margin-right: 10px; }
  @media (min-width: 1023px) {
    .Schedule__class {
      width: 275px;
      margin-right: 12px; } }

.Schedule__day {
  text-align: center;
  margin-bottom: 15px; }

.Schedule__class_box {
  width: 100%;
  height: 100%;
  background-color: #949494; }

.Schedule__time {
  margin-right: 8px; }

.Schedule__class_time {
  width: 50px;
  padding: 0;
  border-top: 1px dotted #333D47; }
  .Schedule__time .Schedule__class_time:last-child {
    border-bottom: 1px dotted #333D47; }

.Schedule__class_time_box {
  background-color: #fff; }

.Schedule__class_time_top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  height: 100%;
  font-size: 0.875rem;
  color: #333D47;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .Schedule__class_time_top::after {
    content: "";
    display: block;
    width: 1px;
    height: 9px;
    background-color: #333D47;
    margin-top: 4px; }

.Schedule__class_name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 0.5rem;
  text-align: center;
  background-color: #fff;
  cursor: pointer; }
  .Schedule__class_name:hover {
    opacity: 0.7; }

.Schedule__class_name_top {
  max-width: 90%;
  min-height: 12px;
  padding-bottom: 8px;
  font-size: 16px;
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis; }
  @media (min-width: 1023px) {
    .Schedule__class_name_top {
      font-size: 1rem;
      font-weight: 700; } }
  @media (max-width: 767px) {
    .Schedule__class_name_top {
      -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
      transform: scale(0.8);
      -webkit-transform: none;
      -ms-transform: none;
      transform: none; } }

.Schedule__class_name_bottom {
  min-height: 12px;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis; }
  @media (min-width: 1023px) {
    .Schedule__class_name_bottom {
      font-size: 0.875rem; } }
  @media (max-width: 767px) {
    .Schedule__class_name_bottom {
      -webkit-transform: none;
      -ms-transform: none;
      transform: none; } }

._is-click .Schedule__btn_show {
  display: none; }

.Schedule__btn_close {
  display: none; }
  ._is-click .Schedule__btn_close {
    display: block; }

@media (max-width: 767px) {
  .Schedule__scroll_tx {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
    margin: 20px 0 0 !important; } }

.Schedule__class_name--cl01 {
  border: 2px solid #4280B8; }
  .Schedule__class_name--cl01 .Schedule__class_name_top {
    color: #4280B8; }

.Schedule__class_name--cl02 {
  border: 2px solid #AACE36; }
  .Schedule__class_name--cl02 .Schedule__class_name_top {
    color: #AACE36; }

.Schedule__class_name--cl03 {
  border: 2px solid #39B04A; }
  .Schedule__class_name--cl03 .Schedule__class_name_top {
    color: #39B04A; }

.Schedule__class_name--cl04 {
  border: 2px solid #F08441; }
  .Schedule__class_name--cl04 .Schedule__class_name_top {
    color: #F08441; }

.Schedule__class_name--cl05 {
  border: 2px solid #EE86A1; }
  .Schedule__class_name--cl05 .Schedule__class_name_top {
    color: #EE86A1; }

.Schedule__class_box--like {
  position: relative; }
  .Schedule__class_box--like::before {
    position: absolute;
    content: "";
    display: block;
    width: 22.84px;
    height: 22.84px;
    background: url(../img/icon_favorite.png) no-repeat center;
    background-size: contain;
    top: 8px;
    right: 8px; }
    @media (min-width: 1023px) {
      .Schedule__class_box--like::before {
        width: 24px;
        height: 24px; } }

/**
 * swiper ブロック
 *
 */
@media (max-width: 767px) {
  .swiper-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
    overflow: unset;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    /* Fix of Webkit flickering */
    z-index: 1; } }

@media (max-width: 767px) {
  .swiper-wrapper {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    left: -32vw; } }

@media (max-width: 600px) {
  .swiper-wrapper {
    left: -30vw; } }

@media (max-width: 530px) {
  .swiper-wrapper {
    left: -28vw; } }

@media (max-width: 465px) {
  .swiper-wrapper {
    left: -25vw; } }

@media (max-width: 410px) {
  .swiper-wrapper {
    left: -22vw; } }

@media (max-width: 380px) {
  .swiper-wrapper {
    left: -19vw; } }

@media (max-width: 350px) {
  .swiper-wrapper {
    left: -16vw; } }

@media (max-width: 767px) {
  .swiper-slide {
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center; } }

/**
 * Menu ブロック
 *
 */
.Menu {
  position: fixed;
  opacity: 0;
  width: 100%;
  background-color: #E5F1F9;
  top: 0;
  left: 0;
  z-index: -1;
  pointer-events: none;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s; }
  ._show .Menu {
    opacity: 1;
    z-index: 99;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    pointer-events: painted; }

.Menu__con {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  overflow: scroll;
  height: calc(100% - 100px); }
  @media (max-width: 767px) {
    .Menu__con {
      height: calc(100% - 66px); } }

.Menu__area {
  padding: 0 35px; }
  @media (max-width: 767px) {
    .Menu__area {
      padding: 0 20px; } }

.Menu__inner {
  width: 100%;
  padding: 12px 0 0;
  height: calc(var(--vh, 1vh) * 100);
  overflow: auto; }
  @media (max-width: 767px) {
    .Menu__inner {
      padding: 11px 0 30px; } }

.Menu__header {
  position: relative;
  height: 100px;
  padding: 0 36px; }
  @media (max-width: 767px) {
    .Menu__header {
      height: 95px;
      padding: 0 30px; } }

.Menu__cross {
  width: 35px;
  height: 35px;
  background-color: #fff;
  border-radius: 50%;
  background-image: url(../img/icon_cross_blue.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 14px auto;
  -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2); }

.Menu__top {
  margin-bottom: 40px; }
  @media (max-width: 767px) {
    .Menu__top {
      margin-bottom: 25px; } }

.Menu__notice {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 10px 50px 10px 18px;
  background-color: rgba(255, 255, 255, 0.5);
  color: #4280B8;
  font-size: 1rem;
  line-height: 1.2;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 20px; }
  .Menu__top .Menu__notice:last-child {
    margin-bottom: 0; }
  .Menu__notice::before, .Menu__notice::after {
    content: "";
    display: block;
    -ms-flex-negative: 0;
    flex-shrink: 0; }
  .Menu__notice::before {
    width: 19px;
    height: 23px;
    background: url(../img/icon_bell.png) no-repeat center;
    background-size: contain;
    margin-right: 7px; }
    @media (max-width: 767px) {
      .Menu__notice::before {
        width: 14px;
        height: 16px; } }
  .Menu__notice::after {
    position: absolute;
    width: 8px;
    height: 15px;
    background: url(../img/icon_arrow.png) no-repeat center;
    background-size: contain;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 25px; }
    @media (max-width: 767px) {
      .Menu__notice::after {
        right: 15px; } }
  @media (max-width: 767px) {
    .Menu__notice {
      padding: 12px 35px 12px 12px; } }

.Menu__link_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 10px; }
  @media (max-width: 767px) {
    .Menu__link_area {
      display: block; } }

.Menu__link_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  margin-bottom: 15px; }
  .Menu__link_area .Menu__link_box:last-child {
    margin-left: 60px; }
    @media (max-width: 767px) {
      .Menu__link_area .Menu__link_box:last-child {
        margin-left: 0; } }
  @media (max-width: 767px) {
    .Menu__link_box {
      margin-bottom: 5px; } }

.Menu__link {
  display: inline-block;
  color: #4280B8;
  font-size: 1.125rem;
  margin-bottom: 30px;
  letter-spacing: 3px; }
  @media (max-width: 767px) {
    .Menu__link {
      font-size: 1rem;
      margin-bottom: 20px; } }

.Menu__footer__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 20px 0 30px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse; }
  @media (max-width: 767px) {
    .Menu__footer__inner {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-flow: column;
      flex-flow: column; } }

/**
 * Form ブロック
 *
 */
.Form {
  color: #333d47;
  letter-spacing: 0.1em; }

.Form__area {
  font-size: 1rem; }

.Form__con {
  min-height: calc(100vh - 186px);
  padding-bottom: 50px; }
  @media (max-width: 767px) {
    .Form__con {
      min-height: calc(100vh - 285px); } }

.Form__tx {
  font-size: 1rem;
  line-height: 1.75;
  color: #4280b8;
  text-align: center; }
  @media (max-width: 767px) {
    .Form__tx {
      text-align: left; } }

.Form__input_box {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin: 0 auto; }
  .Form__area .Form__input_box {
    margin-bottom: 48px; }
    .Form__area .Form__input_box:last-child {
      margin-bottom: 0; }

.Form__input {
  display: block;
  width: 100%;
  border: 1px solid #958a80;
  border-radius: 10px;
  font-size: 1rem;
  padding: 10px;
  -webkit-box-shadow: none;
  box-shadow: none; }
  @media (max-width: 767px) {
    .Form__input {
      padding: 15px 12px; } }
  ._error .Form__input {
    background-color: #f9d4da; }
  .Form__input::-webkit-input-placeholder {
    color: #ccc;
    font-weight: 400; }
  .Form__input:-ms-input-placeholder {
    color: #ccc;
    font-weight: 400; }
  .Form__input::-ms-input-placeholder {
    color: #ccc;
    font-weight: 400; }
  .Form__input::placeholder {
    color: #ccc;
    font-weight: 400; }

/* Chrome, Safari, Edge */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none; }

/* Firefox */
input[type=number] {
  -moz-appearance: textfield; }

.Form__input_heda {
  font-size: 1rem;
  line-height: 1.75;
  font-weight: 400;
  color: #333d47;
  letter-spacing: 0.04em; }

.Form__thank_img {
  display: block;
  width: 180px;
  height: auto;
  margin: 0 auto;
  margin-bottom: 40px; }
  @media (max-width: 767px) {
    .Form__thank_img {
      width: 190px;
      margin-bottom: 23px; } }

.Form__error_box {
  height: 4em;
  position: absolute;
  display: none;
  bottom: -72px;
  pointer-events: none; }
  ._error .Form__error_box {
    display: block; }

.Form__error_tx {
  font-size: 0.75rem;
  color: #ea2d4d;
  font-weight: 400;
  letter-spacing: 0.04em; }

.Form__head {
  font-size: 1.375rem;
  color: #4280b8;
  text-align: center;
  padding-top: 50px;
  font-weight: bold;
  letter-spacing: 0.040em; }
  @media (max-width: 767px) {
    .Form__head {
      font-size: 1.125rem;
      padding-top: 35px; } }

.Form__btn_area .Form__btn {
  margin-left: 0;
  margin-right: 0; }
  @media (max-width: 767px) {
    .Form__btn_area .Form__btn:last-child {
      margin-bottom: 0; } }

@media (max-width: 767px) {
  .Form__btn {
    margin-bottom: 35px; } }

.Form__btn_area {
  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; }
  @media (max-width: 767px) {
    .Form__btn_area {
      display: block; } }

.Form__unsubscribe_bottom {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-width: 500px;
  margin: 70px auto 0; }
  @media (max-width: 767px) {
    .Form__unsubscribe_bottom {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-flow: column;
      flex-flow: column;
      margin-top: 35px;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; } }

.Form__campaign {
  background-color: #e1ebf6;
  padding: 40px 0 50px;
  margin: 30px 0 50px; }
  @media (max-width: 767px) {
    .Form__campaign {
      padding: 35px 0 35px;
      margin: 25px 0 35px; } }

.Form__campaign_box {
  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; }
  @media (max-width: 767px) {
    .Form__campaign_box {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-flow: column;
      flex-flow: column; } }

.Form__campaign_img {
  display: block;
  width: 145px;
  height: auto;
  margin-right: 40px; }
  @media (max-width: 767px) {
    .Form__campaign_img {
      margin-right: 0; } }

.Form__campaign_side_head {
  font-size: 1.375rem;
  color: #4280b8;
  margin-bottom: 20px;
  font-weight: bold;
  letter-spacing: 0.040em; }
  @media (max-width: 767px) {
    .Form__campaign_side_head {
      text-align: center;
      font-size: 1.3125rem;
      line-height: 1.7381;
      margin-bottom: 5px; } }

.Form__campaign_side_tx {
  font-size: 1rem;
  line-height: 1.75; }
  @media (max-width: 767px) {
    .Form__campaign_side_tx {
      font-size: 0.875rem;
      line-height: 1.75;
      text-align: center; } }



.Form_notice {
  padding: 40px 25px 50px;
  margin: 30px auto 50px;
  max-width: 1025px;
  line-height: 1.75;
}
@media (max-width: 767px) {
  .Form_notice {
    padding: 0 25px;
    margin-top: 60px;
  }
}
.Form_notice p {
  padding-left: 1.7em;
  position: relative;
  margin-bottom: 2em;
}
.Form_notice p::before {
  content: "";
  width: 1em;
  height: 1em;
  background: url("../img/icon_checked.svg") 0 0 / 1em auto no-repeat;
  top: 8px;
  left: 0;
  position: absolute;
}
.Form_notice li {
  padding-left: 1.7em;
  position: relative;
  margin-bottom: 0.5em;
}
.Form_notice li::before {
  content: "";
  width: 1em;
  height: 1em;
  background: url("../img/icon_checked.svg") 0 0 / 1em auto no-repeat;
  top: 8px;
  left: 0;
  position: absolute;
}
.Form_notice li a {
  color: #4280b8;
  text-decoration: underline;
}
.Form_h2 {
  text-align: center;
  font-size: 1.2rem;
  color: #4280b8;
}
.Form_lsitArea {
  background: #edf2f9;
  padding: 2.6em;
  text-align: left;
  margin-top: 1rem;
}




.Form__input_head_required_tx_box {
  position: relative;
  width: 100%; }

.Form__input_head_required_tx {
  position: absolute;
  font-size: 0.875rem;
  color: #eb615a;
  text-align: right;
  right: 0; }

.Form__input_head_required::after {
  content: " *";
  display: inline-block;
  color: #eb615a;
  vertical-align: middle; }

.Form__postal_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.Form__input_postal {
  width: 95px; }

.Form__postal_btn {
  display: inline-block;
  border: 1px solid #4280b8;
  color: #4280b8;
  padding: 10px 12px;
  border-radius: 10px;
  margin-left: 15px;
  cursor: pointer; }

.Form__input_info {
  padding-left: 15px;
  line-height: 1.75; }

.Form__head_thanks {
  text-align: left;
  margin-bottom: 20px; }
  @media (max-width: 767px) {
    .Form__head_thanks {
      text-align: center;
      margin-bottom: 40px; } }

.Form__thanks_area {
  padding-bottom: 135px; }
  @media (max-width: 767px) {
    .Form__thanks_area {
      padding-bottom: 0; } }

.Form__thanks_tx {
  max-width: 660px;
  font-size: 1rem;
  line-height: 1.75;
  font-weight: 400;
  color: #4280b8; }
  .Form__unsubscribe_thanks_area .Form__thanks_tx {
    margin-bottom: 35px; }
    .Form__unsubscribe_thanks_area .Form__thanks_tx:last-child {
      margin-bottom: 0; }

.Form__log_btn {
  margin: 50px 0 0; }
  @media (max-width: 767px) {
    .Form__log_btn {
      margin: 40px auto 0; } }

.Form__note {
  font-size: 0.875rem;
  line-height: 1.75;
  color: #958a80;
  margin-top: 20px; }

.Form__position {
  position: relative;
  max-width: 840px; }
  @media (max-width: 767px) {
    .Form__position {
      max-width: none; } }

.Form__thanks_img {
  position: absolute;
  display: block;
  width: 320px;
  height: auto;
  right: 0;
  bottom: 0; }
  @media (max-width: 767px) {
    .Form__thanks_img {
      position: relative;
      width: 285px;
      margin: 50px auto 0;
      right: auto;
      bottom: auto; } }

.Form__unsubscribe_thanks_img {
  bottom: 105px; }
  @media (max-width: 767px) {
    .Form__unsubscribe_thanks_img {
      bottom: auto; } }

.Form__chang {
  padding-top: 94px; }
  @media (max-width: 767px) {
    .Form__chang {
      padding-top: 17px; } }

.Form__chang_area {
  max-width: 604px;
  margin: 0 auto; }

.Form__chang_box {
  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;
  border: 1px solid #4280b8;
  padding: 15px 24px;
  margin-bottom: 30px; }
  .Form__chang_area .Form__chang_box:last-child {
    margin-bottom: 0; }
    @media (max-width: 767px) {
      .Form__chang_area .Form__chang_box:last-child {
        border-bottom: 1px solid #4280b8; } }
  @media (max-width: 767px) {
    .Form__chang_box {
      margin-bottom: 0;
      border-width: 1px 0 0 0; } }

.Form__chang_box_member {
  display: none; }
  .Form__chang--member .Form__chang_box_member {
    display: block; }

.Form__chang_box_member_btn {
  display: none; }
  .Form__chang--member .Form__chang_box_member_btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }

.Form__chang--member .Form__chang_box_free_btn {
  display: none; }

.Form__chang--member .Form__chang_box_free {
  display: none; }

.Form__chang_box_l {
  margin-right: 20px; }

.Form__check_box_label {
  font-size: 0.875rem;
  line-height: 1.35714; }

.Form__label {
  border-radius: 10px;
  letter-spacing: 0.04em;
  color: #4280b8;
  background-color: #e5f1f9; }

.Form__label_setting {
  font-size: 0.875rem;
  line-height: 1.75;
  padding: 15px 12px;
  background-color: #e5f1f9; }
  @media (max-width: 767px) {
    .Form__label_setting {
      font-size: 1rem; } }

.Form__radio {
  width: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  @media (max-width: 767px) {
    .Form__radio {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-flow: column;
      flex-flow: column; } }

@media (max-width: 767px) {
  .Form__radio_box {
    margin-bottom: 50px; }
    .Form__radio .Form__radio_box:last-child {
      margin-bottom: 0; } }

.Form__menmber_img {
  display: block;
  width: 377px;
  height: auto;
  margin: 0 auto; }
  @media (max-width: 767px) {
    .Form__menmber_img {
      width: 331px;
      margin: 0 auto 50px; } }
  @media (max-width: 414px) {
    .Form__menmber_img {
      width: 100%; } }

.Form__unsubscribe_top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 630px;
  margin: 0 auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  @media (max-width: 767px) {
    .Form__unsubscribe_top {
      display: block; } }

.Form__unsubscribe_tx {
  color: #4280b8;
  margin-bottom: 10px;
  padding-left: 10px; }

.Form__unsubscribe_img {
  display: block;
  width: 127px; }
  @media (max-width: 767px) {
    .Form__unsubscribe_img {
      width: 145px;
      margin: 30px auto 0; } }

.Form__setting {
  max-width: 480px;
  margin: 0 auto; }

.Form__setting_box {
  margin-bottom: 60px; }

.Form__setting_head {
  color: #4280b8;
  font-size: 1.25rem;
  line-height: 1.75;
  margin-bottom: 5px; }

.Form__input_box_fx {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row;
  flex-flow: row; }

.Form__input_number {
  color: #333d47; }

.Form__input_number_box {
  width: 100%; }

.Form__input_number_box_en {
  display: none; }
  .Form__input_box--overseas .Form__input_number_box_en {
    display: block; }

.Form__input_box--overseas .Form__input_number_box_jp {
  display: none; }

.Form__input_time_box._checked {
  display: none; }

.Form__input_time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 65px;
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #333d47;
  background-color: #fff; }
  @media (max-width: 767px) {
    .Form__input_time {
      width: 65px;
      height: 50px;
      padding: 0; } }

.Form__input_time_sp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 76px;
  height: auto;
  padding: 10px 5px; }

._show .Form__input_address_jp {
  display: none; }

.Form__input_address_en {
  display: none; }
  ._show .Form__input_address_en {
    display: block; }

.Form--pt {
  padding-top: 95px; }
  @media (max-width: 767px) {
    .Form--pt {
      padding-top: 30px; } }

.Form__tx--mb_md {
  margin-bottom: 40px; }
  @media (max-width: 767px) {
    .Form__tx--mb_md {
      margin-bottom: 35px; } }

.Form__tx--cl01 {
  color: #333d47; }

.Form__input_box--xlg {
  width: 380px; }
  @media (max-width: 767px) {
    .Form__input_box--xlg {
      width: 100%; } }

.Form__input_box--lg {
  width: 308px; }
  @media (max-width: 767px) {
    .Form__input_box--lg {
      width: 100%; } }

.Form__input_box--md {
  width: 280px; }
  @media (max-width: 767px) {
    .Form__input_box--md {
      width: 100%; } }

.Form__input_box--mt_xs {
  margin-top: 13px; }
  @media (max-width: 767px) {
    .Form__input_box--mt_xs {
      margin-top: 18px; } }

.Form__input_box--mt_sm {
  margin-top: 23px; }
  @media (max-width: 767px) {
    .Form__input_box--mt_sm {
      margin-top: 18px; } }

.Form__input_box--mt_md {
  margin-top: 50px; }

@media (max-width: 767px) {
  .Form__btn--sm_sp {
    width: 175px; } }

.Form__btn--mt_md {
  margin-top: 40px; }
  @media (max-width: 767px) {
    .Form__btn--mt_md {
      margin-top: 60px; } }

.Form__btn--mt_lg {
  margin-top: 60px; }
  @media (max-width: 767px) {
    .Form__btn--mt_lg {
      margin-top: 70px; } }

.Form__btn--mt_xl {
  margin-top: 84px; }
  @media (max-width: 767px) {
    .Form__btn--mt_xl {
      margin-top: 210px; } }

@media (max-width: 767px) {
  .Form__btn--mt_sp_sm {
    margin-top: 35px; } }

@media (max-width: 767px) {
  .Form__btn--mt_sp_xsm {
    margin-top: 30px; } }

@media (max-width: 767px) {
  .Form__btn--mt_sp_lg {
    margin-top: 50px; } }

@media (max-width: 767px) {
  .Form__btn--pd_sp_sm {
    padding-left: 8px;
    padding-right: 8px; } }

.Form__input--mt_md {
  margin-top: 35px; }
  @media (max-width: 767px) {
    .Form__input--mt_md {
      margin-top: 60px; } }

@media (max-width: 767px) {
  .Form__input--mt_sm {
    margin-top: 24px; } }

.Form__input--sm {
  width: 60px;
  margin-right: 10px; }
  @media (max-width: 767px) {
    .Form__input--sm {
      margin-right: 12px; } }

.Form__input--xs {
  width: 35px;
  padding: 10px 5px;
  text-align: center; }

.Form__head--mb_md {
  margin-bottom: 40px; }
  @media (max-width: 767px) {
    .Form__head--mb_md {
      margin-bottom: 25px; } }

.Form__input_box--line {
  width: 364px;
  padding: 15px 0;
  margin-bottom: 0 !important;
  border-bottom: 1px solid #4280b8; }
  @media (max-width: 767px) {
    .Form__input_box--line {
      width: 100%; } }
  .Form__input_box--line .Form__input_heda {
    color: #4280b8; }
  .Form__area .Form__input_box--line:first-child {
    border-top: 1px solid #4280b8 !important; }

@media (max-width: 767px) {
  .Form__tx--mt_sm {
    margin-top: 30px; } }

.Form__tx--mb_sm {
  margin-bottom: 20px; }
  @media (max-width: 767px) {
    .Form__tx--mb_sm {
      margin-bottom: 30px; } }

.Form__radio--mt_lg {
  margin-top: 45px; }
  @media (max-width: 767px) {
    .Form__radio--mt_lg {
      margin-top: 40px; } }

.Form__checkbtn--mt_lg {
  margin-top: 80px; }
  @media (max-width: 767px) {
    .Form__checkbtn--mt_lg {
      margin-top: 120px; } }

.Form__input_heda--ft_b {
  color: #4280b8;
  font-weight: bold; }

.Form__label--md {
  max-width: 430px;
  margin: 0 auto; }

.Form__label--pd_md {
  padding: 26px 20px; }
  @media (max-width: 767px) {
    .Form__label--pd_md {
      padding: 15px; } }

.Form__input_time--mr {
  margin-right: 10px; }

.Form__position--lg {
  max-width: 910px; }

@media (max-width: 767px) {
  .Form__label--sp {
    width: 100%;
    max-width: none; } }

.Form__chang_box--free.Form__chang_box .Form__chang_box_free_btn,
.Form__chang_box--free.Form__chang_box .Form__chang_box_free {
  display: block; }

/**
 * Step ブロック
 *
 */
.Step__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #4280b8; }

.Step__head {
  font-size: 1.0625rem;
  margin-right: 10px; }
  @media (max-width: 767px) {
    .Step__head {
      font-size: 0.875rem; } }

.Step__circle {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  font-size: 1.1875rem;
  font-weight: 300;
  line-height: 1;
  border: 1px solid #4280b8;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .Step__circle span {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  @media (max-width: 767px) {
    .Step__circle {
      width: 28px;
      height: 28px;
      font-size: 1rem; } }

.Step__circle_line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .Step__circle_line::after {
    content: "";
    display: block;
    width: 22px;
    height: 1px;
    margin: 0 10px;
    background-color: #4280b8; }
    @media (max-width: 767px) {
      .Step__circle_line::after {
        width: 17px;
        margin: 0 8px; } }
    @media (max-width: 374px) {
      .Step__circle_line::after {
        width: 10px;
        margin: 0 4px; } }
  .Step__box .Step__circle_line:last-child::after {
    display: none; }

.Step__box_modal {
  position: absolute;
  top: 18px;
  left: 35px;
  z-index: 9;
  background-color: #fff; }

.Step__circle--active {
  background-color: #4280b8;
  color: #fff; }

.Step__box--sm .Step__head {
  font-size: 0.625rem; }
  @media (max-width: 767px) {
    .Step__box--sm .Step__head {
      font-size: 0.875rem; } }

.Step__box--sm .Step__circle {
  width: 21px;
  height: 21px;
  font-size: 0.75rem; }
  @media (max-width: 767px) {
    .Step__box--sm .Step__circle {
      width: 28px;
      height: 28px;
      font-size: 1rem; } }

.Step__box--sm .Step__circle_line::after {
  width: 28px;
  margin: 0 8px; }

/**
 * Radio ブロック
 *
 */
.Radio__area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.Radio__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  margin-right: 25px; }
  .Radio__area .Radio__box:last-child {
    margin-right: 0; }
  .Radio__box:hover {
    opacity: 0.8; }

.Radio__box_input {
  position: absolute;
  opacity: 0;
  width: auto;
  margin: 0; }

.Radio__box_input:focus + .Radio__box_input_dummy {
  border: solid 1px #b3b3b3;
  background: #EEEEEE; }

.Radio__box_input:checked + .Radio__box_input_dummy {
  border: solid 1px #b3b3b3; }

.Radio__box_input:checked + .Radio__box_input_dummy::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #4280b8; }

.Radio__box_input_dummy {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #fff;
  border: solid 1px #b3b3b3; }

.Radio__box_tx {
  margin-left: 5px;
  display: block;
  font-size: 1rem; }

/**
 * Select ブロック
 *
 */
.Select__box_area {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  @media (max-width: 767px) {
    .Select__box_area {
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start; } }

.Select__box {
  position: relative;
  display: inline-block;
  width: 100%;
  color: #333d47;
  background-color: #fff;
  border: 1px solid #958a80;
  border-radius: 10px;
  font-size: 1rem;
  font-weight: 400;
  padding: 10px 28px 10px 8px;
  z-index: 1;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  position: relative;
  background-image: url(../img/select_arrow.png);
  background-position: right 12px center;
  background-size: 10px auto;
  background-repeat: no-repeat;
  cursor: pointer; }
  @media (max-width: 767px) {
    .Select__box {
      padding: 15px 28px 15px 8px; } }
  .Select__box option {
    width: 100%;
    font-weight: 400; }
  ._error .Select__box {
    background-color: #f9d4da; }
  @media (max-width: 767px) {
    .Select__box_birth_area .Select__box {
      margin-right: 20px; }
      .Select__box_birth_area .Select__box:last-child {
        margin-right: 0; } }

.Select__box::after {
  position: absolute;
  content: '';
  width: 8px;
  height: 8px;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
  -ms-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  z-index: -1; }

.Select__box_year {
  width: 96px; }

.Select__box_date {
  width: 73px; }

.Select__box--radius {
  border-radius: 4px;
  border: none;
  letter-spacing: 0.08em;
  background: url(../img/icon_arrow_select.png) top 50% right 1.4em/1em auto no-repeat #fff; }

/**
 * Signin ブロック
 *
 */
.Signin__back {
  min-height: calc(var(--vh, 1vh) * 100);
  background: url(../img/log_back.png) no-repeat center;
  background-size: cover;
  padding: 55px 0 70px; }
  @media (max-width: 767px) {
    .Signin__back {
      padding-top: 40px; } }

.Signin__logo {
  display: block;
  width: 202px;
  margin: 0 auto; }
  @media (max-width: 767px) {
    .Signin__logo {
      width: 151px; } }

.Signin__area {
  font-size: 1rem;
  margin-top: 75px; }
  @media (max-width: 767px) {
    .Signin__area {
      margin-top: 45px; }
      .Signin__area._error {
        margin-top: 35px; } }

.Signin__error {
  display: none;
  background-color: #fff;
  border: 4px solid #eb615a;
  padding: 20px 15px;
  border-radius: 10px;
  text-align: center;
  margin-bottom: 40px; }
  @media (max-width: 767px) {
    .Signin__error {
      text-align: left;
      padding: 10px;
      margin-bottom: 35px; } }
  ._error .Signin__error {
    display: block; }

.Signin__error_top_tx {
  font-size: 1.25rem;
  color: #eb615a;
  margin-bottom: 10px; }
  @media (max-width: 767px) {
    .Signin__error_top_tx {
      font-size: 1rem;
      line-height: 1.75;
      margin-bottom: 0; } }

.Signin__error_tx_link {
  text-decoration: underline; }

.Signin__error_tx {
  font-size: 1rem;
  line-height: 1.75; }
  @media (max-width: 767px) {
    .Signin__error_tx {
      font-size: 0.875rem;
      line-height: 1.75; } }

.Signin__input_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 574px;
  margin: 0 auto 75px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  @media (max-width: 767px) {
    .Signin__input_area {
      display: block;
      margin-bottom: 50px; } }

@media (max-width: 767px) {
  .Signin__input_box {
    margin-bottom: 25px; }
    .Signin__input_area .Signin__input_box:last-child {
      margin-bottom: 0; } }

.Signin__input_head {
  color: #fff;
  font-size: 1rem;
  margin-bottom: 8px; }

.Signin__input {
  width: 250px;
  background-color: #fff;
  font-size: 1rem;
  border: none;
  padding: 11px 8px;
  border-radius: 10px;
  color: #333d47;
  -webkit-box-shadow: none;
  box-shadow: none; }
  @media (max-width: 767px) {
    .Signin__input {
      width: 100%;
      padding: 16px 10px; } }
  .Signin__input_box._error .Signin__input {
    background-color: #f9d4da; }
  .Signin__input::-webkit-input-placeholder {
    color: #ccc;
    font-weight: 400; }
  .Signin__input:-ms-input-placeholder {
    color: #ccc;
    font-weight: 400; }
  .Signin__input::-ms-input-placeholder {
    color: #ccc;
    font-weight: 400; }
  .Signin__input::placeholder {
    color: #ccc;
    font-weight: 400; }

.Signin__btn {
  display: block;
  width: 232px;
  font-size: 1.125rem;
  text-align: center;
  background-color: #fff;
  padding: 15px 8px;
  border-radius: 30px;
  margin: 0 auto 35px;
  border: none;
  cursor: pointer; }
  .Signin__btn:hover, .Signin__btn:active {
    opacity: 0.7;
    -webkit-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all; }
  @media (max-width: 767px) {
    .Signin__btn {
      margin-bottom: 40px; } }

.Signin__btn_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

/**
 * Zoom ブロック
 *
 */
.Zoom {
  font-size: 1rem;
  line-height: 1.75; }

.Zoom__class_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 800px;
  padding-top: 85px;
  margin: 0 auto; }
  @media (max-width: 767px) {
    .Zoom__class_area {
      display: block;
      padding-top: 30px; } }

.Zoom__class_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: calc(100%/3);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 8px 10px 15px;
  border-left: 1px solid #4280b8; }
  @media (max-width: 767px) {
    .Zoom__class_box {
      width: 100%;
      padding: 0;
      text-align: left;
      border: none;
      margin-bottom: 35px;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start; } }
  .Zoom__class_area .Zoom__class_box:last-child {
    border-right: 1px solid #4280b8; }
    @media (max-width: 767px) {
      .Zoom__class_area .Zoom__class_box:last-child {
        border: none;
        margin-bottom: 0; } }

.Zoom__class_box_head {
  color: #4280b8;
  margin-bottom: 8px;
  letter-spacing: 0.04em; }

.Zoom__loading_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 60px; }
  @media (max-width: 767px) {
    .Zoom__loading_area {
      margin-top: 38px; } }

.Zoom__class_box_tx {
  letter-spacing: 0.06em; }

.Zoom__loading_tx {
  color: #4280b8;
  margin-top: 20px; }

/**
 * Loading ブロック
 *
 */
.Loading__anime > div {
  border-radius: 100%;
  margin: 1px;
  border: 1px solid #4280b8;
  border-bottom-color: transparent;
  height: 45px;
  width: 45px;
  background: 0 0 !important;
  display: inline-block;
  -webkit-animation: rotate .75s 0s linear infinite;
  animation: rotate .75s 0s linear infinite; }
  @media (max-width: 767px) {
    .Loading__anime > div {
      width: 73px;
      height: 73px; } }

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0); }
  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0); }
  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

/**
 * LogRecord ブロック
 *
 */
.LogRecord {
  padding-top: 70px; }
  @media (max-width: 767px) {
    .LogRecord {
      padding-top: 50px; } }

.LogRecord__total_area {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 107px; }
  @media (max-width: 767px) {
    .LogRecord__total_area {
      width: 100%;
      max-width: none;
      display: block;
      padding: 0 20px;
      margin-bottom: 80px; } }

.LogRecord__total_head {
  font-size: 1.125rem;
  color: #1e87c8;
  letter-spacing: 0.04em;
  margin-bottom: 8px; }
  @media (max-width: 767px) {
    .LogRecord__total_head {
      font-size: 0.875rem; } }

.LogRecord__total_box {
  width: 43.2%; }
  .LogRecord__total_area .LogRecord__total_box:nth-child(2) {
    margin-left: 56px; }
  @media (max-width: 767px) {
    .LogRecord__total_box {
      width: 100%;
      margin-bottom: 33px; }
      .LogRecord__total_area .LogRecord__total_box:nth-child(2) {
        margin-bottom: 0;
        margin-left: 0; } }

.LogRecord__total_label {
  position: relative;
  color: #1e87c8;
  text-align: center;
  letter-spacing: 0.04em;
  background-color: #e5f1f9;
  border-radius: 10px;
  padding: 29px 10px 16px; }

.LogRecord__total_label_img::after {
  position: absolute;
  content: "";
  display: block;
  width: 65px;
  height: 65px;
  top: -17px;
  right: -17px; }
  @media (max-width: 767px) {
    .LogRecord__total_label_img::after {
      width: 47px;
      height: 47px;
      top: -20px;
      right: -12px; } }

.LogRecord__total_tx_num {
  font-size: 3.9375rem;
  font-weight: 500;
  margin-right: 5px;
  -webkit-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
  letter-spacing: 0.04em; }
  @media (max-width: 767px) {
    .LogRecord__total_tx_num {
      font-size: 2.6875rem; } }

.LogRecord__total_tx {
  font-size: 1.4375rem; }
  @media (max-width: 767px) {
    .LogRecord__total_tx {
      font-size: 1rem; } }

.LogRecord__area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  .LogRecord__log_contents .LogRecord__area {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  @media (max-width: 1024px) {
    .LogRecord__area {
      display: block; } }

.LogRecord__calendar {
  min-width: 410px;
  font-family: Roboto;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 20px; }
  @media (max-width: 1024px) {
    .LogRecord__calendar {
      display: block;
      min-width: unset;
      margin-right: 0;
      max-width: 560px;
      margin: 0 auto; } }

.LogRecord__entry .fc-daygrid-day-number {
  border: 2px solid #4280b8;
  border-radius: 50%;
  color: #4280b8; }

.LogRecord__box {
  width: calc(50% - 20px); }
  @media (max-width: 1024px) {
    .LogRecord__box {
      width: 100%; } }

.LogRecord__record_top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #4280b8;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-bottom: 8px; }
  @media (max-width: 1024px) {
    .LogRecord__record_top {
      margin-bottom: 0; } }

.LogRecord__record_date {
  font-size: 1.25rem;
  letter-spacing: 0.08em; }
  @media (max-width: 767px) {
    .LogRecord__record_date {
      font-size: 1rem; } }

.LogRecord__edit_btn {
  font-size: 0.86693rem;
  cursor: pointer;
  padding-right: 15px; }
  @media (max-width: 1024px) {
    .LogRecord__edit_btn {
      position: absolute;
      color: #333d47;
      padding-right: 0;
      top: 30px;
      right: 0; } }
  .LogRecord__edit_btn:hover {
    opacity: 0.7; }

.LogRecord__back_btn_arrow {
  display: none;
  width: 8px;
  height: 13px;
  background: url(../img/icon_arrow_black.png) no-repeat center;
  background-size: contain; }
  @media (max-width: 1024px) {
    .LogRecord__back_btn_arrow {
      position: absolute;
      display: block;
      top: 17px;
      padding: 20px 30px;
      left: -18px;
      background-size: 8px auto; } }

.LogRecord__back_btn {
  display: none;
  font-size: 1rem;
  line-height: 1;
  width: 76px;
  color: #4280b8;
  text-align: center;
  border: 1px solid #4280b8;
  margin: 50px auto 0;
  padding: 10px;
  border-radius: 30px; }
  @media (max-width: 1024px) {
    .LogRecord__back_btn {
      position: absolute;
      display: block;
      bottom: 0;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%); } }

@media (max-width: 1024px) {
  .LogRecord__record {
    position: relative;
    display: none;
    padding-top: 80px; }
    .LogRecord__log_contents .LogRecord__record {
      display: block; } }

.LogRecord__record_area {
  position: relative;
  height: 390px;
  border: 2px solid #e5f1f9;
  overflow-y: auto; }
  @media (max-width: 1024px) {
    .LogRecord__record_area {
      height: auto;
      min-height: 360px;
      padding-bottom: 90px;
      border: none;
      overflow-y: unset; } }

.LogRecord__record_inner {
  width: 100%;
  height: 100%;
  max-width: 330px;
  padding: 25px 15px;
  margin: 0 auto; }
  @media (max-width: 1024px) {
    .LogRecord__record_inner {
      max-width: none;
      padding: 10px 0 0;
      overflow: unset; } }

.LogRecord__record_time_box {
  margin-bottom: 25px;
  color: #4280b8; }

.LogRecord__record_time_box_inner {
  position: relative;
  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; }

.LogRecord__record_time_head {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .LogRecord__record_time_head::after {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background-color: #4280b8; }

.LogRecord__record_time_head_tx {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 10px; }

.LogRecord__record_time_tx {
  position: absolute;
  width: 62px;
  text-align: right;
  background-color: #fff;
  padding-left: 5px;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 0.8125rem; }
  @media (max-width: 1024px) {
    .LogRecord__record_time_tx {
      font-size: 0.875rem; } }

.LogRecord__record_time_tx_num {
  font-size: 1.25rem;
  font-weight: 500;
  text-align: right;
  padding-right: 3px; }
  @media (max-width: 1024px) {
    .LogRecord__record_time_tx_num {
      font-size: 1.375rem; } }

.LogRecord__record_notes {
  color: #958a80;
  font-size: 0.6875rem;
  margin-top: 5px; }
  @media (max-width: 1024px) {
    .LogRecord__record_notes {
      font-size: 0.8125rem; } }

.LogRecord__record_memo {
  margin-top: 5px; }

.LogRecord__record_memo_head {
  font-size: 1rem;
  color: #4280b8;
  margin-bottom: 15px; }

.LogRecord__record_memo_area {
  font-size: 0.875rem;
  line-height: 1.71429;
  color: #333d47; }
  @media (max-width: 1024px) {
    .LogRecord__record_memo_area {
      border: 1px solid #ccc;
      border-radius: 6px;
      padding: 15px 10px;
      height: 112px;
      overflow-y: auto; } }

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

.LogRecord__record_btn {
  min-width: 173px;
  border-width: 2px;
  letter-spacing: 0.12em; }

.LogRecord__record_error {
  width: 100%;
  text-align: center;
  font-size: 1rem;
  color: #4280b8; }

.LogRecord__modal {
  position: relative;
  min-height: 375px;
  color: #4280b8;
  padding-bottom: 20px; }
  @media (max-width: 767px) {
    .LogRecord__modal {
      min-height: 60vh; } }

.LogRecord__modal_st1_tx {
  max-width: 225px;
  font-size: 0.875rem;
  line-height: 1.75;
  color: #958a80;
  padding-left: 10px;
  border-left: 1px solid #4280b8;
  padding-bottom: 10px; }
  @media (max-width: 767px) {
    .LogRecord__modal_st1_tx {
      max-width: none;
      border: none;
      padding: 0;
      margin-top: 20px; } }

.LogRecord__modal_side {
  position: relative;
  width: 50%; }
  @media (max-width: 767px) {
    .LogRecord__modal_side {
      width: 100%; } }

.LogRecord__modal_side .LogRecord__range_box:last-child {
  margin-top: 35px; }
  @media (max-width: 767px) {
    .LogRecord__modal_side .LogRecord__range_box:last-child {
      margin-top: 30px; } }

.LogRecord__range_head {
  margin-bottom: 15px;
  font-size: 1rem; }

.LogRecord__range {
  position: relative;
  padding: 44px 16px 20px; }

.LogRecord__range_label {
  position: absolute;
  font-size: 0.75rem;
  color: #88b3dd;
  top: 50px; }
  @media (max-width: 767px) {
    .LogRecord__range_label {
      font-size: 0.8125rem; } }

.LogRecord__range_label_l {
  left: 0; }

.LogRecord__range_label_r {
  right: 0; }

.LogRecord__modal_btn_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-bottom: 10px; }

.LogRecord__record_bar_area {
  margin-bottom: 30px; }

.LogRecord__record_bar_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 28px; }
  .LogRecord__record_bar_area .LogRecord__record_bar_box:last-child {
    margin-top: 10px; }
    @media (max-width: 1024px) {
      .LogRecord__record_bar_area .LogRecord__record_bar_box:last-child {
        margin-top: 30px; } }
  @media (max-width: 1024px) {
    .LogRecord__record_bar_box {
      padding-top: 40px; } }

.LogRecord__record_bar_head {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  font-size: 1rem;
  margin-right: 20px; }
  @media (max-width: 1024px) {
    .LogRecord__record_bar_head {
      margin-right: 28px; } }

.LogRecord__record_bar {
  position: relative;
  width: 100%;
  height: 2px;
  background-color: #e6e6e6; }

.LogRecord__record_bar_inner {
  position: absolute;
  background-color: #aacce8;
  width: 0;
  height: 2px;
  z-index: 2;
  top: 1;
  left: 0; }
  .LogRecord__record_bar_inner::before {
    content: "";
    position: absolute;
    display: block;
    width: 24px;
    height: 35px;
    background: url(../img/range.svg) no-repeat center;
    background-size: contain;
    right: -11px;
    top: -33px; }
    @media (max-width: 1024px) {
      .LogRecord__record_bar_inner::before {
        width: 34px;
        height: 50px;
        right: -17px;
        top: -48px; } }
  .LogRecord__record_bar_inner::after {
    position: absolute;
    content: "0";
    display: block;
    font-family: Roboto;
    font-weight: 300;
    font-size: 0.9375rem;
    color: #fff;
    right: -3px;
    top: -28px; }
    @media (max-width: 1024px) {
      .LogRecord__record_bar_inner::after {
        font-size: 1.375rem;
        right: -6px;
        top: -40px; } }
  .LogRecord__record_bar--orange .LogRecord__record_bar_inner::before {
    background: url(../img/range_orange.svg) no-repeat center;
    background-size: contain; }
  .LogRecord__record_bar_box--01 .LogRecord__record_bar_inner {
    width: 10%; }
    .LogRecord__record_bar_box--01 .LogRecord__record_bar_inner::after {
      content: "1"; }
  .LogRecord__record_bar_box--01 .LogRecord__record_bar_inner {
    width: 10%; }
    .LogRecord__record_bar_box--01 .LogRecord__record_bar_inner::after {
      content: "1"; }
  .LogRecord__record_bar_box--01 .LogRecord__record_bar_inner {
    width: 10%; }
    .LogRecord__record_bar_box--01 .LogRecord__record_bar_inner::after {
      content: "1"; }
  .LogRecord__record_bar_box--02 .LogRecord__record_bar_inner {
    width: 20%; }
    .LogRecord__record_bar_box--02 .LogRecord__record_bar_inner::after {
      content: "2"; }
  .LogRecord__record_bar_box--03 .LogRecord__record_bar_inner {
    width: 30%; }
    .LogRecord__record_bar_box--03 .LogRecord__record_bar_inner::after {
      content: "3"; }
  .LogRecord__record_bar_box--04 .LogRecord__record_bar_inner {
    width: 40%; }
    .LogRecord__record_bar_box--04 .LogRecord__record_bar_inner::after {
      content: "4"; }
  .LogRecord__record_bar_box--05 .LogRecord__record_bar_inner {
    width: 50%; }
    .LogRecord__record_bar_box--05 .LogRecord__record_bar_inner::after {
      content: "5"; }
  .LogRecord__record_bar_box--06 .LogRecord__record_bar_inner {
    width: 60%; }
    .LogRecord__record_bar_box--06 .LogRecord__record_bar_inner::after {
      content: "6"; }
  .LogRecord__record_bar_box--07 .LogRecord__record_bar_inner {
    width: 70%; }
    .LogRecord__record_bar_box--07 .LogRecord__record_bar_inner::after {
      content: "7"; }
  .LogRecord__record_bar_box--08 .LogRecord__record_bar_inner {
    width: 80%; }
    .LogRecord__record_bar_box--08 .LogRecord__record_bar_inner::after {
      content: "8"; }
  .LogRecord__record_bar_box--09 .LogRecord__record_bar_inner {
    width: 90%; }
    .LogRecord__record_bar_box--09 .LogRecord__record_bar_inner::after {
      content: "9"; }
  .LogRecord__record_bar_box--10 .LogRecord__record_bar_inner {
    width: 100%; }
    .LogRecord__record_bar_box--10 .LogRecord__record_bar_inner::after {
      content: "10";
      right: -7px; }
      @media (max-width: 1024px) {
        .LogRecord__record_bar_box--10 .LogRecord__record_bar_inner::after {
          right: -11px; } }

.LogRecord__modal_btn {
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 50%;
  background-color: #4280b8;
  color: #fff;
  font-weight: 500;
  cursor: pointer;
  font-size: 0.9375rem;
  -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2); }

.LogRecord__modal_head_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end; }

.LogRecord__modal_head {
  font-size: 1.125rem;
  color: #4280b8; }

@media (max-width: 767px) {
  .LogRecord__modal_head_line {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .LogRecord__modal_head_line::after {
      content: "";
      display: block;
      width: 100%;
      height: 2px;
      background-color: #4280b8; }
    .LogRecord__modal_head_line .LogRecord__modal_head_tx {
      -ms-flex-negative: 0;
      flex-shrink: 0;
      margin-right: 15px; } }

.LogRecord__modal_head_side {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end; }
  @media (max-width: 767px) {
    .LogRecord__modal_head_side {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      background-color: #fff; } }

.LogRecord__modal_time_num {
  position: relative;
  display: inline-block;
  width: 45px;
  text-align: right;
  font-size: 1.75rem;
  font-weight: 500;
  padding-right: 5px;
  bottom: -5px; }
  @media (max-width: 767px) {
    .LogRecord__modal_time_num {
      font-size: 1.375rem;
      background-color: #fff;
      bottom: 0; } }

.LogRecord__modal_time_tx {
  font-size: 1rem; }

.LogRecord__modal_note {
  font-size: 0.875rem;
  color: #958a80;
  margin-top: 5px; }

.LogRecord__modal_time_bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-top: 75px; }
  @media (max-width: 767px) {
    .LogRecord__modal_time_bottom {
      margin-top: 20px;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin-bottom: 35px; } }

.LogRecord__modal_input {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid #cccccc;
  font-size: 1rem;
  color: #333d47;
  border-radius: 5px; }

.LogRecord__modal_memo {
  width: 100%;
  max-width: 333px; }
  @media (max-width: 767px) {
    .LogRecord__modal_memo {
      max-width: none; } }

.LogRecord__modal_input_memo {
  width: 100%;
  height: 224px;
  overflow-y: auto;
  color: #696969;
  padding: 15px;
  margin-top: 10px;
  -webkit-box-shadow: none;
  box-shadow: none; }
  @media (max-width: 767px) {
    .LogRecord__modal_input_memo {
      height: 112px;
      padding: 12px; } }

.LogRecord__modal_fx {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start; }
  @media (max-width: 767px) {
    .LogRecord__modal_fx {
      display: block; } }

.LogRecord__modal_thanks_tx {
  text-align: center;
  font-size: 1.125rem;
  line-height: 1.72222; }
  @media (max-width: 767px) {
    .LogRecord__modal_thanks_tx {
      font-size: 1rem; } }

.LogRecord__modal_thanks_label_area {
  max-width: 545px;
  margin: 55px auto 0; }

.LogRecord__modal_thanks_label {
  position: relative;
  background-color: #fff;
  color: #333d47;
  font-size: 1.125rem;
  line-height: 1.75;
  padding: 30px 20px;
  margin-bottom: 10px; }
  .LogRecord__modal_thanks_label p {
    position: relative;
    z-index: 1; }
  @media (max-width: 767px) {
    .LogRecord__modal_thanks_label {
      max-width: none;
      font-size: 1rem;
      background-color: transparent;
      padding: 20px 0 10px; } }
  .LogRecord__modal_thanks_label::after {
    position: absolute;
    content: "";
    display: block;
    width: 65px;
    height: 46px;
    background: url(../img/log_label_back.png) no-repeat center;
    background-size: contain;
    top: -23px;
    right: 20px; }
    @media (max-width: 767px) {
      .LogRecord__modal_thanks_label::after {
        width: 56px;
        height: 40px;
        top: 0;
        right: 0; } }

.LogRecord__modal_howto {
  padding-top: 45px; }
  .LogRecord__modal_howto::after {
    position: absolute;
    content: "";
    display: block;
    width: 234px;
    height: 234px;
    background: url(../img/log_howto.png) no-repeat center;
    background-size: contain;
    right: 0;
    bottom: -20px; }
    @media (max-width: 767px) {
      .LogRecord__modal_howto::after {
        display: none; } }

.LogRecord__modal_howto_tx_area {
  max-width: 410px;
  font-size: 1rem;
  line-height: 1.75; }
  @media (max-width: 767px) {
    .LogRecord__modal_howto_tx_area {
      max-width: none; } }

.LogRecord__modal_howto_tx {
  margin-bottom: 35px; }
  .LogRecord__modal_howto_tx_area .LogRecord__modal_howto_tx:last-child {
    margin-bottom: 0; }

.LogRecord__total_label_img--hours::after {
  background: url(../img/log_hours.png) no-repeat center;
  background-size: contain; }

.LogRecord__total_label_img--sessions::after {
  background: url(../img/log_sessions.png) no-repeat center;
  background-size: contain; }

.LogRecord__modal--pt {
  padding-top: 85px; }
  @media (max-width: 767px) {
    .LogRecord__modal--pt {
      padding-top: 50px; } }

.LogRecord__modal_input--sm {
  width: 40px;
  padding: 3px;
  margin: 0 7px 0 15px; }
  @media (max-width: 767px) {
    .LogRecord__modal_input--sm {
      width: 62px; } }

@media (max-width: 767px) {
  .LogRecord__modal_fx--sp_col_reverse {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: baseline;
    -ms-flex-pack: baseline;
    justify-content: baseline;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-flow: column-reverse;
    flex-flow: column-reverse; } }

.LogRecord__modal_head_side--vertical {
  -webkit-transform: translateY(3px);
  -ms-transform: translateY(3px);
  transform: translateY(3px); }
  @media (max-width: 767px) {
    .LogRecord__modal_head_side--vertical {
      -webkit-transform: no;
      -ms-transform: no;
      transform: no; } }

.LogRecord__modal_tx--line {
  padding-bottom: 3px; }

.LogRecord__modal_btn--check {
  background-image: url(../img/icon_checked_white.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px auto; }

.LogRecord__total_area--center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

[id*=flat-slider].ui-slider,
[id*=flat-slider].ui-slider .ui-slider-pip .ui-slider-line {
  background: #e6e6e6; }

[id*=flat-slider].ui-slider .ui-slider-handle .ui-slider-tip:after {
  border-left-color: #e6e6e6; }

[id*=flat-slider].ui-slider .ui-slider-handle.ui-state-hover,
[id*=flat-slider].ui-slider .ui-slider-handle.ui-state-focus,
[id*=flat-slider].ui-slider .ui-slider-handle.ui-state-active {
  border-color: white; }

.stuff {
  padding: 50px 50px 50px;
  max-width: 900px;
  margin: auto; }

.ui-widget-content {
  margin-bottom: 0px !important; }

[id*=flat-slider].ui-slider.ui-slider-horizontal {
  height: 1px;
  border: none; }

[id*=flat-slider].ui-slider.ui-slider-horizontal .ui-slider-pip .ui-slider-line {
  width: 1px;
  height: 2px;
  margin-left: -1px; }

[id*=flat-slider].ui-slider.ui-slider-horizontal .ui-slider-pip {
  top: -2px; }

.ui-slider-pip-0, .ui-slider-pip-5, .ui-slider-pip-10 {
  top: -10px !important; }

.ui-slider-pip-0 .ui-slider-line,
.ui-slider-pip-10 .ui-slider-line {
  height: 11px !important; }

.ui-slider-pip-5 .ui-slider-line {
  height: 10px !important; }

[id*=flat-slider].ui-slider.ui-slider-horizontal .ui-slider-pip[class*=ui-slider-pip-selected] .ui-slider-line {
  height: 3px; }

#flat-slider01 .ui-slider-pip.ui-slider-pip-inrange .ui-slider-line, #flat-slider01 .ui-slider-pip[class*=ui-slider-pip-selected] .ui-slider-line, #flat-slider01 .ui-slider-range {
  background-color: #aacce8; }

#flat-slider02 .ui-slider-pip.ui-slider-pip-inrange .ui-slider-line, #flat-slider02 .ui-slider-pip[class*=ui-slider-pip-selected] .ui-slider-line, #flat-slider02 .ui-slider-range {
  background-color: #aacce8; }

[id*=flat-slider].ui-slider.ui-slider-horizontal .ui-slider-pip.ui-slider-pip-inrange .ui-slider-line {
  height: 2px; }

[id*=flat-slider].ui-slider.ui-slider-horizontal .ui-slider-handle {
  top: -45px;
  margin-left: -16px; }

[id*=flat-slider].ui-slider .ui-slider-handle {
  width: 32px;
  height: 48px;
  border-radius: unset;
  border: none;
  -webkit-transition: border .4s ease;
  -o-transition: border .4s ease;
  transition: border .4s ease;
  -webkit-transform: none !important;
  -ms-transform: none !important;
  transform: none !important;
  background-color: transparent !important;
  background: url(../img/range.svg) no-repeat center;
  background-size: contain; }

[id*=flat-slider02].ui-slider .ui-slider-handle {
  width: 32px;
  height: 48px;
  background: url(../img/range_orange.svg) no-repeat center;
  background-size: contain; }

.ui-slider-tip {
  visibility: visible !important;
  opacity: 1 !important; }

.ui-slider-float .ui-slider-tip, .ui-slider-float .ui-slider-tip-label {
  opacity: 1 !important;
  display: block !important;
  position: absolute;
  visibility: hidden;
  top: 6px;
  width: 34px;
  margin-left: -17.5px;
  left: 50%;
  height: auto;
  line-height: 1;
  background: transparent;
  border-radius: unset;
  border: none;
  text-align: center;
  font-size: 1.3125rem;
  color: #fff;
  font-family: Roboto;
  font-weight: 300; }
  .ui-slider-float .ui-slider-tip::before, .ui-slider-float .ui-slider-tip::after, .ui-slider-float .ui-slider-tip-label::before, .ui-slider-float .ui-slider-tip-label::after {
    display: none; }

.ui-slider-float .ui-slider-handle.ui-state-active .ui-slider-tip, .ui-slider-float .ui-slider-handle.ui-state-focus .ui-slider-tip, .ui-slider-float .ui-slider-handle.ui-state-hover .ui-slider-tip, .ui-slider-float .ui-slider-handle:focus .ui-slider-tip, .ui-slider-float .ui-slider-handle:hover .ui-slider-tip, .ui-slider-float .ui-slider-pip:hover .ui-slider-tip-label {
  opacity: 1;
  top: 6px;
  visibility: visible;
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  -webkit-transition-delay: 200ms,200ms,0ms;
  -o-transition-delay: 200ms,200ms,0ms;
  transition-delay: 200ms,200ms,0ms; }

/**
 * Calendar Customize
 *
 */
.fc {
  font-weight: 300; }

.fc-toolbar-title {
  font-size: 3.25rem;
  letter-spacing: 0.104em;
  font-weight: 400;
  color: #4280b8; }
  @media (max-width: 767px) {
    .fc-toolbar-title {
      font-size: 1.625rem; } }

.fc-icon {
  width: 0;
  height: 0; }

.fc-icon-chevron-left:before,
.fc-icon-chevron-right:before {
  position: absolute;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.fc-icon-chevron-left:before {
  border-width: 6px 10px 6px 0;
  border-color: transparent #ffffff transparent transparent;
  -webkit-transform: translate(-7px, -50%);
  -ms-transform: translate(-7px, -50%);
  transform: translate(-7px, -50%); }

.fc-icon-chevron-right:before {
  border-width: 6px 0 6px 10px;
  border-color: transparent transparent transparent #ffffff;
  -webkit-transform: translate(-4px, -50%);
  -ms-transform: translate(-4px, -50%);
  transform: translate(-4px, -50%); }

.fc .fc-button-primary {
  position: relative;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background-color: #4280b8;
  border: none; }
  .fc .fc-button-primary:hover {
    opacity: 0.8;
    background-color: #4280b8; }

.fc .fc-toolbar {
  padding: 0 20px; }

.fc .fc-toolbar.fc-header-toolbar {
  margin-bottom: 25px; }

.fc-theme-standard td,
.fc-theme-standard th {
  border: none; }

.fc-col-header-cell-cushion {
  color: #958a80; }

.fc .fc-daygrid-day-top {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.fc .fc-daygrid-day-number {
  font-size: 1.375rem; }

.fc-theme-standard .fc-scrollgrid {
  border: none; }

.fc .fc-daygrid-body-natural .fc-daygrid-day-events {
  margin: 0; }

.fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events {
  height: 0; }

.fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events {
  min-height: auto; }

.fc .fc-daygrid-day-number {
  font-size: 1.375rem;
  height: 50px;
  width: 50px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 6px; }

.fc .fc-daygrid-day.fc-day-today {
  background-color: transparent; }

.fc .fc-highlight {
  background-color: transparent; }

.fc-daygrid-day-number {
  color: #333d47; }
  .fc-day-future .fc-daygrid-day-number {
    color: #958a80;
    pointer-events: none; }

.fc a[data-navlink]:hover,
.fc a[data-navlink]:active {
  -webkit-text-decoration: auto;
  text-decoration: auto;
  color: #4280b8;
  opacity: 1; }

.fc .fc-button-primary:not(:disabled).fc-button-active,
.fc .fc-button-primary:not(:disabled):active {
  background-color: #4280b8;
  border: none; }

.fc .fc-button-primary:focus,
.fc .fc-button-primary:not(:disabled).fc-button-active:focus,
.fc .fc-button-primary:not(:disabled):active:focus {
  -webkit-box-shadow: none;
  box-shadow: none; }

.portlet.calendar .fc-event .fc-time {
  color: white; }

.portlet.calendar .fc-event .fc-title {
  color: white; }

.fc-daygrid-day-number[data-navlink="2021-07-06"] {
  background-color: #ccc !important; }

.Calendar {
  font-family: Roboto;
  font-weight: 300; }

.Calendar__table {
  width: 100%;
  table-layout: fixed; }

.Calendar_top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 90%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  margin: 0 auto 15px; }

.Calendar_title {
  font-size: 2.125rem;
  color: #4280b8;
  letter-spacing: 0.12em; }
  .Calendar_title span {
    margin-left: 0.5em; }
  @media (max-width: 767px) {
    .Calendar_title {
      font-size: 1.625rem; } }

.Calendar__cell_day {
  font-size: 1rem;
  color: #958a80; }
  @media (max-width: 767px) {
    .Calendar__cell_day {
      font-size: 0.875rem; } }
  @media (max-width: 376px) {
    .Calendar__cell_day {
      font-size: 0.75rem; } }

.Calendar__thead {
  width: 100%; }
  .Calendar__thead th {
    padding: 2px 4px; }

th,
td {
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.Calendar__cell {
  display: inline-block;
  text-align: center;
  width: calc(100% / 7); }

@-moz-document url-prefix() {
  .Calendar__cell {
    width: calc(100% / 7.4); } }

.Calendar__date {
  display: inline-block;
  position: relative;
  font-size: 1.375rem;
  padding: 0 5px;
  cursor: pointer; }
  @media (max-width: 767px) {
    .Calendar__date {
      font-size: 1.09375rem; } }
  @media (max-width: 376px) {
    .Calendar__date {
      font-size: 1rem; } }
  .Calendar__date:hover {
    color: #4280b8; }
    .Calendar__date:hover .Calendar__date_num {
      opacity: 0.7; }

.Calendar__date_num {
  width: 100%;
  height: 0;
  padding-top: 100%; }
  .Calendar__date_num span {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }

.Calendar__future {
  color: #958a80; }

.Calendar__date_class {
  color: #4280b8; }

.Calendar__date_log .Calendar__date_num {
  text-align: center;
  color: #4280b8; }
  .Calendar__date_log .Calendar__date_num::before {
    content: "";
    display: block;
    width: 50px;
    height: 50px;
    border: 2px solid #4280b8;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
    @media (max-width: 767px) {
      .Calendar__date_log .Calendar__date_num::before {
        width: 38px;
        height: 38px; } }
    @media (max-width: 376px) {
      .Calendar__date_log .Calendar__date_num::before {
        width: 30px;
        height: 30px; } }

.Calendar__hidden {
  opacity: 0.5; }

/**
 * scroll ブロック
 *
 */
.Scroll_tx {
  display: none; }
  @media (max-width: 767px) {
    .Scroll_tx {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      font-size: 0.75rem;
      color: #333D47;
      margin-top: 30px; }
      .Scroll_tx::before {
        content: "";
        display: block;
        width: 17px;
        height: 14px;
        background: url(../img/icon_scroll.png) no-repeat center;
        background-size: contain;
        margin-right: 2px; } }

/**
 * List ブロック
 *
 */
.List {
  list-style: none; }

.List__dot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
  line-height: 1.2; }
  .List__dot::before {
    content: "・";
    display: inline-block; }
  .List .List__dot:last-child {
    margin-bottom: 0; }

/**
 * Link ブロック
 *
 */
.Link__line {
  color: #88b3dd;
  border-bottom: 1px solid #88b3dd; }
  .Link__line_area .Link__line {
    margin-right: 5px; }
    .Link__line_area .Link__line:last-child {
      margin-right: 0; }

/**
 * Archives ブロック
 *
 */
/* コンテンツ全体 */
.Archives__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

/* -----------ライン部分 ---------*/
.Archives__box .Archives__box_left {
  width: 40px;
  position: relative;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  font-family: Roboto; }
  @media (max-width: 767px) {
    .Archives__box .Archives__box_left {
      width: 20px; } }

/* 日付 */
.Archives__box .Archives__box_date {
  width: 120px;
  font-size: 20px;
  color: #4280b8;
  text-align: center;
  position: absolute;
  z-index: 1;
  left: 76px;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0); }

.Archives__box .Archives__box_line {
  width: 2px;
  height: 100%;
  margin: 0 auto;
  background: #4280b8;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0); }

.Archives__box .Archives__box_line_hide {
  width: 100%;
  height: 16px;
  margin: 1em auto 0;
  background: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0); }

/* クラスボックス */
.Archives__box .Archives__box_right {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-top: 40px; }

  @media screen and (max-width: 767px) {
    .Archives__box .Archives__box_right {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      width: 100%;
      padding-top: 30px; } }

.Archives_class_box {
  width: 220px;
  margin: 0 24px 16px 0;
  letter-spacing: 0.08em; }
  .Archives__box_right .Archives_class_box:nth-child(4n) {
    margin-right: 0; }
    @media (max-width: 1024px) {
      .Archives__box_right .Archives_class_box:nth-child(4n) {
        margin-right: 20px; } }
    @media (max-width: 767px) {
      .Archives__box_right .Archives_class_box:nth-child(4n) {
        margin-right: 0; } }
  @media (max-width: 1024px) {
    .Archives__box_right .Archives_class_box:nth-child(3n) {
      margin-right: 0; } }
  .Archives_class_box:hover {
    opacity: 0.7;
    cursor: pointer; }
  @media (max-width: 1024px) {
    .Archives_class_box {
      width: calc(100% / 3 - 20px); } }
  @media (max-width: 767px) {
    .Archives_class_box {
      width: 100%;
      margin-right: 0; } }

.Archives_class_box_inner {
  background: #fff;
  border-radius: 8px;
  padding: 1em 1em 0.3em;
  position: relative;
  margin-bottom: 1.3em;
  display: block; }

.Archives_class_box .Archives_class_box_time {
  color: #fff;
  padding: 0.4em 0.7em;
  border-radius: 30px;
  letter-spacing: 0;
  background: #4280B8;
  position: absolute;
  top: 6px;
  right: 6px;
  display: inline-block;
  font-size: 12px; }

.Archives_class_box .Archives_class_box_start {
  color: #88b3dd;
  font-size: 13px; }

.Archives_class_box .Archives_class_box_name {
  font-weight: bold;
  font-size: 16px;
  margin: 0.4em 0 0.1em; }

.Archives_class_box .Archives_class_box_Instructor {
  font-size: 14px;
  padding: 10px 0;
  background-position: top 50% left 0;
  background-size: 2.4em auto;
  background-repeat: no-repeat; }

.Archives_class_box_Instructor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.Archives_class_box_Instructor_img {
  display: inline-block;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 7px; }

/**
 * Search ブロック
 *
 */
.Search__area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 40px; }
  @media (max-width: 767px) {
    .Search__area {
      display: block;
      width: 100%; } }

.Search__box {
  margin-right: 17px; }
  .Search__area .Search__box:last-child {
    margin-right: 0; }
  @media (max-width: 767px) {
    .Search__box {
      margin-right: 0;
      margin-bottom: 25px; } }

.Search__btn {
  position: relative;
  color: #fff;
  padding: 1em 1em 1em 34px;
  margin-bottom: 20px;
  font-size: 16px;
  letter-spacing: 0.1em;
  border-radius: 5px;
  position: relative;
  background: url(../img/icon_loupe_white.png) top 50% left 12px/17px auto no-repeat;
  -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
  cursor: pointer; }
  .Search__btn:hover, .Search__btn:active {
    opacity: 0.7; }
  @media (max-width: 767px) {
    .Search__btn {
      margin-bottom: 0;
      padding: 1em 1em 1em 50px;
      background-position: top 50% left 17px;
      background-size: 20px auto; } }
  .Search__btn:before {
    content: "";
    position: absolute;
    right: 3px;
    width: 10px;
    height: 10px;
    background: url(../img/icon_arrow_white.png) no-repeat;
    background-size: contain;
    background-position: center;
    top: 43%;
    -webkit-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
    -webkit-transform: rotate(-90deg) translateY(-50%);
    -ms-transform: rotate(-90deg) translateY(-50%);
    transform: rotate(-90deg) translateY(-50%); }
    @media (max-width: 767px) {
      .Search__btn:before {
        height: 10px;
        top: 50%;
        right: 20px;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%); } }
  @media (max-width: 767px) {
    .Search__btn.active::before {
      -webkit-transform: translate(0, -50%) rotate(-180deg);
      -ms-transform: translate(0, -50%) rotate(-180deg);
      transform: translate(0, -50%) rotate(-180deg); } }

@media screen and (min-width: 766px) {
  .Search_class_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 30px auto 0; } }

.Search_class_list_box {
  width: 100%; }
  @media screen and (min-width: 766px) {
    .Search_class_list_box {
      width: calc(50% - 10px);
      -webkit-box-sizing: border-box;
      box-sizing: border-box; } }
  @media (max-width: 767px) {
    .Search_class_list_box {
      background-size: 30px auto; } }

.Search_class_list_link {
  font-size: 16px;
  padding: 12px 24px;
  border-radius: 5px;
  font-weight: bold;
  position: relative;
  margin: 0.5em 0 0 0;
  line-height: 1.4;
  display: block;
  background: #fff;
  letter-spacing: 0.08em; }
  @media (max-width: 767px) {
    .Search_class_list_link {
      padding-left: 50px; } }
  .Search_class_list_link::before {
    content: "";
    position: absolute;
    top: 0;
    right: 1em;
    width: 0.9em;
    height: 100%;
    background: url(../img/icon_arrow_blue.png) top 50% left 0/100% auto no-repeat;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg); }
    @media (max-width: 767px) {
      .Search_class_list_link::before {
        width: 8px;
        height: 8px;
        background-position: center;
        background-size: contain;
        top: 50%;
        -webkit-transform: translateY(-50%) rotate(-90deg);
        -ms-transform: translateY(-50%) rotate(-90deg);
        transform: translateY(-50%) rotate(-90deg); } }

.Search_class_list_link_tx {
  font-size: 12px;
  font-weight: normal;
  display: block; }

.Search__btn_date {
  background-color: #8ac88d; }
  @media (max-width: 767px) {
    .Search__btn_date {
      background-color: transparent;
      -webkit-box-shadow: none;
      box-shadow: none;
      font-size: 0.9375rem;
      padding-left: 1.4em;
      margin: 0 0 0.5em;
      padding: 3px 0 3px 25px; }
      .Search__btn_date::before {
        display: none; } }

.Search__btn_date_select {
  display: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-align: center;
  text-align: -webkit-center; }
  @media (max-width: 767px) {
    .Search__btn_date_select {
      display: block;
      border: 1px solid #4280B8;
      padding: 15px 40px 15px 15px;
      text-align: -webkit-center;
      -o-text-overflow: ellipsis;
      text-overflow: ellipsis; }
      .Search__btn_date_select option {
        text-align: center;
        text-align: -webkit-center; } }

@media screen and (min-width: 766px) {
  .Search_instructor_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 615px;
    margin: 30px auto 0; } }

.Search_instructor_list_img {
  display: block;
  width: 92px;
  height: 92px;
  border-radius: 50%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin-bottom: 10px; }
  @media (max-width: 767px) {
    .Search_instructor_list_img {
      display: block;
      margin-right: 10px;
      margin-bottom: 0;
      width: 40px;
      height: 40px; } }

.Search_instructor_list_box {
  margin: 0 41px 15px 0; }
  .Search_instructor_list .Search_instructor_list_box:nth-child(5n) {
    margin-right: 0; }
  @media (max-width: 767px) {
    .Search_instructor_list_box {
      margin: 0;
      margin: 0.5em 0 0 0; } }

.Search_instructor_list_link {
  letter-spacing: 0.08em; }
  @media screen and (min-width: 766px) {
    .Search_instructor_list_link {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-flow: column;
      flex-flow: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      width: 90px;
      height: 120px;
      text-align: center;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; } }
  @media (max-width: 767px) {
    .Search_instructor_list_link {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-flow: unset;
      flex-flow: unset;
      font-weight: bold;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      background-color: #fff;
      border-radius: 5px;
      padding: 0.6em 1em 0.7em 10px; } }

.Search_instructor_list_no_img_link {
  padding-left: 1em;
  font-size: 16px;
  padding: 1em 1em 1em 3.4em;
  border-radius: 5px;
  font-weight: bold;
  position: relative;
  margin: 0.5em 0 0 0;
  line-height: 1.4;
  display: block;
  background-color: #fff;
  background-position: top 50% left 0.6em;
  background-size: 2.2em auto;
  background-repeat: no-repeat; }
  @media screen and (min-width: 766px) {
    .Search_instructor_list_no_img_link {
      background: #fff;
      padding: 0.8em 1em 0.8em 1em;
      width: auto;
      height: auto;
      margin: 0 15px 15px 0;
      text-align: center; } }
  @media (max-width: 767px) {
    .Search_instructor_list_no_img_link {
      padding: 19px 1em 19px 10px; } }


@media screen and (min-width: 766px) {
  .Search_date_box {
    max-width: 495px;
    margin: 40px auto; } }

@media screen and (min-width: 766px) {
  .Search_date_box_month_area {
    font-weight: bold;
    font-size: 14px; }
    .Search_date_box_month_area span {
      font-size: 18px;
      font-weight: bold; } }

@media screen and (min-width: 766px) {
  .Search_date_list {
    margin: 20px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; } }

@media screen and (min-width: 766px) {
  .Search_date_list_box {
    margin: 0 32px 30px 0;
    text-align: center; }
    .Search_date_list .Search_date_list_box:nth-child(7n) {
      margin-right: 0; } }

.Search_date_list_link {
  display: block; }
  @media screen and (min-width: 766px) {
    .Search_date_list_link {
      color: #4280b8;
      font-size: 0.875rem;
      font-weight: bold; }
      .Search_date_list_link span {
        font-size: 16px;
        display: block;
        text-align: center;
        background: #EDF8FF;
        border-radius: 50%;
        width: 43px;
        height: 43px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        line-height: 43px;
        font-weight: bold;
        margin-bottom: 8px;
        color: #4280b8; } }

.Search_time_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 6px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  @media (max-width: 767px) {
    .Search_time_list {
      display: block;
      padding: 0; } }

.Search_time_list_box {
  width: 100%;
  font-weight: bold; }
  @media screen and (min-width: 766px) {
    .Search_time_list_box {
      width: calc(25% - 20px);
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      margin: 20px 26px 20px 0; }
      .Search_time_list .Search_time_list_box:nth-child(4n) {
        margin-right: 0; } }

.Search_time_list_link {
  position: relative;
  display: block;
  background: #4280B8;
  font-size: 1rem;
  letter-spacing: 0.08em;
  padding: 20px 20px;
  border-radius: 5px; }
  @media (max-width: 767px) {
    .Search_time_list_link {
      margin: 0.5em 0 0 0; } }
  .Search_time_list_link::after {
    content: "";
    position: absolute;
    display: block;
    width: 15px;
    height: 15px;
    background-image: url(../img/icon_arrow_white.png);
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-transform: rotate(-90deg) translateY(-50%);
    -ms-transform: rotate(-90deg) translateY(-50%);
    transform: rotate(-90deg) translateY(-50%);
    top: 40%;
    right: 7px; }
    @media (max-width: 767px) {
      .Search_time_list_link::after {
        top: 50%;
        -webkit-transform: rotate(-90deg) translateY(-50%);
        -ms-transform: rotate(-90deg) translateY(-50%);
        transform: rotate(-90deg) translateY(-50%); } }

.Search_time_list_link_tx span {
  margin-right: 0.5em; }

@media (max-width: 767px) {
  .Search__accordion {
    display: block;
    position: relative; } }

.Search_head_area {
  margin-bottom: 45px;
  padding-top: 50px;
  padding-left: 15px; }
  @media (max-width: 767px) {
    .Search_head_area {
      padding-top: 12px;
      padding-left: 0;
      margin-bottom: 40px; } }

.Search_head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1rem;
  letter-spacing: 0.08em;
  font-weight: bold; }
  .Search_head span {
    padding-bottom: 2px; }
  .Search_head::before {
    content: "";
    display: block;
    width: 14px;
    height: 17px;
    margin-right: 8px;
    background: url(../img/icon_loupe_black.png) no-repeat;
    background-size: contain; }

.Search_class_list_box--advanced .Search_class_list_link {
  background: url(../img/icon_lesson01.png) top 50% left 0.6em/2em auto no-repeat #fff; }
  @media (max-width: 767px) {
    .Search_class_list_box--advanced .Search_class_list_link {
      background-size: 30px auto; } }

/**
 * Time ブロック
 *
 */
.Time__box_input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #333d47;
  height: 47px;
  background-color: #fff;
  -webkit-appearance: none;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  @media (max-width: 1024px) {
    .Time__box_input {
      padding: 0; } }
  @media (max-width: 767px) {
    .Time__box_input {
      height: 50px !important;
      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; } }

.Time__box {
  width: 80px; }
  @media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
    .Time__box {
      width: 80px; } }
  @media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
    .Time__box.Time__box_chrome {
      width: 80px; }
      .Time__box.Time__box_chrome input[type="time"]::-webkit-calendar-picker-indicator {
        display: none; }
      .Time__box.Time__box_chrome input[type="time"]::-webkit-datetime-edit {
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: center;
        justify-content: center; } }

@-moz-document url-prefix() {
  .Time__box {
    width: 90px !important; } }
  @media (max-width: 767px) {
    .Time__box {
      width: 80px; } }

/**
 * Error ブロック
 *
 */
.Error__box {
  text-align: center;
  background-color: rgba(229, 241, 249, 0.9);
  border-radius: 10px; }

.Error__box_tx {
  color: #4280B8;
  line-height: 1.75; }

.Error__btn {
  height: 50px;
  margin-top: 30px; }
  @media (max-width: 767px) {
    .Error__btn {
      width: 130px;
      height: 33px;
      margin-top: 12px; } }
  .Error__btn:hover, .Error__btn:active {
    opacity: 0.7;
    -webkit-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all; }

.Error__box_chart {
  padding: 50px 20px; }
  @media (max-width: 767px) {
    .Error__box_chart {
      padding: 15px 20px; } }

.Error__box_log {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 30px;
  height: calc(100% + 60px);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.Error__box_class {
  width: 100%;
  padding: 40px 20px; }
  @media (max-width: 767px) {
    .Error__box_class {
      padding: 25px;
      font-size: 0.875rem;
      line-height: 1.75; } }

.Error__box--center {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.Error__box--lg {
  width: 90%; }

/**
 * Enquete ブロック
 *
 */
@media (max-width: 767px) {
  .Enquete__inner {
    padding: 0; } }

.Enquete__area {
  max-width: 650px;
  margin: 0 auto; }
  @media (max-width: 767px) {
    .Enquete__area {
      max-width: 300px; } }

.Enquete__area_label {
  width: 600px;
  height: 147px;
  background: url(../img/enquete_back.png) no-repeat center;
  background-size: contain;
  margin: 0 auto 15px; }
  @media (max-width: 767px) {
    .Enquete__area_label {
      width: 90%;
      display: none; } }

.Enquete__box {
  position: relative;
  width: 100%; }

#enquete-form {
  border: none; }

.Enquete__area_pt {
  max-width: 600px; }
  @media (max-width: 767px) {
    .Enquete__area_pt {
      max-width: 300px; } }
  .Enquete__area_pt iframe[src^="https://docs.google.com/forms/d/e"] {
    width: 100%;
    border-radius: 20px; }

.freebirdFormviewerViewFormContentWrapper {
  background-color: #000; }

.Enquete__pt01 {
  display: none; }
  @media (max-width: 375px) {
    .Enquete__pt01 {
      display: block; } }

.Enquete__pt02 {
  display: none; }
  @media (max-width: 520px) {
    .Enquete__pt02 {
      display: block; } }
  @media (max-width: 375px) {
    .Enquete__pt02 {
      display: none; } }

@media (max-width: 520px) {
  .Enquete__pt03 {
    display: none; } }

/**
 * Pagination ブロック
 *
 */
.Pagination__area {
  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;
  margin-top: 65px;
  font-family: Roboto; }
  @media (max-width: 767px) {
    .Pagination__area {
      margin-top: 50px; } }

.Pagination__num_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 25px;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis; }
  .Pagination__num_box::after {
    display: none;
    content: "";
    display: block;
    width: 20px;
    height: 4px;
    background: url(../img/pagination_omit.png) no-repeat center;
    background-size: contain;
    margin-left: 25px; }

.Pagination__num {
  display: block;
  font-size: 1.5rem;
  color: #958A80;
  margin-right: 25px; }
  .Pagination__num_box .Pagination__num:last-child {
    margin-right: 0; }
  @media (max-width: 767px) {
    .Pagination__num {
      font-size: 1.375rem; } }

.Pagination__arrow {
  width: 10px;
  height: 17px;
  background: url(../img/icon_arrow.png) no-repeat center;
  background-size: contain; }

.Pagination__num--selected {
  color: #4280B8; }

.Pagination__arrow__pre {
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  transform: scaleX(-1); }

.Pagination__area--fast .Pagination__arrow__pre {
  display: none; }

.Pagination__area--last .Pagination__arrow__next {
  display: none; }

.Pagination__area--last .Pagination__num_box::after {
  display: none; }

.Pagination__num_box .Pagination__area--omit {
  display: block; }

/**
 * CheckList ブロック
 *
 */
.CheckList__area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top: 1px solid #BFD9EF;
  margin-top: 30px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  overflow-x: hidden;
  font-family: Roboto; }
  @media (max-width: 767px) {
    .CheckList__area {
      padding-left: 0;
      margin-top: 25px; } }

.CheckList__box {
  position: relative;
  padding: 10px 0;
  padding-left: 20px; }
  .CheckList__box::after {
    position: absolute;
    content: "";
    display: block;
    width: 100vw;
    height: 1px;
    background-color: #BFD9EF;
    left: 0;
    bottom: 0; }
  @media (max-width: 767px) {
    .CheckList__box {
      width: 50%;
      padding-left: 12px; } }

/**
 * Notification ブロック
 *
 */
.Notification {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 35px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  @media (max-width: 1024px) {
    .Notification {
      display: block;
      width: 368px;
      margin: 35px auto 0; }
      .Notification._error {
        width: 100%; } }
  @media (max-width: 767px) {
    .Notification {
      width: 100%;
      margin-top: 15px; } }

.Notification__area {
  width: 440px; }
  ._error .Notification__area {
    display: none; }
  @media (max-width: 1024px) {
    .Notification__area {
      width: 100%; } }

.Notification__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 70px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 300; }
  .Notification__area .Notification__box:nth-child(4n) .Notification__main {
    border-bottom: 1px solid #88B3DD; }
  @media (max-width: 1024px) {
    .Notification__box {
      display: block;
      height: auto; } }

.Notification__left {
  position: relative;
  width: 75px;
  height: 100%;
  -ms-flex-negative: 0;
  flex-shrink: 0; }
  @media (max-width: 1024px) {
    .Notification__left {
      width: 100%;
      height: 70px; } }
  @media (max-width: 767px) {
    .Notification__left {
      height: 40px; } }

.Notification__date_box {
  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-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  width: 100%;
  height: 100%;
  font-family: Roboto;
  text-align: center;
  background-color: #fff;
  z-index: 2; }
  @media (max-width: 1024px) {
    .Notification__date_box {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-flow: row;
      flex-flow: row;
      border-bottom: 1px solid #88B3DD; } }

.Notification__date {
  font-size: 1.5rem;
  letter-spacing: 0.06em; }
  @media (max-width: 767px) {
    .Notification__date {
      font-size: 1.125rem; } }

.Notification__day {
  font-size: 0.9375rem;
  letter-spacing: 0.06em;
  margin-top: 5px; }
  @media (max-width: 767px) {
    .Notification__day {
      font-size: 0.71875rem; } }

.Notification__left_line {
  width: 1px;
  height: 100%;
  background-color: #333D47; }
  @media (max-width: 1024px) {
    .Notification__left_line {
      display: none; } }

.Notification__main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  border-top: 1px solid #BFD9EF;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 8px 10px 8px 5px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  align-items: center; }
  .Notification__main._active .Notification__schedule_box {
    color: #958A80; }
  .Notification__main._active .Notification_btn {
    background-color: #fff;
    border: 1px solid #88B3DD;
    color: #88B3DD; }
  .Notification__main._active .Notification_btn_tx_cancel {
    display: none; }
  .Notification__main._active .Notification_btn_tx_register {
    display: block; }
  @media (max-width: 1024px) {
    .Notification__main {
      height: 70px;
      border-top: none;
      border-bottom: 1px solid #BFD9EF; } }
  @media (max-width: 767px) {
    .Notification__main {
      height: 62px; } }

.Notification__schedule_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #4280B8;
  font-family: Roboto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.Notification__time {
  font-size: 1.25rem;
  letter-spacing: 0.08em;
  margin-right: 15px; }
  @media (max-width: 767px) {
    .Notification__time {
      font-size: 1.0625rem; } }

.Notification_class {
  font-size: 1.25rem;
  letter-spacing: 0.08em;
  font-weight: 400; }
  @media (max-width: 767px) {
    .Notification_class {
      font-size: 1.0625rem; } }

.Notification_class_time {
  margin-left: 0.5em; }

.Notification_instructor {
  font-size: 1.125rem;
  letter-spacing: 0.08em;
  margin-top: 5px; }
  @media (max-width: 767px) {
    .Notification_instructor {
      font-size: 0.9375rem; } }

.Notification_btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 94px;
  height: 30px;
  color: #fff;
  background-color: #88B3DD;
  border-radius: 16px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
  -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2); }
  .Notification_btn:hover {
    opacity: 0.7; }
  @media (max-width: 767px) {
    .Notification_btn {
      font-size: 0.875rem; } }

.Notification_btn_tx_register {
  display: none; }

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

.Notification__box--line .Notification__date_box {
  display: none; }

@media (max-width: 1024px) {
  .Notification__box--line .Notification__left {
    display: none; } }

@media (max-width: 1024px) {
  .Notification__box--lastday .Notification__left {
    display: none; } }

/**
 * Explanation ブロック
 *
 */
.Explanation__class_list {
  padding: 0 30px; }
  @media (max-width: 767px) {
    .Explanation__class_list {
      padding: 0; } }

.Explanation__class_list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

@media screen and (max-width: 767px) {
  .p-online-programs__desp .list {
    display: block; } }

.Explanation__class_list_item {
  width: 46.5%;
  margin-bottom: 30px; }
  @media (max-width: 767px) {
    .Explanation__class_list_item {
      width: 100%; } }

@media screen and (max-width: 767px) {
  .p-online-programs__desp .Explanation__class_list_item {
    width: 100%;
    margin-right: 0;
    margin-bottom: 30px; } }

.p-online-programs__desp .Explanation__class_list_item {
  width: 31.6%;
  margin-right: 2.6%;
  margin-bottom: 30px; }

.Explanation__class_list_sub {
  position: relative; }
  .Explanation__class_list_sub span {
    position: absolute;
    line-height: 1.1 !important;
    text-align: center !important;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    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: 1.125rem;
    color: #FFF;
    letter-spacing: 0.12em;
    font-family: 'Roboto'; }
    @media (max-width: 767px) {
      .Explanation__class_list_sub span {
        font-size: 1.40625rem; } }

.Explanation__class_list_sub_img {
  width: 100%;
  height: auto; }

.Explanation__class_list_main {
  position: relative;
  padding-top: 35px; }
  .Explanation__class_list_main p {
    font-size: 0.75rem;
    font-weight: 300;
    line-height: 1.53; }
    @media (max-width: 767px) {
      .Explanation__class_list_main p {
        font-size: 0.875rem; } }

.Explanation__class_list_main_img {
  position: absolute;
  top: -30px;
  right: 0;
  left: 0;
  margin: auto;
  max-width: 60px; }

.Explanation__instructor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.Explanation__profile_box {
  width: 47.1%;
  margin: 0 0 50px; }
  @media screen and (max-width: 767px) {
    .Explanation__profile_box {
      width: 100%;
      margin: 0 0 40px; } }

.Explanation__profile_head {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  @media (max-width: 767px) {
    .Explanation__profile_head {
      display: block; } }

.Explanation__profile_head_thumbnail {
  width: 62.8%;
  position: relative;
  background: #FFF; }
  @media (max-width: 767px) {
    .Explanation__profile_head_thumbnail {
      width: 100%; } }
  .Explanation__profile_head_thumbnail::before {
    content: "";
    display: inline-block;
    padding-top: 62.8%; }
    @media (max-width: 767px) {
      .Explanation__profile_head_thumbnail::before {
        padding-top: 59.2%; } }

.Explanation__profile_head_thumbnail_img {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover; }

.Explanation__profile_head_sub {
  width: 37.2%;
  background: #FFF;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0 0 0 28px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  @media (max-width: 767px) {
    .Explanation__profile_head_sub {
      width: 100%;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      padding: 13px 25px; } }

.Explanation__profile_head_sub_name span {
  display: block;
  letter-spacing: 0.04em; }
  @media (max-width: 767px) {
    .Explanation__profile_head_sub_name span {
      display: inline-block; } }

.Explanation__profile_head_sub_name .Explanation__profile_head_sub_name_jpn {
  font-size: 1rem;
  color: #4F80AF;
  line-height: 1.6; }
  @media (max-width: 767px) {
    .Explanation__profile_head_sub_name .Explanation__profile_head_sub_name_jpn {
      font-size: 1.125rem; } }

.Explanation__profile_head_sub_name .Explanation__profile_head_sub_name_en {
  font-size: 0.75rem; }
  @media (max-width: 767px) {
    .Explanation__profile_head_sub_name .Explanation__profile_head_sub_name_en {
      font-size: 0.875rem; } }

.Explanation__profile_bottom {
  background: #4F80AF;
  border-radius: 5px;
  margin-top: 13px; }

.Explanation__profile_bottom__inner {
  display: none;
  -webkit-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  transition-duration: 0.4s; }
  .Explanation__profile_bottom__inner.is-open {
    display: block; }

.Explanation__profile_bottom__tx_area {
  padding: 30px 30px 0; }

.Explanation__profile_bottom_tx {
  font-size: 0.8125rem;
  line-height: 2.13;
  letter-spacing: 0.04em;
  color: #FFF;
  margin: 0 0 30px; }
  @media (max-width: 767px) {
    .Explanation__profile_bottom_tx {
      font-size: 0.875rem; } }

.Explanation__profile_bottom_head {
  color: #FFF;
  line-height: 1.8;
  font-size: 0.8125rem;
  font-weight: bold;
  position: relative; }
  @media (max-width: 767px) {
    .Explanation__profile_bottom_head {
      font-size: 0.875rem; } }

.Explanation__profile_bottom_answer {
  font-size: 0.6875rem;
  line-height: 1.8;
  letter-spacing: 0.04em;
  margin: 0 0 30px;
  color: #FFF; }
  @media (max-width: 767px) {
    .Explanation__profile_bottom_answer {
      font-size: 0.8125rem; } }

.Explanation__profile_bottom_answer a {
  color: #fff;
  text-decoration: underline; }

.Explanation__profile_btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 16px 0 14px;
  cursor: pointer; }
  .Explanation__profile_btn:hover {
    opacity: 0.7; }

.Explanation__profile_btn_tx {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .Explanation__profile_btn_tx::after {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    margin-left: 10px;
    background: url(../img/arrow_circle.png) no-repeat center;
    background-size: contain; }
    .is-active .Explanation__profile_btn_tx::after {
      -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      transform: rotate(180deg); }

.Explanation__profile_btn_close {
  display: none; }
  .is-active .Explanation__profile_btn_close {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }

.is-active .Explanation__profile_btn_open {
  display: none; }

.Explanation__profile_btn span {
  letter-spacing: 0.04em;
  color: #FFF;
  font-size: 0.6875rem; }
  @media (max-width: 767px) {
    .Explanation__profile_btn span {
      font-size: 0.8125rem; } }

.Explanation__class_list_check {
  margin-top: 10px; }
  @media (max-width: 767px) {
    .Explanation__class_list_check {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; } }

.Explanation__profile_check {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 15px; }

.Explanation__modal_area {
  padding-top: 55px;
  padding-bottom: 40px; }
  @media (max-width: 767px) {
    .Explanation__modal_area {
      padding-top: 65px; } }

.Explanation__modal_inner {
  position: relative; }

.Explanation__modal_inner--pd_lr {
  padding-left: 44px;
  padding-right: 44px; }
  @media (max-width: 767px) {
    .Explanation__modal_inner--pd_lr {
      padding-left: 22px;
      padding-right: 22px; } }

/**
 * Introduction ブロック
 *
 */
.Introduction__sns {
  padding: 84px 0 110px; }
  @media (max-width: 767px) {
    .Introduction__sns {
      padding: 50px 0 88px; } }

.Introduction__sns_head {
  margin-bottom: 20px; }
  @media (max-width: 767px) {
    .Introduction__sns_head {
      margin-bottom: 5px; } }

.Introduction__sns_area {
  max-width: 590px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  @media (max-width: 767px) {
    .Introduction__sns_area {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-flow: column;
      flex-flow: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      max-width: 262px; } }

.Introduction__sns_box {
  width: calc(50% - 15px);
  margin-top: 30px; }
  @media (max-width: 767px) {
    .Introduction__sns_box {
      margin-top: 20px;
      width: 100%; } }

.Introduction__sns_box_btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 50px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: none;
  font-weight: bold;
  font-size: 1.25rem;
  color: #fff;
  border-radius: 10px;
  -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); }
  .Introduction__sns_box_btn:hover, .Introduction__sns_box_btn:active {
    opacity: 0.7;
    -webkit-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all; }
  @media (max-width: 767px) {
    .Introduction__sns_box_btn {
      font-size: 1.125rem; } }

.Introduction__sns_box_link_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around; }

.Introduction__sns_box_link {
  display: block;
  width: 53px;
  height: 53px; }
  @media (max-width: 767px) {
    .Introduction__sns_box_link {
      width: 50px;
      height: 50px; } }

.Introduction__benefits {
  padding: 0 0 140px; }
  @media (max-width: 767px) {
    .Introduction__benefits {
      padding: 0 0 50px; } }

@media (max-width: 767px) {
  .Introduction__benefits_line {
    padding-left: 25px; } }

@media (max-width: 374px) {
  .Introduction__benefits_line {
    padding-left: 15px; } }

.Introduction__top_area {
  background-color: #EAF4EA;
  border-radius: 10px;
  padding-top: 28px;
  padding-bottom: 65px;
  margin-top: 33px; }
  @media (max-width: 767px) {
    .Introduction__top_area {
      background-color: transparent;
      border-radius: 0;
      border-left: 4px solid #8AC88D;
      padding-bottom: 7px;
      margin-top: 75px; } }

.Introduction__head_chara {
  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; }
  .Introduction__head_chara::before {
    content: "";
    width: 58px;
    height: 64px;
    display: block; }
    @media (max-width: 767px) {
      .Introduction__head_chara::before {
        width: 62.5px;
        height: 68px; } }

.Introduction__arrow_frame {
  position: relative;
  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;
  text-align: center;
  width: 190px;
  height: 38px;
  color: #fff;
  font-weight: 500;
  background-color: #4280B8;
  letter-spacing: 0.14em;
  font-size: 1.25rem;
  margin-right: 30px; }
  @media (max-width: 767px) {
    .Introduction__arrow_frame {
      width: 75px;
      height: 74px;
      font-size: 1.125rem;
      line-height: 1.52778;
      margin-right: 30px; } }
  .Introduction__arrow_frame::after {
    position: absolute;
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 19px 0 19px 18px;
    border-color: transparent transparent transparent #4280B8;
    top: 50%;
    right: -18px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
    @media (max-width: 767px) {
      .Introduction__arrow_frame::after {
        border-width: 37px 0 37px 20px;
        right: -20px; } }

.Introduction__top_main {
  margin-top: 47px; }
  @media (max-width: 767px) {
    .Introduction__top_main {
      margin-top: 23.5px; } }

.Introduction__top_main_top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 50px; }
  @media (max-width: 767px) {
    .Introduction__top_main_top {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin-bottom: 25px; } }

.Introduction__top_main_top_r {
  width: 190px;
  height: 38px;
  margin-right: 30px; }
  @media (max-width: 767px) {
    .Introduction__top_main_top_r {
      width: 75px;
      height: 74px;
      font-size: 1.125rem;
      line-height: 1.52778;
      margin-right: 30px; } }

.Introduction__top_main_top_l_tx {
  font-size: 2.11813rem;
  letter-spacing: 0.04em;
  color: #4280B8;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(77%, transparent), color-stop(60%, #fff));
  background: -webkit-linear-gradient(transparent 77%, #fff 60%);
  background: -o-linear-gradient(transparent 77%, #fff 60%);
  background: linear-gradient(transparent 77%, #fff 60%); }
  @media (max-width: 767px) {
    .Introduction__top_main_top_l_tx {
      line-height: 1.2963;
      font-size: 2.1875rem; } }
  @media (max-width: 374px) {
    .Introduction__top_main_top_l_tx {
      font-size: 1.875rem; } }

.Introduction__top_main_bottom {
  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; }
  @media (max-width: 767px) {
    .Introduction__top_main_bottom {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-flow: column;
      flex-flow: column; } }

.Introduction__top_main_bottom_head {
  display: none; }
  @media (max-width: 767px) {
    .Introduction__top_main_bottom_head {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 235px;
      height: 42.5px;
      text-align: center;
      color: #4280B8;
      font-size: 1.125rem;
      border-radius: 50px;
      border: 1px solid #958A80;
      margin: 0 auto 25px;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; } }

.Introduction__top_main_bottom_r {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  @media (max-width: 767px) {
    .Introduction__top_main_bottom_r {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-flow: column;
      flex-flow: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; } }

.Introduction__top_main_bottom_r_box {
  width: 195px;
  text-align: center;
  font-weight: 500;
  border: 1px solid #4280B8; }
  @media (max-width: 860px) {
    .Introduction__top_main_bottom_r_box {
      width: 175px; } }
  @media (max-width: 767px) {
    .Introduction__top_main_bottom_r_box {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 100%;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      border: none; } }
  .Introduction__top_main_bottom_r .Introduction__top_main_bottom_r_box:last-child {
    margin-left: 23px; }
    @media (max-width: 767px) {
      .Introduction__top_main_bottom_r .Introduction__top_main_bottom_r_box:last-child {
        margin: 22px 0 0; } }

.Introduction__top_main_bottom_r_box_top {
  color: #fff;
  font-size: 1.25rem;
  padding: 10px;
  letter-spacing: 0.14em;
  text-align: center;
  background-color: #4280B8;
  -ms-flex-negative: 0;
  flex-shrink: 0; }
  @media (max-width: 767px) {
    .Introduction__top_main_bottom_r_box_top {
      position: relative;
      width: 80px;
      height: 42.5px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding: 0;
      font-size: 1.125rem;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      margin-right: 35px; }
      .Introduction__top_main_bottom_r_box_top::after {
        position: absolute;
        content: "";
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 21.25px 0 21.25px 20px;
        border-color: transparent transparent transparent #4280B8;
        top: 50%;
        right: -20px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%); } }
  @media (max-width: 374px) {
    .Introduction__top_main_bottom_r_box_top {
      margin-right: 25px; } }

.Introduction__top_main_bottom_r_box_bottom {
  font-size: 1.875rem;
  color: #4280B8;
  background-color: #fff;
  padding: 20px 0;
  letter-spacing: 0.04em; }
  @media (max-width: 767px) {
    .Introduction__top_main_bottom_r_box_bottom {
      font-size: 2.1875rem;
      padding: 0; } }
  @media (max-width: 374px) {
    .Introduction__top_main_bottom_r_box_bottom {
      font-size: 2.0625rem;
      -ms-flex-negative: 0;
      flex-shrink: 0;
      padding: 0; } }

.Introduction__top_main_bottom_l_img_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  @media (max-width: 767px) {
    .Introduction__top_main_bottom_l_img_box {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-flow: column;
      flex-flow: column; } }
  .Introduction__top_main_bottom_l_img_box::before {
    content: "";
    display: block;
    width: 100px;
    height: 4px;
    background: url(../img/intro_omit.png) no-repeat center;
    background-size: 38px auto; }
    @media (max-width: 860px) {
      .Introduction__top_main_bottom_l_img_box::before {
        width: 60px; } }
    @media (max-width: 767px) {
      .Introduction__top_main_bottom_l_img_box::before {
        width: 75px;
        height: 75px;
        background-size: 32px auto;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg); } }

.Introduction__top_main_bottom_l_img_box_tx {
  font-size: 1rem;
  color: #4280B8;
  font-weight: 500;
  text-align: center;
  letter-spacing: 0.08em;
  margin-bottom: 5px; }
  @media (max-width: 374px) {
    .Introduction__top_main_bottom_l_img_box_tx {
      font-size: 0.9375rem; } }

.Introduction__top_main_bottom_l_img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .Introduction__top_main_bottom_l_img::after {
    content: "";
    display: block;
    width: 236px;
    height: 99px;
    background: url(../img/intro_kv.png) no-repeat center;
    background-size: contain; }

.Introduction__bottom_area {
  margin-top: 33px;
  background-color: #F7E4E4;
  border-radius: 10px;
  padding: 37px 20px 60px; }
  @media (max-width: 767px) {
    .Introduction__bottom_area {
      background-color: transparent;
      border-radius: 0;
      padding: 0;
      margin-top: 0; } }

@media (max-width: 767px) {
  .Introduction__bottom_inner {
    border-left: 4px solid #F7E4E4; } }

.Introduction__bottom_tx_area {
  margin-top: 3px; }
  @media (max-width: 767px) {
    .Introduction__bottom_tx_area {
      margin-top: 13px; } }

.Introduction__bottom_tx {
  font-size: 1.25rem;
  line-height: 2.75;
  text-align: center; }
  @media (max-width: 767px) {
    .Introduction__bottom_tx {
      font-size: 1rem;
      line-height: 1.71875;
      text-align: left; } }
  @media (max-width: 375px) {
    .Introduction__bottom_tx {
      max-width: 273px;
      margin: 0 auto; } }

.Introduction__bottom_tx_br {
  display: none; }
  @media (max-width: 532px) {
    .Introduction__bottom_tx_br {
      display: block; } }

.Introduction__bottom_tx_blue {
  position: relative;
  color: #4280B8;
  font-weight: 500;
  font-size: 1.5rem;
  margin-left: 0.2em; }
  @media (max-width: 374px) {
    .Introduction__bottom_tx_blue {
      font-size: 1.375rem; } }
  .Introduction__bottom_tx_blue::after {
    position: absolute;
    content: "※";
    font-size: 0.875rem;
    top: -7px; }
    @media (max-width: 767px) {
      .Introduction__bottom_tx_blue::after {
        font-size: 0.75rem;
        top: 1px; } }

.Introduction__bottom_notes {
  font-size: 0.875rem;
  text-align: right;
  margin-top: 10px; }
  @media (max-width: 767px) {
    .Introduction__bottom_notes {
      line-height: 2.32143;
      text-align: left; } }
  @media (max-width: 375px) {
    .Introduction__bottom_notes {
      max-width: 273px;
      margin: 0 auto; } }

.Introduction__method {
  padding: 115px 0 135px;
  background-color: #E5F1F9; }
  @media (max-width: 767px) {
    .Introduction__method {
      background-color: transparent;
      padding: 0 0 85px; } }

.Introduction__method_box {
  width: 675px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #fff;
  border-radius: 10px;
  padding: 30px 25px;
  margin: 0 auto 88px;
  margin-bottom: 88px; }
  @media (max-width: 767px) {
    .Introduction__method_box {
      width: 100%;
      max-width: 416px;
      border-radius: 0;
      padding: 0;
      margin: 0 auto 70px; } }
  .Introduction__method_box::after {
    position: absolute;
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 26px 21px 0 21px;
    border-color: #88B3DD transparent transparent transparent;
    bottom: -57px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%); }
    @media (max-width: 767px) {
      .Introduction__method_box::after {
        border-width: 25px 20px 0 20px;
        bottom: -49px; } }
  .Introduction__method_area .Introduction__method_box:last-child {
    margin-bottom: 0; }
    .Introduction__method_area .Introduction__method_box:last-child::after {
      display: none; }

.Introduction__method_box_l {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: left;
  -ms-flex-pack: left;
  justify-content: left;
  width: 105px;
  -ms-flex-negative: 0;
  flex-shrink: 0; }

.Introduction__method_box_head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.125rem; }
  @media (max-width: 767px) {
    .Introduction__method_box_head {
      line-height: 1.71875;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start; } }

.Introduction__method_box_head_num {
  display: block;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  line-height: 26px;
  text-align: center;
  font-family: Roboto;
  font-size: 1.0625rem;
  background-color: #4280B8;
  color: #fff;
  font-weight: 500;
  margin-top: 2px;
  margin-right: 10px;
  -ms-flex-negative: 0;
  flex-shrink: 0; }
  @media (max-width: 767px) {
    .Introduction__method_box_head_num {
      margin-top: 4px; } }

.Introduction__method_box_r_sns_area {
  max-width: 460px;
  margin-top: 15px; }
  .Introduction__method_box_r_sns_area .Introduction__sns_box {
    margin-top: 15px; }
    @media (max-width: 767px) {
      .Introduction__method_box_r_sns_area .Introduction__sns_box {
        margin-top: 17.5px; }
        .Introduction__method_box_r_sns_area .Introduction__sns_box:first-child {
          margin-top: 0; } }
  .Introduction__method_box_r_sns_area .Introduction__sns_box_btn {
    font-size: 1rem;
    height: 40px; }
  .Introduction__method_box_r_sns_area .Introduction__sns_box_link {
    height: 40px;
    width: 40px; }

.Introduction__method_box_r_notes {
  font-size: 0.875rem;
  line-height: 1.42857;
  margin-top: 15px; }
  @media (max-width: 767px) {
    .Introduction__method_box_r_notes {
      font-size: 0.8125rem;
      line-height: 1.57692; } }

.Introduction__method_notes {
  padding: 100px 0 160px; }
  @media (max-width: 767px) {
    .Introduction__method_notes {
      padding: 0 0 90px; } }

.Introduction__method_notes_area {
  max-width: 660px;
  margin: 0 auto; }

.Introduction__method_notes_list_li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  font-size: 1rem;
  line-height: 1.75;
  margin-bottom: 35px;
  list-style: unset; }
  .Introduction__method_notes_list_li::before {
    content: "・"; }
  .Introduction__method_notes_list .Introduction__method_notes_list_li:last-child {
    margin-bottom: 0; }
  @media (max-width: 767px) {
    .Introduction__method_notes_list_li {
      margin-bottom: 40px; } }

.Introduction__sns_box_btn--cl01 {
  background-color: #8AC88D; }

.Introduction__sns_box_btn--cl02 {
  background-color: #4280B8; }

.Introduction__sns_box_btn--cl03 {
  background-color: #88B3DD; }

.Introduction__sns_box_link--insta {
  background: url(../img/sns_insta.png) no-repeat center;
  background-size: contain; }

.Introduction__sns_box_link--twitter {
  background: url(../img/sns_twitter.png) no-repeat center;
  background-size: contain; }

.Introduction__sns_box_link--fb {
  background: url(../img/sns_fb.png) no-repeat center;
  background-size: contain; }

.Introduction__head_chara--row {
  font-size: 1.125rem;
  letter-spacing: 0.14em; }
  @media (max-width: 767px) {
    .Introduction__head_chara--row {
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      font-size: 1.5rem; } }
  .Introduction__head_chara--row::before {
    margin-right: 13px; }
    @media (max-width: 767px) {
      .Introduction__head_chara--row::before {
        margin-right: 28px; } }
    @media (max-width: 374px) {
      .Introduction__head_chara--row::before {
        margin-right: 15px; } }

.Introduction__head_chara--column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 0.875rem;
  letter-spacing: 0.02em;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .Introduction__head_chara--column::before {
    margin-bottom: 10px; }

.Introduction__head_chara--green {
  color: #8AC88D; }
  .Introduction__head_chara--green::before {
    background: url(../img/introduction_chara01.png) no-repeat center;
    background-size: contain; }

.Introduction__head_chara--pink {
  color: #D88A82; }
  .Introduction__head_chara--pink::before {
    background: url(../img/introduction_chara02.png) no-repeat center;
    background-size: contain; }

.Introduction__top_main_top_l_tx--md {
  font-size: 1.63437rem; }
  @media (max-width: 767px) {
    .Introduction__top_main_top_l_tx--md {
      font-size: 1.6875rem; } }
  @media (max-width: 374px) {
    .Introduction__top_main_top_l_tx--md {
      font-size: 1.5625rem; } }

.Introduction__top_main_top_l_tx--sm {
  font-size: 1.4525rem; }
  @media (max-width: 767px) {
    .Introduction__top_main_top_l_tx--sm {
      font-size: 1.5rem; } }
  @media (max-width: 374px) {
    .Introduction__top_main_top_l_tx--sm {
      font-size: 1.375rem; } }

.Introduction__method_box--al_top {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start; }

.Introduction__method_box--sp_center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

/**
 * Movie ブロック
 *
 */
.Movie_tv {
  padding-bottom: 140px !important; }
  @media (max-width: 767px) {
    .Movie_tv {
      padding-bottom: 70px !important; } }

.Movie__area {
  max-width: 660px;
  padding-top: 75px;
  margin: 0 auto; }
  @media (max-width: 767px) {
    .Movie__area {
      max-width: none;
      padding-top: 30px; } }

.Movie__inner {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: calc(370/660*100%); }
  .Movie__inner iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0; }

/**
 * Episode ブロック
 *
 */
/**
 * Lineup ブロック
 *
 */
.Lineup__title {
  margin: 0 0 40px; }
  .Lineup__title img {
    width: auto;
    max-width: 322px; }
  @media (min-width: 768px) {
    .Lineup__title {
      margin-bottom: 60px; }
      .Lineup__title img {
        width: 486px;
        max-width: none; } }

.Lineup__group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 890px;
  padding: 0 15px;
  margin: 0 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  @media (min-width: 768px) {
    .Lineup__group {
      padding: 0;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-flow: inherit;
      flex-flow: inherit;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start; } }

.Lineup__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .Lineup__group .Lineup__box:last-child {
    margin-top: 40px; }
  @media (min-width: 768px) {
    .Lineup__box {
      width: 365px; }
      .Lineup__group .Lineup__box:last-child {
        margin-top: 0; } }

.Lineup__box-top {
  position: relative;
  width: 240px;
  height: 210px;
  margin: 0 0 25px; }

.Lineup__box-btm {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.Lineup__box-product {
  position: absolute;
  width: 140px;
  height: 210px;
  z-index: 2; }

.Lineup__box-kukirin {
  position: absolute;
  width: 155px;
  z-index: 1; }

.Lineup__box-title {
  color: #1E87C8;
  font-size: 18px;
  margin: 0 0 20px; }
  @media (min-width: 768px) {
    .Lineup__box-title {
      font-size: 20px; } }

.Lineup__box-btn {
  display: inline-block;
  margin-top: 40px;
  font-size: 14px;
  color: #fff;
  text-align: center;
  line-height: 1;
  padding: 12px;
  border-radius: 30px;
  background-color: #4280B8; }
  @media (min-width: 768px) {
    .Lineup__box-btn {
      font-size: 15px; } }

.Lineup__box-text {
  width: 100%;
  margin: 0; }

.Lineup__img {
  position: relative;
  padding-top: 25px; }
  @media (min-width: 768px) {
    .Lineup__img {
      width: 690px;
      padding-top: 40px;
      margin: 0 auto; } }

.Lineup__img-back {
  width: 100%;
  height: 0;
  background: url(../img/back-anime.png) no-repeat;
  padding-top: calc(190/1376*100%);
  background-size: contain; }

.Lineup__img-cloud {
  display: block;
  width: 500px; }
  @media (min-width: 768px) {
    .Lineup__img-cloud {
      width: 530px; } }
  @media (max-width: 375px) {
    .Lineup__img-cloud {
      width: 350px; } }

.Lineup__box-product--r,
.Lineup__box-product--l {
  left: 50%;
  bottom: 0;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%); }

.Lineup__box-kukirin--sio {
  bottom: 15px;
  left: 37px; }

.Lineup__box-kukirin--ume {
  bottom: 15px;
  right: 40px; }

/**
 * Media ブロック
 *
 */
.Media {
  position: relative;
  padding-bottom: 32px; }
  .Media::before {
    position: absolute;
    content: "";
    display: block;
    width: 72px;
    height: 90px;
    display: block;
    background: url(../img/content-kukirin.png) no-repeat;
    background-size: contain;
    top: -66px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%); }
    @media (min-width: 768px) {
      .Media::before {
        width: 106px;
        height: 133px;
        top: -105px; } }
  .Media::after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 18px;
    background: url(../img/content-decoration.png) repeat-x;
    background-size: 420px 18px;
    bottom: -18px; }
  @media (min-width: 768px) {
    .Media {
      padding-bottom: 52px; } }

.Media__title {
  margin: 0 0 30px; }
  .Media__title img {
    width: 250px; }
  @media (min-width: 768px) {
    .Media__title {
      margin-bottom: 60px; }
      .Media__title img {
        width: 342px; } }

@media (min-width: 768px) {
  .Media__grid {
    overflow: hidden; } }

.Media__box {
  color: #fff;
  border-radius: 10px;
  padding: 20px;
  margin-bottom: 20px; }
  .Media__grid .Media__box:last-child {
    margin-bottom: 0; }
  @media (min-width: 768px) {
    .Media__box {
      width: calc(50% - 10px); } }

.Media__box-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.Media__box-title {
  font-size: 16px;
  line-height: 1;
  text-align: center;
  margin: 0 0 20px; }
  @media (min-width: 768px) {
    .Media__box-title {
      font-size: 18px; } }

.Media__box-card {
  margin-bottom: 20px; }
  .Media__box .Media__box-card:last-child {
    margin-bottom: 0; }

.Media__box--twitter {
  background-color: #1da1f2; }
  .Media__box--twitter twitter-widget {
    margin: 0 0 10px !important; }
  .Media__box--twitter twitter-widget:last-child {
    margin: 0; }
  @media (min-width: 768px) {
    .Media__box--twitter {
      float: left; } }

.Media__box--insta {
  background: -moz-linear-gradient(top left, #555de6 25%, #eb4e68 70%, #f6cf5b);
  /* Firefox */
  background: -webkit-linear-gradient(top left, #555de6 25%, #eb4e68 70%, #f6cf5b);
  /* safari Chrome */
  background: -ms-linear-gradient(top left, #555de6 25%, #eb4e68 70%, #f6cf5b);
  /* IE */
  background: -webkit-gradient(linear, bottom top left, color-stop(25%, #555de6), color-stop(70%, #eb4e68), to(#f6cf5b));
  background: -webkit-linear-gradient(top bottom right, #555de6 25%, #eb4e68 70%, #f6cf5b);
  background: -o-linear-gradient(top bottom right, #555de6 25%, #eb4e68 70%, #f6cf5b);
  background: linear-gradient(top bottom right, #555de6 25%, #eb4e68 70%, #f6cf5b); }
  @media (min-width: 768px) {
    .Media__box--insta {
      float: right; } }

.Media__box--movie {
  width: auto;
  background-color: #24a57c; }
  @media (min-width: 768px) {
    .Media__box--movie {
      width: 680px;
      margin: 0 auto; }
      .Media__box--movie iframe {
        width: 640px;
        height: 360px; } }

.Media__youtube {
  position: relative;
  width: 100%;
  padding-top: calc(360/640*100%); }
  .Media__youtube iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0; }
  @media (min-width: 768px) {
    .Media__youtube {
      padding-top: 0; }
      .Media__youtube iframe {
        position: relative;
        width: 640px;
        height: 360px; } }

.Media__box-twimg {
  width: 100%;
  max-width: 500px;
  border-radius: 5px;
  border: 1px solid #e1e8ed; }

.Media__box--site {
  background-color: #76c148; }
  @media (min-width: 768px) {
    .Media__box--site {
      float: left; } }

.Media__box-text {
  display: inline-block;
  font-size: 13px;
  margin: 10px 0 20px;
  text-decoration: none;
  color: #fff; }
  .Media__box .Media__box-text:last-child {
    margin-bottom: 0; }

.Media__movie {
  padding-top: 20px;
  clear: both; }

/**
 * ____ ブロック
 *
 */
.Display {
  display: none; }

@media all and (-ms-high-contrast: none) {
  .Display__ie {
    display: block;
    /* IE10 以降にのみ適用される */ }
  .Display__ie--none {
    display: none; } }

/**
 * Notfound ブロック
 *
 */
.Notfound {
  text-align: center; }

.Notfound__title {
  font-size: 18px;
  background-color: #1E87C8;
  color: #fff;
  padding: 20px 10px;
  margin: 0; }
  @media (min-width: 768px) {
    .Notfound__title {
      font-size: 28px;
      padding: 45px 20px; } }

.Notfound__block {
  padding: 15px 20px 40px; }
  @media (min-width: 768px) {
    .Notfound__block {
      padding: 30px 20px 80px; } }

.Notfound__text {
  font-size: 14px;
  line-height: 2.0; }
  @media (min-width: 768px) {
    .Notfound__text {
      font-size: 16px; } }

.Notfound__home {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  font-size: 14px;
  border: solid 1px #4280B8;
  color: #4280B8;
  padding: 16px 28px;
  margin-top: 30px; }

/**
 * Contact ブロック
 *
 */
/**
 * Footer ブロック
 *
 */
.Footer {
  position: relative;
  background-color: #4280B8;
  color: #fff; }
  @media (max-width: 767px) {
    .Footer {
      padding-bottom: 73px; } }
  .Footer a {
    color: #fff; }

.Footer__inner {
  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-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-flow: row-reverse;
  flex-flow: row-reverse;
  padding: 18px; }
  @media (max-width: 767px) {
    .Footer__inner {
      display: block;
      max-width: 280px;
      margin: 0 auto;
      padding: 16px 18px; } }

.Footer__link {
  font-size: 0.75rem;
  margin-right: 20px; }
  .Footer__link_area .Footer__link:last-child {
    margin-right: 0; }
  @media (max-width: 767px) {
    .Footer__link {
      font-size: 0.625rem; } }

.Footer__sns_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 30px; }
  @media (max-width: 767px) {
    .Footer__sns_area {
      margin-left: 0;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; } }

.Footer__link_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  @media (max-width: 767px) {
    .Footer__link_area {
      margin-top: 20px; } }

.Footer__sns_link {
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #fff;
  background-repeat: no-repeat;
  margin-right: 25px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }
  .Footer__sns_link:hover {
    opacity: 1;
    background-color: #4280B8;
    border: 1px solid #fff;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s; }
  .Footer__menu .Footer__sns_link:hover {
    border: none !important; }
  .Footer__sns_area .Footer__sns_link:last-child {
    margin-right: 0; }
  @media (max-width: 767px) {
    .Footer__sns_link {
      margin-right: 35px; } }

@media (max-width: 767px) {
  .Footer--sp_pb {
    padding-bottom: 0; } }

.Footer__sns_link--insta {
  background-image: url(../img/icon_instagram_footer.png);
  background-size: 16px auto;
  background-position: center; }
  .Footer__sns_link--insta:hover {
    background-image: url(../img/icon_instagram_footer_white.png); }

.Footer__sns_link--fb {
  background-image: url(../img/icon_facebook_footer.png);
  background-size: 16px auto;
  background-position: center; }
  .Footer__sns_link--fb:hover {
    background-image: url(../img/icon_facebook_footer_white.png); }

.Footer__sns_link--twitter {
  background-image: url(../img/icon_twitter_footer.png);
  background-size: 16px auto;
  background-position: center; }
  .Footer__sns_link--twitter:hover {
    background-image: url(../img/icon_twitter_footer_white.png); }

.Footer__sns_link--line {
  background-image: url(../img/icon_line_footer.png);
  background-size: 16px auto;
  background-position: center; }
  .Footer__sns_link--line:hover {
    background-image: url(../img/icon_line_footer_white.png); }

/**
 * Animation ブロック
 *
 */
.Animation {
  position: relative; }

.Animation__kv-kukirin01 {
  opacity: 0;
  -webkit-transition-delay: .5s;
  -o-transition-delay: .5s;
  transition-delay: .5s;
  -webkit-transition-duration: .5s;
  -o-transition-duration: .5s;
  transition-duration: .5s;
  bottom: -200px; }
  .active .Animation__kv-kukirin01 {
    right: -30px;
    bottom: 0;
    opacity: 1; }

.Animation__kv-kukirin02 {
  -webkit-transition-delay: .5s;
  -o-transition-delay: .5s;
  transition-delay: .5s;
  -webkit-transition-duration: .7s;
  -o-transition-duration: .7s;
  transition-duration: .7s;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%); }
  .active .Animation__kv-kukirin02 {
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
    opacity: 1;
    left: -17px; }
    @media (min-width: 768px) {
      .active .Animation__kv-kukirin02 {
        left: -29px; } }

.Animation__kukirin {
  -webkit-transition-delay: .5s;
  -o-transition-delay: .5s;
  transition-delay: .5s;
  -webkit-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s; }

.active.Animation__kukiwakame {
  opacity: 1; }
  @media (min-width: 768px) {
    .active.Animation__kukiwakame {
      left: -25px; } }

.Animation__kukiwakame--01.active {
  left: -20px; }

@media (min-width: 768px) {
  .Animation__kukiwakame--01 {
    -webkit-transition-delay: .5s;
    -o-transition-delay: .5s;
    transition-delay: .5s;
    -webkit-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s; } }

.Animation__kukiwakame--02.active {
  right: -25px; }

@media (min-width: 768px) {
  .Animation__kukiwakame--02 {
    -webkit-transition-delay: .7s;
    -o-transition-delay: .7s;
    transition-delay: .7s;
    -webkit-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s; } }

.Animation__kukiwakame--03.active {
  left: -20px; }

@media (min-width: 768px) {
  .Animation__kukiwakame--03 {
    -webkit-transition-delay: .9s;
    -o-transition-delay: .9s;
    transition-delay: .9s;
    -webkit-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s; } }

.Animation__lineup-speed {
  -webkit-transition-delay: .5s;
  -o-transition-delay: .5s;
  transition-delay: .5s;
  -webkit-transition-duration: .8s;
  -o-transition-duration: .8s;
  transition-duration: .8s; }

.active .Animation__lineup-sio01 {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  right: 0; }

.Animation__lineup-sio02 {
  -webkit-transform: rotate(15deg);
  -ms-transform: rotate(15deg);
  transform: rotate(15deg); }
  .active .Animation__lineup-sio02 {
    opacity: 1;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    left: -22px; }

.active .Animation__lineup-ume01 {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  left: 0; }

.Animation__lineup-ume02 {
  -webkit-transform: rotate(-15deg);
  -ms-transform: rotate(-15deg);
  transform: rotate(-15deg); }
  .active .Animation__lineup-ume02 {
    opacity: 1;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    right: -22px; }

@keyframes scroll {
  0% {
    right: -100%; }
  1% {
    opacity: 1; }
  100% {
    opacity: 1;
    right: 100%;
    @media (min-width: 768px) {
      -webkit-transform: translateX(-1280px);
      transform: translateX(-1280px); }
    @media (max-width: 375px) {
      -webkit-transform: translateX(calc(-450px * 2));
      transform: translateX(calc(-450px * 2)); } } }

@-webkit-keyframes scroll {
  0% {
    right: -100%; }
  1% {
    opacity: 1; }
  100% {
    opacity: 1;
    right: 100%;
    @media (min-width: 768px) {
      -webkit-transform: translateX(-1280px);
      transform: translateX(-1280px); }
    @media (max-width: 375px) {
      -webkit-transform: translateX(calc(-450px * 2));
      transform: translateX(calc(-450px * 2)); } } }

.Animation__wrap {
  position: absolute;
  -webkit-animation: scroll 40s linear forwards infinite;
  animation: scroll 40s linear forwards infinite;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: calc(600px * 2);
  opacity: 0;
  top: 0; }
  @media (min-width: 768px) {
    .Animation__wrap {
      -webkit-animation: scroll 30s linear forwards infinite;
      animation: scroll 30s linear forwards infinite;
      width: calc(640px * 2); } }
  @media (max-width: 375px) {
    .Animation__wrap {
      width: calc(450px * 2); } }

.Animation--area {
  overflow: hidden; }

.Animation__kukirin--remove {
  opacity: 0; }

/**
 * Icon ブロック
 *
 */
.Icon::before {
  content: "";
  display: inline-block; }

.Icon__window::before {
  width: 13px;
  height: 11px;
  background: url(../img/icon-window.png) no-repeat;
  background-size: contain;
  margin-right: 10px; }

.Icon__window--mg::before {
  margin-right: 8px; }

.Icon__window--green::before {
  background: url(../img/icon-window_green.png) no-repeat;
  background-size: contain;
  margin-right: 8px; }
  @media (min-width: 768px) {
    .Icon__window--green::before {
      background: url(../img/icon-window.png) no-repeat;
      background-size: contain; } }

/**
 * Back ブロック
 *
 */

/**
 * Pagelink ブロック
 *
 */
.Pagelink {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    width: 100%;
    flex-wrap: wrap;
}
.Pagelink__item {
/*    width: 23%; */
    width: 18%;
    font-size: 14px;
}
@media (max-width: 767px) {
    .Pagelink__item {
        width: 49%;
        margin-bottom: 0.7em;
    }
}
.Pagelink__item a {
    display: block;
    padding: 16px 30px;
    border: 1px solid #333d47;
    color: #333d47;
    border-radius: 8px;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    position: relative;
}
@media (max-width: 767px) {
    .Pagelink__item a {
        padding: 11px 8px;
        font-size: 14px;
    }
}

.Pagelink__item a::after {
    position: absolute;
    display: block;
    content: "";
    width: 8px;
    height: 15px;
    background: url(../img/icon_arrow_black.png) no-repeat center;
    background-size: contain;
    top: 50%;
    right: 16px;
    -webkit-transform: translateY(-50%) rotate(-90deg);
    -ms-transform: translateY(-50%) rotate(-90deg);
    transform: translateY(-50%) rotate(-90deg);
}
/**
 * Beginner ブロック
 *
 */
.Beginner__box_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    width: 100%;
}
@media (max-width: 767px) {
    .Beginner__box_area {
        display: block;
    }
}

.Beginner__box {
    width: 48%
}
@media (max-width: 767px) {
    .Beginner__box {
        width: 100%;
    }
}
.Beginner__box img {
    width: 100%;
}

/**
 * cotree ブロック
 *
 */
.cotree__banner {
  max-width: 585px;
  margin: 0 auto;
}
.cotree__banner img {
  width: 100%;
  height: auto;
}
.cotree__ttl {
font-size: 1.125rem;
color: #1E87C8;
text-align: center;
margin: 2em 0;
font-weight: bold;
}
@media (max-width: 767px) {
  .cotree__ttl {
    line-height: 1.6;
  } }
.cotree__bodyText {
  font-size: 1rem;
  line-height: 1.7;
}
.cotree__bodyText a {
  color: #1E87C8;
  text-decoration: underline;
}
.cotree__bodyText span {
  font-weight: bold;
}
.cotree__commentArea {
  margin-top: 3em;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .cotree__commentArea {
    display: block;
  } }
.cotree__commentBox {
  width: 47%;
  border: 1px solid #E2DFDF;
  padding: 2em;
}
@media (max-width: 767px) {
  .cotree__commentBox {
    width: 100%;
    padding: 1em;
    margin-bottom: 2em;
  } }
.cotree__commentBox__top {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 2em;
}
.cotree__commentBox__pic {
  width: 140px;
}
@media (max-width: 767px) {
  .cotree__commentBox__pic {
    width: 40%;
  } }
.cotree__commentBox__pic img {
  width: 100%;
  height: auto;
}
.cotree__commentBox__name {
  font-size: 1.1rem;
  line-height: 2;
  margin-left: 3em;
}
@media (max-width: 767px) {
  .cotree__commentBox__name {
    margin-left: 2em;
  } }
.cotree__commentBox__name span {
  font-size: 0.9rem;
}
.cotree__commentBox__comment {
  line-height: 1.7;
}

/**
 * Utilityクラス
 *
 */
._min-h-xlg {
  min-height: calc(var(--vh, 1vh) * 100 - 66px);
  padding-bottom: 70px; }
  @media (max-width: 767px) {
    ._min-h-xlg {
      min-height: calc(var(--vh, 1vh) * 100 - 166px);
      padding-bottom: 50px; } }

._min-h-lg {
  min-height: calc(var(--vh, 1vh) * 100 - 80px);
  padding-bottom: 70px; }

._min-h {
  min-height: calc(var(--vh, 1vh) * 100 - 146px);
  padding-bottom: 70px; }
  @media (max-width: 767px) {
    ._min-h {
      min-height: calc(var(--vh, 1vh) * 100 - 245px);
      padding-bottom: 50px; } }

@media (max-width: 767px) {
  ._min-h-sp {
    min-height: calc(var(--vh, 1vh) * 100 - 172px);
    padding-bottom: 50px; } }

._ft-spacing {
  letter-spacing: normal; }

._ft-spacing60 {
  letter-spacing: 0.06em; }

._ft-spacing120 {
  letter-spacing: 0.12em; }

._bb-cl01 {
  border-bottom: 1px solid #E5E5E5; }

._scroll-prevent {
  position: fixed;
  z-index: -1;
  width: 100%;
  height: 100%; }

._sdw-sm {
  -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2); }

._size-full {
  width: 100%; }

._a-hvr-none:hover {
  text-decoration: none; }

._hover-opct {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }
  ._hover-opct:hover {
    opacity: 0.7; }

._hover-cl {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }
  ._hover-cl:hover {
    background-color: #4280b8;
    color: #fff;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    opacity: 1; }

._hover_pt01 {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }
  ._hover_pt01:hover {
    opacity: 1;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transform: translateY(2px);
    -ms-transform: translateY(2px);
    transform: translateY(2px);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s; }

@media (max-width: 767px) {
  ._active_pt01:active {
    opacity: 1;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transform: translateY(2px);
    -ms-transform: translateY(2px);
    transform: translateY(2px);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s; } }

._a-link-op:hover {
  opacity: 0.7; }

._l-md {
  line-height: 1.75; }

._l-lg {
  line-height: 2; }

._l-xlg {
  line-height: 1.6875; }

._align-box {
  position: relative; }

._align {
  position: absolute; }

._align-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

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

._fx-btwn {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

._fx-cnter {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

._fx-al-start {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start; }

._fx-al-end {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end; }

._fx-al-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

._fx-al-none {
  -webkit-box-align: unset !important;
  -ms-flex-align: unset !important;
  align-items: unset !important; }

@media (max-width: 767px) {
  ._fx-sp-blk {
    display: block; } }

._ft-cnt {
  text-align: center !important; }

._ft-rgt {
  text-align: right !important; }

._ft-lft {
  text-align: left !important; }

._font-b {
  font-weight: bold; }

._font-md {
  font-weight: 400; }

._font-lg {
  font-weight: 500; }

._cl-01 {
  color: #333d47; }

._cl-02 {
  color: #fff; }

._cl-03 {
  color: #4280B8; }

._cl-04 {
  color: #958a80; }

._back-cl01 {
  background-color: #E5F1F9; }

._back-cl02 {
  background-color: #F7F7F7; }

._back-cl03 {
  background-color: #fff; }

._back-cl04 {
  background-color: #e86273; }

._back-cl05 {
  background-color: #e1ebf6; }

._back-cl06 {
  background-color: #e588b6; }

._back-cl07 {
  background-color: #ea905e; }

._back-cl08 {
  background-color: #518bb7; }

._back-cl09 {
  background-color: #8ac88d; }

._ft-cl01 {
  color: #fff; }

._ft-cl02 {
  color: #20549A; }

._ft-cl03 {
  color: #1A95D3; }

._ft-cl04 {
  color: #ea609e; }

._ft-cl05 {
  color: #f08441; }

._ft-cl06 {
  color: #4280b8; }

._ft-cl07 {
  color: #333d47; }

._ft-cl08 {
  color: #e86273; }

._b-dot-btm {
  border-bottom: 1px dotted #4280B8; }

._b-dot-tp-btm {
  border: 1px dotted #4280B8;
  border-width: 1px 0 1px 0; }

._bder-none {
  border: none; }

@media (max-width: 1224px) {
  ._pd {
    padding-left: 24px;
    padding-right: 24px; } }

._pd-b0 {
  padding-bottom: 0 !important; }

._pd-t0 {
  padding-top: 0 !important; }

._pt-md {
  padding-top: 50px; }
  @media (max-width: 767px) {
    ._pt-md {
      padding-top: 35px; } }

._pb-sm {
  padding-bottom: 40px; }
  @media (max-width: 767px) {
    ._pb-sm {
      padding-bottom: 30px; } }

._pb-md {
  padding-bottom: 80px; }
  @media (max-width: 767px) {
    ._pb-md {
      padding-bottom: 50px; } }

._pd-l0 {
  padding-left: 0; }

._mg0 {
  margin: 0; }

._mg-l1em {
  margin-right: 1em; }

._mg-l05em {
  margin-left: 0.5em; }

._mg-r05em {
  margin-right: 0.5em; }

._mg-r10 {
  margin-right: 10px; }

._mg-t0 {
  margin-top: 0; }

._mg-t10 {
  margin-top: 10px; }

._mg-t15 {
  margin-top: 15px; }

._mg-t20 {
  margin-top: 20px; }

._mg-t30 {
  margin-top: 30px; }

._mg-t40 {
  margin-top: 40px; }

._mg-t45 {
  margin-top: 45px; }

._mg-b0 {
  margin-bottom: 0; }

._mg-b10 {
  margin-bottom: 10px; }

._mg-b8 {
  margin-bottom: 8px; }

._mg-b15 {
  margin-bottom: 15px; }

._mg-b20 {
  margin-bottom: 20px; }

._mg-b40-30 {
  margin-bottom: 40px; }
  @media (max-width: 767px) {
    ._mg-b40-30 {
      margin-bottom: 30px; } }

@media (max-width: 767px) {
  ._mg-t--10 {
    margin-top: 10px; } }

._dsp-none {
  display: none; }

._dsp-none--pc {
  display: none; }
  @media (max-width: 767px) {
    ._dsp-none--pc {
      display: block; } }

@media (max-width: 767px) {
  ._dsp-none--sp {
    display: none !important; } }

@media (max-width: 767px) {
  ._dsp-none--sp375 {
    display: none !important; } }

@media (max-width: 375px) {
  ._dsp-none--sp375 {
    display: block !important; } }

.Line_shop_card_box{
  display: flex;
  justify-content: center;
}
.Line_shop_card_img{
  display:block;
  max-width:660px;
  width:100%;
  height:auto;
  margin:20px 0px 40px 0px;
}