@font-face {
  font-family: "Noto Sans Japanese";
  font-style: normal;
  font-weight: 100;
  src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Thin.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Thin.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Thin.otf) format("opentype")
}
@font-face {
  font-family: "Noto Sans Japanese";
  font-style: normal;
  font-weight: 200;
  src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Light.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Light.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Light.otf) format("opentype")
}
@font-face {
  font-family: "Noto Sans Japanese";
  font-style: normal;
  font-weight: 300;
  src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-DemiLight.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-DemiLight.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-DemiLight.otf) format("opentype")
}
@font-face {
  font-family: "Noto Sans Japanese";
  font-style: normal;
  font-weight: 400;
  src: local("NotoSansJP-Regular.otf"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.otf) format("opentype")
}
@font-face {
  font-family: "Noto Sans Japanese";
  font-style: normal;
  font-weight: 500;
  src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.otf) format("opentype")
}
@font-face {
  font-family: "Noto Sans Japanese";
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.otf) format("opentype")
}
@font-face {
  font-family: "Noto Sans Japanese";
  font-style: normal;
  font-weight: 900;
  src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Black.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Black.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Black.otf) format("opentype")
}
.hidden-sm {
  display: block
}
@media screen and (max-width: 767px) {
  .hidden-sm {
    display: none
  }
}
.visible-sm {
  display: none
}
@media screen and (max-width: 767px) {
  .visible-sm {
    display: block
  }
}
.flex {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row
}
@media screen and (max-width: 767px) {
  .flex {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
}
input[type=submit], input[type=button] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
  border: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}
input[type=submit]::-webkit-search-decoration, input[type=button]::-webkit-search-decoration {
  display: none
}
input[type=submit]::focus, input[type=button]::focus {
  outline-offset: -2px
}
*, *::before, *::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}
ul[class], ol[class] {
  padding: 0
}
body, h1, h2, h3, h4, p, ul[class], ol[class], figure, blockquote, dl, dd {
  margin: 0
}
html {
  scroll-behavior: smooth
}
body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 1.5
}
ul[class], ol[class] {
  list-style: none
}
a:not([class]) {
  -webkit-text-decoration-skip: ink;
  text-decoration-skip-ink: auto
}
img {
  max-width: 100%;
  display: block
}
article > * + * {
  margin-top: 1em
}
input, button, textarea, select {
  font: inherit
}
img:not([alt]) {
  -webkit-filter: blur(10px);
  filter: blur(10px)
}
@media(prefers-reduced-motion: reduce) {
  * {
    -webkit-animation-duration: .01ms !important;
    animation-duration: .01ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
    -webkit-transition-duration: .01ms !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important
  }
}
.container {
  margin-right: auto;
  margin-left: auto
}
.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-right: 2rem;
  padding-left: 2rem
}
.row {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -0.5rem;
  margin-left: -0.5rem
}
.row.no-gap {
  margin: 0
}
.row.no-gap div[class^=col-] {
  padding: 0
}
.row.gap15 {
  margin-right: -7.5px;
  margin-left: -7.5px
}
.row.gap15 div[class^=col-] {
  padding-right: 7.5px;
  padding-left: 7.5px
}
.row.gap20 {
  margin-right: -10px;
  margin-left: -10px
}
.row.gap20 div[class^=col-] {
  padding-right: 10px;
  padding-left: 10px
}
.row.gap30 {
  margin-right: -15px;
  margin-left: -15px
}
.row.gap30 div[class^=col-] {
  padding-right: 15px;
  padding-left: 15px
}
.row.gap40 {
  margin-right: -20px;
  margin-left: -20px
}
.row.gap40 div[class^=col-] {
  padding-right: 20px;
  padding-left: 20px
}
.row.gap80 {
  margin-right: -40px;
  margin-left: -40px
}
.row.gap80 div[class^=col-] {
  padding-right: 40px;
  padding-left: 40px
}
.row.reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse
}
.col.reverse {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse
}
.col-xs, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-offset-0, .col-xs-offset-1, .col-xs-offset-10, .col-xs-offset-11, .col-xs-offset-12, .col-xs-offset-2, .col-xs-offset-3, .col-xs-offset-4, .col-xs-offset-5, .col-xs-offset-6, .col-xs-offset-7, .col-xs-offset-8, .col-xs-offset-9 {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  padding-right: .5rem;
  padding-left: .5rem
}
.col-xs {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  max-width: 100%
}
.col-xs-1 {
  -ms-flex-preferred-size: 8.33333333%;
  flex-basis: 8.33333333%;
  max-width: 8.33333%
}
.col-xs-2 {
  -ms-flex-preferred-size: 16.66666667%;
  flex-basis: 16.66666667%;
  max-width: 16.66667%
}
.col-xs-3 {
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
  max-width: 25%
}
.col-xs-4 {
  -ms-flex-preferred-size: 33.33333333%;
  flex-basis: 33.33333333%;
  max-width: 33.33333%
}
.col-xs-5 {
  -ms-flex-preferred-size: 41.66666667%;
  flex-basis: 41.66666667%;
  max-width: 41.66667%
}
.col-xs-6 {
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  max-width: 50%
}
.col-xs-7 {
  -ms-flex-preferred-size: 58.33333333%;
  flex-basis: 58.33333333%;
  max-width: 58.33333%
}
.col-xs-8 {
  -ms-flex-preferred-size: 66.66666667%;
  flex-basis: 66.66666667%;
  max-width: 66.66667%
}
.col-xs-9 {
  -ms-flex-preferred-size: 75%;
  flex-basis: 75%;
  max-width: 75%
}
.col-xs-10 {
  -ms-flex-preferred-size: 83.33333333%;
  flex-basis: 83.33333333%;
  max-width: 83.33333%
}
.col-xs-11 {
  -ms-flex-preferred-size: 91.66666667%;
  flex-basis: 91.66666667%;
  max-width: 91.66667%
}
.col-xs-12 {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  max-width: 100%
}
.col-xs-offset-0 {
  margin-left: 0
}
.col-xs-offset-1 {
  margin-left: 8.33333%
}
.col-xs-offset-2 {
  margin-left: 16.66667%
}
.col-xs-offset-3 {
  margin-left: 25%
}
.col-xs-offset-4 {
  margin-left: 33.33333%
}
.col-xs-offset-5 {
  margin-left: 41.66667%
}
.col-xs-offset-6 {
  margin-left: 50%
}
.col-xs-offset-7 {
  margin-left: 58.33333%
}
.col-xs-offset-8 {
  margin-left: 66.66667%
}
.col-xs-offset-9 {
  margin-left: 75%
}
.col-xs-offset-10 {
  margin-left: 83.33333%
}
.col-xs-offset-11 {
  margin-left: 91.66667%
}
.start-xs {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  text-align: start
}
.center-xs {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center
}
.end-xs {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  text-align: end
}
.top-xs {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}
.middle-xs {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}
.bottom-xs {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}
.around-xs {
  -ms-flex-pack: distribute;
  justify-content: space-around
}
.between-xs {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
.first-xs {
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1
}
.last-xs {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1
}
@media only screen and (min-width: 48em) {
  .container {
    width: 49rem
  }
  .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-offset-0, .col-sm-offset-1, .col-sm-offset-10, .col-sm-offset-11, .col-sm-offset-12, .col-sm-offset-2, .col-sm-offset-3, .col-sm-offset-4, .col-sm-offset-5, .col-sm-offset-6, .col-sm-offset-7, .col-sm-offset-8, .col-sm-offset-9 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-right: .5rem;
    padding-left: .5rem
  }
  .col-sm {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%
  }
  .col-sm-1 {
    -ms-flex-preferred-size: 8.33333333%;
    flex-basis: 8.33333333%;
    max-width: 8.33333%
  }
  .col-sm-2 {
    -ms-flex-preferred-size: 16.66666667%;
    flex-basis: 16.66666667%;
    max-width: 16.66667%
  }
  .col-sm-3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%
  }
  .col-sm-4 {
    -ms-flex-preferred-size: 33.33333333%;
    flex-basis: 33.33333333%;
    max-width: 33.33333%
  }
  .col-sm-5 {
    -ms-flex-preferred-size: 41.66666667%;
    flex-basis: 41.66666667%;
    max-width: 41.66667%
  }
  .col-sm-6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%
  }
  .col-sm-7 {
    -ms-flex-preferred-size: 58.33333333%;
    flex-basis: 58.33333333%;
    max-width: 58.33333%
  }
  .col-sm-8 {
    -ms-flex-preferred-size: 66.66666667%;
    flex-basis: 66.66666667%;
    max-width: 66.66667%
  }
  .col-sm-9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%
  }
  .col-sm-10 {
    -ms-flex-preferred-size: 83.33333333%;
    flex-basis: 83.33333333%;
    max-width: 83.33333%
  }
  .col-sm-11 {
    -ms-flex-preferred-size: 91.66666667%;
    flex-basis: 91.66666667%;
    max-width: 91.66667%
  }
  .col-sm-12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%
  }
  .col-sm-offset-0 {
    margin-left: 0
  }
  .col-sm-offset-1 {
    margin-left: 8.33333%
  }
  .col-sm-offset-2 {
    margin-left: 16.66667%
  }
  .col-sm-offset-3 {
    margin-left: 25%
  }
  .col-sm-offset-4 {
    margin-left: 33.33333%
  }
  .col-sm-offset-5 {
    margin-left: 41.66667%
  }
  .col-sm-offset-6 {
    margin-left: 50%
  }
  .col-sm-offset-7 {
    margin-left: 58.33333%
  }
  .col-sm-offset-8 {
    margin-left: 66.66667%
  }
  .col-sm-offset-9 {
    margin-left: 75%
  }
  .col-sm-offset-10 {
    margin-left: 83.33333%
  }
  .col-sm-offset-11 {
    margin-left: 91.66667%
  }
  .start-sm {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: start
  }
  .center-sm {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
  }
  .end-sm {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: end
  }
  .top-sm {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
  }
  .middle-sm {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
  .bottom-sm {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
  }
  .around-sm {
    -ms-flex-pack: distribute;
    justify-content: space-around
  }
  .between-sm {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
  .first-sm {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1
  }
  .last-sm {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
  }
}
@media only screen and (min-width: 64em) {
  .container {
    width: 62.5rem
  }
  .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-offset-0, .col-md-offset-1, .col-md-offset-10, .col-md-offset-11, .col-md-offset-12, .col-md-offset-2, .col-md-offset-3, .col-md-offset-4, .col-md-offset-5, .col-md-offset-6, .col-md-offset-7, .col-md-offset-8, .col-md-offset-9 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-right: .5rem;
    padding-left: .5rem
  }
  .col-md {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%
  }
  .col-md-1 {
    -ms-flex-preferred-size: 8.33333333%;
    flex-basis: 8.33333333%;
    max-width: 8.33333%
  }
  .col-md-2 {
    -ms-flex-preferred-size: 16.66666667%;
    flex-basis: 16.66666667%;
    max-width: 16.66667%
  }
  .col-md-3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%
  }
  .col-md-4 {
    -ms-flex-preferred-size: 33.33333333%;
    flex-basis: 33.33333333%;
    max-width: 33.33333%
  }
  .col-md-5 {
    -ms-flex-preferred-size: 41.66666667%;
    flex-basis: 41.66666667%;
    max-width: 41.66667%
  }
  .col-md-6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%
  }
  .col-md-7 {
    -ms-flex-preferred-size: 58.33333333%;
    flex-basis: 58.33333333%;
    max-width: 58.33333%
  }
  .col-md-8 {
    -ms-flex-preferred-size: 66.66666667%;
    flex-basis: 66.66666667%;
    max-width: 66.66667%
  }
  .col-md-9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%
  }
  .col-md-10 {
    -ms-flex-preferred-size: 83.33333333%;
    flex-basis: 83.33333333%;
    max-width: 83.33333%
  }
  .col-md-11 {
    -ms-flex-preferred-size: 91.66666667%;
    flex-basis: 91.66666667%;
    max-width: 91.66667%
  }
  .col-md-12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%
  }
  .col-md-offset-0 {
    margin-left: 0
  }
  .col-md-offset-1 {
    margin-left: 8.33333%
  }
  .col-md-offset-2 {
    margin-left: 16.66667%
  }
  .col-md-offset-3 {
    margin-left: 25%
  }
  .col-md-offset-4 {
    margin-left: 33.33333%
  }
  .col-md-offset-5 {
    margin-left: 41.66667%
  }
  .col-md-offset-6 {
    margin-left: 50%
  }
  .col-md-offset-7 {
    margin-left: 58.33333%
  }
  .col-md-offset-8 {
    margin-left: 66.66667%
  }
  .col-md-offset-9 {
    margin-left: 75%
  }
  .col-md-offset-10 {
    margin-left: 83.33333%
  }
  .col-md-offset-11 {
    margin-left: 91.66667%
  }
  .start-md {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: start
  }
  .center-md {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
  }
  .end-md {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: end
  }
  .top-md {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
  }
  .middle-md {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
  .bottom-md {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
  }
  .around-md {
    -ms-flex-pack: distribute;
    justify-content: space-around
  }
  .between-md {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
  .first-md {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1
  }
  .last-md {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
  }
}
@media only screen and (min-width: 74rem) {
  .container {
    width: 62.5rem
  }
  .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-offset-0, .col-lg-offset-1, .col-lg-offset-10, .col-lg-offset-11, .col-lg-offset-12, .col-lg-offset-2, .col-lg-offset-3, .col-lg-offset-4, .col-lg-offset-5, .col-lg-offset-6, .col-lg-offset-7, .col-lg-offset-8, .col-lg-offset-9 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-right: .5rem;
    padding-left: .5rem
  }
  .col-lg {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%
  }
  .col-lg-1 {
    -ms-flex-preferred-size: 8.33333333%;
    flex-basis: 8.33333333%;
    max-width: 8.33333%
  }
  .col-lg-2 {
    -ms-flex-preferred-size: 16.66666667%;
    flex-basis: 16.66666667%;
    max-width: 16.66667%
  }
  .col-lg-3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%
  }
  .col-lg-4 {
    -ms-flex-preferred-size: 33.33333333%;
    flex-basis: 33.33333333%;
    max-width: 33.33333%
  }
  .col-lg-5 {
    -ms-flex-preferred-size: 41.66666667%;
    flex-basis: 41.66666667%;
    max-width: 41.66667%
  }
  .col-lg-6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%
  }
  .col-lg-7 {
    -ms-flex-preferred-size: 58.33333333%;
    flex-basis: 58.33333333%;
    max-width: 58.33333%
  }
  .col-lg-8 {
    -ms-flex-preferred-size: 66.66666667%;
    flex-basis: 66.66666667%;
    max-width: 66.66667%
  }
  .col-lg-9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%
  }
  .col-lg-10 {
    -ms-flex-preferred-size: 83.33333333%;
    flex-basis: 83.33333333%;
    max-width: 83.33333%
  }
  .col-lg-11 {
    -ms-flex-preferred-size: 91.66666667%;
    flex-basis: 91.66666667%;
    max-width: 91.66667%
  }
  .col-lg-12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%
  }
  .col-lg-offset-0 {
    margin-left: 0
  }
  .col-lg-offset-1 {
    margin-left: 8.33333%
  }
  .col-lg-offset-2 {
    margin-left: 16.66667%
  }
  .col-lg-offset-3 {
    margin-left: 25%
  }
  .col-lg-offset-4 {
    margin-left: 33.33333%
  }
  .col-lg-offset-5 {
    margin-left: 41.66667%
  }
  .col-lg-offset-6 {
    margin-left: 50%
  }
  .col-lg-offset-7 {
    margin-left: 58.33333%
  }
  .col-lg-offset-8 {
    margin-left: 66.66667%
  }
  .col-lg-offset-9 {
    margin-left: 75%
  }
  .col-lg-offset-10 {
    margin-left: 83.33333%
  }
  .col-lg-offset-11 {
    margin-left: 91.66667%
  }
  .start-lg {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: start
  }
  .center-lg {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
  }
  .end-lg {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: end
  }
  .top-lg {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
  }
  .middle-lg {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
  .bottom-lg {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
  }
  .around-lg {
    -ms-flex-pack: distribute;
    justify-content: space-around
  }
  .between-lg {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
  .first-lg {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1
  }
  .last-lg {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
  }
}
:root {
  --main: #003894;
  --button: #ffb965;
  --date-bg: #eaf6fd;
  --intro-bg: #fcf5d0
}
body {
  color: #0c344e;
  font-family: "Noto Sans Japanese", sans-serif;
  font-weight: 400;
  line-height: 1.45
}
@media screen and (max-width: 767px) {
  body {
    font-size: 14px;
    font-size: .875rem
  }
}
img {
  max-width: 100%;
  height: auto
}
a {
  display: inline-block;
  -webkit-transition: all .3s ease;
  transition: all .3s ease
}
.red {
  color: red
}
.page {
  min-height: 100dvh
}
@media screen and (max-width: 767px) {
  .page {
    overflow-x: hidden;
    padding: 0 10px
  }
}
@media screen and (max-width: 767px) {
  header {
    margin: auto calc(50% - 50vw)
  }
}
footer {
  margin-top: 4em;
  position: -webkit-sticky;
  position: sticky;
  top: 100%;
  will-change: transform;
  background: #eee;
  padding: 2em 0 0
}
@media screen and (max-width: 767px) {
  footer {
    margin: 4em calc(50% - 50vw) auto
  }
}
footer .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.copyright {
  font-size: 12px;
  font-size: .8rem;
  background: var(--main);
  color: #fff;
  text-align: center;
  padding: .5em 0
}
.header-area {
  background-image: -webkit-image-set(url(../img/header-bg.png) 1x, url(../img/header-bg@2x.png) 2x);
  background-image: image-set(url(../img/header-bg.png) 1x, url(../img/header-bg@2x.png) 2x);
  background-position: top top;
  background-size: cover;
  padding: 0
}
.header-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 .6rem;
}
.header-title h1 {
  font-size: 24px;
  font-size: 2.5rem;
  color: #fff;
  text-align: center;
  margin-bottom: 4rem;
}
@media screen and (max-width: 767px) {
  .header-title h1 {
    font-size: 18px;
    font-size: 1.125rem
  }
}
.header-title p {
  font-size: 18px;
  font-size: 1.0rem;
  font-weight: bold;
  color: #FFC600;
  text-align: center;
  padding: 0 0 .5rem;
  margin-top: 4rem;
}
@media screen and (max-width: 767px) {
  .header-title p {
    font-size: 12px;
    font-size: .75rem
  }
}
.sp-br {
  display: none;
}
@media screen and (max-width: 767px) {
  .sp-br {
    display: block;
  }
}
.header-img figure img {
  border-radius: 30px
}
.header-img figcaption {
  color: #fff;
  margin-top: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}
.header-img figcaption .name-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}
.header-img figcaption h2 {
  font-size: 18px;
  font-size: 1.125rem;
  border-radius: 20px;
  background: #fff;
  color: var(--main);
  display: inline-block;
  padding: .3em 2em
}
.header-img figcaption p {
  display: inline-block;
  font-weight: bold;
  font-size: 22px;
  font-size: 1.375rem
}
.header-img figcaption p span {
  font-size: 14px;
  font-size: .875rem
}
.header-img figcaption ul {
  font-size: 14px;
  font-size: .875rem;
  list-style: none;
  margin: 1em 0 0 0;
  padding: 0;
  text-align: left
}
.entry-button {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 4em auto
}
.entry-button a {
  font-size: 24px;
  font-size: 1.5rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: var(--button);
  border-radius: 60px;
  border: 1px solid var(--button);
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: bold;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 2em 4em;
  text-decoration: none
}
@media screen and (max-width: 767px) {
  .entry-button a {
    font-size: 18px;
    font-size: 1.125rem;
    padding: 1em 2em
  }
}
.entry-button a:hover {
  background: #fff;
  color: var(--button)
}
.entry-button a[tabindex="-1"] {
  background: #ccc;
  color: #aaa;
  border: 1px solid #ccc;
  pointer-events: none
}
.entry-button a i {
  margin-right: .5em
}
.entry-button--left {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}
.entry-button--left a {
  padding: 1em 2em
}
.description-section {
  margin: 4em auto;
}
.description {
  padding: 1.5em;
  border: 2px solid #bbb;
  border-radius: 10px;
  line-height: 1.7;
}
.description p {
  text-indent: 0em;
}
.description p:not(:last-child) {
  margin-bottom: 0em;
}
.main-contents {
  margin: 4em auto;
}
.main-contents h2 {
  text-align: center;
  font-size: 1.4rem;
  background: var(--main);
  color: #fff;
  padding: .5em 0;
}
.box-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 4em;
  gap: 20px;
}
@media screen and (max-width: 767px) {
  .box-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}
.box-row .left {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%
}
.box-row .right {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%
}
.box-row .zoom {
  background: var(--date-bg);
  padding: 1em
}
@media screen and (max-width: 767px) {
  .box-row .zoom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
}
.box-row .zoom h3 {
  text-align: center;
  color: var(--main)
}
.box-row .zoom .date {
  font-size: 22px;
  font-size: 1.375rem;
  font-weight: bold;
  color: var(--main)
}
@media screen and (max-width: 767px) {
  .box-row .zoom .date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
  }
}
.box-row .zoom .date span {
  font-size: 32px;
  font-size: 2rem
}
.box-row .zoom .time ul {
  list-style: none;
  padding: 0;
  margin: 0
}
@media screen and (max-width: 767px) {
  .box-row .zoom .time {
    margin-top: 1em
  }
}
.box-row .ondemand {
  background: var(--date-bg);
  padding: 1em;
  margin-top: 2em
}
@media screen and (max-width: 767px) {
  .box-row .ondemand {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
  }
}
.box-row .ondemand h3 {
  text-align: center;
  color: var(--main)
}
.box-row .ondemand .date {
  font-size: 22px;
  font-size: 1.375rem;
  font-weight: bold;
  color: var(--main)
}
@media screen and (max-width: 767px) {
  .box-row .ondemand .date {
    text-align: center
  }
}
.box-row .ondemand .date span {
  font-size: 32px;
  font-size: 2rem
}
.box-row2 {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
.introduce {
  background: var(--intro-bg);
  padding: 1em
}
.introduce-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 10px
}
@media screen and (max-width: 767px) {
  .introduce-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
  }
}
.introduce-row figure {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}
@media screen and (max-width: 767px) {
  .introduce-row figure {
    text-align: center
  }
}
.introduce-row img {
  max-width: 100%;
  border-radius: 30px
}
@media screen and (max-width: 767px) {
  .introduce-row img {
    max-width: 60%;
    margin: 0 auto
  }
}
.introduce-row h3 {
  font-size: 18px;
  font-size: 1.125rem;
  border-radius: 20px;
  background: #fff;
  color: var(--main);
  display: inline-block;
  padding: .3em 2em
}
.introduce-text {
  -webkit-box-flex: 2;
  -ms-flex: 2;
  flex: 2
}
.introduce-text h3 {
  font-size: 16px;
  font-size: 1rem;
  background: var(--main);
  color: #fff
}
.introduce-text h4 {
  font-size: 24px;
  font-size: 1.5rem
}
.introduce-text h4 span {
  font-size: 16px;
  font-size: 1rem
}
.introduce-text ul {
  list-style: none;
  padding-left: 0;
  margin-top: .5em
}
.introduce-text .point {
  font-size: 12px;
  font-size: .75rem;
  color: var(--main)
}
@media screen and (max-width: 767px) {
  .introduce-text .point {
    text-align: left
  }
}
@media screen and (max-width: 767px) {
  .introduce-row2 {
    margin-top: 2em
  }
}
.introduce-row2 dl div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1em
}
@media screen and (max-width: 767px) {
  .introduce-row2 dl div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
}
.introduce-row2 dl div.dd-item {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}
.introduce-row2 dl div:not(:last-child) {
  margin-bottom: 1em
}
.introduce-row2 dl div dt {
  font-size: 16px;
  font-size: 1rem;
  background: var(--main);
  border-radius: 20px;
  color: #fff;
  display: inline-block;
  -ms-flex-preferred-size: 30%;
  flex-basis: 30%;
  padding: .3em 2em;
  text-align: center
}
.introduce-row2 dl div dd span {
  font-size: 30px;
  font-size: 1.875rem;
  color: var(--main);
  font-weight: bold
}
.flyer {
  margin: 0 auto;
}
/* ===== 上段：Zoomリアルタイム配信 ===== */
.zoom-section {
  margin-top: 14px;
  background: var(--date-bg);
  border-radius: 12px;
  padding: 20px 22px;
}
.zoom-header {
  border-bottom: 4px solid var(--main);
  padding-bottom: 6px;
  margin-bottom: 14px;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: center;
  gap: 8px;
}
.zoom-header-left {
  font-weight: bold;
  font-size: 1.2rem;
  color: var(--main);
  margin-right: 8px;
}
.zoom-header-right {
  font-size: 1.4rem;
  font-weight: bold;
  color: var(--main);
}
.zoom-header-right span.date {
  font-size: 1.7rem;
  margin: 0 4px;
}
.schedule-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.95rem;
  line-height: 1.6;
}
.schedule-table td {
  vertical-align: top;
  padding: 2px 4px;
}
.schedule-time {
  width: 120px;
  white-space: nowrap;
}
.schedule-main-title {
  font-weight: bold;
  color: var(--main);
}
.schedule-speaker {
  margin-left: 0.4em;
  white-space: nowrap;
}
.schedule-note {
  font-size: 0.8rem;
  color: #666;
}
.schedule-bullets {
  margin-top: 4px;
  margin-bottom: 0;
  padding-left: 1.2em;
  font-size: 0.9rem;
}
.schedule-bullets li {
  margin-bottom: 2px;
  list-style-type: disc;
  list-style: inside;
  padding-left:2em;
  text-indent:-1.5em;
}
/* プラス記号 */
.plus-wrap {
  text-align: center;
  margin: 6px 0;
}
.plus-sign {
  display: inline-block;
  font-size: 1.8rem;
  font-weight: bold;
  color: var(--main);
}
/* ===== 下段：オンデマンド配信 ===== */
.ondemand-section {
  background: #f3f9ff;
  border-radius: 12px;
  padding: 18px 22px;
  margin: 6px 0 2em;
}
.ondemand-header {
  border-bottom: 4px solid var(--main);
  padding-bottom: 6px;
  margin-bottom: 8px;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: center;
  gap: 8px;
}
.ondemand-header-left {
  font-weight: bold;
  font-size: 1.2rem;
  color: var(--main);
}
.ondemand-header-right {
  font-size: 1.4rem;
  font-weight: bold;
  color: var(--main);
}
.ondemand-header-right span.date {
  font-size: 1.7rem;
  color: var(--main);
  margin: 0 4px;
}
.ondemand-note {
  margin-top: 6px;
  font-size: 0.9rem;
  text-align: center;
}
/* ===== 情報ブロック（講師・対象・受講料・主催） ===== */
.info-section {
  margin-top: 16px;
  background: #fff7c9;
  border-radius: 16px;
  padding: 14px 18px;
}
/* テーブル本体 */
.info-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 6px;
  font-size: 0.95rem;
}
/* 左側セル（中身は後述の .info-label） */
.info-table th {
  width: 90px;
  padding: 0; /* 余計な余白を消す */
  text-align: center;
  vertical-align: middle;
}
/* 青い丸ラベル本体 */
.info-label {
  display: inline-block;
  min-width: 70px;
  padding: 6px 12px;
  background: var(--main);
  color: #fff;
  border-radius: 999px; /* きれいな pill 形 */
  font-weight: bold;
  line-height: 1;
  white-space: nowrap;
}
/* 右側セル */
.info-table td {
  padding: 4px 12px;
  vertical-align: middle;
}
/* 文字装飾 */
.teacher-name {
  font-weight: bold;
  margin-right: 0.5em;
  font-size: 1.1rem;
}
.fee-main {
  font-size: 1.0rem;
  font-weight: normal;
}
.fee-main span.price {
  font-size: 1.4rem;
  font-weight: bold;
  color: var(--main);
}
.fee-sub {
  margin-top: 2px;
  font-size: 0.85rem;
}
.organizer {
}
/* レスポンシブ（スマホ） */
@media (max-width: 640px) {
  .flyer {
    padding: 16px 14px 18px;
  }
  .zoom-header-right, .ondemand-header-right {
    font-size: 1.0rem;
  }
  .zoom-header-right span.date, .ondemand-header-right span.date {
    font-size: 1.2rem;
  }
  .schedule-time {
    width: 90px;
    font-size: 0.85rem;
  }
  /* ===== 情報セクション（講師／対象／受講料／主催） ===== */
  .info-section {
    padding: 10px 10px 12px;
    border-radius: 12px;
  }
  .info-table {
    border-spacing: 0 8px;
    font-size: 0.9rem;
  }
  /* 行ごとに縦積みレイアウト */
  .info-table tr {
    display: block;
    margin-bottom: 10px;
  }
  .info-table th {
    display: block;
    width: auto;
    text-align: left;
    padding: 0;
    margin-bottom: 4px;
  }
  .info-label {
    min-width: 0;
    padding: 4px 10px;
    font-size: 0.85rem;
  }
  .info-table td {
    display: block;
    padding: 0 2px 0 4px;
  }
  .fee-main {
    font-size: 0.9rem;
  }
  .fee-main span.price {
    font-size: 1.1rem;
  }
}

/* ===== 講師カード（画像＋プロフィール） ===== */
.teacher-list {
  display: flex;
  flex-direction: column;
  gap: 10px;	
}

.teacher-card {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 10px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.4);
}

.teacher-photo img {
  width: 100px;
  height: 100px;
  border-radius: 12px;
  object-fit: cover;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);
}

/* 名前・肩書き */
.teacher-profile {
  line-height: 1.5;
  margin: auto 0;
}

.teacher-name {
  font-weight: 700;
  font-size: 1.05rem;
  margin: 0 0 2px;
}

.teacher-title {
  margin: 0;
  font-size: 0.9rem;
}

/* スマホ対応 */
@media (max-width: 640px) {
  .teacher-card {
	display: block;
    padding: 0;
	background: none;
  }

  .teacher-photo img {
    width: 100px;
    height: 100px;
  }

  .teacher-name {
    font-size: 1.0rem;
  }

  .teacher-title {
    font-size: 0.85rem;
  }
}

.notice-wrap {
  width: 100%;
  border-radius: 20px;
  border: 4px solid var(--main);
  margin-top: 1em;
  padding: 2em
}
@media screen and (max-width: 767px) {
  .notice-wrap {
    padding: 1em
  }
}
.notice-wrap .notice-dl div:not(:last-child) {
  margin-bottom: 1em
}
.notice-wrap .notice-dl div dt {
  font-size: 16px;
  font-size: 1rem;
  background: var(--main);
  border-radius: 20px;
  color: #fff;
  display: inline-block;
  -ms-flex-preferred-size: 30%;
  flex-basis: 30%;
  padding: .3em 2em;
  text-align: center;
  margin-bottom: .5em
}
.notice-wrap .notice-dl div dd {
  margin-left: 2em;
  list-style: disc;
  display: list-item
}
@media screen and (max-width: 767px) {
  .notice-wrap .notice-dl div dd {
    margin-left: 1em
  }
}
.footer-nav ul {
  list-style: none;
  padding-left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1em;
  color: var(--main);
}
.footer-nav ul li.current {
  color: #0c344e;
}
.footer-nav ul li a {
  color: var(--main);
}
.footer-nav ul li a:hover {
  text-decoration: none;
}
.contant-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.contant-wrap ul {
  list-style: none;
  margin: 1em auto 2em;
  padding-left: 0;
  text-align: center;
}
.header-nav-area {
  background-color: var(--main);
}
.header-nav ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%
}
.header-nav ul li {
  color: #fff;
  width: 25%;
  text-align: center;
  border-bottom: 3px solid var(--main);
  transition: 0.25s ease;
}
.header-nav ul li.current {
  padding: 1em;
  background: var(--main);
  color: #fff100;
  font-weight: bold;
  border-bottom: 3px solid #fff100;
}
.header-nav ul li a {
  padding: 1em;
  text-decoration: none;
  color: #fff;
}
.header-nav ul li:hover {
  border-bottom: 3px solid #fff100;
}
.page-main {
  margin-top: 2em
}
.page-main--contact .container h2 {
  font-size: 24px;
  font-size: 1.5rem;
  background: var(--main);
  color: #fff;
  padding: .5em 0;
  text-align: center
}
.live-item:not(:last-child) {
  margin-bottom: 2em
}
.faq-dl {
  margin-top: 1em
}
.faq-dl div:not(:last-child) {
  margin-bottom: 1em
}
.faq-dl div dd {
  text-indent: -1.3em;
  padding-left: 1.3em
}
.faq-dl div .question {
  color: var(--main);
  font-size: 22px;
  font-size: 1.375rem;
  font-weight: bold
}
.faq-dl div .answer {
  color: red;
  font-size: 22px;
  font-size: 1.375rem;
  font-weight: bold
}
.form {
  margin-top: 4em
}
.contact-notice {
  font-size: 16px;
  font-size: 1rem;
  color: red;
  margin-top: 1em
}
form {
  margin-top: 1em
}
form input[type=submit] {
  font-size: 16px;
  font-size: 1rem;
  background: var(--button);
  border-radius: 20px;
  border: 1px solid var(--button);
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  padding: 1em 2em;
  text-decoration: none;
  -webkit-transition: all .3s ease;
  transition: all .3s ease
}
form input[type=submit]:hover {
  background: #fff;
  color: var(--button)
}
.contact-table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%
}
.contact-table tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
@media screen and (max-width: 767px) {
  .contact-table tr {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}
.contact-table th, .contact-table td {
  padding: 1em
}
@media screen and (max-width: 767px) {
  .contact-table th, .contact-table td {
    display: block;
    width: 100%
  }
}
.contact-table th {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  text-align: left;
  width: 30%
}
@media screen and (max-width: 767px) {
  .contact-table th {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%;
    padding-bottom: 0
  }
}
.contact-table th .required {
  background: red;
  border-radius: 10px;
  color: #fff;
  margin-left: 1em;
  padding: .3em 1em;
  text-align: center
}
.contact-table td {
  width: 70%
}
@media screen and (max-width: 767px) {
  .contact-table td {
    width: 100%
  }
}
.contact-table td input, .contact-table td textArea, .contact-table td select {
  font-size: 16px;
  font-size: 1rem;
  padding: 1em;
  width: 100%
}
.notice-header {
  background: #fbb731;
  text-align: center
}
.notice-header a {
  color: #bb2c28;
  display: inline-block;
  font-weight: bold;
  padding: .5em
}
/*# sourceMappingURL=maps/style.css.map */