@charset "UTF-8";
/*!------------------------
 * Styles
 *------------------------*/
@font-face {
  font-family: "SJicon";
  src: url("../font/SJicon.ttf?dwzdv0") format("truetype"), url("../font/SJicon.woff?dwzdv0") format("woff"), url("../font/SJicon.woff2?dwzdv0") format("woff2"), url("../font/SJicon.svg?dwzdv0#SJicon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
/*!
 * Bootstrap Reboot v4.4.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
 */
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

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

body {
  margin: 0;
  background-color: #fff;
  color: #212529;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "ヒラギノ角ゴ ProN", Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, "Microsoft JhengHei", "Microsoft YaHei", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
}

[tabindex="-1"]:focus:not(:focus-visible) {
  outline: 0 !important;
}

hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
  overflow: visible;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

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

dt {
  font-weight: 700;
}

dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

b,
strong {
  font-weight: bolder;
}

small {
  font-size: 80%;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

a {
  color: #1d679d;
  text-decoration: none;
  background-color: transparent;
}

@media (min-width: 768px) {
  a:hover {
    color: #0056b3;
    text-decoration: underline;
  }
}
a:not([href]) {
  color: inherit;
  text-decoration: none;
}

@media (min-width: 768px) {
  a:not([href]):hover {
    color: inherit;
    text-decoration: none;
  }
}
pre,
code,
kbd,
samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 1em;
}

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
}

figure {
  margin: 0 0 1rem;
}

img {
  vertical-align: middle;
  border-style: none;
}

svg {
  overflow: hidden;
  vertical-align: middle;
}

table {
  border-collapse: collapse;
}

caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #6c757d;
  text-align: left;
  caption-side: bottom;
}

th {
  text-align: inherit;
}

label {
  display: inline-block;
  margin-bottom: 0.5rem;
}

button {
  border-radius: 0;
}

button:focus {
  outline: 1px dotted;
  outline: 4px auto -webkit-focus-ring-color;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

select {
  word-wrap: normal;
}

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

button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
  cursor: pointer;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

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

input[type=date],
input[type=time],
input[type=datetime-local],
input[type=month] {
  -webkit-appearance: listbox;
}

textarea {
  overflow: auto;
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

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

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

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

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

output {
  display: inline-block;
}

summary {
  display: list-item;
  cursor: pointer;
}

template {
  display: none;
}

[hidden] {
  display: none !important;
}

@media (max-width: 320px) {
  html {
    font-size: 87.5%;
  }
}
html.is_font_lg {
  font-size: 120%;
}

body {
  word-break: break-word;
}
body.is_modal, body.is_fixed {
  overflow: hidden;
}

* {
  min-width: 0;
  min-height: 0;
}
*:focus {
  outline-width: 4px;
}

img {
  max-width: 100%;
}

.clearfix:after {
  display: table;
  clear: both;
  content: "";
}

ruby {
  line-height: 1;
}
ruby rt {
  font-size: 0.625rem;
}

/*---------------------
* 印刷用設定
----------------------*/
@media print {
  body {
    -webkit-print-color-adjust: exact;
    top: 0 !important;
    left: 0 !important;
    width: 300mm !important;
    height: 300mm !important;
  }
  .l_wrapper {
    background-color: #d4cdbb;
    background-image: url(../images/common/bg_header.jpg), url(../images/common/bg_wrapper.gif);
    background-position: center 0, center 0;
    background-repeat: repeat-x, repeat;
    background-size: auto 45px, auto;
    padding: 45px 0 0;
  }
  .l_global {
    border-bottom: 1px solid #ededed;
  }
  .l_global + * {
    margin-top: 20px !important;
  }
  .l_global_uncle,
.l_global_child,
.l_global_parent {
    list-style: none;
    padding: 0;
    margin: 0;
    background: #fff;
  }
  .l_global_parent {
    z-index: 1;
  }
  .l_global_parent > li {
    position: relative;
  }
  .l_global_parent > li:not(:first-child) {
    border-top: 1px solid #ededed;
  }
}
/*------------------------
 * Layout
 *------------------------*/
.l_wrapper {
  background: #fff;
}
@media (max-width: 767px) {
  .l_wrapper {
    background: #fff url(../images/common/bg_header.jpg) 0 0 repeat-x;
    background-size: auto 20px;
    padding-top: 20px;
  }
}
@media (min-width: 768px) {
  .l_wrapper {
    background-color: #d4cdbb;
    background-image: url(../images/common/bg_header.jpg), url(../images/common/bg_wrapper.gif);
    background-position: center 0, center 0;
    background-repeat: repeat-x, repeat;
    background-size: auto 45px, auto;
    padding: 45px 0 0;
  }
}

@media (max-width: 767px) {
  .l_header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-top: 2px solid #e0c075;
    padding: 0.9375rem 0.625rem;
  }
}
@media (max-width: 767px) {
  .l_container_aside .l_header {
    display: none;
  }
}
@media (max-width: 767px) {
  .l_header_logo {
    width: 49.3333333333vw;
    max-width: 185px;
  }
}
@media (min-width: 768px) {
  .l_header_logo {
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
  }
}
.l_header_btn {
  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;
  width: 25px;
  height: 20px;
  background: none;
  border: 0;
  padding: 0;
  margin-left: auto;
  z-index: 999;
}
.l_header_btn:after, .l_header_btn:before {
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background: #212529;
  -webkit-transform-origin: left center;
          transform-origin: left center;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  content: "";
}
.l_header_btn:before {
  top: 0;
}
.l_header_btn:after {
  bottom: 0;
}
.l_header_btn.is_active:after, .l_header_btn.is_active:before {
  width: 30px;
}
.l_header_btn.is_active:before {
  -webkit-transform: rotate(37deg);
          transform: rotate(37deg);
}
.l_header_btn.is_active:after {
  -webkit-transform: rotate(-37deg);
          transform: rotate(-37deg);
}
.l_header_btn_border {
  display: block;
  width: 25px;
  height: 2px;
  background: #212529;
  -webkit-transform-origin: center center;
          transform-origin: center center;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.l_header_btn.is_active .l_header_btn_border {
  width: 0;
  opacity: 0;
}
@media (min-width: 768px) {
  .l_header_btn {
    display: none;
  }
}

.l_footer_wrap {
  background-color: #24211c;
  background-image: url(../images/common/bg_header.jpg), url(../images/common/bg_footer_nav.jpg);
  background-repeat: repeat-x, repeat;
  background-position: center bottom, center 0;
  background-size: auto 20px, auto;
  padding: 0 0 20px;
  color: #fff;
}
@media (min-width: 768px) {
  .l_footer_wrap {
    background-size: auto 40px, auto;
    padding: 0 0 40px;
  }
}

.l_footer_nav {
  padding: 60px 30px 0;
}
@media (max-width: 767px) {
  .l_footer_nav {
    padding: 0;
  }
}
.l_footer_nav a {
  color: #fff;
}
@media (min-width: 768px) {
  .l_footer_nav_list, .l_footer_nav_inner {
    max-width: 1200px;
    margin: 0 auto;
  }
}

.l_footer_nav_list {
  list-style: none;
  padding: 0;
  letter-spacing: 0.05em;
}
@media (max-width: 767px) {
  .l_footer_nav_list {
    display: none;
  }
}
@media (min-width: 768px) {
  .l_footer_nav_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media (min-width: 768px) {
  .l_footer_nav_list > li {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
            flex: 1 1 0;
  }
  .l_footer_nav_list > li:not(:last-child) {
    padding-right: 1rem;
  }
}
.l_footer_nav_list_label {
  display: block;
  margin-bottom: 1rem;
  font-family: "Century Gothic", CenturyGothic, "Avenir-Light";
  font-weight: bold;
}

.l_footer_nav_list_child {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 0.8125rem;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .l_footer_nav_list_child {
    font-size: 0.75rem;
  }
}
.l_footer_nav_list_child > li {
  position: relative;
  padding-left: 1em;
}
.l_footer_nav_list_child > li:before {
  position: absolute;
  top: 0.5em;
  left: 0;
  display: block;
  width: 0;
  height: 0;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-right: 4px solid transparent;
  border-left: 6px solid red;
  margin: auto;
  content: "";
}
.l_footer_nav_list_child > li:not(:first-child) {
  margin-top: 3px;
}
.l_footer_nav_list_child a {
  text-decoration: none;
}
@media (min-width: 768px) {
  .l_footer_nav_list_child a {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }
  .l_footer_nav_list_child a:hover {
    opacity: 0.8;
    text-decoration: underline;
  }
}

.l_footer {
  border-bottom: 3px solid #e0c075;
}
@media (min-width: 768px) {
  .l_footer_inner {
    max-width: 1200px;
    margin: 0 auto;
  }
}

.l_footer_copyright {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1em 20px;
}
@media (min-width: 1400px) {
  .l_footer_copyright {
    padding-left: 0;
    padding-right: 0;
  }
}
.l_footer_copyright_name {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: auto;
  font-family: "Century Gothic", CenturyGothic, "Avenir-Light";
  font-size: 0.75rem;
}
@media (min-width: 768px) {
  .l_footer_copyright_name {
    font-size: 0.875rem;
  }
}
.l_footer_copyright_name:after {
  display: inline-block;
  width: 3em;
  height: 3em;
  background: url(../images/common/logo_mark.svg) 0 0 no-repeat;
  background-size: 3em 3em;
  margin-left: 1em;
  content: "";
}

@media (max-width: 767px) {
  .l_global {
    padding-left: 20px;
    padding-right: 20px;
    height: 100%;
    overflow: auto;
  }
}
@media (min-width: 768px) {
  .l_global {
    border-bottom: 1px solid #ededed;
  }
}
.l_global + * {
  margin-top: 20px !important;
}

.l_global_uncle,
.l_global_child,
.l_global_parent {
  list-style: none;
  padding: 0;
  margin: 0;
  background: #fff;
}

.l_global_parent {
  z-index: 1;
}
.l_global_parent > li {
  position: relative;
}
.l_global_parent > li:not(:first-child) {
  border-top: 1px solid #ededed;
}
@media all and (-ms-high-contrast: none) {
  .l_global_parent > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.l_global_parent_label {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: url(../images/common/bg_global_sp.jpg) 0 bottom repeat-y;
  padding: 15px 15px 15px 17.3333333333vw;
  color: #412509 !important;
  text-decoration: none !important;
}
@media (max-width: 767px) {
  .l_global_parent_label {
    background-repeat: no-repeat;
    background-size: cover;
  }
}
@media (min-width: 768px) {
  .l_global_parent_label {
    min-height: 94px;
    background: url(../images/common/bg_global.jpg) 0 bottom repeat-y;
    background-position: 0 0;
    padding: 10px 10px 10px 27.2727272727%;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }
  .l_global_parent_label:focus, .l_global_parent_label:hover {
    opacity: 0.75;
  }
}
.is_planning .l_global_parent_label {
  background-image: url(../images/common/bg_global_planning_sp.jpg);
}
.is_life .l_global_parent_label {
  background-image: url(../images/common/bg_global_life_sp.jpg);
}
.is_job .l_global_parent_label {
  background-image: url(../images/common/bg_global_job_sp.jpg);
}
.is_network .l_global_parent_label {
  background-image: url(../images/common/bg_global_network_sp.jpg);
}
.is_other .l_global_parent_label {
  background-image: url(../images/common/bg_global_other_sp.jpg);
}
@media (min-width: 768px) {
  .is_planning .l_global_parent_label {
    background-image: url(../images/common/bg_global_planning.jpg);
  }
  .is_life .l_global_parent_label {
    background-image: url(../images/common/bg_global_life.jpg);
  }
  .is_job .l_global_parent_label {
    background-image: url(../images/common/bg_global_job.jpg);
  }
  .is_network .l_global_parent_label {
    background-image: url(../images/common/bg_global_network.jpg);
  }
  .is_other .l_global_parent_label {
    background-image: url(../images/common/bg_global_other.jpg);
  }
}
.l_global_parent_label:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 8.6666666667vw;
  width: 22px;
  height: 22px;
  background: url(../images/icon/nav_moutain.svg) 0 center no-repeat;
  background-size: 22px auto;
  margin: auto;
  z-index: 2;
  content: "";
}
@media (min-width: 768px) {
  .l_global_parent_label:before {
    left: 20px;
  }
}
.is_planning .l_global_parent_label:before {
  background-image: url(../images/icon/nav_flower.svg);
}
.is_life .l_global_parent_label:before {
  background-image: url(../images/icon/nav_fan.svg);
}
.is_job .l_global_parent_label:before {
  background-image: url(../images/icon/nav_cloth.svg);
}
.is_network .l_global_parent_label:before {
  background-image: url(../images/icon/nav_grass.svg);
}
.is_other .l_global_parent_label:before {
  background-image: url(../images/icon/nav_cloud.svg);
}
.l_global_parent_label > span {
  display: block;
}
.l_global_parent_label_caption {
  display: block;
  font-size: 0.8125rem;
}
@media (max-width: 320px) {
  .l_global_parent_label_caption {
    font-size: 0.8571428571rem;
  }
}
.l_global_parent_label_en {
  font-family: "Century Gothic", CenturyGothic, "Avenir-Light";
  font-size: 1.125rem;
  font-weight: bold;
}
@media (max-width: 320px) {
  .l_global_parent_label_en {
    font-size: 1rem;
  }
}
.l_global_parent .is_contact {
  display: block;
  padding-top: 30px;
  text-align: center;
}
@media (min-width: 768px) {
  .l_global_parent .is_contact {
    display: none !important;
  }
}

.l_global_child {
  font-size: 0.75rem;
  z-index: 3;
}
@media (min-width: 768px) {
  .l_global_child {
    font-size: 0.8125rem;
  }
}
.l_global_child > li {
  position: relative;
}
.l_global_child > li:not(:first-child) {
  border-top: 1px solid #fff;
}
.l_global_child > li > a {
  display: block;
  background: #f1f7fa;
  padding: 10px 20px;
  color: #212529;
  text-decoration: none !important;
}
@media (min-width: 768px) {
  .l_global_child > li > a {
    padding: 16px 20px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }
  .l_global_child > li > a:focus, .l_global_child > li > a:hover {
    opacity: 0.75;
  }
}
.is_planning .l_global_child > li > a {
  background-color: #f9f6fa;
}
.is_life .l_global_child > li > a {
  background-color: #f9fbf8;
}
.is_job .l_global_child > li > a {
  background-color: #faf9f6;
}
.is_network .l_global_child > li > a {
  background-color: #faf5f6;
}
.is_other .l_global_child > li > a {
  background-color: #f9fcfc;
}
.l_global_child_label {
  position: relative;
  padding-right: 30px !important;
}
.l_global_child_label.is_active:after {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.l_global_child_label:after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 15px;
  width: 1em;
  height: 1em;
  margin: auto;
  display: inline-block;
  vertical-align: middle;
  font-family: "SJicon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e906";
  color: #8fb3d7;
  font-size: 10px;
  text-align: center;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-transform-origin: 5px center;
          transform-origin: 5px center;
}
.is_planning .l_global_child_label:after {
  color: #d3a4da;
}
.is_life .l_global_child_label:after {
  color: #a6ddc4;
}
.is_job .l_global_child_label:after {
  color: #d2d797;
}
.is_network .l_global_child_label:after {
  color: #e6b2b2;
}
.is_other .l_global_child_label:after {
  color: #a6cdd5;
}

.l_global_uncle {
  font-size: 0.75rem;
  z-index: 4;
}
@media (min-width: 768px) {
  .l_global_uncle {
    font-size: 0.8125rem;
  }
}
.l_global_uncle > li:not(:first-child) {
  border-top: 1px solid #ededed;
}
.l_global_uncle > li > a {
  position: relative;
  display: block;
  background: #fff;
  padding: 10px 10px 10px 30px;
  color: #212529;
}
@media (min-width: 768px) {
  .l_global_uncle > li > a {
    padding: 20px 20px 20px 30px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }
  .l_global_uncle > li > a:focus, .l_global_uncle > li > a:hover {
    opacity: 0.75;
  }
}
.l_global_uncle > li > a:before {
  position: absolute;
  top: 2px;
  bottom: 0;
  left: 15px;
  width: 1em;
  height: 1em;
  margin: auto;
  display: inline-block;
  vertical-align: middle;
  font-family: "SJicon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e906";
  color: #8fb3d7;
  font-size: 10px;
}
.is_planning .l_global_uncle > li > a:before {
  color: #d3a4da;
}
.is_life .l_global_uncle > li > a:before {
  color: #a6ddc4;
}
.is_job .l_global_uncle > li > a:before {
  color: #d2d797;
}
.is_network .l_global_uncle > li > a:before {
  color: #e6b2b2;
}
.is_other .l_global_uncle > li > a:before {
  color: #a6cdd5;
}

.l_pagetop {
  position: fixed;
  bottom: 0;
  display: block;
  width: 100%;
  z-index: 2;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translateY(5px);
          transform: translateY(5px);
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.l_pagetop.is_active {
  visibility: visible;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}
.l_pagetop.is_fixed {
  position: static;
}
@media (min-width: 768px) {
  .l_pagetop_inner {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
    z-index: 999;
  }
}
.l_pagetop_btn {
  position: absolute;
  right: 15px;
  bottom: 15px;
  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: 35px;
  height: 35px;
  background: #f45c5b;
  border-radius: 50%;
  color: #fff;
}
@media (min-width: 768px) {
  .l_pagetop_btn {
    width: 70px;
    height: 70px;
  }
}
@media (min-width: 1300px) {
  .l_pagetop_btn {
    right: -35px;
  }
}
.is_fixed .l_pagetop_btn {
  bottom: 12px;
}
@media (min-width: 768px) {
  .is_fixed .l_pagetop_btn {
    bottom: -35px;
  }
}
.l_pagetop_btn:before {
  display: inline-block;
  vertical-align: middle;
  font-family: "SJicon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e90b";
  font-size: 20px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
@media (min-width: 768px) {
  .l_pagetop_btn:before {
    font-size: 30px;
  }
}
@media (min-width: 768px) {
  .l_pagetop_btn {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }
  .l_pagetop_btn:hover {
    background: #f67473;
    color: #fff;
    text-decoration: none;
  }
  .l_pagetop_btn:hover:before {
    -webkit-transform: translateY(-1px);
            transform: translateY(-1px);
  }
}

.l_container {
  position: relative;
}
@media (min-width: 768px) {
  .l_container {
    border-top: 3px solid #e0c075;
  }
}
.l_container:after {
  display: table;
  clear: both;
  content: "";
}
@media (min-width: 768px) {
  .l_container_inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 1200px;
    margin: 0 auto;
    background: #fff;
    -webkit-box-shadow: 0 -10px 20px rgba(39, 39, 39, 0.001);
            box-shadow: 0 -10px 20px rgba(39, 39, 39, 0.001);
  }
}
@media (min-width: 768px) {
  .l_container .l_container_main {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
            flex: 1 1 0;
    width: 81.6666666667%;
    max-width: 980px;
    padding: 0 0 110px;
  }
}
.l_container_main_body {
  padding: 20px 0 60px;
}
.l_container_main_body > *:first-child {
  margin-top: 0 !important;
}
.l_container_main_body > *:last-child {
  margin-bottom: 0 !important;
}
@media (min-width: 768px) {
  .l_container_main_body {
    padding: 60px 0 0;
  }
}
.p_top .l_container_main_body {
  padding-top: 0;
}
@media (max-width: 767px) {
  .l_container_aside {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(255, 255, 255, 0.9);
    padding: 100px 0 70px;
    overflow: auto;
    z-index: 100;
    -webkit-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
  }
}
@media (min-width: 768px) {
  .l_container .l_container_aside {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 18.3333333333%;
    min-width: 185px;
    max-width: 220px;
    border-right: 1px solid #ccc;
    padding: 0 0 110px;
  }
}

.l_container_aside .l_container_widget {
  padding: 20px 0;
  margin: 0 20px;
}
@media (max-width: 767px) {
  .l_container_aside .l_container_widget {
    display: none;
  }
}
@media (min-width: 768px) {
  .l_container_aside .l_container_widget {
    padding: 30px 0 15px;
    margin: 0 15px;
  }
}

.l_container_aside .l_container_widget + .l_container_widget {
  border-top: 1px solid #ededed;
}

.l_breadcrumb {
  background: #f9fbfc;
  padding: 0.5rem 1.25rem;
  color: #616161;
  font-size: 0.875rem;
}
@media (min-width: 768px) {
  .l_breadcrumb {
    padding: 1.5em 2.5rem;
  }
}
.l_breadcrumb a {
  color: #616161;
  text-decoration: underline;
}
@media (min-width: 768px) {
  .l_breadcrumb a {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }
  .l_breadcrumb a:hover {
    text-decoration: none;
    opacity: 0.75;
  }
}
.l_breadcrumb_list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.l_breadcrumb_list li {
  display: inline;
}
.l_breadcrumb_list li:not(:first-child):before {
  display: inline-block;
  margin: 0 0.5em;
  content: "/";
}

.l_utility {
  padding: 0.625rem 2.5rem 0;
}

.l_utility_tools {
  padding-top: 0.3125rem;
  padding-bottom: 0.625rem;
  border-bottom: 1px solid #ccc;
}
.l_utility_tools .l_utility_column_item_tools > * {
  margin-top: 0.3125rem;
  margin-bottom: 0.3125rem;
}

.l_utility_column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.l_utility_column_item {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  margin: 0 1.25rem 0 0;
}
.l_utility_column_item_mail, .l_utility_column_item_logo {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin: 0 0 0 auto;
}

.l_utility_column_item_tools {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 0;
}
.l_utility_column_item_tools > *:not(:last-child) {
  margin-right: 1rem;
}

@media (max-width: 767px) {
  .l_utility_header {
    display: block;
    padding: 0 0.625rem 0.3125rem;
  }
  .l_utility_header .l_utility_column_item {
    margin: 0;
  }
  .l_utility_header .l_utility_column_item_logo {
    display: none;
  }
  .l_utility_header .l_utility_description {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .l_utility_header .l_utility_description a {
    -ms-flex-item-align: end;
        align-self: flex-end;
    display: inline-block;
    margin-top: 0.25em;
  }
}

.l_utility_description {
  margin: 0;
  font-size: 0.75rem;
}
.l_utility_description a {
  color: #e86d6d;
  text-decoration: underline;
}

.l_utility_search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
}
.l_utility_search_submit, .l_utility_search_input {
  font-size: 0.75rem;
}
.l_utility_search_input {
  max-width: 160px;
  min-height: 30px;
  border: 1px solid #ccc;
  border-radius: 4px 0 0 4px;
  padding: 0 0.625rem;
  line-height: 30px;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-appearance: none;
}
@media (max-width: 767px) {
  .l_utility_search_input {
    font-size: 1rem;
  }
}
@media all and (-ms-high-contrast: none) {
  .l_utility_search_input {
    max-width: none;
    width: 160px;
  }
}
.l_utility_search_submit {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  background: #5ca997;
  border: 1px solid #5ca997;
  border-radius: 0 4px 4px 0;
  padding: 0.3125rem 0.9375rem;
  color: #fff;
}

@media (max-width: 767px) {
  .l_utility_tools {
    padding: 0.3125rem 0.625rem 0.625rem;
  }
  .l_utility_tools .l_utility_column {
    display: block;
  }
  .l_utility_tools .l_utility_search {
    width: 100%;
    margin: 0;
  }
  .l_utility_tools .l_utility_search_submit, .l_utility_tools .l_utility_search_input {
    font-size: 1rem;
  }
  .l_utility_tools .l_utility_search_input {
    width: 100%;
    max-width: 100%;
  }
  .l_utility_tools .l_utility_column_item_tools {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .l_utility_tools .m_language,
.l_utility_tools .m_fontchange {
    margin-top: 10px;
  }
  .l_utility_tools .m_language_title,
.l_utility_tools .m_fontchange {
    font-size: 0.6875rem;
  }
  .l_utility_tools .m_language_select select {
    line-height: 1.25;
  }
}

.l_utility_column_item_mail {
  margin-top: 0.3125rem;
  text-align: center;
}
.l_utility_column_item_mail .m_btn {
  padding: 0.5em;
  margin-bottom: 5px;
  font-size: 0.8rem;
  line-height: 1;
}

/*------------------------
 * modules
 *------------------------*/
.wysiwyg .h4,
.wysiwyg h4,
.wysiwyg .h3,
.wysiwyg h3,
.wysiwyg .h2,
.wysiwyg h2,
.wysiwyg .h1,
.wysiwyg h1 {
  margin: 2em 0 1em;
}
.wysiwyg table,
.wysiwyg dl,
.wysiwyg ol,
.wysiwyg ul,
.wysiwyg p {
  line-height: 1.8;
}
.wysiwyg .h2,
.wysiwyg h2 {
  background: #f9fbfc;
  border-bottom: 1px solid #1d679d;
  padding: 0.625rem;
  margin-right: -0.625rem;
  margin-left: -0.625rem;
  color: #1d679d;
  font-size: 1.25rem;
  font-weight: bold;
}
@media (min-width: 768px) {
  .wysiwyg .h2,
.wysiwyg h2 {
    padding: 0.625rem 1.25rem;
    margin-right: -1.25rem;
    margin-left: -1.25rem;
    font-size: 1.5rem;
  }
}
.wysiwyg .h2 ruby,
.wysiwyg h2 ruby {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}
@media all and (-ms-high-contrast: none) {
  .wysiwyg .h2 ruby rt,
.wysiwyg h2 ruby rt {
    display: block;
    text-align: center;
  }
}
.wysiwyg .h2 a,
.wysiwyg h2 a {
  position: relative;
  display: inline-block;
  padding-left: 1rem;
  text-decoration: none;
}
@media (min-width: 768px) {
  .wysiwyg .h2 a:hover,
.wysiwyg h2 a:hover {
    text-decoration: underline;
  }
}
.wysiwyg .h2 a:before,
.wysiwyg h2 a:before {
  display: inline-block;
  vertical-align: middle;
  font-family: "SJicon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e90a";
  position: absolute;
  top: 0.5rem;
  left: 0;
  color: #0089d0;
  font-size: 1rem;
  vertical-align: baseline;
}
@media (min-width: 768px) {
  .wysiwyg .h2 a:before,
.wysiwyg h2 a:before {
    top: 0.7rem;
  }
}
@media all and (-ms-high-contrast: none) {
  .wysiwyg .h2 a:before,
.wysiwyg h2 a:before {
    vertical-align: middle;
  }
}
.wysiwyg .h2.is_ruby a:before,
.wysiwyg h2.is_ruby a:before {
  top: 1.1rem;
}
@media (min-width: 768px) {
  .wysiwyg .h2.is_ruby a:before,
.wysiwyg h2.is_ruby a:before {
    top: 1.25rem;
  }
}
@media all and (-ms-high-contrast: none) {
  .wysiwyg .h2.is_ruby a:before,
.wysiwyg h2.is_ruby a:before {
    top: 1rem;
  }
}
.wysiwyg .h3,
.wysiwyg h3 {
  color: #1d679d;
  font-size: 1.125rem;
  font-weight: bold;
}
@media (min-width: 768px) {
  .wysiwyg .h3,
.wysiwyg h3 {
    font-size: 1.25rem;
  }
}
.wysiwyg .h4,
.wysiwyg h4 {
  font-size: 1rem;
  font-weight: bold;
}
@media (min-width: 768px) {
  .wysiwyg .h4,
.wysiwyg h4 {
    font-size: 1.125rem;
  }
}
.wysiwyg h2.h4,
.wysiwyg h2.h3 {
  background: none;
  border-bottom: 0;
  padding: 0;
}
.wysiwyg h3.h4,
.wysiwyg h2.h4 {
  color: #212529;
}
.wysiwyg p {
  margin: 1em 0;
}
.wysiwyg p:after {
  display: table;
  clear: both;
  content: "";
}
.wysiwyg address {
  display: block;
  margin: 1rem 0;
}
.wysiwyg strong {
  font-weight: bold;
}
.wysiwyg em {
  font-style: italic;
}
.wysiwyg img[height] {
  height: auto;
}
.wysiwyg ol:not([class]),
.wysiwyg ul:not([class]) {
  list-style: none;
  padding: 0;
  margin: 1em 0;
}
.wysiwyg ol ol:not([class]),
.wysiwyg ol ul:not([class]),
.wysiwyg ul ol:not([class]),
.wysiwyg ul ul:not([class]) {
  margin: 0.25em 0;
}
.wysiwyg ul:not([class]) > li {
  position: relative;
  padding-left: 1.5em;
}
.wysiwyg ul:not([class]) > li:before {
  position: absolute;
  left: 4px;
  content: "・";
}
.wysiwyg ol:not([class]) {
  counter-reset: item;
}
.wysiwyg ol:not([class]) > li {
  position: relative;
  padding-left: 1.5em;
}
.wysiwyg ol:not([class]) > li:before {
  position: absolute;
  left: -0.25em;
  display: inline-block;
  width: 1.5em;
  text-align: right;
  counter-increment: item;
  content: counter(item) ".";
}
.wysiwyg blockquote {
  padding: 1em;
  background: #f5f5f5;
  border-radius: 6px;
  color: #000;
}
.wysiwyg blockquote > *:first-child {
  margin-top: 0 !important;
}
.wysiwyg blockquote > *:last-child {
  margin-bottom: 0 !important;
}
.wysiwyg hr {
  margin: 3rem 0;
  border-color: #dcdcdd;
  border-style: dashed;
  border-width: 1px;
  border-bottom: 0;
}
@media (max-width: 767px) {
  .wysiwyg .mt-image-right,
.wysiwyg .mt-image-left {
    float: none !important;
    display: block;
    width: auto;
    height: auto;
    margin: 0 auto 0.5em !important;
  }
}
@media (min-width: 768px) {
  .wysiwyg .mt-image-right,
.wysiwyg .mt-image-left {
    max-width: 50%;
  }
}
.wysiwyg table:not([class]) {
  width: 100% !important;
  margin: 1.25rem 0;
}
@media (min-width: 768px) {
  .wysiwyg table:not([class]) {
    margin: 2.5rem 0;
  }
}
.wysiwyg table:not([class]) td,
.wysiwyg table:not([class]) th {
  border: 1px solid #dcdcdd;
  padding: 0.625rem;
  font-weight: normal;
}
@media (max-width: 767px) {
  .wysiwyg table:not([class]) td,
.wysiwyg table:not([class]) th {
    vertical-align: top;
  }
}
.wysiwyg table:not([class]) td > *:first-child {
  margin-top: 0 !important;
}
.wysiwyg table:not([class]) td > *:last-child {
  margin-bottom: 0 !important;
}
.wysiwyg table:not([class]) thead th {
  background: #3981b0;
  color: #fff;
  font-weight: bold;
  text-align: center;
}

.wysiwyg > *:first-child,
body.wysiwyg > *:first-child {
  margin-top: 0 !important;
}
.wysiwyg > *:last-child,
body.wysiwyg > *:last-child {
  margin-bottom: 0 !important;
}

body.wysiwyg.mce-content-body {
  padding: 1em 1.625em !important;
}

body:not(.mce-content-body) .wysiwyg div:empty,
body:not(.mce-content-body) .wysiwyg p:empty,
body:not(.mce-content-body) .wysiwyg a:empty {
  display: none;
  margin: 0 !important;
  visibility: hidden;
}

.mce-item-table {
  margin: 1.25rem 0;
}
@media (min-width: 768px) {
  .mce-item-table {
    margin: 2.5rem 0;
  }
}
.mce-item-table caption,
.mce-item-table td,
.mce-item-table th {
  border: 1px dashed #bbb !important;
  padding: 0.625rem;
  font-weight: normal;
}
@media (max-width: 767px) {
  .mce-item-table caption,
.mce-item-table td,
.mce-item-table th {
    vertical-align: top;
  }
}
.mce-item-table td > *:first-child {
  margin-top: 0 !important;
}
.mce-item-table td > *:last-child {
  margin-bottom: 0 !important;
}
.mce-item-table thead th {
  background: #3981b0;
  color: #fff;
  font-weight: bold;
  text-align: center;
}

.m_section {
  padding: 0 1.25rem;
}
@media (min-width: 768px) {
  .m_section {
    padding: 0 2.625rem;
  }
}
.m_section_heading {
  padding: 0 1.25rem;
}
@media (min-width: 768px) {
  .m_section_heading {
    padding: 0 2.625rem;
  }
}

.m_heading_lv1 {
  position: relative;
  margin: 0 0 2.5rem;
  font-size: 1.25rem;
  color: #1f7bb7;
  font-weight: bold;
  text-align: center;
}
@media (min-width: 768px) {
  .m_heading_lv1 {
    margin: 0 0 5rem;
    font-size: 1.5rem;
  }
}
.m_heading_lv1:after {
  content: "";
  position: absolute;
  bottom: -0.5em;
  right: 0;
  left: 0;
  width: 3.125rem;
  height: 1px;
  background: #1b87bb;
  margin: auto;
}

@media (max-width: 767px) {
  .m_heading_frame {
    text-align: center;
  }
}
.m_heading_frame > span {
  display: inline-block;
  background: #1d679d;
  border-radius: 42px;
  padding: 10px 32px;
  color: #fff;
}

.m_list {
  list-style: none;
  padding: 0;
  margin: 1em 0;
}
.m_list:not(.m_list_question) .m_list {
  margin: 0.25em 0;
}
.m_list li.is_ruby:before, .m_list.is_ruby li:before {
  top: 0.75em;
}

.m_list_bullet > li {
  position: relative;
  padding-left: 1.5em;
}
.m_list_bullet > li:before {
  position: absolute;
  left: 4px;
  content: "・";
}

.m_list_notice > li {
  position: relative;
  padding-left: 1.5em;
}
.m_list_notice > li:before {
  position: absolute;
  left: 4px;
  content: "※";
}

.m_list_notice_sm {
  font-size: 90%;
}
.m_list_notice_sm > li {
  position: relative;
  padding-left: 1.5em;
}
.m_list_notice_sm > li:before {
  position: absolute;
  left: 2px;
  content: "＊";
}

.m_list_num {
  counter-reset: item;
}
.m_list_num > li {
  position: relative;
  padding-left: 1.5em;
}
.m_list_num > li:before {
  position: absolute;
  left: 0;
  counter-increment: item;
  content: counter(item) ".";
}

.m_list_notice_num {
  counter-reset: item;
}
.m_list_notice_num > li {
  position: relative;
  padding-left: 1.5em;
}
.m_list_notice_num > li:before {
  position: absolute;
  left: -0.75em;
  display: inline-block;
  width: 1.875rem;
  text-align: right;
  counter-increment: item;
  content: "※" counter(item);
}

.m_list_link > li {
  position: relative;
  padding-left: 1.5em;
}
.m_list_link > li:before {
  position: absolute;
  left: 2px;
  display: inline-block;
  vertical-align: middle;
  font-family: "SJicon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e90a";
  color: #0089d0;
}
.m_list_link > li:not(:first-child) {
  margin: 0.25em 0 0 0;
}
.m_list_link > li a {
  text-decoration: underline;
}
@media (min-width: 768px) {
  .m_list_link > li a:hover {
    text-decoration: none;
  }
}

.m_list_anchor_inline > li,
.m_list_anchor > li {
  position: relative;
  padding-left: 1.25em;
}
.m_list_anchor_inline > li:before,
.m_list_anchor > li:before {
  position: absolute;
  left: 0;
  display: inline-block;
  vertical-align: middle;
  font-family: "SJicon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e900";
  color: #0089d0;
}
.m_list_anchor_inline > li a,
.m_list_anchor > li a {
  text-decoration: underline;
}
@media (min-width: 768px) {
  .m_list_anchor_inline > li a:hover,
.m_list_anchor > li a:hover {
    text-decoration: none;
  }
}

.m_list_anchor > li:not(:first-child) {
  margin: 0.25em 0 0 0;
}

.m_list_anchor_inline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.m_list_anchor_inline > li {
  margin: 0 1.5em 0 0;
}

.m_list_index {
  border: 1px solid #ccc;
  padding: 0 0.5em;
}
.m_list_index > li {
  position: relative;
  padding: 0.5em 0.5em 0.5em 1.5em;
}
.m_list_index > li:not(:last-child) {
  border-bottom: 1px #99cc66 dotted;
}
.m_list_index > li:before {
  position: absolute;
  left: 4px;
  content: "・";
}
.m_list_index > li > a {
  border-bottom: 1px solid #1d679d;
  color: #212529;
  text-decoration: none !important;
}
@media (min-width: 768px) {
  .m_list_index > li > a {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }
  .m_list_index > li > a:hover {
    opacity: 0.75;
  }
}

.m_list_num_circle {
  counter-reset: item;
}
.m_list_num_circle > li {
  position: relative;
  padding-left: 1.5em;
}
.m_list_num_circle > li:before {
  position: absolute;
  top: 0.375rem;
  left: 0.25rem;
  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: 1rem;
  height: 1rem;
  border: 1px solid #212529;
  border-radius: 50%;
  font-size: 0.75rem;
  counter-increment: item;
  content: counter(item);
}

.m_list_num_brackets {
  counter-reset: item;
}
.m_list_num_brackets > li {
  position: relative;
  padding-left: 1.5em;
}
.m_list_num_brackets > li:before {
  position: absolute;
  top: 0.25rem;
  left: -0.75rem;
  display: inline-block;
  width: 2.375rem;
  font-size: 0.75rem;
  text-align: right;
  counter-increment: item;
  content: "（" counter(item) "）";
}

.m_list_num_brackets_secondary {
  counter-reset: item;
}
.m_list_num_brackets_secondary > li {
  position: relative;
  padding-left: 1.5em;
}
.m_list_num_brackets_secondary > li:before {
  position: absolute;
  top: 0.25rem;
  left: 0;
  display: inline-block;
  width: 1.625rem;
  font-size: 0.75rem;
  text-align: right;
  counter-increment: item;
  content: counter(item) "）";
}

.m_list_alpha {
  counter-reset: item;
}
.m_list_alpha > li {
  position: relative;
  padding-left: 1.5em;
}
.m_list_alpha > li:before {
  position: absolute;
  left: 0.375rem;
  counter-increment: item;
  content: counter(item, lower-alpha) ".";
}

.m_list_ranking {
  counter-reset: item;
}
@media (max-width: 767px) {
  .m_list_ranking > li {
    position: relative;
    padding: 0.3125rem 0 0 3.125rem;
  }
}
@media (min-width: 768px) {
  .m_list_ranking > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.m_list_ranking > li:not(:first-child) {
  margin-top: 1.25rem;
}
.m_list_ranking > li:before {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 1.875rem;
  height: 1.875rem;
  background: url(../images/icon/star.svg) center center no-repeat;
  background-size: 30px auto;
  padding-top: 0.25rem;
  margin-left: 0.625rem;
  font-size: 0.875rem;
  line-height: 1;
  text-indent: -1px;
  counter-increment: item;
  content: counter(item);
}
@media (max-width: 767px) {
  .m_list_ranking > li:before {
    position: absolute;
    top: 0;
    left: 0;
  }
}
@media (min-width: 768px) {
  .m_list_ranking > li:before {
    margin-right: 1.875rem;
  }
}
.m_list_ranking > li:nth-child(3):before, .m_list_ranking > li:nth-child(2):before, .m_list_ranking > li:nth-child(1):before {
  width: 2.5rem;
  height: 2.5rem;
  margin-left: 0;
  content: counter(item) "位";
}
.m_list_ranking > li:nth-child(1):before {
  background: url(../images/icon/star_01.svg) 0 0 no-repeat;
  background-size: contain;
}
.m_list_ranking > li:nth-child(2):before {
  background: url(../images/icon/star_02.svg) 0 0 no-repeat;
  background-size: contain;
}
.m_list_ranking > li:nth-child(3) {
  border-bottom: 1px solid #ccc;
  padding-bottom: 1.25rem;
}
.m_list_ranking > li:nth-child(3):before {
  background: url(../images/icon/star_03.svg) 0 0 no-repeat;
  background-size: contain;
}
.m_list_ranking strong {
  color: #f39800;
  font-weight: normal !important;
}
.m_list_ranking_segment {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}
@media (min-width: 768px) {
  .m_list_ranking_segment {
    padding-top: 6px;
  }
}
.m_list_ranking > li:nth-child(3) .m_list_ranking_segment, .m_list_ranking > li:nth-child(2) .m_list_ranking_segment, .m_list_ranking > li:nth-child(1) .m_list_ranking_segment {
  font-size: 1.125rem;
}
.m_list_ranking_data {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  font-family: "Avenir-Light", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "ヒラギノ角ゴ ProN", Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, sans-serif;
  margin: 0.625rem 0 0 0;
}
@media (min-width: 768px) {
  .m_list_ranking_data {
    margin: 0 1.875rem 0 0;
  }
}

.m_list_question {
  margin: 1.25rem 0;
}
@media (min-width: 768px) {
  .m_list_question {
    margin: 2.5rem 0;
  }
}
.m_list_question dd,
.m_list_question dt {
  position: relative;
  min-height: 1.875rem;
  padding: 0rem 0 0 3.25rem;
  margin: 0;
}
@media (min-width: 768px) {
  .m_list_question dd,
.m_list_question dt {
    min-height: 2.5rem;
    padding: 0.5rem 0 0 4.5rem;
  }
}
.m_list_question dd:before,
.m_list_question dt:before {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 1.875rem;
  height: 1.875rem;
  text-indent: -99999px;
  overflow: hidden;
}
@media (min-width: 768px) {
  .m_list_question dd:before,
.m_list_question dt:before {
    width: 2.5rem;
    height: 2.5rem;
  }
}
.m_list_question dt {
  color: #1d679d;
  font-size: 1.125rem;
  font-weight: bold;
}
@media (min-width: 768px) {
  .m_list_question dt {
    padding-top: 0.25rem;
  }
}
.m_list_question dt:before {
  background: url(../images/icon/qa_question.svg) 0 0 no-repeat;
  background-size: contain;
  content: "question";
}
.m_list_question dd {
  padding-top: 0.25rem;
  margin-top: 20px;
}
@media (min-width: 768px) {
  .m_list_question dd {
    padding-top: 0.625rem;
  }
}
.m_list_question dd:before {
  background: url(../images/icon/qa_answer.svg) 0 0 no-repeat;
  background-size: contain;
  content: "answer";
}
.m_list_question dd + dt {
  margin-top: 1.875rem;
}
@media (min-width: 768px) {
  .m_list_question dd + dt {
    margin-top: 2.5rem;
  }
}
.m_list_question dd > *:first-child {
  margin-top: 0 !important;
}
.m_list_question dd > *:last-child {
  margin-bottom: 0 !important;
}

.m_definelist {
  list-style: none;
  padding: 0;
  margin: 1em 0;
}
.m_definelist dt:not(:first-child) {
  margin-top: 10px;
}
.m_definelist dd {
  margin: 0 0 0 1em;
}
.m_definelist dd > *:first-child {
  margin-top: 0 !important;
}
.m_definelist dd > *:last-child {
  margin-bottom: 0 !important;
}

button.m_btn {
  cursor: pointer;
}

.m_btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #ccc;
  border: 0;
  border-radius: 5px;
  padding: 0;
  padding: 1rem 1.25rem;
}
@media (min-width: 768px) {
  .m_btn {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }
  .m_btn:focus, .m_btn:hover {
    text-decoration: none;
  }
}

.m_btn_block {
  display: block;
}

.m_btn_outline_link {
  position: relative;
  background-color: #fff;
  border: 1px solid #1f7bb7;
  padding: 1rem 2.5rem 1rem 1.25rem;
  color: #212529 !important;
}
@media (min-width: 768px) {
  .m_btn_outline_link {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }
  .m_btn_outline_link:hover {
    opacity: 0.75;
  }
  .m_btn_outline_link:hover:after {
    -webkit-transform: translateX(3px);
            transform: translateX(3px);
  }
}
.m_btn_outline_link:after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0.5em;
  width: 1em;
  height: 1em;
  margin: auto;
  display: inline-block;
  vertical-align: middle;
  font-family: "SJicon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e90a";
  color: #1f7bb7;
  font-size: 1.25rem;
}
@media (min-width: 768px) {
  .m_btn_outline_link:after {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }
}
.m_btn_outline_link strong {
  color: #1f7bb7;
  font-weight: bold;
}

.m_btn_pdf,
.m_btn_contact {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #e86d6d;
  border-radius: 25px;
  padding: 10px 15px;
  font-family: "Century Gothic", CenturyGothic, "Avenir-Light";
  color: #fff !important;
  font-size: 1.25rem;
  font-weight: bold;
  letter-spacing: 0.075em;
}
@media (max-width: 767px) {
  .m_btn_pdf,
.m_btn_contact {
    width: 225px;
    padding: 10px 15px;
  }
}
@media (min-width: 768px) {
  .m_btn_pdf,
.m_btn_contact {
    width: 130px;
    height: 35px;
    border-radius: 35px;
    padding: 0 15px;
    font-size: 0.75rem;
  }
}
.m_btn_pdf:before,
.m_btn_contact:before {
  display: inline-block;
  width: 20px;
  height: 15px;
  background: url(../images/icon/mail.svg) 0 0 no-repeat;
  background-size: 20px 15px;
  margin-right: 5px;
  content: "";
}
@media (min-width: 768px) {
  .m_btn_pdf:focus, .m_btn_pdf:hover,
.m_btn_contact:focus,
.m_btn_contact:hover {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    background: #eb8383;
  }
}

.m_btn_pdf:before {
  display: inline-block;
  width: 20px;
  height: 15px;
  background: url(../images/icon/pdf_02.svg) 0 0 no-repeat;
  background-size: 25px 15px;
  margin-right: 5px;
  content: "";
}

.m_btn_preview {
  background: #e86d6d;
  padding: 0.5rem 2.5rem;
  color: #fff !important;
  letter-spacing: 0.075em;
}
@media (min-width: 768px) {
  .m_btn_preview:focus, .m_btn_preview:hover {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    background: #eb8383;
  }
}

.m_btn_group {
  margin: 1.25rem 0;
}
@media (min-width: 768px) {
  .m_btn_group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 2.5rem 0;
  }
  .m_btn_group_center {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .m_btn_group_right {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
@media (max-width: 767px) {
  .m_btn_group > .m_btn {
    width: 100%;
  }
  .m_btn_group > .m_btn + .m_btn {
    margin-top: 1rem;
  }
}
@media (min-width: 768px) {
  .m_btn_group > .m_btn {
    margin: 0.5rem 0.5rem;
  }
  .m_btn_group > .m_btn:only-child {
    margin: 0;
  }
}

@media (min-width: 768px) {
  .m_btn_group_col2 > .m_btn {
    width: 49%;
    margin: 0;
  }
  .m_btn_group_col2 > .m_btn:nth-child(even) {
    margin-left: 2%;
  }
  .m_btn_group_col2 > .m_btn:nth-child(n+3) {
    margin-top: 1rem;
  }
}

.m_box, .m_accordion {
  background: #f6f6f7;
  border-radius: 3px;
  padding: 1.25rem;
  margin: 1.25rem 0;
}
@media (min-width: 768px) {
  .m_box, .m_accordion {
    padding: 1.875rem;
    margin: 2.5rem 0;
  }
}
.m_box > *:first-child, .m_accordion > *:first-child {
  margin-top: 0 !important;
}
.m_box > *:last-child, .m_accordion > *:last-child {
  margin-bottom: 0 !important;
}
.m_box_heading, .m_accordion_headline {
  margin-bottom: 0.625rem;
  color: #1d679d;
  font-size: 1.25rem;
  font-weight: bold;
}
.m_box_body {
  margin: 0 0.625rem;
}
@media (min-width: 768px) {
  .m_box_body {
    margin: 0 1.875rem;
  }
}
.m_box_body > *:first-child {
  margin-top: 0 !important;
}
.m_box_body > *:last-child {
  margin-bottom: 0 !important;
}

.m_box_outline {
  background: #fff;
  border: 1px solid #ccc;
}

.m_box_infomation {
  position: relative;
  background: #fff;
  border: 3px solid #f39c55;
  margin: 3.75rem 0;
}
.m_box_infomation_list > li:not(:last-child) {
  border-bottom: 1px solid #f39c55;
  padding-bottom: 1.25rem;
  margin-bottom: 1.25rem;
}
@media (max-width: 767px) {
  .m_box_infomation .m_box_heading, .m_box_infomation .m_accordion_headline {
    margin-top: -2.75rem !important;
    font-size: 1rem;
  }
}
@media (min-width: 768px) {
  .m_box_infomation .m_box_heading, .m_box_infomation .m_accordion_headline {
    margin-top: -3.5rem !important;
  }
}
.m_box_infomation .m_box_heading > span, .m_box_infomation .m_accordion_headline > span {
  display: block;
  background: #f39c55;
  border-radius: 1.875rem;
  padding: 0.625rem 1.25rem;
  color: #fff;
  font-weight: normal;
}
@media (min-width: 768px) {
  .m_box_infomation .m_box_heading > span, .m_box_infomation .m_accordion_headline > span {
    display: inline-block;
    border-radius: 2.5rem;
    padding: 0.625rem 1.875rem;
  }
}

.m_image {
  margin: 1.25rem 0;
}
@media (min-width: 768px) {
  .m_image {
    margin: 2.5rem 0;
  }
}
.m_image_center {
  text-align: center;
}
.m_image_caption,
.m_image figcaption {
  font-size: 0.875rem;
}
.m_image_caption {
  display: block;
}
@media (min-width: 768px) {
  .m_image a {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }
  .m_image a:focus, .m_image a:hover {
    opacity: 0.75;
  }
}
@media (min-width: 768px) {
  h4 + .m_image, h3 + .m_image, h2 + .m_image, h1 + .m_image {
    margin-top: 1.25rem;
  }
}

.m_image_layout {
  margin: 1.25rem 0;
}
@media (min-width: 768px) {
  .m_image_layout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 2.5rem 0;
  }
}
@media (min-width: 768px) {
  h4 + .m_image_layout, h3 + .m_image_layout, h2 + .m_image_layout, h1 + .m_image_layout {
    margin-top: 1.25rem;
  }
}
.m_image_layout_picture {
  margin: 0;
  text-align: center;
}
@media (min-width: 768px) {
  .m_image_layout_picture {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    max-width: 40%;
    margin: 0 1.25rem 0 0;
  }
}
.m_image_layout_picture_caption,
.m_image_layout_picture figcaption {
  display: block;
  margin-top: 0.3125rem;
  font-size: 0.875rem;
}
.m_image_layout_picture img {
  display: block;
}
@media (max-width: 767px) {
  .m_image_layout_picture img {
    margin-left: auto;
    margin-right: auto;
  }
}
.m_image_layout_picture a {
  display: inline-block;
}
@media (min-width: 768px) {
  .m_image_layout_picture a img {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }
  .m_image_layout_picture a:hover img {
    opacity: 0.75;
  }
}
.m_image_layout_picture.is_vertical > * + *:not(figcaption) {
  margin-top: 20px;
}
.m_image_layout_segment > *:first-child {
  margin-top: 0 !important;
}
.m_image_layout_segment > *:last-child {
  margin-bottom: 0 !important;
}
@media (max-width: 767px) {
  .m_image_layout_segment {
    margin-top: 0.625rem;
  }
}
@media (min-width: 768px) {
  .m_image_layout_segment {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
            flex: 1 1 0;
  }
}

@media (min-width: 768px) {
  .m_image_layout_right {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .m_image_layout_right .m_image_layout_picture {
    margin: 0 0 0 1.25rem;
  }
}

.m_card_link {
  position: relative;
  display: block;
  background: #c0272d;
  padding: 0.625rem;
  color: #fff;
  font-size: 0.875rem;
}
@media (min-width: 768px) {
  .m_card_link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    min-height: 140px;
  }
}
.m_card_link_footer, .m_card_link_headline {
  display: block;
}
.m_card_link_headline {
  margin-bottom: 0.3125rem;
  font-size: 1rem;
  font-weight: bold;
}
.m_card_link_footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 768px) {
  .m_card_link_footer {
    margin-top: auto;
  }
}
.m_card_link_footer:before {
  display: inline-block;
  vertical-align: middle;
  font-family: "SJicon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e906";
  margin-right: 2px;
}
.m_card_link_list {
  list-style: none;
  padding: 0;
  margin: 0 0 0.625rem;
}
.m_card_link_list li:before {
  position: relative;
  bottom: 2px;
  display: inline-block;
  vertical-align: middle;
  font-family: "SJicon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e906";
  margin-right: 2px;
}
.m_card_link_pink {
  background-color: pink;
}
.m_card_link_orange {
  background-color: orange;
}

@media (min-width: 768px) {
  a.m_card_link {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }
  a.m_card_link:focus, a.m_card_link:hover {
    color: #fff;
    text-decoration: none;
    opacity: 0.75;
  }
}

.m_table {
  margin: 1.25rem 0;
}
@media (min-width: 768px) {
  .m_table {
    margin: 2.5rem 0;
  }
}
.m_table td,
.m_table th {
  font-weight: normal;
}

.m_table_col_w100 {
  width: 100px;
}
.m_table_col_w150 {
  width: 150px;
}
.m_table_col_w200 {
  width: 200px;
}

.m_table_primary {
  width: 100%;
}
.m_table_primary td,
.m_table_primary th {
  border: 1px solid #dcdcdd;
  padding: 0.625rem;
}
@media (max-width: 767px) {
  .m_table_primary td,
.m_table_primary th {
    vertical-align: top;
  }
}
.m_table_primary td > *:first-child {
  margin-top: 0 !important;
}
.m_table_primary td > *:last-child {
  margin-bottom: 0 !important;
}
.m_table_primary thead th {
  background: #3981b0;
  color: #fff;
  font-weight: bold;
  text-align: center;
}
.m_table_primary .m_table_strong {
  background: #f6f6f7;
}
.m_table_primary .m_table_strong a {
  color: #212529;
  text-decoration: underline;
}
@media (min-width: 768px) {
  .m_table_primary .m_table_strong a:hover {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    opacity: 0.75;
    text-decoration: none;
  }
}
.m_table_primary .m_table_heading {
  background: #3981b0;
  color: #fff;
  font-weight: bold;
}

.m_column {
  margin: 1.25rem 0;
}
@media (min-width: 768px) {
  .m_column {
    margin: 2.5rem 0;
  }
}
@media (max-width: 767px) {
  .m_column_item:not(:first-child) {
    margin: 1.25rem 0 0;
  }
}
.m_column_item > *:first-child {
  margin-top: 0 !important;
}
.m_column_item > *:last-child {
  margin-bottom: 0 !important;
}

@media (min-width: 768px) {
  .m_column_col2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .m_column_col2 .m_column_item {
    width: 49%;
    margin-left: 2%;
  }
  .m_column_col2 .m_column_item:nth-child(2n+1) {
    margin-left: 0;
  }
  .m_column_col2 .m_column_item:nth-child(n+3) {
    margin-top: 20px;
  }
}

@media (min-width: 768px) {
  .m_column_col3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .m_column_col3 .m_column_item {
    width: 32%;
    margin-left: 2%;
  }
  .m_column_col3 .m_column_item:nth-child(3n+1) {
    margin-left: 0;
  }
  .m_column_col3 .m_column_item:nth-child(n+4) {
    margin-top: 20px;
  }
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  .m_column_col3,
.m_column_col2 {
    display: block;
  }
  .m_column_col3 .m_column_item,
.m_column_col2 .m_column_item {
    width: 100%;
    margin: 0;
  }
  .m_column_col3 .m_column_item:not(:first-child),
.m_column_col2 .m_column_item:not(:first-child) {
    margin: 1.25rem 0 0;
  }
}

.m_fontchange {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.75rem;
}
.m_fontchange_title {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-right: 0.625rem;
  font-weight: bold;
}
.m_fontchange_btn {
  position: relative;
  margin: 0 5px 0 0;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.m_fontchange_btn:last-child {
  margin-right: 0;
}
.m_fontchange_btn_input {
  position: absolute;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  opacity: 0;
}
.m_fontchange_btn_label {
  display: inline-block;
  background: #ccc;
  border-radius: 4px;
  padding: 0.375rem 1rem;
  margin: 0;
  line-height: 1;
  cursor: pointer;
}
.m_fontchange_btn_input:focus + .m_fontchange_btn_label {
  outline: 2px solid rgba(0, 0, 255, 0.35);
}
.m_fontchange_btn_input:checked + .m_fontchange_btn_label {
  background: #e96e70;
  color: #fff;
}

.m_language {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 768px) {
  .m_language {
    font-size: 0.75rem;
  }
}
.m_language_title {
  margin: 0 5px 0 0;
  font-weight: bold;
}
.m_language_select {
  position: relative;
}
.m_language_select select {
  padding: 0.3125rem 1.25rem 0.3125rem 0.3125rem;
  background: #fff;
  border: 1px solid #d4d4d4;
  border-radius: 4px;
  font-family: inherit;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
}
.m_language_select select::-ms-expand {
  display: none;
}
@media (min-width: 768px) {
  .m_language_select select {
    max-width: 100px;
    padding: 0.3125rem 1.5625rem 0.3125rem 0.625rem;
  }
}
.m_language_select:after {
  display: inline-block;
  vertical-align: middle;
  font-family: "SJicon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e904";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0.375rem;
  width: 1em;
  height: 1em;
  margin: auto;
  color: #a5a5a5;
  font-size: 10px;
  z-index: 2;
}
@media (min-width: 768px) {
  .m_language_select:after {
    right: 0.625rem;
  }
}

.m_mainvisual {
  position: relative;
  height: 65.3333333333vw;
  max-height: 245px;
  z-index: 1;
}
@media (max-width: 767px) {
  .m_mainvisual {
    max-height: 130px;
  }
}
.m_mainvisual_image {
  height: 100%;
  z-index: 1;
}
.m_mainvisual_image img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 767px) {
  .m_mainvisual_image img {
    width: 100%;
  }
}
@media all and (-ms-high-contrast: none) {
  .m_mainvisual_image {
    position: relative;
    overflow: hidden;
  }
  .m_mainvisual_image img {
    position: absolute;
    top: 0;
    left: -50%;
    right: -50%;
    max-width: none;
    height: 100%;
    margin: auto;
    z-index: 1;
  }
}
.m_mainvisual_segment {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  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;
  padding: 1.25rem;
}
@media (min-width: 768px) {
  .m_mainvisual_segment {
    padding: 1.25rem 2.5rem;
  }
}
.m_mainvisual_title {
  color: #fff;
  font-size: 1.5rem;
  font-weight: bold;
  text-shadow: 0 0 15px rgba(0, 0, 0, 0.35);
  text-align: center;
  line-height: 1.2;
  letter-spacing: 0.05em;
}
@media (min-width: 768px) {
  .m_mainvisual_title {
    font-size: 3.75rem;
  }
}

.m_newslist {
  list-style: none;
  padding: 0;
  margin: 0;
  color: #543414;
  font-size: 0.875rem;
}
.p_pages .m_newslist {
  line-height: 1.5 !important;
}
.m_newslist_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  border-bottom: 1px solid #eee;
  padding: 1rem 0;
}
@media (max-width: 320px) {
  .m_newslist_item {
    display: block;
  }
}
.m_newslist_item:first-child {
  border-top: 1px solid #eee;
}
.m_newslist_item_date {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 100px;
  background: #5ba996;
  border-radius: 18px;
  padding: 0 12px;
  margin: 0.0625rem 1rem 0 0;
  color: #fff;
  font-size: 0.75rem;
  font-weight: bold;
  word-break: keep-all;
}
@media all and (-ms-high-contrast: none) {
  .is_font_lg .m_newslist_item_date {
    min-width: 120px;
  }
}
.m_newslist_others .m_newslist_item_date {
  background: #78ade1;
}
@media (max-width: 320px) {
  .m_newslist_item_headline {
    display: block;
    margin-top: 5px;
  }
}
.m_newslist_item_headline a {
  color: #543414;
}
@media (min-width: 768px) {
  .m_newslist_item_headline a {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }
  .m_newslist_item_headline a:hover {
    text-decoration: underline;
    opacity: 0.75;
  }
}
.m_newslist_item_link:after {
  position: relative;
  bottom: 1px;
  display: inline-block;
  margin-left: 5px;
  display: inline-block;
  vertical-align: middle;
  font-family: "SJicon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e902";
  color: #e86d6d;
}

.m_newslist_more {
  margin: 0;
  text-align: right;
}
.m_newslist_more a {
  color: #e86d6d;
  font-size: 0.875rem;
}
.m_newslist_more a:after {
  position: relative;
  bottom: 1px;
  display: inline-block;
  margin-left: 5px;
  display: inline-block;
  vertical-align: middle;
  font-family: "SJicon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e90a";
  font-size: 90%;
}
@media (min-width: 768px) {
  .m_newslist_more a {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }
  .m_newslist_more a:hover {
    opacity: 0.75;
  }
}

@media (max-width: 767px) {
  .m_sidebanner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.m_sidebanner_item {
  text-align: center;
}
@media (max-width: 767px) {
  .m_sidebanner_item {
    width: calc(50% - 5px);
    margin-left: 10px;
  }
  .m_sidebanner_item:nth-child(2n+1) {
    margin-left: 0;
  }
  .m_sidebanner_item:nth-child(n+3) {
    margin-top: 10px;
  }
}
@media (min-width: 768px) {
  .m_sidebanner_item:not(:first-child) {
    margin-top: 10px;
  }
}
@media (min-width: 768px) {
  .m_sidebanner_item a {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }
  .m_sidebanner_item a:focus, .m_sidebanner_item a:hover {
    opacity: 0.75;
  }
}

.m_todays_movie_headline {
  position: relative;
  padding-bottom: 1em;
  color: #543414;
  font-size: 1rem;
  font-weight: bold;
  text-align: center;
}
@media (min-width: 768px) {
  .m_todays_movie_headline {
    font-size: 0.75rem;
  }
}
.m_todays_movie_headline:after {
  position: absolute;
  bottom: 0.5em;
  right: 0;
  left: 0;
  width: 40px;
  height: 1px;
  background: #000;
  margin: auto;
  content: "";
}
@media (min-width: 768px) {
  .m_todays_movie_headline:after {
    height: 2px;
  }
}
.m_todays_movie_contents.is_movie {
  position: relative;
}
.m_todays_movie_contents.is_movie:before {
  display: block;
  padding-bottom: 56.25%;
  content: "";
  z-index: 1;
}
.m_todays_movie_contents.is_movie iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.m_todays_movie_contents + * {
  margin-top: 0.25rem;
}
@media (min-width: 321px) and (max-width: 767px) {
  .m_todays_movie_contents.is_movie {
    width: 71.6417910448%;
    max-width: 480px;
    margin-left: auto;
    margin-right: auto;
  }
}

.m_accordion {
  position: relative;
  display: block;
}
.m_accordion summary::-webkit-details-marker {
  display: none;
}
.m_accordion_headline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0;
}
.m_accordion_headline:after {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  vertical-align: middle;
  font-family: "SJicon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e908";
  margin-left: 10px;
}
.m_accordion[open] .m_accordion_headline:after {
  -webkit-transform: rotateX(180deg);
          transform: rotateX(180deg);
}
@media all and (-ms-high-contrast: none) {
  .m_accordion_headline {
    cursor: default;
  }
  .m_accordion_headline:after {
    display: none;
  }
}
.m_accordion_content {
  margin-top: 1em;
}
.m_accordion[open] .m_accordion_content {
  -webkit-animation: fadeInDown 0.3s ease-in-out forwards;
          animation: fadeInDown 0.3s ease-in-out forwards;
}
.m_accordion_content > *:first-child {
  margin-top: 0 !important;
}
.m_accordion_content > *:last-child {
  margin-bottom: 0 !important;
}

.m_adobe {
  margin: 1.25rem 0;
}
@media (min-width: 768px) {
  .m_adobe {
    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: 2.5rem 0;
  }
}
.m_adobe_icon {
  display: block;
  min-width: 100px;
  max-width: 130px;
  margin-right: 1rem;
}
.m_adobe_caption {
  display: block;
  font-size: 0.875rem;
}
@media (max-width: 767px) {
  .m_adobe_caption {
    margin-top: 0.5rem;
  }
}

.m_usemap {
  margin: 1.25rem 0;
}
@media (min-width: 768px) {
  .m_usemap {
    margin: 2.5rem 0;
  }
}
.m_usemap_image img {
  width: auto;
  height: auto;
}
.m_usemap_segment {
  margin-top: 0.3125rem;
}
.m_usemap_segment > *:first-child {
  margin-top: 0 !important;
}
.m_usemap_segment > *:last-child {
  margin-bottom: 0 !important;
}
.m_usemap_list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  line-height: 1.8;
}
.m_usemap_list li:not(:last-child):after {
  content: " ｜ ";
}
.m_usemap_list a {
  color: #212529;
  text-decoration: underline;
}
@media (min-width: 768px) {
  .m_usemap_list a {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }
  .m_usemap_list a:hover {
    opacity: 0.75;
    text-decoration: none;
  }
}

.m_movie {
  margin: 1.25rem 0;
}
@media (min-width: 768px) {
  .m_movie {
    margin: 2.5rem 0;
  }
}
.m_movie_youtube {
  position: relative;
  max-width: 560px;
  margin: 0 auto;
}
.m_movie_youtube:before {
  content: "";
  display: block;
  padding-bottom: 56.25%;
  z-index: 1;
}
.m_movie_youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.m_movie_youtube_caption {
  max-width: 560px;
  margin: 0.3125rem auto 0;
  font-size: 0.875rem;
}

.m_blog_heading {
  margin-bottom: 2.5rem;
}

.m_blog_header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 2.5rem 0;
}
.m_blog_header_date {
  margin-left: auto;
  font-size: 0.875rem;
}

.m_blog_footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 3.75rem 0;
}

/* === ページャー === */
.m_pager {
  margin: 1.25rem 0;
}
@media (min-width: 768px) {
  .m_pager {
    margin: 2.5rem 0;
  }
}

.m_pager_nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 0.875rem;
  list-style: none;
  padding: 0;
  margin: 0;
}
@media (min-width: 768px) {
  .m_pager_nav {
    font-size: 1rem;
  }
}
.m_pager_nav a {
  text-decoration: none !important;
}
.m_pager_nav_item {
  margin: 0.3125rem;
}
@media (min-width: 768px) {
  .m_pager_nav_item {
    margin: 0.3125rem;
  }
}
.m_pager_nav_item > span,
.m_pager_nav_item > a {
  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;
  width: 1.875rem;
  height: 1.875rem;
  background: #f1f1f1;
  border: 2px solid #f1f1f1;
  border-radius: 4px;
  color: #212529;
}
@media (min-width: 768px) {
  .m_pager_nav_item > span,
.m_pager_nav_item > a {
    width: 2.5rem;
    height: 2.5rem;
  }
}
@media (min-width: 768px) {
  .m_pager_nav_item > a {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }
  .m_pager_nav_item > a:hover {
    background: #fff;
    border-color: #e86d6d;
  }
}
.m_pager_nav_item > span {
  background: #e86d6d;
  border-color: #e86d6d;
  color: #fff;
}
.m_pager_nav_item_last, .m_pager_nav_item_first {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.m_pager_nav_item_last > a, .m_pager_nav_item_first > a {
  width: auto;
  padding: 0 0.5em;
}
.m_pager_nav_item_first > a:before {
  margin-right: 0.5rem;
  display: inline-block;
  vertical-align: middle;
  font-family: "SJicon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e909";
}
.m_pager_nav_item_last > a:after {
  margin-left: 0.5rem;
  display: inline-block;
  vertical-align: middle;
  font-family: "SJicon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e90a";
}

.m_modal {
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  overflow: auto;
  opacity: 1;
  z-index: 9999;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.m_modal_layer {
  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: 100%;
  height: 100%;
  background: rgba(31, 31, 31, 0.8);
}
.m_modal_container {
  max-width: 980px;
  padding: 1.25rem;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
.m_modal_body > *:first-child {
  margin-top: 0 !important;
}
.m_modal_body > *:last-child {
  margin-bottom: 0 !important;
}
.m_modal_text {
  color: #fff;
  font-size: 0.875rem;
}
.m_modal_btngroup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 1rem 0;
}
.m_modal_btngroup .m_btn {
  width: 48%;
  background: #fff;
  border: 1px solid #1d679d;
  padding: 0.3125rem 0.625rem;
  color: #1d679d;
  font-size: 0.75rem;
  line-height: 1.3;
  text-align: center;
}
@media (min-width: 768px) {
  .m_modal_btngroup .m_btn {
    width: 49%;
    padding: 0.625rem 1.25rem;
    font-size: 0.875rem;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }
  .m_modal_btngroup .m_btn:hover {
    opacity: 0.8;
  }
}
.m_modal_btngroup .m_btn:nth-child(even) {
  margin-left: 4%;
}
@media (min-width: 768px) {
  .m_modal_btngroup .m_btn:nth-child(even) {
    margin-left: 2%;
  }
}
.m_modal_btngroup .m_btn:nth-child(n+3) {
  margin-top: 0.625rem;
}

/*------------------------
 * Utility
 *------------------------*/
.u_font_bold {
  font-weight: bold !important;
}
.u_font_xsm {
  font-size: 0.75rem !important;
}
@media (max-width: 767px) {
  .u_font_xsm_pc {
    font-size: 0.75rem !important;
  }
}
.u_font_sm {
  font-size: 0.875rem !important;
}
@media (max-width: 767px) {
  .u_font_sm_pc {
    font-size: 0.875rem !important;
  }
}
.u_font_lg {
  font-size: 1.125rem !important;
}
@media (max-width: 767px) {
  .u_font_lg_pc {
    font-size: 1.125rem !important;
  }
}
.u_font_xlg {
  font-size: 1.375rem !important;
}
@media (max-width: 767px) {
  .u_font_xlg_pc {
    font-size: 1.375rem !important;
  }
}
.u_font_orange {
  color: #f39c55 !important;
}
.u_font_red {
  color: #ff0000 !important;
}
.u_font_blue {
  color: #1d679d !important;
}
.u_font_green {
  color: #009956 !important;
}
.u_font_purple {
  color: #602b7a !important;
}

.u_text_center {
  text-align: center !important;
}
@media (min-width: 768px) {
  .u_text_center_pc {
    text-align: center !important;
  }
}
.u_text_left {
  text-align: left !important;
}
@media (min-width: 768px) {
  .u_text_left_pc {
    text-align: left !important;
  }
}
.u_text_right {
  text-align: right !important;
}
@media (min-width: 768px) {
  .u_text_right_pc {
    text-align: right !important;
  }
}
.u_text_line {
  text-decoration: underline !important;
}
.u_text_dotline {
  border-bottom: 1px dotted !important;
}

.u_icon {
  display: inline-block;
  vertical-align: middle;
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "SJicon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  bottom: 1px;
}
.u_icon_add_blank, .u_icon_add_pdf {
  margin-left: 5px;
}

.u_icon_arrow_down:before {
  content: "\e904";
}

.u_icon_arrow_left:before {
  content: "\e905";
}

.u_icon_arrow_right:before {
  content: "\e906";
}

.u_icon_arrow_up:before {
  content: "\e907";
}

.u_icon_arrow_line_down:before {
  content: "\e908";
}

.u_icon_arrow_line_left:before {
  content: "\e909";
}

.u_icon_arrow_line_right:before {
  content: "\e90a";
}

.u_icon_arrow_line_up:before {
  content: "\e90b";
}

.u_icon_arrow_circle_down:before {
  content: "\e900";
}

.u_icon_arrow_circle_left:before {
  content: "\e901";
}

.u_icon_arrow_circle_right:before {
  content: "\e902";
}

.u_icon_arrow_circle_up:before {
  content: "\e903";
}

@media (max-width: 320px) {
  .u_hide_sp_sm {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .u_hide_sp {
    display: none !important;
  }
}

@media (min-width: 768px) {
  .u_hide_pc {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .u_hide_pc_lg {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .u_hide_tb {
    display: none !important;
  }
}

.u_mx_0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.u_mx_10 {
  margin-right: 10px !important;
  margin-left: 10px !important;
}

.u_mx_20 {
  margin-right: 20px !important;
  margin-left: 20px !important;
}

.u_mx_30 {
  margin-right: 30px !important;
  margin-left: 30px !important;
}

.u_my_0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.u_my_10 {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

.u_my_20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

.u_my_30 {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}

.u_mt_0 {
  margin-top: 0 !important;
}

.u_mt_10 {
  margin-top: 10px !important;
}

.u_mt_20 {
  margin-top: 20px !important;
}

.u_mt_30 {
  margin-top: 30px !important;
}

.u_mt_40 {
  margin-top: 40px !important;
}

.u_mt_50 {
  margin-top: 50px !important;
}

.u_mb_0 {
  margin-bottom: 0 !important;
}

.u_mb_10 {
  margin-bottom: 10px !important;
}

.u_mb_20 {
  margin-bottom: 20px !important;
}

.u_mb_30 {
  margin-bottom: 30px !important;
}

.u_mb_40 {
  margin-bottom: 40px !important;
}

.u_mb_50 {
  margin-bottom: 50px !important;
}

.u_mr_0 {
  margin-right: 0 !important;
}

.u_mr_10 {
  margin-right: 10px !important;
}

.u_mr_20 {
  margin-right: 20px !important;
}

.u_mr_30 {
  margin-right: 30px !important;
}

.u_ml_0 {
  margin-left: 0 !important;
}

.u_ml_10 {
  margin-left: 10px !important;
}

.u_ml_20 {
  margin-left: 20px !important;
}

.u_ml_30 {
  margin-left: 30px !important;
}

/*------------------------
 * Css Animation
 *------------------------*/
@-webkit-keyframes flash_primary {
  50% {
    opacity: 0;
  }
}
@keyframes flash_primary {
  50% {
    opacity: 0;
  }
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}