/*!*****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./scss/common.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@400;500&family=Zen+Old+Mincho:wght@500&display=swap);
/*!*********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./scss/common.scss (1) ***!
  \*********************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* -------------------------------------------------------------------
  default colors
------------------------------------------------------------------- */
/* -------------------------------------------------------------------
  default web-font
------------------------------------------------------------------- */
/* -------------------------------------------------------------------
  default spacing
------------------------------------------------------------------- */
/* -------------------------------------------------------------------
  hover anitionの適用（～xまで）
------------------------------------------------------------------- */
/* -------------------------------------------------------------------
  default font-size
------------------------------------------------------------------- */
/* -------------------------------------------------------------------
  background
------------------------------------------------------------------- */
.background__base {
  background-color: #EBF3F9;
}
.background__white {
  background-color: white;
}
.background__main {
  background-color: #6096e1;
}

/* -------------------------------------------------------------------
  display
------------------------------------------------------------------- */
.d-inline {
  display: inline;
}
.d-inline-block {
  display: inline-block;
}
.d-block {
  display: block;
}
.d-flex {
  display: flex;
}

/* -------------------------------------------------------------------
  show and hide
------------------------------------------------------------------- */
@media screen and (min-width: 769px), print {
  .--sp {
    display: none !important;
  }
}
@media screen and (max-width: 768px) {
  .--pc {
    display: none !important;
  }
}
/* -------------------------------------------------------------------
  font rem計算
------------------------------------------------------------------- */
/* -------------------------------------------------------------------
  各種rem計算（font以外）
------------------------------------------------------------------- */
/* -------------------------------------------------------------------
  flex時のgapを差し引いた横幅計算
------------------------------------------------------------------- */
/* -------------------------------------------------------------------
  アスペクト比固定
------------------------------------------------------------------- */
/* -------------------------------------------------------------------
  vw変換
------------------------------------------------------------------- */
/* -------------------------------------------------------------------
  margin / padding
------------------------------------------------------------------- */
.mt-high {
  margin-top: clamp(15px, 2.2786458333vw, 20px);
}
.mt-middle {
  margin-top: clamp(30px, 5.859375vw, 60px);
}
.mt-low {
  margin-top: clamp(30px, 3.90625vw, 30px);
}
.mt-0 {
  margin-top: 0rem !important;
}

.mr-high {
  margin-right: clamp(15px, 2.2786458333vw, 20px);
}
.mr-middle {
  margin-right: clamp(30px, 5.859375vw, 60px);
}
.mr-low {
  margin-right: clamp(30px, 3.90625vw, 30px);
}
.mr-0 {
  margin-right: 0rem !important;
}

.mb-high {
  margin-bottom: clamp(15px, 2.2786458333vw, 20px);
}
.mb-middle {
  margin-bottom: clamp(30px, 5.859375vw, 60px);
}
.mb-low {
  margin-bottom: clamp(30px, 3.90625vw, 30px);
}
.mb-0 {
  margin-bottom: 0rem !important;
}

.ml-high {
  margin-left: clamp(15px, 2.2786458333vw, 20px);
}
.ml-middle {
  margin-left: clamp(30px, 5.859375vw, 60px);
}
.ml-low {
  margin-left: clamp(30px, 3.90625vw, 30px);
}
.ml-0 {
  margin-left: 0rem !important;
}

.mx-high {
  margin-inline: clamp(15px, 2.2786458333vw, 20px);
}
.mx-middle {
  margin-inline: clamp(30px, 5.859375vw, 60px);
}
.mx-low {
  margin-inline: clamp(30px, 3.90625vw, 30px);
}
.mx-0 {
  margin-inline: 0rem !important;
}

.my-high {
  margin-block: clamp(15px, 2.2786458333vw, 20px);
}
.my-middle {
  margin-block: clamp(30px, 5.859375vw, 60px);
}
.my-low {
  margin-block: clamp(30px, 3.90625vw, 30px);
}
.my-0 {
  margin-block: 0rem !important;
}

.ma-high {
  margin: clamp(15px, 2.2786458333vw, 20px);
}
.ma-middle {
  margin: clamp(30px, 5.859375vw, 60px);
}
.ma-low {
  margin: clamp(30px, 3.90625vw, 30px);
}
.ma-0 {
  margin: 0rem !important;
}

.pt-high, .section {
  padding-top: clamp(15px, 2.2786458333vw, 20px);
}
.pt-middle {
  padding-top: clamp(30px, 5.859375vw, 60px);
}
.pt-low {
  padding-top: clamp(30px, 3.90625vw, 30px);
}
.pt-0 {
  padding-top: 0rem !important;
}

.pr-high {
  padding-right: clamp(15px, 2.2786458333vw, 20px);
}
.pr-middle {
  padding-right: clamp(30px, 5.859375vw, 60px);
}
.pr-low {
  padding-right: clamp(30px, 3.90625vw, 30px);
}
.pr-0 {
  padding-right: 0rem !important;
}

.pb-high {
  padding-bottom: clamp(15px, 2.2786458333vw, 20px);
}
.pb-middle {
  padding-bottom: clamp(30px, 5.859375vw, 60px);
}
.pb-low {
  padding-bottom: clamp(30px, 3.90625vw, 30px);
}
.pb-0 {
  padding-bottom: 0rem !important;
}

.pl-high {
  padding-left: clamp(15px, 2.2786458333vw, 20px);
}
.pl-middle {
  padding-left: clamp(30px, 5.859375vw, 60px);
}
.pl-low {
  padding-left: clamp(30px, 3.90625vw, 30px);
}
.pl-0 {
  padding-left: 0rem !important;
}

.px-high {
  padding-inline: clamp(15px, 2.2786458333vw, 20px);
}
.px-middle {
  padding-inline: clamp(30px, 5.859375vw, 60px);
}
.px-low {
  padding-inline: clamp(30px, 3.90625vw, 30px);
}
.px-0 {
  padding-inline: 0rem !important;
}

.py-high {
  padding-block: clamp(15px, 2.2786458333vw, 20px);
}
.py-middle {
  padding-block: clamp(30px, 5.859375vw, 60px);
}
.py-low {
  padding-block: clamp(30px, 3.90625vw, 30px);
}
.py-0 {
  padding-block: 0rem !important;
}

.pa-high {
  padding: clamp(15px, 2.2786458333vw, 20px);
}
.pa-middle {
  padding: clamp(30px, 5.859375vw, 60px);
}
.pa-low {
  padding: clamp(30px, 3.90625vw, 30px);
}
.pa-0 {
  padding: 0rem !important;
}

/* -------------------------------------------------------------------
  layout
------------------------------------------------------------------- */
.inner {
  width: calc(1080px + 2.5rem);
  max-width: 100%;
  margin-inline: auto;
  padding-inline: 1.25rem;
}
.inner.--separate {
  display: grid;
  grid-template-columns: 1fr;
  gap: 15px;
}

@media screen and (min-width: 768px), print {
  .inner.--separate {
    grid-template-columns: 1fr 1fr;
    gap: 2.6666666667rem;
  }
}
@font-face {
  font-family: "icomoon";
  src: url("../fonts/icomoon.eot?keo3nn");
  src: url("../fonts/icomoon.eot?keo3nn#iefix") format("embedded-opentype"), url("../fonts/icomoon.woff2?keo3nn") format("woff2"), url("../fonts/icomoon.ttf?keo3nn") format("truetype"), url("../fonts/icomoon.woff?keo3nn") format("woff"), url("../fonts/icomoon.svg?keo3nn#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=icon-], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: never;
  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;
}

.icon-tel:before {
  content: "\e903";
  color: #fff;
}

.icon-arrow:before {
  content: "\e900";
  color: #006cb8;
}

.icon-circle:before {
  content: "\e901";
  color: #006cb8;
}

.icon-square:before {
  content: "\e902";
  color: #006cb8;
}

/* -------------------------------------------------------------------
  btn-block
------------------------------------------------------------------- */
.btn-block {
  display: grid;
  grid-template: "icon title" auto "icon text" 1fr/max-content 1fr;
  align-items: baseline;
  -moz-column-gap: 10px;
       column-gap: 10px;
  width: 275px;
  max-width: 100%;
  padding: 15px;
  background-color: white;
  border: 1px solid #EEEEEE;
  text-decoration: none;
}
.btn-block::before {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 1;
  grid-area: icon;
  content: "\e900";
  color: #6096e1;
  font-family: icomoon;
}
.btn-block__title {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: title;
  display: block;
  font-size: 1.125rem;
  font-weight: 500;
  color: #6096e1;
}
.btn-block__text {
  -ms-grid-row: 2;
  -ms-grid-column: 3;
  grid-area: text;
  display: block;
  margin-top: 0.5rem;
  font-size: 0.75rem;
  color: #231815;
}
.btn-block.--center {
  margin-inline: auto;
}
.btn-block.--wide, .btn-block--wide {
  width: 334px;
}
.btn-block.--white {
  background-color: transparent;
  border-color: white;
  color: white;
}
.btn-block.--white .btn-block__title {
  color: white;
}
.btn-block.--white::before {
  color: white;
}
.btn-block-cta {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 9px;
}
.btn-block-cta__item {
  display: flex;
  justify-content: center;
  width: 275px;
  min-height: 46px;
  color: white;
  text-decoration: none;
  text-align: center;
}
.btn-block-cta__item.--tel {
  align-items: baseline;
  background-color: #6096e1;
  border: 1px solid #6096e1;
  font-size: 2rem;
}
.btn-block-cta__item.--tel::before {
  content: attr(before);
  font-size: 22px;
}
.btn-block-cta__item.--reserve {
  align-items: center;
  background-color: #6096e1;
  border: 1px solid #6096e1;
  font-size: 1.125rem;
}

@media screen and (min-width: 600px) {
  .btn-block {
    transition: background-color 0.3s linear;
  }
  .btn-block__title, .btn-block__text {
    transition: color 0.3s linear;
  }
  .btn-block:hover {
    background-color: #6096e1;
  }
  .btn-block:hover .btn-block__title, .btn-block:hover .btn-block__text {
    color: white;
  }
  .btn-block-cta__item {
    transition: color 0.3s linear, background-color 0.3s linear;
  }
  .btn-block-cta__item.--tel:hover {
    color: #6096e1;
    background-color: white;
  }
  .btn-block-cta__item.--reserve:hover {
    color: #6096e1;
    background-color: white;
  }
}
/* -------------------------------------------------------------------
  header
------------------------------------------------------------------- */
.header {
  position: relative;
}
.scroll-ready .header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  transform: translateY(-100%);
}
.scroll-on .header {
  transform: translateY(0%);
  transition: transform 0.3s linear;
}

/* -------------------------------------------------------------------
  header-nav
------------------------------------------------------------------- */
/* -------------------------------------------------------------------
  768px以上
------------------------------------------------------------------- */
/* -------------------------------------------------------------------
  title
------------------------------------------------------------------- */
.title-wrap {
  display: flex;
  align-items: baseline;
  gap: 0.5em;
  margin-bottom: 0.5rem;
  font-size: 1.25rem;
}
.title-wrap::before {
  content: "■";
  flex-shrink: 0;
  color: #6096e1;
}
.title-wrap__text {
  font-weight: bold;
}
.title-wrap__remark {
  font-size: 0.875rem;
  font-weight: 500;
}
.title-page {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0 3rem;
  margin-block: 0;
  padding-block: 2rem;
  border-bottom: 1px solid #EEEEEE;
  font-size: 1.75rem;
}
@media print {
  .title-page {
    padding-top: 0;
  }
}
.title-page__date {
  display: flex;
  align-items: baseline;
  gap: 0.5rem;
}
.title-page__date .--text {
  font-size: 1.5rem;
}
.title__sub {
  color: #6096e1;
}
.title__mini {
  color: #6096e1;
}
.title__text {
  font-family: "Zen Old Mincho", "游明朝", "Yu Mincho", "游明朝体", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

/* -------------------------------------------------------------------
  768px以上
------------------------------------------------------------------- */
@media screen and (min-width: 768px), print {
  .title-page {
    flex-direction: row;
    font-size: 2rem;
  }
  .title-page__date .--text {
    font-size: 2rem;
  }
}
/* -------------------------------------------------------------------
  footer
------------------------------------------------------------------- */
/* -------------------------------------------------------------------
  table
------------------------------------------------------------------- */
.table {
  width: 100%;
  border-spacing: 0;
  border-top: 1px solid #EEEEEE;
  border-left: 1px solid #EEEEEE;
}
.table th,
.table td {
  vertical-align: wrap;
  padding: 0.25rem 0.5rem;
  border-right: 1px solid #EEEEEE;
  border-bottom: 1px solid #EEEEEE;
  font-size: 1rem;
}
.table th {
  width: 0;
  background-color: #EEEEEE;
  white-space: nowrap;
  font-weight: 700;
}
.table td {
  text-align: center;
}
.table:not(.table-data) th,
.table:not(.table-data) td {
  text-align: left;
}

@media screen and (min-width: 768px), print {
  .table-data {
    table-layout: fixed;
  }
  .table:not(.table-data) th,
  .table:not(.table-data) td {
    text-align: center;
  }
}
.post-content h2,
.editor-area h2 {
  margin-top: 2.5rem;
}
.post-content h3,
.editor-area h3 {
  margin-top: 2.5rem;
}
.post-content b, .post-content strong,
.editor-area b,
.editor-area strong {
  font-weight: bold;
}
.post-content p,
.editor-area p {
  line-height: 1.7;
}

@media screen and (min-width: 768px) {
  h2 {
    margin-top: 2.5rem;
  }
  h3 {
    margin-top: 2rem;
  }
}
/* -------------------------------------------------------------------
  base
------------------------------------------------------------------- */
html,
body {
  margin: 0;
  padding: 0;
}

html {
  font-size: 13px;
}
@media print {
  html {
    font-size: 12px;
  }
}

body {
  font-size: 1rem;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
  line-height: normal;
  color: #231815;
  background-color: #ffffff;
}
body.--on {
  overflow: hidden;
}

a {
  color: #231815;
  text-decoration: underline;
}
@media screen and (min-width: 600px) {
  a {
    transition: 0.3s linear color;
  }
  a:hover {
    color: #6096e1;
  }
  a img {
    transition: 0.3s linear opacity;
  }
  a img:hover {
    opacity: 0.5;
  }
}

p {
  margin-top: 0;
  word-break: break-all;
}
p:last-child {
  margin-bottom: 0;
}

img,
svg {
  vertical-align: bottom;
  width: auto;
  height: auto;
  max-width: 100%;
}

figure {
  margin: 0;
}

b {
  color: #6096e1;
  font-weight: 500;
}

iframe {
  max-width: 100%;
  border: 0;
}

* {
  box-sizing: border-box;
}

h2, h3, h4, h5 {
  margin: 0;
}

.fw-b {
  font-weight: 700;
}
.fw-m {
  font-weight: 500;
}
.fw-l {
  font-weight: 400;
}

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

.list-dot {
  margin-bottom: 1rem;
  padding-left: 2rem;
}

.page1 {
  margin-top: 2rem;
}

#page2 .ex-head {
  margin-bottom: 2rem;
}
.ex-head__contents {
  display: flex;
  gap: 1.5rem;
  border-bottom: 1px solid #EEEEEE;
}
#page1 .ex-head__contents {
  margin-bottom: 2rem;
  padding-block: 1.5rem;
}
#page2 .ex-head__contents {
  padding-block: 1.5rem;
}
.ex-head__logo {
  flex-shrink: 0;
  display: grid;
  place-items: center;
  width: 100px;
  height: 100px;
  padding: 5px;
  border: 1px solid #EEEEEE;
}
.ex-head__info {
  display: grid;
  gap: 0.625rem;
}
.ex-head__info-title {
  margin-bottom: 0;
  font-size: 1.5rem;
  font-weight: 700;
}
.ex-head__info-meta {
  display: grid;
  gap: 0.625rem;
}
.ex-head__info-meta.--flex {
  display: flex;
  flex-wrap: wrap;
  gap: 0.625rem 1.5rem;
}
.ex-head__info-meta__row {
  display: flex;
  align-items: baseline;
  flex-direction: column;
  gap: 0.5rem;
  margin: 0;
  font-size: 1rem;
}
.ex-head__info-meta__row dt {
  flex-shrink: 0;
  width: calc(6em + 1.5rem);
  padding-inline: 0.75rem;
  background-color: #6096e1;
  border-radius: 3px;
  text-align: center;
  color: white;
}
.ex-head__info-meta__row dd {
  margin: 0;
}
.ex-head__info-notice {
  font-size: 0.75rem;
}
.ex-head__notice {
  margin-block: 1rem 4rem;
}

.remark {
  font-size: 0.75rem;
}

.asterisk {
  font-size: 0.6rem;
  vertical-align: super;
}

.performance-chart {
  height: 400px !important;
}

.divider {
  -moz-column-break-after: page;
       break-after: page;
}

/* -------------------------------------------------------------------
  768px以上
------------------------------------------------------------------- */
@media screen and (min-width: 768px), print {
  .contents {
    padding-left: 1.75rem;
  }
  .page1 {
    margin-top: 0;
  }
  .ex-head__info-meta__row {
    flex-direction: row;
  }
  .ex-head__logo {
    width: 10.5rem;
    height: 10.5rem;
  }
}
@media screen and (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

/*# sourceMappingURL=common.css.map*/