@charset "UTF-8";
/* ///////////////////////////////////////////
  style.scss
/////////////////////////////////////////// */
/*====================================
  00_base
=====================================*/
/* ///////////////////////////////////////////
  value.scss
  変数・mixinに関する設定
/////////////////////////////////////////// */
/*====================================
  カラー
=====================================*/
/*====================================
  画像
=====================================*/
/*====================================
  font
=====================================*/
/*====================================
  レイアウト・パーツ
=====================================*/
/* /////////////////////////////////
  Media Queries
///////////////////////////////// */
/*!
 * Bootstrap Reboot v4.3.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)
 */
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP:300,400,500,700,900&family=Noto+Serif+JP:300,400,500,600,700&family=M+PLUS+1p:wght@300;400;500;700;800;900&family=BIZ+UDMincho:wght@400;700&family=Poppins:wght@300;400;500;600;700;800;900&display=swap&subset=japanese");
*,
*::before,
*::after {
  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;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #fff; }

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

hr {
  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: .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: -.25em; }

sup {
  top: -.5em; }

a {
  color: #007bff;
  text-decoration: none;
  background-color: transparent; }

a:hover {
  color: #0056b3;
  text-decoration: underline; }

a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none; }

a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
  color: inherit;
  text-decoration: none; }

a:not([href]):not([tabindex]):focus {
  outline: 0; }

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: 5px 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"] {
  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: .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; }

/*# sourceMappingURL=bootstrap-reboot.css.map */
/*====================================
  01_layout
=====================================*/
/* ///////////////////////////////////////////
  value.scss
  変数・mixinに関する設定
/////////////////////////////////////////// */
/*====================================
  カラー
=====================================*/
/*====================================
  画像
=====================================*/
/*====================================
  font
=====================================*/
/*====================================
  レイアウト・パーツ
=====================================*/
/* /////////////////////////////////
  Media Queries
///////////////////////////////// */
/* ///////////////////////////////////////////
  layout.scss
  全体のレイアウトに関する記述
/////////////////////////////////////////// */
html {
  font-size: 62.5%; }

body {
  margin: 0;
  padding: 0;
  color: #333;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-weight: 400;
  font-feature-settings: "palt";
  word-break: auto-phrase;
  background-color: #F4F4F4;
  overflow-x: hidden; }
  @media print, screen and (min-width: 769px) {
    body {
      font-size: 1.6rem;
      line-height: 1.8; } }
  @media only screen and (max-width: 768px) {
    body {
      font-size: 1.4rem;
      line-height: 1.6; } }

h1, h2, h3, h4, h5, h6,
table, tr, td, th,
ol, ul, li,
dl, dt, dd,
p {
  margin: 0;
  padding: 0;
  font-style: normal;
  font-weight: normal;
  font-size: 100%;
  list-style: none; }

i, em {
  font-style: normal; }

img {
  border: none;
  margin: 0;
  padding: 0; }

figure {
  display: block;
  margin: 0; }

a, *:focus {
  outline: none; }

*::selection {
  background: #F5630E;
  color: #FFF; }

*::-moz-selection {
  background: #F5630E;
  color: #FFF; }

.hide {
  display: none !important; }

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

@media only screen and (min-width: 769px) and (max-width: 1043px) {
  .hideTL {
    display: none !important; } }

@media print, screen and (min-width: 1044px) {
  .hideDT {
    display: none !important; } }

@media print, screen and (min-width: 769px) {
  .hidePC {
    display: none !important; } }

a:link {
  color: #F5630E; }
a:visited {
  color: #F5630E; }
a:hover {
  color: #F5630E;
  text-decoration: none; }
a:active {
  color: #F5630E; }

/* PCの電話番号発信対応 */
@media print, screen and (min-width: 769px) {
  a[href^="tel:"] {
    pointer-events: none; } }

/* 枠組み（中央寄せ） */
.page__container {
  max-width: 750px;
  width: 100%;
  margin: 0 auto;
  background-color: #FFF; }
  @media print, screen and (min-width: 769px) {
    .page__container {
      width: 750px;
      box-shadow: 0 0 20px RGB(0 0 0/0.25); } }

main {
  margin: 0 auto; }

/* ///////////////////////////////////////////
  value.scss
  変数・mixinに関する設定
/////////////////////////////////////////// */
/*====================================
  カラー
=====================================*/
/*====================================
  画像
=====================================*/
/*====================================
  font
=====================================*/
/*====================================
  レイアウト・パーツ
=====================================*/
/* /////////////////////////////////
  Media Queries
///////////////////////////////// */
/* ///////////////////////////////////////////
  header.scss
  ヘッダーに関する設定
/////////////////////////////////////////// */
.header {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #FFF;
  position: sticky;
  top: 0;
  z-index: 100;
  /* ======================
  参加費無料・先着100名様限定
  ====================== */
  /* ======================
  今すぐ無料申し込む
  ====================== */ }
  @media only screen and (max-width: 768px) {
    .header {
      height: 80px;
      padding: 15px; } }
  @media print, screen and (min-width: 769px) {
    .header {
      height: 140px;
      padding: 30px; } }
  .header > i {
    font-family: "M PLUS 1p", sans-serif;
    font-weight: 700;
    font-style: normal;
    color: #F5630E;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    letter-spacing: -0.05em;
    border: 3px solid #F5630E;
    transition: all .2s ease-out; }
    @media only screen and (max-width: 768px) {
      .header > i {
        width: 130px;
        height: 50px;
        line-height: 1.5;
        font-size: 1.4rem;
        border-radius: 4px; } }
    @media print, screen and (min-width: 769px) {
      .header > i {
        width: 260px;
        height: 80px;
        line-height: 1.4;
        font-size: 2.4rem;
        border-radius: 8px; } }
  .header > a {
    width: 100%;
    min-height: 80px;
    line-height: 1.4;
    color: #FFF;
    font-size: 1.8rem;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 15px;
    background-color: #F5630E;
    border: 3px solid #F5630E;
    border-radius: 4px;
    transition: all .2s ease-out;
    cursor: pointer;
    position: relative;
    z-index: 1;
    margin: 0 auto;
    letter-spacing: 0.05em;
    padding: 0;
    margin: 0; }
    @media print, screen and (min-width: 769px) {
      .header > a {
        min-height: 110px;
        font-size: 2.8rem;
        border-radius: 8px; } }
    .header > a:hover {
      color: #F5630E;
      background-color: #FFF; }
    @media only screen and (max-width: 768px) {
      .header > a {
        width: 140px;
        min-height: 50px;
        line-height: 1.5;
        font-size: 1.4rem; } }
    @media print, screen and (min-width: 769px) {
      .header > a {
        width: 280px;
        min-height: 80px;
        line-height: 1.4;
        font-size: 2.4rem; } }
    .header > a::before {
      content: "";
      background: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2225%22%20height%3D%2224%22%20viewBox%3D%220%200%2025%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M13%2022H18.5C19.0304%2022%2019.5391%2021.7893%2019.9142%2021.4142C20.2893%2021.0391%2020.5%2020.5304%2020.5%2020V7L15.5%202H6.5C5.96957%202%205.46086%202.21071%205.08579%202.58579C4.71071%202.96086%204.5%203.46957%204.5%204V13.5M14.5%202V6C14.5%206.53043%2014.7107%207.03914%2015.0858%207.41421C15.4609%207.78929%2015.9696%208%2016.5%208H20.5M13.878%2015.626C14.0752%2015.4288%2014.2317%2015.1946%2014.3385%2014.9369C14.4452%2014.6792%2014.5001%2014.4029%2014.5001%2014.124C14.5001%2013.8451%2014.4452%2013.5688%2014.3385%2013.3111C14.2317%2013.0534%2014.0752%2012.8192%2013.878%2012.622C13.6808%2012.4248%2013.4466%2012.2683%2013.1889%2012.1615C12.9312%2012.0548%2012.6549%2011.9999%2012.376%2011.9999C12.0971%2011.9999%2011.8208%2012.0548%2011.5631%2012.1615C11.3054%2012.2683%2011.0712%2012.4248%2010.874%2012.622L5.864%2017.634C5.62625%2017.8716%205.45222%2018.1653%205.358%2018.488L4.521%2021.358C4.4959%2021.444%204.4944%2021.5353%204.51664%2021.6221C4.53889%2021.7089%204.58407%2021.7882%204.64745%2021.8516C4.71083%2021.9149%204.79008%2021.9601%204.87691%2021.9824C4.96374%2022.0046%205.05495%2022.0031%205.141%2021.978L8.011%2021.141C8.33367%2021.0468%208.62738%2020.8728%208.865%2020.635L13.878%2015.626Z%22%20stroke%3D%22%23FFF%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E") no-repeat left top/contain;
      display: block;
      flex-shrink: 0; }
      @media only screen and (max-width: 768px) {
        .header > a::before {
          width: 20px;
          height: 20px;
          margin: 0 5px 0 -10px; } }
      @media print, screen and (min-width: 769px) {
        .header > a::before {
          width: 30px;
          height: 30px;
          margin: 0 10px 0 -20px; } }
    .header > a:hover::before {
      background: url("../images/icon-file.svg") no-repeat left top/contain; }

/* ///////////////////////////////////////////
  value.scss
  変数・mixinに関する設定
/////////////////////////////////////////// */
/*====================================
  カラー
=====================================*/
/*====================================
  画像
=====================================*/
/*====================================
  font
=====================================*/
/*====================================
  レイアウト・パーツ
=====================================*/
/* /////////////////////////////////
  Media Queries
///////////////////////////////// */
/* ///////////////////////////////////////////
  footer.scss
  フッターに関する設定
/////////////////////////////////////////// */
.footer {
  position: relative;
  /*
  &::before {
    content: "";
    width: 100%;
    height: 0;
    padding-top: 0.16759776536%;
    background: url("../images/logo.svg") no-repeat left top / contain;
    display: block;
    margin: 0 auto;
  }
  */
  /* ======================
  先頭に戻るボタン
  ====================== */
  /*
  &__pagetop {
    background: url("../images/icon-pagetop.svg") no-repeat left top / contain , rgba(0, 0, 0, 0.65);
    transition: all .2s ease-out;
    position: fixed;
    z-index: 100;
    @include smartphone {
      width: 40px;
      height: 40px;
      right: 15px;
      bottom: 65px;
    }
    @include screen {
      width: 60px;
      height: 60px;
      right: 20px;
      bottom: 20px;
    }
    &:not(.active) {
      pointer-events: none;
      opacity: 0;
    }
    &:hover {
      background: url("../images/icon-pagetop.svg") no-repeat left top / contain , rgba(0, 119, 191, 0.65);
    }
  }
  */
  /* ======================
  ロゴ
  ====================== */
  /* ======================
  コピーライト
  ====================== */ }
  @media only screen and (max-width: 768px) {
    .footer {
      padding: 50px 15px 120px 15px; } }
  @media print, screen and (min-width: 769px) {
    .footer {
      padding: 80px 30px 150px 30px; } }
  .footer > i {
    width: 100%;
    display: block;
    margin: 0 auto; }
    @media only screen and (max-width: 768px) {
      .footer > i {
        margin-bottom: 50px; } }
    @media print, screen and (min-width: 769px) {
      .footer > i {
        margin-bottom: 80px; } }
    .footer > i img {
      display: block;
      width: 100%;
      max-width: 100%;
      height: auto;
      margin: 0 auto; }
  .footer > p {
    line-height: 1.5;
    text-align: center; }
    .footer > p::before {
      content: "";
      display: block;
      height: 0;
      width: 0;
      margin-top: calc((1 - 1.5) * 0.5em); }
    @media only screen and (max-width: 768px) {
      .footer > p {
        font-size: 1.4rem; } }
    @media print, screen and (min-width: 769px) {
      .footer > p {
        font-size: 2.4rem; } }

/*====================================
  02_module
=====================================*/
/* ///////////////////////////////////////////
  value.scss
  変数・mixinに関する設定
/////////////////////////////////////////// */
/*====================================
  カラー
=====================================*/
/*====================================
  画像
=====================================*/
/*====================================
  font
=====================================*/
/*====================================
  レイアウト・パーツ
=====================================*/
/* /////////////////////////////////
  Media Queries
///////////////////////////////// */
/* ///////////////////////////////////////////
  module.scss
  各ページで使い回すパーツやスタイルに関する記述
/////////////////////////////////////////// */
.mod {
  /* ======================
  ページタイトル
  ====================== */
  /* ======================
  見出し
  ====================== */ }
  .mod__heading1 {
    line-height: 1.5;
    font-weight: 700;
    letter-spacing: 0.05em;
    border-top: 1px solid #333;
    border-bottom: 1px solid #333; }
    @media only screen and (max-width: 768px) {
      .mod__heading1 {
        font-size: 2.4rem;
        padding: 15px; } }
    @media print, screen and (min-width: 769px) {
      .mod__heading1 {
        font-size: 3.4rem;
        padding: 30px; } }
    @media only screen and (max-width: 768px) {
      .mod__heading1 .underline {
        border-bottom: 3px solid #F22C00; } }
    @media print, screen and (min-width: 769px) {
      .mod__heading1 .underline {
        border-bottom: 6px solid #F22C00; } }
    .mod__heading1 .orange {
      color: #F5630E; }

/*====================================
  03_page
=====================================*/
/* ///////////////////////////////////////////
  value.scss
  変数・mixinに関する設定
/////////////////////////////////////////// */
/*====================================
  カラー
=====================================*/
/*====================================
  画像
=====================================*/
/*====================================
  font
=====================================*/
/*====================================
  レイアウト・パーツ
=====================================*/
/* /////////////////////////////////
  Media Queries
///////////////////////////////// */
/* /////////////////////////////////////////////////////////
  トップページ
///////////////////////////////////////////////////////// */
.page--home {
  overflow-x: hidden;
  /*====================================
  宮城県の若手経営者向け基礎講座
  =====================================*/
  /*====================================
  メインビジュアル
  =====================================*/
  /*====================================
  scroll
  =====================================*/
  /*====================================
  7年前の新緑が眩しいある日の昼下がり、～
  =====================================*/
  /*====================================
  何が違いを生じさせたのでしょうか？
  =====================================*/
  /*====================================
  『知識』の唯一の源は経験である
  =====================================*/
  /*====================================
  『環境』は力なり
  =====================================*/
  /*====================================
  経営を学ぶために、あなたは今まで、～
  =====================================*/
  /*====================================
  多種多様な業界の幅広い～
  =====================================*/
  /*====================================
  それが、今回のイベントの内容です。
  =====================================*/
  /*====================================
  今回のイベントを企画した倫理法人会とは？
  =====================================*/
  /*====================================
  なぜ、無料で講演会をするのか？
  =====================================*/
  /*====================================
  ちょっと待ってください！参加特典が2つあるんです！
  =====================================*/
  /*====================================
  今回あなたが無料で手にするものは、
  =====================================*/
  /*====================================
  先ほどの男性起業家二人については～
  =====================================*/
  /*====================================
  何が違いを生じさせたのでしょうか？
  =====================================*/
  /*====================================
  あなたも次のステージへ進むために、参加しよう！
  =====================================*/ }
  .page--home > h1 {
    line-height: 1.5;
    font-weight: 700;
    display: flex;
    flex-direction: column;
    justify-content: center; }
    @media only screen and (max-width: 768px) {
      .page--home > h1 {
        font-size: 1.6rem;
        padding: 25px 15px 15px 15px; } }
    @media print, screen and (min-width: 769px) {
      .page--home > h1 {
        font-size: 2.6rem;
        padding: 50px 30px 30px 30px; } }
    .page--home > h1 > span:nth-of-type(1) {
      color: #FFF;
      text-align: center;
      display: flex;
      justify-content: center;
      align-items: center;
      background: #009598; }
      @media only screen and (max-width: 768px) {
        .page--home > h1 > span:nth-of-type(1) {
          border-radius: 2px;
          margin-bottom: 3px; } }
      @media print, screen and (min-width: 769px) {
        .page--home > h1 > span:nth-of-type(1) {
          border-radius: 4px;
          margin-bottom: 6px; } }
    .page--home > h1 > span:nth-of-type(2) {
      line-height: 1.5;
      color: #009598;
      font-weight: 900; }
      @media only screen and (max-width: 768px) {
        .page--home > h1 > span:nth-of-type(2) {
          font-size: 2rem; } }
      @media print, screen and (min-width: 769px) {
        .page--home > h1 > span:nth-of-type(2) {
          font-size: 3rem; } }
  .page--home #mainvisual {
    background: url("../images/mainvisual.jpg") no-repeat center top/cover; }
    @media only screen and (max-width: 768px) {
      .page--home #mainvisual {
        padding: 70px 15px 25px 15px; } }
    @media print, screen and (min-width: 769px) {
      .page--home #mainvisual {
        padding: 100px 30px 55px 30px; } }
    .page--home #mainvisual section {
      background: RGB(253 253 253/0.6); }
      @media only screen and (max-width: 768px) {
        .page--home #mainvisual section {
          padding: 40px 8px 35px 8px;
          border-radius: 8px; } }
      @media print, screen and (min-width: 769px) {
        .page--home #mainvisual section {
          padding: 70px 16px 65px 16px;
          border-radius: 16px; } }
      .page--home #mainvisual section h2,
      .page--home #mainvisual section p {
        line-height: 1.5;
        letter-spacing: 0.05em; }
        .page--home #mainvisual section h2::before,
        .page--home #mainvisual section p::before {
          content: "";
          display: block;
          height: 0;
          width: 0;
          margin-top: calc((1 - 1.5) * 0.5em); }
        .page--home #mainvisual section h2 > span,
        .page--home #mainvisual section p > span {
          border-bottom: 3px solid #F22C00; }
      .page--home #mainvisual section h2 {
        font-family: "BIZ UDMincho", serif;
        font-weight: 700;
        font-style: normal; }
        @media only screen and (max-width: 768px) {
          .page--home #mainvisual section h2 {
            font-size: 2.4rem;
            margin-bottom: 45px; } }
        @media print, screen and (min-width: 769px) {
          .page--home #mainvisual section h2 {
            font-size: 3.4rem;
            margin-bottom: 75px; } }
      .page--home #mainvisual section p {
        font-weight: 500; }
        @media only screen and (max-width: 768px) {
          .page--home #mainvisual section p {
            font-size: 2.2rem; } }
        @media print, screen and (min-width: 769px) {
          .page--home #mainvisual section p {
            font-size: 3.2rem; } }
        .page--home #mainvisual section p > span span {
          color: #F5630E;
          font-weight: 700; }
  .page--home #scroll {
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    text-orientation: mixed; }
    @media only screen and (max-width: 768px) {
      .page--home #scroll {
        height: 150px;
        padding: 0 30px;
        margin: 10px 0; } }
    @media print, screen and (min-width: 769px) {
      .page--home #scroll {
        height: 300px;
        padding: 0 60px;
        margin: 20px 0; } }
@keyframes fuwafuwa {
  0%, 100% {
    transform: translateY(0); }
  50% {
    transform: translateY(-15px); } }
    .page--home #scroll p {
      font-family: "Poppins", sans-serif;
      font-weight: 400;
      font-style: normal;
      line-height: 1;
      letter-spacing: 0.05em;
      border-left: 2px solid #333;
      transition: all .2s ease-out; }
      @media only screen and (max-width: 768px) {
        .page--home #scroll p {
          font-size: 1.6rem;
          padding-left: 13px; } }
      @media print, screen and (min-width: 769px) {
        .page--home #scroll p {
          font-size: 2.6rem;
          padding-left: 26px; } }
      .page--home #scroll p.fuwafuwa {
        animation: 2.5s fuwafuwa infinite; }
  @media only screen and (max-width: 768px) {
    .page--home #synopsis {
      padding: 110px 15px 95px 15px; } }
  @media print, screen and (min-width: 769px) {
    .page--home #synopsis {
      padding: 140px 30px 125px 30px; } }
  .page--home #synopsis p {
    line-height: 2.5;
    letter-spacing: 0.05em; }
    .page--home #synopsis p::before {
      content: "";
      display: block;
      height: 0;
      width: 0;
      margin-top: calc((1 - 2.5) * 0.5em); }
    @media only screen and (max-width: 768px) {
      .page--home #synopsis p {
        font-size: 1.8rem; } }
    @media print, screen and (min-width: 769px) {
      .page--home #synopsis p {
        font-size: 2.8rem; } }
    @media only screen and (max-width: 768px) {
      .page--home #synopsis p:nth-of-type(n+2) {
        margin-top: 30px; } }
    @media print, screen and (min-width: 769px) {
      .page--home #synopsis p:nth-of-type(n+2) {
        margin-top: 60px; } }
    .page--home #synopsis p:nth-last-of-type(-n+2) {
      color: #F22C00;
      font-weight: 700; }
      @media only screen and (max-width: 768px) {
        .page--home #synopsis p:nth-last-of-type(-n+2) {
          font-size: 2rem;
          margin-top: 40px; } }
      @media print, screen and (min-width: 769px) {
        .page--home #synopsis p:nth-last-of-type(-n+2) {
          font-size: 3rem;
          margin-top: 70px; } }
  .page--home #difference {
    background: url("../images/difference-bg.png") repeat; }
    @media only screen and (max-width: 768px) {
      .page--home #difference {
        padding: 65px 15px;
        margin-bottom: 100px; } }
    @media print, screen and (min-width: 769px) {
      .page--home #difference {
        padding: 95px 30px;
        margin-bottom: 130px; } }
    @media only screen and (max-width: 768px) {
      .page--home #difference .mod__heading1 {
        margin-bottom: 50px; } }
    @media print, screen and (min-width: 769px) {
      .page--home #difference .mod__heading1 {
        margin-bottom: 80px; } }
    .page--home #difference p {
      line-height: 2.5;
      letter-spacing: 0.05em; }
      .page--home #difference p::before {
        content: "";
        display: block;
        height: 0;
        width: 0;
        margin-top: calc((1 - 2.5) * 0.5em); }
      @media only screen and (max-width: 768px) {
        .page--home #difference p {
          font-size: 1.8rem; } }
      @media print, screen and (min-width: 769px) {
        .page--home #difference p {
          font-size: 2.8rem; } }
      @media only screen and (max-width: 768px) {
        .page--home #difference p:nth-of-type(n+2) {
          margin-top: 30px; } }
      @media print, screen and (min-width: 769px) {
        .page--home #difference p:nth-of-type(n+2) {
          margin-top: 60px; } }
      .page--home #difference p.red {
        line-height: 1.7;
        color: #F22C00;
        font-weight: 700; }
        .page--home #difference p.red::before {
          content: "";
          display: block;
          height: 0;
          width: 0;
          margin-top: calc((1 - 1.7) * 0.5em); }
        @media only screen and (max-width: 768px) {
          .page--home #difference p.red {
            font-size: 2rem;
            margin-top: 25px; } }
        @media print, screen and (min-width: 769px) {
          .page--home #difference p.red {
            font-size: 3rem;
            margin-top: 55px; } }
      .page--home #difference p .underline {
        font-weight: 700;
        background: linear-gradient(transparent 50%, #FFDECA 50%); }
    @media only screen and (max-width: 768px) {
      .page--home #difference figure {
        margin-bottom: 40px; } }
    @media print, screen and (min-width: 769px) {
      .page--home #difference figure {
        margin-bottom: 70px; } }
    .page--home #difference figure img {
      display: block;
      width: 100%;
      max-width: 100%;
      height: auto;
      margin: 0 auto; }
  .page--home #knowledge::after {
    width: 100%;
    content: "";
    background: #F3F3F3;
    display: block; }
    @media only screen and (max-width: 768px) {
      .page--home #knowledge::after {
        height: 50px; } }
    @media print, screen and (min-width: 769px) {
      .page--home #knowledge::after {
        height: 80px; } }
  .page--home #knowledge figure img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    margin: 0 auto; }
  @media only screen and (max-width: 768px) {
    .page--home #knowledge section {
      padding: 50px 15px 55px 12px;
      border-left: 3px solid #F22C00; } }
  @media print, screen and (min-width: 769px) {
    .page--home #knowledge section {
      padding: 80px 30px 85px 24px;
      border-left: 6px solid #F22C00; } }
  @media only screen and (max-width: 768px) {
    .page--home #knowledge section .mod__heading1 {
      margin-bottom: 65px; } }
  @media print, screen and (min-width: 769px) {
    .page--home #knowledge section .mod__heading1 {
      margin-bottom: 95px; } }
  .page--home #knowledge section p {
    line-height: 1.7;
    letter-spacing: 0.05em; }
    .page--home #knowledge section p::before {
      content: "";
      display: block;
      height: 0;
      width: 0;
      margin-top: calc((1 - 1.7) * 0.5em); }
    @media only screen and (max-width: 768px) {
      .page--home #knowledge section p {
        font-size: 1.8rem; } }
    @media print, screen and (min-width: 769px) {
      .page--home #knowledge section p {
        font-size: 2.8rem; } }
    .page--home #knowledge section p:nth-of-type(1) .red {
      display: block; }
      @media only screen and (max-width: 768px) {
        .page--home #knowledge section p:nth-of-type(1) .red {
          margin-top: 12px; } }
      @media print, screen and (min-width: 769px) {
        .page--home #knowledge section p:nth-of-type(1) .red {
          margin-top: 18px; } }
    @media only screen and (max-width: 768px) {
      .page--home #knowledge section p:nth-of-type(n+2) {
        margin-top: 30px; } }
    @media print, screen and (min-width: 769px) {
      .page--home #knowledge section p:nth-of-type(n+2) {
        margin-top: 60px; } }
    .page--home #knowledge section p span.underline {
      font-weight: 700;
      background: linear-gradient(transparent 50%, #FFDECA 50%); }
    .page--home #knowledge section p span.red {
      color: #F22C00;
      font-weight: 700; }
      @media only screen and (max-width: 768px) {
        .page--home #knowledge section p span.red {
          font-size: 2rem; } }
      @media print, screen and (min-width: 769px) {
        .page--home #knowledge section p span.red {
          font-size: 3rem; } }
  .page--home #surroundings {
    background: #FFFAFA; }
    @media only screen and (max-width: 768px) {
      .page--home #surroundings {
        padding: 50px 15px; } }
    @media print, screen and (min-width: 769px) {
      .page--home #surroundings {
        padding: 80px 30px; } }
    .page--home #surroundings h2 {
      line-height: 1.5;
      color: #FFF;
      font-weight: 700;
      letter-spacing: 0.05em;
      text-align: center;
      display: inline-flex;
      justify-content: center;
      align-items: center;
      background: #F22C00; }
      @media only screen and (max-width: 768px) {
        .page--home #surroundings h2 {
          font-size: 2.4rem;
          padding: 15px;
          margin-bottom: 25px; } }
      @media print, screen and (min-width: 769px) {
        .page--home #surroundings h2 {
          font-size: 3.4rem;
          padding: 30px;
          margin-bottom: 55px; } }
    .page--home #surroundings ul li {
      color: #F22C00;
      font-weight: 700;
      letter-spacing: 0.05em;
      display: flex; }
      @media only screen and (max-width: 768px) {
        .page--home #surroundings ul li {
          line-height: 1.1;
          font-size: 1.8rem; } }
      @media print, screen and (min-width: 769px) {
        .page--home #surroundings ul li {
          line-height: 1.2;
          font-size: 2.8rem; } }
      @media only screen and (max-width: 768px) {
        .page--home #surroundings ul li:nth-child(n+2) {
          margin-top: 25px; } }
      @media print, screen and (min-width: 769px) {
        .page--home #surroundings ul li:nth-child(n+2) {
          margin-top: 55px; } }
      .page--home #surroundings ul li::before {
        content: "";
        background: #F22C00;
        display: block;
        flex-shrink: 0; }
        @media only screen and (max-width: 768px) {
          .page--home #surroundings ul li::before {
            width: 16px;
            height: 3px;
            margin: 0.5em 10px 0 0; } }
        @media print, screen and (min-width: 769px) {
          .page--home #surroundings ul li::before {
            width: 32px;
            height: 6px;
            margin: 0.55em 20px 0 0; } }
  .page--home #lookingback {
    background: #009598; }
    @media only screen and (max-width: 768px) {
      .page--home #lookingback {
        padding: 70px 15px 65px 15px; } }
    @media print, screen and (min-width: 769px) {
      .page--home #lookingback {
        padding: 100px 30px 95px 30px; } }
    .page--home #lookingback p {
      line-height: 1.7;
      color: #FFF;
      font-weight: 700;
      letter-spacing: 0.05em; }
      .page--home #lookingback p::before {
        content: "";
        display: block;
        height: 0;
        width: 0;
        margin-top: calc((1 - 1.7) * 0.5em); }
      @media only screen and (max-width: 768px) {
        .page--home #lookingback p {
          font-size: 1.8rem; } }
      @media print, screen and (min-width: 769px) {
        .page--home #lookingback p {
          font-size: 2.8rem; } }
      @media only screen and (max-width: 768px) {
        .page--home #lookingback p:nth-of-type(n+2) {
          margin-top: 30px; } }
      @media print, screen and (min-width: 769px) {
        .page--home #lookingback p:nth-of-type(n+2) {
          margin-top: 60px; } }
      .page--home #lookingback p .underline {
        font-weight: 700;
        background: linear-gradient(transparent 50%, #F5630E 50%); }
  @media only screen and (max-width: 768px) {
    .page--home #stability {
      padding: 95px 15px 150px 15px; } }
  @media print, screen and (min-width: 769px) {
    .page--home #stability {
      padding: 125px 30px 180px 30px; } }
  @media only screen and (max-width: 768px) {
    .page--home #stability .mod__heading1 {
      padding-bottom: 25px;
      margin-bottom: 70px; } }
  @media print, screen and (min-width: 769px) {
    .page--home #stability .mod__heading1 {
      padding-bottom: 40px;
      margin-bottom: 100px; } }
  .page--home #stability p {
    line-height: 1.7;
    letter-spacing: 0.05em; }
    .page--home #stability p::before {
      content: "";
      display: block;
      height: 0;
      width: 0;
      margin-top: calc((1 - 1.7) * 0.5em); }
    @media only screen and (max-width: 768px) {
      .page--home #stability p {
        font-size: 1.8rem; } }
    @media print, screen and (min-width: 769px) {
      .page--home #stability p {
        font-size: 2.8rem; } }
    @media only screen and (max-width: 768px) {
      .page--home #stability p:nth-of-type(n+2) {
        margin-top: 30px; } }
    @media print, screen and (min-width: 769px) {
      .page--home #stability p:nth-of-type(n+2) {
        margin-top: 60px; } }
    .page--home #stability p.red,
    .page--home #stability p .red {
      color: #F22C00;
      font-weight: 700; }
      @media only screen and (max-width: 768px) {
        .page--home #stability p.red,
        .page--home #stability p .red {
          font-size: 2rem; } }
      @media print, screen and (min-width: 769px) {
        .page--home #stability p.red,
        .page--home #stability p .red {
          font-size: 3rem; } }
  @media only screen and (max-width: 768px) {
    .page--home #stability figure {
      margin: 65px auto 40px auto; } }
  @media print, screen and (min-width: 769px) {
    .page--home #stability figure {
      margin: 95px auto 70px auto; } }
  .page--home #stability figure img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    margin: 0 auto; }
  @media only screen and (max-width: 768px) {
    .page--home #event {
      padding-bottom: 95px; } }
  @media print, screen and (min-width: 769px) {
    .page--home #event {
      padding-bottom: 125px; } }
  .page--home #event h2 {
    line-height: 2;
    color: #EBFF00;
    font-weight: 900;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px;
    background: #009598;
    position: relative; }
    @media only screen and (max-width: 768px) {
      .page--home #event h2 {
        min-height: 290px;
        font-size: 3.2rem;
        margin-bottom: 130px; } }
    @media print, screen and (min-width: 769px) {
      .page--home #event h2 {
        min-height: 320px;
        font-size: 4.2rem;
        margin-bottom: 160px; } }
    .page--home #event h2::after {
      width: 0;
      height: 0;
      content: "";
      border-style: solid;
      border-color: #009598 transparent transparent transparent;
      display: block;
      position: absolute;
      left: 0;
      right: 0;
      margin: 0 auto; }
      @media only screen and (max-width: 768px) {
        .page--home #event h2::after {
          border-width: 45px 66px 0 66px;
          bottom: -45px; } }
      @media print, screen and (min-width: 769px) {
        .page--home #event h2::after {
          border-width: 55px 81px 0 81px;
          bottom: -55px; } }
  .page--home #event article {
    /* イベント概要 */
    /* 講話 */ }
    @media only screen and (max-width: 768px) {
      .page--home #event article:nth-of-type(n+2) {
        margin-top: 120px; } }
    @media print, screen and (min-width: 769px) {
      .page--home #event article:nth-of-type(n+2) {
        margin-top: 150px; } }
    .page--home #event article h3 {
      line-height: 1.5;
      color: #FFF;
      font-weight: 700;
      letter-spacing: 0.05em;
      text-align: center;
      display: inline-flex;
      justify-content: center;
      align-items: center;
      background: #009598; }
      @media only screen and (max-width: 768px) {
        .page--home #event article h3 {
          font-size: 2.4rem;
          padding: 5px 20px;
          border-radius: 4px; } }
      @media print, screen and (min-width: 769px) {
        .page--home #event article h3 {
          font-size: 3.4rem;
          padding: 10px 40px;
          border-radius: 8px; } }
    .page--home #event article figure img {
      display: block;
      width: 100%;
      max-width: 100%;
      height: auto;
      margin: 0 auto; }
    .page--home #event article.summary hgroup {
      text-align: center; }
      @media only screen and (max-width: 768px) {
        .page--home #event article.summary hgroup {
          margin-bottom: 30px; } }
      @media print, screen and (min-width: 769px) {
        .page--home #event article.summary hgroup {
          margin-bottom: 60px; } }
      @media only screen and (max-width: 768px) {
        .page--home #event article.summary hgroup h3 {
          margin-bottom: 25px; } }
      @media print, screen and (min-width: 769px) {
        .page--home #event article.summary hgroup h3 {
          margin-bottom: 55px; } }
      .page--home #event article.summary hgroup p {
        line-height: 1.5;
        color: #009598;
        font-weight: 900;
        letter-spacing: 0.05em; }
        .page--home #event article.summary hgroup p::before {
          content: "";
          display: block;
          height: 0;
          width: 0;
          margin-top: calc((1 - 1.5) * 0.5em); }
        @media only screen and (max-width: 768px) {
          .page--home #event article.summary hgroup p {
            font-size: 3.2rem; } }
        @media print, screen and (min-width: 769px) {
          .page--home #event article.summary hgroup p {
            font-size: 4.2rem; } }
    @media only screen and (max-width: 768px) {
      .page--home #event article.summary {
        padding: 0 15px; } }
    @media print, screen and (min-width: 769px) {
      .page--home #event article.summary {
        padding: 0 30px; } }
    @media only screen and (max-width: 768px) {
      .page--home #event article.summary > dl {
        margin-bottom: 50px; } }
    @media print, screen and (min-width: 769px) {
      .page--home #event article.summary > dl {
        margin-bottom: 80px; } }
    .page--home #event article.summary > dl > dt,
    .page--home #event article.summary > dl > dd {
      line-height: 1.5;
      letter-spacing: 0.05em; }
    @media only screen and (max-width: 768px) {
      .page--home #event article.summary > dl > dt {
        font-size: 2rem;
        padding-top: 25px;
        margin-bottom: 25px; } }
    @media print, screen and (min-width: 769px) {
      .page--home #event article.summary > dl > dt {
        font-size: 3rem;
        padding-top: 55px;
        margin-bottom: 55px; } }
    .page--home #event article.summary > dl > dd {
      font-weight: 900;
      border-bottom: 1px solid #333; }
      @media only screen and (max-width: 768px) {
        .page--home #event article.summary > dl > dd {
          font-size: 2.2rem;
          padding-bottom: 25px; } }
      @media print, screen and (min-width: 769px) {
        .page--home #event article.summary > dl > dd {
          font-size: 3.2rem;
          padding-bottom: 55px; } }
      .page--home #event article.summary > dl > dd.red {
        color: #F22C00; }
      @media only screen and (max-width: 768px) {
        .page--home #event article.summary > dl > dd .small {
          font-size: 1.8rem;
          margin-left: 5px; } }
      @media print, screen and (min-width: 769px) {
        .page--home #event article.summary > dl > dd .small {
          font-size: 2.8rem;
          margin-left: 10px; } }
      .page--home #event article.summary > dl > dd p {
        line-height: 1.5;
        letter-spacing: 0.05em; }
        @media only screen and (max-width: 768px) {
          .page--home #event article.summary > dl > dd p {
            font-size: 1.6rem;
            margin-bottom: 15px; } }
        @media print, screen and (min-width: 769px) {
          .page--home #event article.summary > dl > dd p {
            font-size: 2.6rem;
            margin-bottom: 45px; } }
      .page--home #event article.summary > dl > dd dl dt {
        line-height: 1.5;
        font-weight: 900;
        letter-spacing: 0.05em; }
        @media only screen and (max-width: 768px) {
          .page--home #event article.summary > dl > dd dl dt {
            font-size: 2.2rem;
            margin-bottom: 15px; } }
        @media print, screen and (min-width: 769px) {
          .page--home #event article.summary > dl > dd dl dt {
            font-size: 3.2rem;
            margin-bottom: 45px; } }
      .page--home #event article.summary > dl > dd dl dd ul li {
        line-height: 1.5;
        list-style-type: disc;
        letter-spacing: 0.05em;
        margin-left: 1em; }
        @media only screen and (max-width: 768px) {
          .page--home #event article.summary > dl > dd dl dd ul li {
            font-size: 1.8rem; } }
        @media print, screen and (min-width: 769px) {
          .page--home #event article.summary > dl > dd dl dd ul li {
            font-size: 2.8rem; } }
    .page--home #event article.summary > a {
      width: 100%;
      min-height: 80px;
      line-height: 1.4;
      color: #FFF;
      font-size: 1.8rem;
      font-weight: 700;
      text-align: center;
      text-decoration: none;
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 10px 15px;
      background-color: #F5630E;
      border: 3px solid #F5630E;
      border-radius: 4px;
      transition: all .2s ease-out;
      cursor: pointer;
      position: relative;
      z-index: 1;
      margin: 0 auto; }
      @media print, screen and (min-width: 769px) {
        .page--home #event article.summary > a {
          min-height: 110px;
          font-size: 2.8rem;
          border-radius: 8px; } }
      .page--home #event article.summary > a:hover {
        color: #F5630E;
        background-color: #FFF; }
      .page--home #event article.summary > a::before {
        content: "";
        background: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2225%22%20height%3D%2224%22%20viewBox%3D%220%200%2025%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M13%2022H18.5C19.0304%2022%2019.5391%2021.7893%2019.9142%2021.4142C20.2893%2021.0391%2020.5%2020.5304%2020.5%2020V7L15.5%202H6.5C5.96957%202%205.46086%202.21071%205.08579%202.58579C4.71071%202.96086%204.5%203.46957%204.5%204V13.5M14.5%202V6C14.5%206.53043%2014.7107%207.03914%2015.0858%207.41421C15.4609%207.78929%2015.9696%208%2016.5%208H20.5M13.878%2015.626C14.0752%2015.4288%2014.2317%2015.1946%2014.3385%2014.9369C14.4452%2014.6792%2014.5001%2014.4029%2014.5001%2014.124C14.5001%2013.8451%2014.4452%2013.5688%2014.3385%2013.3111C14.2317%2013.0534%2014.0752%2012.8192%2013.878%2012.622C13.6808%2012.4248%2013.4466%2012.2683%2013.1889%2012.1615C12.9312%2012.0548%2012.6549%2011.9999%2012.376%2011.9999C12.0971%2011.9999%2011.8208%2012.0548%2011.5631%2012.1615C11.3054%2012.2683%2011.0712%2012.4248%2010.874%2012.622L5.864%2017.634C5.62625%2017.8716%205.45222%2018.1653%205.358%2018.488L4.521%2021.358C4.4959%2021.444%204.4944%2021.5353%204.51664%2021.6221C4.53889%2021.7089%204.58407%2021.7882%204.64745%2021.8516C4.71083%2021.9149%204.79008%2021.9601%204.87691%2021.9824C4.96374%2022.0046%205.05495%2022.0031%205.141%2021.978L8.011%2021.141C8.33367%2021.0468%208.62738%2020.8728%208.865%2020.635L13.878%2015.626Z%22%20stroke%3D%22%23FFF%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E") no-repeat left top/contain;
        display: block;
        flex-shrink: 0; }
        @media only screen and (max-width: 768px) {
          .page--home #event article.summary > a::before {
            width: 24px;
            height: 24px;
            margin: 0 7px 0 -12px; } }
        @media print, screen and (min-width: 769px) {
          .page--home #event article.summary > a::before {
            width: 34px;
            height: 34px;
            margin: 0 14px 0 -24px; } }
      .page--home #event article.summary > a:hover::before {
        background: url("../images/icon-file.svg") no-repeat left top/contain; }
    .page--home #event article.lecture {
      text-align: center; }
      .page--home #event article.lecture h3 {
        font-weight: 400; }
        @media only screen and (max-width: 768px) {
          .page--home #event article.lecture h3 {
            max-width: calc(100% - 30px);
            margin-bottom: 50px; } }
        @media print, screen and (min-width: 769px) {
          .page--home #event article.lecture h3 {
            max-width: calc(100% - 60px);
            margin-bottom: 80px; } }
      .page--home #event article.lecture .theme {
        position: relative; }
        .page--home #event article.lecture .theme .text {
          text-align: left;
          -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
          position: absolute;
          z-index: 2; }
          @media only screen and (max-width: 768px) {
            .page--home #event article.lecture .theme .text {
              top: 280px;
              right: 15px; } }
          @media print, screen and (min-width: 769px) {
            .page--home #event article.lecture .theme .text {
              top: 560px;
              right: 30px; } }
          .page--home #event article.lecture .theme .text h4 > span,
          .page--home #event article.lecture .theme .text p > span {
            background: #FFF; }
          @media only screen and (max-width: 768px) {
            .page--home #event article.lecture .theme .text h4 {
              font-size: 2rem; } }
          @media print, screen and (min-width: 769px) {
            .page--home #event article.lecture .theme .text h4 {
              font-size: 3rem; } }
          .page--home #event article.lecture .theme .text h4 > span {
            line-height: 1.1;
            letter-spacing: 0.05em; }
            @media only screen and (max-width: 768px) {
              .page--home #event article.lecture .theme .text h4 > span {
                padding: 10px 5px; } }
            @media print, screen and (min-width: 769px) {
              .page--home #event article.lecture .theme .text h4 > span {
                padding: 15px 10px; } }
          .page--home #event article.lecture .theme .text p {
            font-family: "BIZ UDMincho", serif;
            font-weight: 700;
            font-style: normal; }
            @media only screen and (max-width: 768px) {
              .page--home #event article.lecture .theme .text p {
                font-size: 1.8rem;
                margin-right: 7px;
                padding: 0 10px; } }
            @media print, screen and (min-width: 769px) {
              .page--home #event article.lecture .theme .text p {
                font-size: 2.8rem;
                margin-right: 14px;
                padding: 0 25px; } }
            .page--home #event article.lecture .theme .text p > span {
              line-height: 1.1;
              letter-spacing: 0.05em;
              white-space: nowrap; }
              @media only screen and (max-width: 768px) {
                .page--home #event article.lecture .theme .text p > span {
                  padding: 10px 15px; } }
              @media print, screen and (min-width: 769px) {
                .page--home #event article.lecture .theme .text p > span {
                  padding: 15px 30px; } }
              @media only screen and (max-width: 768px) {
                .page--home #event article.lecture .theme .text p > span .big {
                  font-size: 2.4rem; } }
              @media print, screen and (min-width: 769px) {
                .page--home #event article.lecture .theme .text p > span .big {
                  font-size: 3.4rem; } }
              .page--home #event article.lecture .theme .text p > span .number {
                text-combine-upright: all; }
      @media only screen and (max-width: 768px) {
        .page--home #event article.lecture .intro {
          padding: 0 15px;
          margin-top: 160px; } }
      @media print, screen and (min-width: 769px) {
        .page--home #event article.lecture .intro {
          padding: 0 30px;
          margin-top: 190px; } }
      @media only screen and (max-width: 768px) {
        .page--home #event article.lecture .intro figure {
          margin-bottom: 50px; } }
      @media print, screen and (min-width: 769px) {
        .page--home #event article.lecture .intro figure {
          margin-bottom: 80px; } }
      .page--home #event article.lecture .intro dl {
        display: flex; }
        @media only screen and (max-width: 768px) {
          .page--home #event article.lecture .intro dl {
            margin-bottom: 40px; } }
        @media print, screen and (min-width: 769px) {
          .page--home #event article.lecture .intro dl {
            margin-bottom: 70px; } }
        .page--home #event article.lecture .intro dl dt,
        .page--home #event article.lecture .intro dl dd {
          text-align: left; }
        .page--home #event article.lecture .intro dl dt {
          width: 4.5em; }
          @media only screen and (max-width: 768px) {
            .page--home #event article.lecture .intro dl dt {
              font-size: 1.8rem;
              margin-top: 0.3em; } }
          @media print, screen and (min-width: 769px) {
            .page--home #event article.lecture .intro dl dt {
              font-size: 2.8rem; } }
        .page--home #event article.lecture .intro dl dd {
          width: calc(100% - 4.5em);
          line-height: 1.5;
          letter-spacing: 0.05em; }
          @media only screen and (max-width: 768px) {
            .page--home #event article.lecture .intro dl dd {
              font-size: 1.6rem; } }
          @media print, screen and (min-width: 769px) {
            .page--home #event article.lecture .intro dl dd {
              font-size: 2.6rem; } }
          .page--home #event article.lecture .intro dl dd > span {
            line-height: 1;
            display: block; }
            @media only screen and (max-width: 768px) {
              .page--home #event article.lecture .intro dl dd > span {
                font-size: 2rem;
                margin-bottom: 3px; } }
            @media print, screen and (min-width: 769px) {
              .page--home #event article.lecture .intro dl dd > span {
                font-size: 3rem;
                margin-bottom: 6px; } }
            @media only screen and (max-width: 768px) {
              .page--home #event article.lecture .intro dl dd > span span {
                font-size: 3.2rem; } }
            @media print, screen and (min-width: 769px) {
              .page--home #event article.lecture .intro dl dd > span span {
                font-size: 4.2rem; } }
      .page--home #event article.lecture .intro p {
        line-height: 1.7;
        letter-spacing: 0.05em;
        text-align: left; }
        .page--home #event article.lecture .intro p::before {
          content: "";
          display: block;
          height: 0;
          width: 0;
          margin-top: calc((1 - 1.7) * 0.5em); }
        @media only screen and (max-width: 768px) {
          .page--home #event article.lecture .intro p {
            font-size: 1.6rem; } }
        @media print, screen and (min-width: 769px) {
          .page--home #event article.lecture .intro p {
            font-size: 2.6rem; } }
        @media only screen and (max-width: 768px) {
          .page--home #event article.lecture .intro p:nth-of-type(n+2) {
            margin-top: 20px; } }
        @media print, screen and (min-width: 769px) {
          .page--home #event article.lecture .intro p:nth-of-type(n+2) {
            margin-top: 30px; } }
        .page--home #event article.lecture .intro p.red,
        .page--home #event article.lecture .intro p .red {
          color: #F22C00;
          font-weight: 700; }
          @media only screen and (max-width: 768px) {
            .page--home #event article.lecture .intro p.red,
            .page--home #event article.lecture .intro p .red {
              font-size: 1.8rem; } }
          @media print, screen and (min-width: 769px) {
            .page--home #event article.lecture .intro p.red,
            .page--home #event article.lecture .intro p .red {
              font-size: 2.8rem; } }
  .page--home #about {
    background: url("../images/about-bg.jpg") no-repeat center top/cover; }
    @media only screen and (max-width: 768px) {
      .page--home #about {
        padding: 80px 15px; } }
    @media print, screen and (min-width: 769px) {
      .page--home #about {
        padding: 110px 30px; } }
    .page--home #about h2 {
      line-height: 1.5;
      font-weight: 700;
      text-align: center; }
      .page--home #about h2::before {
        content: "";
        display: block;
        height: 0;
        width: 0;
        margin-top: calc((1 - 1.5) * 0.5em); }
      @media only screen and (max-width: 768px) {
        .page--home #about h2 {
          font-size: 2.4rem;
          margin-bottom: 50px; } }
      @media print, screen and (min-width: 769px) {
        .page--home #about h2 {
          font-size: 3.4rem;
          margin-bottom: 80px; } }
    .page--home #about > div {
      background: RGB(255 255 255/0.6); }
      @media only screen and (max-width: 768px) {
        .page--home #about > div {
          padding: 40px 25px; } }
      @media print, screen and (min-width: 769px) {
        .page--home #about > div {
          padding: 70px 55px; } }
      .page--home #about > div p {
        text-shadow: 0px 0px 5px RGB(255 255 255/1), 0px 0px 5px RGB(255 255 255/1); }
        .page--home #about > div p:nth-of-type(1) {
          font-family: "M PLUS 1p", sans-serif;
          font-weight: 800;
          font-style: normal;
          line-height: 1.5;
          text-align: center; }
          .page--home #about > div p:nth-of-type(1)::before {
            content: "";
            display: block;
            height: 0;
            width: 0;
            margin-top: calc((1 - 1.5) * 0.5em); }
          @media only screen and (max-width: 768px) {
            .page--home #about > div p:nth-of-type(1) {
              font-size: 2rem;
              margin-bottom: 45px; } }
          @media print, screen and (min-width: 769px) {
            .page--home #about > div p:nth-of-type(1) {
              font-size: 3rem;
              margin-bottom: 75px; } }
          .page--home #about > div p:nth-of-type(1) span {
            display: block;
            border-bottom: solid #333; }
            @media only screen and (max-width: 768px) {
              .page--home #about > div p:nth-of-type(1) span {
                padding-bottom: 3px;
                border-bottom-width: 2px; } }
            @media print, screen and (min-width: 769px) {
              .page--home #about > div p:nth-of-type(1) span {
                padding-bottom: 6px;
                border-bottom-width: 4px; } }
            @media only screen and (max-width: 768px) {
              .page--home #about > div p:nth-of-type(1) span:nth-of-type(n+2) {
                margin-top: 8px; } }
            @media print, screen and (min-width: 769px) {
              .page--home #about > div p:nth-of-type(1) span:nth-of-type(n+2) {
                margin-top: 16px; } }
        .page--home #about > div p:nth-of-type(2) {
          line-height: 1.7;
          letter-spacing: 0.05em; }
          .page--home #about > div p:nth-of-type(2)::before {
            content: "";
            display: block;
            height: 0;
            width: 0;
            margin-top: calc((1 - 1.7) * 0.5em); }
          @media only screen and (max-width: 768px) {
            .page--home #about > div p:nth-of-type(2) {
              font-size: 1.8rem; } }
          @media print, screen and (min-width: 769px) {
            .page--home #about > div p:nth-of-type(2) {
              font-size: 2.8rem; } }
  .page--home #reason {
    background: #FFFAFA;
    border: solid #F22C00;
    position: relative;
    margin: 0 auto; }
    @media only screen and (max-width: 768px) {
      .page--home #reason {
        width: calc(100% - 30px);
        padding: 90px 20px 85px 20px;
        border-width: 5px;
        margin-top: 135px; } }
    @media print, screen and (min-width: 769px) {
      .page--home #reason {
        width: calc(100% - 60px);
        padding: 120px 40px 115px 40px;
        border-width: 10px;
        margin-top: 165px; } }
    .page--home #reason h2 {
      line-height: 1.75;
      color: #FFF;
      font-weight: 900;
      letter-spacing: 0.05em;
      text-align: center;
      display: flex;
      justify-content: center;
      align-items: center;
      background: #F22C00;
      position: absolute;
      left: 0;
      right: 0;
      margin: 0 auto; }
      @media only screen and (max-width: 768px) {
        .page--home #reason h2 {
          width: calc(100% - 30px);
          height: 100px;
          font-size: 2rem;
          padding: 15px 20px;
          top: -45px; } }
      @media print, screen and (min-width: 769px) {
        .page--home #reason h2 {
          width: calc(100% - 60px);
          height: 130px;
          font-size: 3rem;
          padding: 20px 25px;
          top: -60px; } }
    .page--home #reason p {
      line-height: 1.7;
      letter-spacing: 0.05em; }
      .page--home #reason p::before {
        content: "";
        display: block;
        height: 0;
        width: 0;
        margin-top: calc((1 - 1.7) * 0.5em); }
      @media only screen and (max-width: 768px) {
        .page--home #reason p {
          font-size: 1.8rem; } }
      @media print, screen and (min-width: 769px) {
        .page--home #reason p {
          font-size: 2.8rem; } }
      .page--home #reason p:nth-of-type(1) {
        font-weight: 700; }
        @media only screen and (max-width: 768px) {
          .page--home #reason p:nth-of-type(1) {
            font-size: 2.4rem; } }
        @media print, screen and (min-width: 769px) {
          .page--home #reason p:nth-of-type(1) {
            font-size: 3.4rem; } }
      @media only screen and (max-width: 768px) {
        .page--home #reason p:nth-of-type(n+2) {
          margin-top: 40px; } }
      @media print, screen and (min-width: 769px) {
        .page--home #reason p:nth-of-type(n+2) {
          margin-top: 70px; } }
      @media only screen and (max-width: 768px) {
        .page--home #reason p.red {
          font-size: 2rem; } }
      @media print, screen and (min-width: 769px) {
        .page--home #reason p.red {
          font-size: 3rem; } }
    .page--home #reason .red {
      color: #F22C00;
      font-weight: 700; }
  @media only screen and (max-width: 768px) {
    .page--home #benefits {
      padding: 110px 15px 95px 15px; } }
  @media print, screen and (min-width: 769px) {
    .page--home #benefits {
      padding: 140px 30px 125px 30px; } }
  .page--home #benefits h2 {
    line-height: 1.1;
    color: #009598;
    font-weight: 700;
    letter-spacing: 0.06em;
    display: flex;
    justify-content: center;
    align-items: flex-end; }
    .page--home #benefits h2::before {
      content: "";
      display: block;
      height: 0;
      width: 0;
      margin-top: calc((1 - 1.1) * 0.5em); }
    @media only screen and (max-width: 768px) {
      .page--home #benefits h2 {
        font-size: 2rem;
        margin-bottom: 15px; } }
    @media print, screen and (min-width: 769px) {
      .page--home #benefits h2 {
        font-size: 3rem;
        margin-bottom: 45px; } }
    .page--home #benefits h2::before, .page--home #benefits h2::after {
      content: "";
      background: #F5630E;
      display: block; }
      @media only screen and (max-width: 768px) {
        .page--home #benefits h2::before, .page--home #benefits h2::after {
          width: 5px;
          height: 45px; } }
      @media print, screen and (min-width: 769px) {
        .page--home #benefits h2::before, .page--home #benefits h2::after {
          width: 10px;
          height: 90px; } }
    .page--home #benefits h2::before {
      transform: rotate(-36deg); }
      @media only screen and (max-width: 768px) {
        .page--home #benefits h2::before {
          margin-right: 10px; } }
      @media print, screen and (min-width: 769px) {
        .page--home #benefits h2::before {
          margin-right: 30px; } }
    .page--home #benefits h2::after {
      transform: rotate(36deg); }
      @media only screen and (max-width: 768px) {
        .page--home #benefits h2::after {
          margin-left: 10px; } }
      @media print, screen and (min-width: 769px) {
        .page--home #benefits h2::after {
          margin-left: 30px; } }
    .page--home #benefits h2 > span {
      display: flex;
      flex-direction: column; }
      .page--home #benefits h2 > span .line-one {
        font-family: "M PLUS 1p", sans-serif;
        font-weight: 800;
        font-style: normal;
        line-height: 2.33; }
        .page--home #benefits h2 > span .line-one::before {
          content: "";
          display: block;
          height: 0;
          width: 0;
          margin-top: calc((1 - 2.33) * 0.5em); }
        @media only screen and (max-width: 768px) {
          .page--home #benefits h2 > span .line-one {
            font-size: 2.4rem; } }
        @media print, screen and (min-width: 769px) {
          .page--home #benefits h2 > span .line-one {
            font-size: 3.4rem; } }
      .page--home #benefits h2 > span .line-two,
      .page--home #benefits h2 > span .line-three {
        display: flex;
        justify-content: center;
        align-items: flex-end; }
        .page--home #benefits h2 > span .line-two span,
        .page--home #benefits h2 > span .line-three span {
          color: #FFF;
          text-align: center;
          display: inline-flex;
          justify-content: center;
          align-items: center;
          background: #F5630E;
          letter-spacing: 0.05em; }
          @media only screen and (max-width: 768px) {
            .page--home #benefits h2 > span .line-two span,
            .page--home #benefits h2 > span .line-three span {
              font-size: 3.2rem;
              padding: 6px 8px;
              margin-right: 8px; } }
          @media print, screen and (min-width: 769px) {
            .page--home #benefits h2 > span .line-two span,
            .page--home #benefits h2 > span .line-three span {
              font-size: 4.2rem;
              padding: 12px 16px;
              margin-right: 16px; } }
      @media only screen and (max-width: 768px) {
        .page--home #benefits h2 > span .line-three {
          font-size: 2.4rem;
          margin-top: 8px; } }
      @media print, screen and (min-width: 769px) {
        .page--home #benefits h2 > span .line-three {
          font-size: 3.4rem;
          margin-top: 16px; } }
  .page--home #benefits ol li {
    border-bottom: solid #F5630E; }
    @media only screen and (max-width: 768px) {
      .page--home #benefits ol li {
        padding: 50px 15px 45px 15px;
        border-bottom-width: 3px; } }
    @media print, screen and (min-width: 769px) {
      .page--home #benefits ol li {
        padding: 80px 30px 75px 30px;
        border-bottom-width: 6px; } }
    .page--home #benefits ol li:nth-child(1) hgroup h3 {
      background: url("../images/benefits-heading01.png") no-repeat left top/contain; }
    .page--home #benefits ol li:nth-child(2) hgroup h3 {
      background: url("../images/benefits-heading02.png") no-repeat left top/contain; }
    @media only screen and (max-width: 768px) {
      .page--home #benefits ol li hgroup {
        margin-bottom: 75px; } }
    @media print, screen and (min-width: 769px) {
      .page--home #benefits ol li hgroup {
        margin-bottom: 105px; } }
    .page--home #benefits ol li hgroup h3 {
      width: 100%;
      max-width: 652px;
      height: 0;
      padding-top: 28.220858895%;
      display: block;
      overflow: hidden;
      margin: 0 auto; }
      @media only screen and (max-width: 768px) {
        .page--home #benefits ol li hgroup h3 {
          margin-bottom: 15px; } }
      @media print, screen and (min-width: 769px) {
        .page--home #benefits ol li hgroup h3 {
          margin-bottom: 45px; } }
    .page--home #benefits ol li hgroup p {
      font-family: "M PLUS 1p", sans-serif;
      font-weight: 800;
      font-style: normal;
      line-height: 1.5;
      color: #F22C00;
      letter-spacing: 0.05em; }
      .page--home #benefits ol li hgroup p::before {
        content: "";
        display: block;
        height: 0;
        width: 0;
        margin-top: calc((1 - 1.5) * 0.5em); }
      @media only screen and (max-width: 768px) {
        .page--home #benefits ol li hgroup p {
          font-size: 2.2rem; } }
      @media print, screen and (min-width: 769px) {
        .page--home #benefits ol li hgroup p {
          font-size: 3.2rem; } }
    @media only screen and (max-width: 768px) {
      .page--home #benefits ol li figure {
        margin-bottom: 55px; } }
    @media print, screen and (min-width: 769px) {
      .page--home #benefits ol li figure {
        margin-bottom: 85px; } }
    .page--home #benefits ol li figure img {
      display: block;
      width: 100%;
      max-width: 100%;
      height: auto;
      margin: 0 auto; }
    .page--home #benefits ol li > p {
      line-height: 1.7;
      letter-spacing: 0.05em; }
      .page--home #benefits ol li > p::before {
        content: "";
        display: block;
        height: 0;
        width: 0;
        margin-top: calc((1 - 1.7) * 0.5em); }
      @media only screen and (max-width: 768px) {
        .page--home #benefits ol li > p {
          font-size: 1.8rem; } }
      @media print, screen and (min-width: 769px) {
        .page--home #benefits ol li > p {
          font-size: 2.8rem; } }
  .page--home #get {
    background: #FEEFE7; }
    @media only screen and (max-width: 768px) {
      .page--home #get {
        padding: 70px 15px 65px 15px;
        margin-bottom: 95px; } }
    @media print, screen and (min-width: 769px) {
      .page--home #get {
        padding: 100px 30px 95px 30px;
        margin-bottom: 125px; } }
    .page--home #get > p {
      line-height: 1.5;
      font-weight: 700;
      letter-spacing: 0.05em;
      text-align: center; }
      .page--home #get > p::before {
        content: "";
        display: block;
        height: 0;
        width: 0;
        margin-top: calc((1 - 1.5) * 0.5em); }
      @media only screen and (max-width: 768px) {
        .page--home #get > p {
          font-size: 2rem;
          margin-bottom: 25px; } }
      @media print, screen and (min-width: 769px) {
        .page--home #get > p {
          font-size: 3rem;
          margin-bottom: 55px; } }
    @media only screen and (max-width: 768px) {
      .page--home #get .mod__heading1 {
        margin-bottom: 65px; } }
    @media print, screen and (min-width: 769px) {
      .page--home #get .mod__heading1 {
        margin-bottom: 95px; } }
    @media only screen and (max-width: 768px) {
      .page--home #get ul {
        padding: 0 8px;
        margin-bottom: 65px; } }
    @media print, screen and (min-width: 769px) {
      .page--home #get ul {
        padding: 0 16px;
        margin-bottom: 95px; } }
    .page--home #get ul li {
      text-align: center;
      background: #FFF;
      border: solid #F5630E;
      position: relative; }
      @media only screen and (max-width: 768px) {
        .page--home #get ul li {
          padding: 65px 15px 55px 15px;
          border-width: 3px;
          border-radius: 8px; } }
      @media print, screen and (min-width: 769px) {
        .page--home #get ul li {
          padding: 95px 30px 85px 30px;
          border-width: 6px;
          border-radius: 16px; } }
      @media only screen and (max-width: 768px) {
        .page--home #get ul li:nth-child(n+2) {
          margin-top: 40px; } }
      @media print, screen and (min-width: 769px) {
        .page--home #get ul li:nth-child(n+2) {
          margin-top: 70px; } }
      @media only screen and (max-width: 768px) {
        .page--home #get ul li:nth-child(2) h3 .small {
          font-size: 1.6rem; } }
      @media print, screen and (min-width: 769px) {
        .page--home #get ul li:nth-child(2) h3 .small {
          font-size: 2.6rem; } }
      .page--home #get ul li::before {
        font-family: "Poppins", sans-serif;
        font-weight: 700;
        font-style: normal;
        content: "GET";
        line-height: 1.5;
        color: #FFF;
        letter-spacing: 0.05em;
        text-align: center;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        background: #F5630E;
        position: absolute;
        left: 0;
        right: 0;
        margin: 0 auto;
        z-index: 2; }
        @media only screen and (max-width: 768px) {
          .page--home #get ul li::before {
            max-width: 90px;
            font-size: 2rem;
            border-radius: 8px;
            top: calc(-0.7em + -3px); } }
        @media print, screen and (min-width: 769px) {
          .page--home #get ul li::before {
            max-width: 120px;
            font-size: 3rem;
            border-radius: 16px;
            top: calc(-0.7em + -6px); } }
      .page--home #get ul li h3 {
        line-height: 1.5;
        color: #F5630E;
        font-weight: 700;
        letter-spacing: 0.05em;
        text-align: center; }
        .page--home #get ul li h3::before {
          content: "";
          display: block;
          height: 0;
          width: 0;
          margin-top: calc((1 - 1.5) * 0.5em); }
        @media only screen and (max-width: 768px) {
          .page--home #get ul li h3 {
            font-size: 2rem;
            margin-bottom: 25px; } }
        @media print, screen and (min-width: 769px) {
          .page--home #get ul li h3 {
            font-size: 3rem;
            margin-bottom: 55px; } }
        .page--home #get ul li h3::after {
          content: "";
          background: url("../images/arrow-bottom.png") no-repeat left top/contain;
          display: block;
          margin: 0 auto; }
          @media only screen and (max-width: 768px) {
            .page--home #get ul li h3::after {
              width: 52px;
              height: 37px;
              margin-top: 25px; } }
          @media print, screen and (min-width: 769px) {
            .page--home #get ul li h3::after {
              width: 104px;
              height: 75px;
              margin-top: 55px; } }
        @media only screen and (max-width: 768px) {
          .page--home #get ul li h3 .small {
            font-size: 1.8rem; } }
        @media print, screen and (min-width: 769px) {
          .page--home #get ul li h3 .small {
            font-size: 2.8rem; } }
      .page--home #get ul li p {
        line-height: 1.5;
        color: #F5630E;
        font-weight: 900;
        letter-spacing: 0.05em;
        text-align: center;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        border: solid #F5630E; }
        @media only screen and (max-width: 768px) {
          .page--home #get ul li p {
            font-size: 4rem;
            padding: 5px 35px;
            border-width: 3px; } }
        @media print, screen and (min-width: 769px) {
          .page--home #get ul li p {
            font-size: 5rem;
            padding: 10px 70px;
            border-width: 6px; } }
    .page--home #get > a {
      width: 100%;
      min-height: 80px;
      line-height: 1.4;
      color: #FFF;
      font-size: 1.8rem;
      font-weight: 700;
      text-align: center;
      text-decoration: none;
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 10px 15px;
      background-color: #F5630E;
      border: 3px solid #F5630E;
      border-radius: 4px;
      transition: all .2s ease-out;
      cursor: pointer;
      position: relative;
      z-index: 1;
      margin: 0 auto; }
      @media print, screen and (min-width: 769px) {
        .page--home #get > a {
          min-height: 110px;
          font-size: 2.8rem;
          border-radius: 8px; } }
      .page--home #get > a:hover {
        color: #F5630E;
        background-color: #FFF; }
      .page--home #get > a::before {
        content: "";
        background: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2225%22%20height%3D%2224%22%20viewBox%3D%220%200%2025%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M13%2022H18.5C19.0304%2022%2019.5391%2021.7893%2019.9142%2021.4142C20.2893%2021.0391%2020.5%2020.5304%2020.5%2020V7L15.5%202H6.5C5.96957%202%205.46086%202.21071%205.08579%202.58579C4.71071%202.96086%204.5%203.46957%204.5%204V13.5M14.5%202V6C14.5%206.53043%2014.7107%207.03914%2015.0858%207.41421C15.4609%207.78929%2015.9696%208%2016.5%208H20.5M13.878%2015.626C14.0752%2015.4288%2014.2317%2015.1946%2014.3385%2014.9369C14.4452%2014.6792%2014.5001%2014.4029%2014.5001%2014.124C14.5001%2013.8451%2014.4452%2013.5688%2014.3385%2013.3111C14.2317%2013.0534%2014.0752%2012.8192%2013.878%2012.622C13.6808%2012.4248%2013.4466%2012.2683%2013.1889%2012.1615C12.9312%2012.0548%2012.6549%2011.9999%2012.376%2011.9999C12.0971%2011.9999%2011.8208%2012.0548%2011.5631%2012.1615C11.3054%2012.2683%2011.0712%2012.4248%2010.874%2012.622L5.864%2017.634C5.62625%2017.8716%205.45222%2018.1653%205.358%2018.488L4.521%2021.358C4.4959%2021.444%204.4944%2021.5353%204.51664%2021.6221C4.53889%2021.7089%204.58407%2021.7882%204.64745%2021.8516C4.71083%2021.9149%204.79008%2021.9601%204.87691%2021.9824C4.96374%2022.0046%205.05495%2022.0031%205.141%2021.978L8.011%2021.141C8.33367%2021.0468%208.62738%2020.8728%208.865%2020.635L13.878%2015.626Z%22%20stroke%3D%22%23FFF%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E") no-repeat left top/contain;
        display: block;
        flex-shrink: 0; }
        @media only screen and (max-width: 768px) {
          .page--home #get > a::before {
            width: 24px;
            height: 24px;
            margin: 0 7px 0 -12px; } }
        @media print, screen and (min-width: 769px) {
          .page--home #get > a::before {
            width: 34px;
            height: 34px;
            margin: 0 14px 0 -24px; } }
      .page--home #get > a:hover::before {
        background: url("../images/icon-file.svg") no-repeat left top/contain; }
  .page--home #message {
    background: #E6F9F9; }
    @media only screen and (max-width: 768px) {
      .page--home #message {
        padding: 55px 15px 50px 15px; } }
    @media print, screen and (min-width: 769px) {
      .page--home #message {
        padding: 85px 30px 80px 30px; } }
    .page--home #message p {
      line-height: 1.7;
      letter-spacing: 0.05em; }
      .page--home #message p::before {
        content: "";
        display: block;
        height: 0;
        width: 0;
        margin-top: calc((1 - 1.7) * 0.5em); }
      @media only screen and (max-width: 768px) {
        .page--home #message p {
          font-size: 1.8rem; } }
      @media print, screen and (min-width: 769px) {
        .page--home #message p {
          font-size: 2.8rem; } }
      @media only screen and (max-width: 768px) {
        .page--home #message p:nth-of-type(n+2) {
          margin-top: 45px; } }
      @media print, screen and (min-width: 769px) {
        .page--home #message p:nth-of-type(n+2) {
          margin-top: 75px; } }
      .page--home #message p span {
        font-weight: 700; }
        @media only screen and (max-width: 768px) {
          .page--home #message p span {
            font-size: 2rem; } }
        @media print, screen and (min-width: 769px) {
          .page--home #message p span {
            font-size: 3rem; } }
        .page--home #message p span.green {
          color: #009598; }
        .page--home #message p span.orange {
          color: #F5630E; }
  @media only screen and (max-width: 768px) {
    .page--home #nextstage {
      padding: 95px 15px; } }
  @media print, screen and (min-width: 769px) {
    .page--home #nextstage {
      padding: 125px 30px; } }
  @media only screen and (max-width: 768px) {
    .page--home #nextstage .mod__heading1 {
      margin-bottom: 75px; } }
  @media print, screen and (min-width: 769px) {
    .page--home #nextstage .mod__heading1 {
      margin-bottom: 105px; } }
  .page--home #nextstage p {
    line-height: 1.7;
    letter-spacing: 0.05em; }
    .page--home #nextstage p::before {
      content: "";
      display: block;
      height: 0;
      width: 0;
      margin-top: calc((1 - 1.7) * 0.5em); }
    @media only screen and (max-width: 768px) {
      .page--home #nextstage p {
        font-size: 1.8rem; } }
    @media print, screen and (min-width: 769px) {
      .page--home #nextstage p {
        font-size: 2.8rem; } }
    @media only screen and (max-width: 768px) {
      .page--home #nextstage p:nth-of-type(n+2) {
        margin-top: 30px; } }
    @media print, screen and (min-width: 769px) {
      .page--home #nextstage p:nth-of-type(n+2) {
        margin-top: 60px; } }
  @media only screen and (max-width: 768px) {
    .page--home #nextstage figure {
      margin-top: 25px; } }
  @media print, screen and (min-width: 769px) {
    .page--home #nextstage figure {
      margin-top: 55px; } }
  .page--home #nextstage figure img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    margin: 0 auto; }
  .page--home #application {
    background: #009598; }
    @media only screen and (max-width: 768px) {
      .page--home #application {
        padding: 75px 15px 65px 15px; } }
    @media print, screen and (min-width: 769px) {
      .page--home #application {
        padding: 105px 30px 95px 30px; } }
    .page--home #application h2 {
      font-family: "BIZ UDMincho", serif;
      font-weight: 700;
      font-style: normal;
      line-height: 1.5;
      color: #FFF;
      text-align: center; }
      .page--home #application h2::before {
        content: "";
        display: block;
        height: 0;
        width: 0;
        margin-top: calc((1 - 1.5) * 0.5em); }
      @media only screen and (max-width: 768px) {
        .page--home #application h2 {
          font-size: 4rem;
          margin-bottom: 80px; } }
      @media print, screen and (min-width: 769px) {
        .page--home #application h2 {
          font-size: 5rem;
          margin-bottom: 110px; } }
    .page--home #application > a {
      width: 100%;
      min-height: 80px;
      line-height: 1.4;
      color: #FFF;
      font-size: 1.8rem;
      font-weight: 700;
      text-align: center;
      text-decoration: none;
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 10px 15px;
      background-color: #F5630E;
      border: 3px solid #F5630E;
      border-radius: 4px;
      transition: all .2s ease-out;
      cursor: pointer;
      position: relative;
      z-index: 1;
      margin: 0 auto; }
      @media print, screen and (min-width: 769px) {
        .page--home #application > a {
          min-height: 110px;
          font-size: 2.8rem;
          border-radius: 8px; } }
      .page--home #application > a:hover {
        color: #F5630E;
        background-color: #FFF; }
      @media only screen and (max-width: 768px) {
        .page--home #application > a {
          min-height: 110px; } }
      @media print, screen and (min-width: 769px) {
        .page--home #application > a {
          min-height: 140px; } }
      .page--home #application > a::before {
        content: "";
        background: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2233%22%20height%3D%2232%22%20viewBox%3D%220%200%2033%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M17.8334%205.33343H21.8334C22.5407%205.33343%2023.2189%205.61438%2023.719%206.11448C24.2191%206.61458%2024.5001%207.29286%2024.5001%208.0001V26.6668M3.16675%2026.6668H7.16675M7.16675%2026.6668L16.1774%2028.9188C16.3739%2028.9678%2016.579%2028.9714%2016.7771%2028.9293C16.9752%2028.8872%2017.1612%2028.8006%2017.3208%2028.6759C17.4804%2028.5512%2017.6095%2028.3918%2017.6983%2028.2098C17.7872%2028.0278%2017.8334%2027.828%2017.8334%2027.6254V6.08277C17.8331%205.67767%2017.7406%205.27663%2017.5628%204.91265C17.385%204.54867%2017.1266%204.22999%2016.8072%203.98078C16.4878%203.73158%2016.1159%203.55842%2015.7196%203.47444C15.3233%203.39046%2014.9131%203.39787%2014.5201%203.4961L9.18675%204.82943C8.60984%204.97364%208.09769%205.30653%207.73169%205.77521C7.36569%206.24388%207.16684%206.82145%207.16675%207.4161V26.6668ZM17.8334%2026.6668H29.8334M13.8334%2016.0001V16.0134%22%20stroke%3D%22%23FFF%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E") no-repeat left top/contain;
        display: block;
        flex-shrink: 0; }
        @media only screen and (max-width: 768px) {
          .page--home #application > a::before {
            width: 32px;
            height: 32px;
            margin-right: 10px; } }
        @media print, screen and (min-width: 769px) {
          .page--home #application > a::before {
            width: 48px;
            height: 48px;
            margin-right: 20px; } }
      .page--home #application > a:hover::before {
        background: url("../images/icon-door.svg") no-repeat left top/contain; }