@charset "UTF-8";

html,
body {
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "Hiragino Sans", "ヒラギノ角ゴシック", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}

@media all and (-ms-high-contrast: none) {

  html,
  body {
    font-family: "メイリオ", Meiryo, "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  }
}

body {
  line-height: 1;
}

div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "Hiragino Sans", "ヒラギノ角ゴシック", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}

@media all and (-ms-high-contrast: none) {

  div,
  span,
  applet,
  object,
  iframe,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  blockquote,
  pre,
  a,
  abbr,
  acronym,
  address,
  big,
  cite,
  code,
  del,
  dfn,
  em,
  font,
  img,
  ins,
  kbd,
  q,
  s,
  samp,
  small,
  strike,
  strong,
  sub,
  sup,
  tt,
  var,
  dl,
  dt,
  dd,
  ol,
  ul,
  li,
  fieldset,
  form,
  label,
  legend,
  table,
  caption,
  tbody,
  tfoot,
  thead,
  tr,
  th,
  td {
    font-family: "メイリオ", Meiryo, "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  }
}

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

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

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

table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0px;
}

a {
  text-decoration: none;
  color: #000;
}

a.decoration {
  text-decoration: underline;
}

a.decoration:visited,
a.decoration:focus,
a.decoration:active {
  text-decoration: underline;
  outline: 0;
}

a:visited,
a:focus,
a:active {
  text-decoration: none;
  color: #000;
  outline: 0;
}

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

* html .clearfix {
  zoom: 1;
}

*:first-child+html .clearfix {
  zoom: 1;
}

body {
  font-size: 16px;
  color: #000;
  -webkit-text-size-adjust: 100%;
}

#wrap {
  font-size: 16px;
}

a {
  color: #000;
}

a:visited,
a:focus,
a:active {
  color: #000;
}

@media only screen and (min-width: 1080px) {
  a[href^="tel:"] {
    pointer-events: none;
  }
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
  image-rendering: -webkit-optimize-contrast;
}

@media only screen and (min-width: 1080px) {
  .flL {
    float: left;
  }

  .flR {
    float: right;
  }

  .hoverOpacity {
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
  }

  .hoverOpacity:hover {
    opacity: 0.8;
  }

  .pcH {
    display: none !important;
  }
}

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

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

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

.alignL {
  text-align: left;
}

.alignC {
  text-align: center;
}

.alignR {
  text-align: right;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .tabAlignL {
    text-align: left;
  }

  .tabAlignC {
    text-align: center;
  }

  .tabAlignR {
    text-align: right;
  }
}

@media only screen and (max-width: 767px) {
  .spAlignL {
    text-align: left;
  }

  .spAlignC {
    text-align: center;
  }

  .spAlignR {
    text-align: right;
  }
}

.tabBox {
  width: 100%;
  display: none;
}

.tabBox.active {
  display: block;
}

.inner {
  width: 90%;
  max-width: 1125px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .inner {
    width: 94%;
    max-width: none;
    padding-right: 0;
    padding-left: 0;
  }
}

@media only screen and (max-width: 767px) {
  .inner {
    width: 94%;
    max-width: none;
    padding-right: 0;
    padding-left: 0;
  }
}

.largeInner {
  width: 90%;
  max-width: 1240px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .largeInner {
    width: 94%;
    max-width: none;
    padding-right: 0;
    padding-left: 0;
  }
}

@media only screen and (max-width: 767px) {
  .largeInner {
    width: 94%;
    max-width: none;
    padding-right: 0;
    padding-left: 0;
  }
}

.smallInner {
  width: 90%;
  max-width: 685px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .smallInner {
    width: 94%;
    max-width: none;
    padding-right: 0;
    padding-left: 0;
  }
}

@media only screen and (max-width: 767px) {
  .smallInner {
    width: 94%;
    max-width: none;
    padding-right: 0;
    padding-left: 0;
  }
}

.sectionWrap {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.sectionWrap .section {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.sectionWrap .section.hasBorderT {
  border-top: 1px solid #ddd;
}

.sectionWrap .sectionInner {
  padding-top: 120px;
  padding-bottom: 120px;
}

.sectionWrap .sectionInner.hasBorderT {
  border-top: 1px solid #ddd;
}

.sectionWrap .sectionInner.pTNone {
  padding-top: 0;
}

.sectionWrap .sectionInner.pBNone {
  padding-bottom: 0;
}

@media only screen and (max-width: 767px) {
  .sectionWrap .sectionInner {
    padding-top: 16vw;
    padding-bottom: 16vw;
  }

  .sectionWrap .sectionInner.spPTNone {
    padding-top: 0;
  }

  .sectionWrap .sectionInner.spPBNone {
    padding-bottom: 0;
  }

  .sectionWrap .sectionInner.spHasPT {
    padding-top: 16vw;
  }

  .sectionWrap .sectionInner.spHasPB {
    padding-bottom: 16vw;
  }
}

.sectionWrap .sectionInner.smallPd {
  padding-top: 90px;
  padding-bottom: 90px;
}

.sectionWrap .sectionInner.smallPd.pTBig {
  padding-top: 120px;
}

.sectionWrap .sectionInner.smallPd.pBBig {
  padding-bottom: 120px;
}

.sectionWrap .sectionInner.smallPd.pTNone {
  padding-top: 0;
}

.sectionWrap .sectionInner.smallPd.pBNone {
  padding-bottom: 0;
}

@media only screen and (max-width: 767px) {
  .sectionWrap .sectionInner.smallPd {
    padding-top: 13.3333333333vw;
    padding-bottom: 13.3333333333vw;
  }

  .sectionWrap .sectionInner.smallPd.spPTNone {
    padding-top: 0;
  }

  .sectionWrap .sectionInner.smallPd.spPBNone {
    padding-bottom: 0;
  }

  .sectionWrap .sectionInner.smallPd.spHasPT {
    padding-top: 13.3333333333vw;
  }

  .sectionWrap .sectionInner.smallPd.spHasPB {
    padding-bottom: 13.3333333333vw;
  }

  .sectionWrap .sectionInner.smallPd.spHasPTBig {
    padding-top: 16vw;
  }

  .sectionWrap .sectionInner.smallPd.spHasPBBig {
    padding-bottom: 16vw;
  }
}

.sectionWrap .sectionTitleWrap {
  text-align: center;
}

.sectionWrap .sectionTitleWrap.alignL {
  text-align: left;
}

.sectionWrap .sectionTitleWrap .sectionTitle {
  font-size: 40px;
  font-weight: 900;
  font-family: "Zen Kaku Gothic New", sans-serif;
  line-height: 1.2;
}

@media only screen and (max-width: 767px) {
  .sectionWrap .sectionTitleWrap .sectionTitle {
    font-size: 7.1428571429vw;
  }
}

.sectionWrap .sectionTitleWrap.bgEnTitleWrap {
  position: relative;
}

.sectionWrap .sectionTitleWrap.bgEnTitleWrap .bgEnTitle {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 150px;
  font-weight: 700;
  font-family: "Outfit", sans-serif;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0.05;
}

@media only screen and (max-width: 767px) {
  .sectionWrap .sectionTitleWrap.bgEnTitleWrap .bgEnTitle {
    font-size: 26.6666666667vw;
  }
}

.sectionWrap .sectionTitleWrap.bgEnTitleWrap .sectionTitle {
  z-index: 2;
  position: relative;
}

.lineLimit1 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.lineLimit2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.lineLimit3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.lineLimit5 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
}

.normalTitle {
  line-height: 1.6;
  font-size: 20px;
  letter-spacing: 0.08em;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .normalTitle {
    font-size: 2.6666666667vw;
  }
}

@media only screen and (max-width: 767px) {
  .normalTitle {
    font-size: 5.3333333333vw;
  }
}

.normalTitle.size-xxs {
  line-height: 1.6;
  font-size: 14px;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .normalTitle.size-xxs {
    font-size: 1.6vw;
  }
}

@media only screen and (max-width: 767px) {
  .normalTitle.size-xxs {
    font-size: 3.2vw;
  }
}

.normalTitle.size-s {
  font-size: 18px;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .normalTitle.size-s {
    font-size: 2.1333333333vw;
  }
}

@media only screen and (max-width: 767px) {
  .normalTitle.size-s {
    font-size: 4.2666666667vw;
  }
}

.normalTitle.size-xxl {
  font-size: 32px;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .normalTitle.size-xxl {
    font-size: 2.4vw;
  }
}

@media only screen and (max-width: 767px) {
  .normalTitle.size-xxl {
    font-size: 4.8vw;
  }
}

.wysiwygText>* {
  margin-top: 30px;
}

@media only screen and (max-width: 767px) {
  .wysiwygText>* {
    margin-top: 6%;
  }
}

.wysiwygText>*:first-child {
  margin-top: 0;
}

.wysiwygText h1 {
  line-height: 1.4;
  font-size: 28px;
  font-weight: bold;
}

@media only screen and (max-width: 767px) {
  .wysiwygText h1 {
    font-size: 5.5vw;
  }
}

.wysiwygText h2 {
  line-height: 1.4;
  padding-left: 0.8em;
  font-size: 24px;
  font-weight: bold;
  border-left: 6px solid #1e9323;
}

@media only screen and (max-width: 767px) {
  .wysiwygText h2 {
    font-size: 4.8vw;
  }
}

.wysiwygText h3 {
  line-height: 1.4;
  padding: 0.6em 0.5em;
  font-size: 20px;
  font-weight: bold;
  background-color: #eaeaea;
}

@media only screen and (max-width: 767px) {
  .wysiwygText h3 {
    font-size: 4vw;
  }
}

.wysiwygText h4 {
  line-height: 1.6;
  padding: 0 0.5em 0.5em 2em;
  font-size: 20px;
  font-weight: bold;
  position: relative;
  border-bottom: 1px solid #ccc;
}

@media only screen and (max-width: 767px) {
  .wysiwygText h4 {
    font-size: 4vw;
  }
}

.wysiwygText h4:before,
.wysiwygText h4:after {
  content: "";
  position: absolute;
  border-radius: 100%;
}

.wysiwygText h4:before {
  width: 18px;
  height: 18px;
  top: 0.2em;
  left: 0.2em;
  z-index: 2;
  background-color: #eee;
  background-color: rgba(150, 150, 150, 0.5);
}

.wysiwygText h4:after {
  width: 13px;
  height: 13px;
  top: 0.7em;
  left: 0.7em;
  background-color: #bbb;
  background-color: rgba(210, 210, 210, 0.5);
}

.wysiwygText h5 {
  line-height: 1.6;
  padding-bottom: 0.4em;
  font-size: 20px;
  font-weight: bold;
  border-bottom: 4px solid #eaeaea;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .wysiwygText h5 {
    font-size: 4vw;
  }
}

.wysiwygText h5:after {
  width: 20%;
  height: 4px;
  content: "";
  background-color: #1e9323;
  position: absolute;
  bottom: -4px;
  left: 0;
  z-index: 2;
}

.wysiwygText h6 {
  line-height: 1.6;
  padding-bottom: 0.4em;
  font-size: 20px;
  font-weight: bold;
  border-bottom: 1px solid #ccc;
}

@media only screen and (max-width: 767px) {
  .wysiwygText h6 {
    font-size: 4vw;
  }
}

.wysiwygText a {
  line-height: 1.8;
  color: #1e9323;
  text-decoration: underline;
  font-size: 16px;
}

.wysiwygText a:visited,
.wysiwygText a:focus,
.wysiwygText a:active {
  color: #1e9323;
}

@media only screen and (min-width: 1080px) {
  .wysiwygText a:hover {
    text-decoration: none;
  }
}

@media only screen and (max-width: 767px) {
  .wysiwygText a {
    font-size: 3.2vw;
  }
}

.wysiwygText p {
  line-height: 1.8;
  font-size: 16px;
}

@media only screen and (max-width: 767px) {
  .wysiwygText p {
    font-size: 3.2vw;
  }
}

.wysiwygText p:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.wysiwygText b,
.wysiwygText em,
.wysiwygText strong {
  font-weight: bold;
}

.wysiwygText em {
  font-style: italic;
}

.wysiwygText sup,
.wysiwygText sub {
  font-size: 80%;
}

.wysiwygText sup {
  vertical-align: super;
}

.wysiwygText sub {
  vertical-align: sub;
}

.wysiwygText img.alignleft {
  padding-right: 30px;
  padding-bottom: 30px;
  float: left;
}

@media only screen and (max-width: 767px) {
  .wysiwygText img.alignleft {
    padding: 0;
    padding-bottom: 4%;
    margin-left: auto;
    margin-right: auto;
    float: none;
    display: block;
  }
}

.wysiwygText img.alignright {
  padding-left: 30px;
  padding-bottom: 30px;
  float: right;
}

@media only screen and (max-width: 767px) {
  .wysiwygText img.alignright {
    padding: 0;
    padding-bottom: 4%;
    margin-left: auto;
    margin-right: auto;
    float: none;
    display: block;
  }
}

.wysiwygText img.aligncenter {
  padding-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
  clear: both;
  display: block;
}

@media only screen and (max-width: 767px) {
  .wysiwygText img.aligncenter {
    padding: 0;
    padding-bottom: 4%;
    margin-left: auto;
    margin-right: auto;
    float: none;
  }
}

.wysiwygText hr {
  width: 100%;
  height: 1px;
  border: none;
  background-color: #1e9323;
  display: block;
}

.wysiwygText blockquote {
  padding: 65px;
  background-color: #f8f8f8;
  display: block;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .wysiwygText blockquote {
    padding: 40px;
  }
}

.wysiwygText blockquote:before,
.wysiwygText blockquote:after {
  width: 42px;
  height: 32px;
  content: "";
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  display: block;
  position: absolute;
  z-index: 1;
}

@media only screen and (max-width: 767px) {

  .wysiwygText blockquote:before,
  .wysiwygText blockquote:after {
    width: 21px;
    height: 16px;
  }
}

.wysiwygText blockquote:before {
  background-image: url("../images/icon/quate_top_2x.png");
  top: 20px;
  left: 20px;
}

@media only screen and (max-width: 767px) {
  .wysiwygText blockquote:before {
    top: 15px;
    left: 15px;
  }
}

.wysiwygText blockquote:after {
  background-image: url("../images/icon/quate_bottom_2x.png");
  right: 20px;
  bottom: 20px;
}

@media only screen and (max-width: 767px) {
  .wysiwygText blockquote:after {
    right: 15px;
    bottom: 15px;
  }
}

.wysiwygText blockquote p {
  line-height: 2;
  position: relative;
  z-index: 2;
}

.wysiwygText ul {
  padding-left: 1.2em;
  list-style: disc;
  font-size: 16px;
}

@media only screen and (max-width: 767px) {
  .wysiwygText ul {
    font-size: 3.2vw;
  }
}

.wysiwygText ul li {
  list-style: disc;
}

.wysiwygText ol {
  padding-left: 1.2em;
  list-style: decimal;
  font-size: 16px;
}

@media only screen and (max-width: 767px) {
  .wysiwygText ol {
    font-size: 3.2vw;
  }
}

.wysiwygText ol li {
  list-style: decimal;
}

.wysiwygText li {
  line-height: 1.8;
  margin-top: 15px;
  font-size: 16px;
}

@media only screen and (max-width: 767px) {
  .wysiwygText li {
    margin-top: 3%;
    font-size: 3.2vw;
  }
}

.wysiwygText li:first-child {
  margin-top: 0;
}

.wysiwygText iframe,
.wysiwygText video {
  max-width: 100% !important;
}

@media only screen and (max-width: 767px) {

  .wysiwygText iframe,
  .wysiwygText video {
    height: 56.25vw !important;
  }
}

.wysiwygText table {
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 16px;
}

.wysiwygText table th {
  line-height: 1.8;
  padding: 20px;
  border: 1px solid #ccc;
  font-size: 16px;
}

@media only screen and (max-width: 767px) {
  .wysiwygText table th {
    font-size: 3.2vw;
  }
}

.wysiwygText table td {
  line-height: 1.8;
  padding: 20px;
  border: 1px solid #ccc;
  font-size: 16px;
}

@media only screen and (max-width: 767px) {
  .wysiwygText table td {
    font-size: 3.2vw;
  }
}

.wysiwygText table thead th:first-child,
.wysiwygText table thead td:first-child {
  border: none;
  background-color: transparent;
}

.customBlockText .mce-menubar.mce-toolbar.mce-first {
  display: none !important;
}

.wp-admin .customBlockText .wp-block[data-align=left],
.wp-admin .customBlockText .wp-block[data-align=right] {
  height: auto;
}

.customBlockText h1+*,
.customBlockText h2+*,
.customBlockText h3+* {
  margin-top: 15px !important;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {

  .customBlockText h1+*,
  .customBlockText h2+*,
  .customBlockText h3+* {
    margin-top: 1.25vw !important;
  }
}

@media only screen and (max-width: 767px) {

  .customBlockText h1+*,
  .customBlockText h2+*,
  .customBlockText h3+* {
    margin-top: 2.5vw !important;
  }
}

.customBlockText h4+*,
.customBlockText h5+*,
.customBlockText h6+* {
  margin-top: 8px !important;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {

  .customBlockText h4+*,
  .customBlockText h5+*,
  .customBlockText h6+* {
    margin-top: 0.625vw !important;
  }
}

@media only screen and (max-width: 767px) {

  .customBlockText h4+*,
  .customBlockText h5+*,
  .customBlockText h6+* {
    margin-top: 1.25vw !important;
  }
}

.customBlockText h1 {
  line-height: 1.6;
  padding-bottom: 0.5em;
  font-size: 28px;
  font-weight: bold;
  letter-spacing: 0.06em;
  border-bottom: 2px solid #000;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText h1 {
    font-size: 3vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText h1 {
    font-size: 6vw;
  }
}

.customBlockText h2 {
  line-height: 1.6;
  padding: 0.8em 1em;
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 0.06em;
  background-color: #eee;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText h2 {
    font-size: 2.6vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText h2 {
    font-size: 5.2vw;
  }
}

.customBlockText h3 {
  line-height: 1.6;
  padding-left: 0.3em;
  border-left: 3px solid #000;
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 0.06em;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText h3 {
    font-size: 2.6vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText h3 {
    font-size: 5.2vw;
  }
}

.customBlockText h4 {
  line-height: 1.8;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0.06em;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText h4 {
    font-size: 2vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText h4 {
    font-size: 4.4vw;
  }
}

.customBlockText h5 {
  line-height: 1.8;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0.06em;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText h5 {
    font-size: 1.8vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText h5 {
    line-height: 1.6;
    font-size: 4vw;
  }
}

.customBlockText h6 {
  line-height: 2;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.06em;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText h6 {
    line-height: 1.8;
    font-size: 1.6vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText h6 {
    line-height: 1.8;
    font-size: 3.6vw;
  }
}

.customBlockText p {
  line-height: 2;
  font-size: 16px;
  letter-spacing: 0.02em;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText p {
    font-size: 1.8vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText p {
    font-size: 4vw;
  }
}

.customBlockText a {
  line-height: 2;
  letter-spacing: 0.02em;
  text-decoration: underline;
  font-size: 16px;
  color: #0cb4ce;
}

.customBlockText a:visited,
.customBlockText a:focus,
.customBlockText a:active {
  color: #0cb4ce;
}

@media only screen and (min-width: 1080px) {
  .customBlockText a:hover {
    text-decoration: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText a {
    font-size: 1.8vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText a {
    font-size: 4vw;
  }
}

.customBlockText a[target=_blank]:after {
  width: 0.7em;
  height: 0.7em;
  content: "";
  margin-left: 0.2em;
  display: inline-block;
  vertical-align: super;
  background-color: currentColor;
  -webkit-mask-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="178" height="178" viewBox="0 0 178 178"><image width="178" height="178" xlink:href="data:image/png;base64,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"/></svg>');
  mask-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="178" height="178" viewBox="0 0 178 178"><image width="178" height="178" xlink:href="data:image/png;base64,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"/></svg>');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.customBlockText b,
.customBlockText em,
.customBlockText strong {
  font-weight: bold;
}

.customBlockText em {
  font-style: italic;
}

.customBlockText sup,
.customBlockText sub {
  font-size: 80%;
}

.customBlockText sup {
  vertical-align: super;
}

.customBlockText sub {
  vertical-align: sub;
}

.customBlockText blockquote {
  width: 100%;
  line-height: 2;
  padding: 40px;
  font-size: 16px;
  letter-spacing: 0.02em;
  color: #6a6a6a;
  background-color: #eee;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText blockquote {
    padding: 4vw;
    font-size: 1.8vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText blockquote {
    padding: 11vw;
    font-size: 4vw;
  }
}

.customBlockText blockquote * {
  color: inherit;
}

.customBlockText blockquote:before,
.customBlockText blockquote:after {
  width: 21px;
  height: 16px;
  content: "";
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  display: block;
  position: absolute;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  z-index: 1;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {

  .customBlockText blockquote:before,
  .customBlockText blockquote:after {
    width: 2vw;
    height: 1.6vw;
  }
}

@media only screen and (max-width: 767px) {

  .customBlockText blockquote:before,
  .customBlockText blockquote:after {
    width: 6vw;
    height: 4.6vw;
  }
}

.customBlockText blockquote:before {
  background-image: url("../images/icon/editor/quate_top_2x.png");
  top: 13px;
  left: 13px;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText blockquote:before {
    top: 1.6vw;
    left: 1.6vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText blockquote:before {
    top: 4vw;
    left: 4vw;
  }
}

.customBlockText blockquote:after {
  background-image: url("../images/icon/editor/quate_bottom_2x.png");
  right: 20px;
  bottom: 20px;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText blockquote:after {
    right: 1.6vw;
    bottom: 1.6vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText blockquote:after {
    right: 4vw;
    bottom: 4vw;
  }
}

.customBlockText blockquote>* {
  margin-top: 16px;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText blockquote>* {
    margin-top: 2vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText blockquote>* {
    margin-top: 4vw;
  }
}

.customBlockText blockquote>*:first-child {
  margin-top: 0;
}

.customBlockText blockquote p {
  line-height: 2;
  position: relative;
  z-index: 2;
}

.customBlockText blockquote cite,
.customBlockText blockquote .wp-block-quote__citation {
  width: 100%;
  line-height: 2;
  font-size: 14px;
  letter-spacing: 0.02em;
  text-align: right;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {

  .customBlockText blockquote cite,
  .customBlockText blockquote .wp-block-quote__citation {
    line-height: 1.8;
    font-size: 1.6vw;
  }
}

@media only screen and (max-width: 767px) {

  .customBlockText blockquote cite,
  .customBlockText blockquote .wp-block-quote__citation {
    line-height: 1.8;
    font-size: 3.6vw;
  }
}

.customBlockText ul {
  line-height: 2;
  padding-left: 1.2em;
  list-style: disc;
  font-size: 16px;
  letter-spacing: 0.02em;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText ul {
    font-size: 1.8vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText ul {
    font-size: 4vw;
  }
}

.customBlockText ul li {
  list-style: disc;
}

.customBlockText ol {
  line-height: 2;
  padding-left: 1.2em;
  list-style: decimal;
  font-size: 16px;
  letter-spacing: 0.02em;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText ol {
    font-size: 1.8vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText ol {
    font-size: 4vw;
  }
}

.customBlockText ol li {
  list-style: decimal;
}

.customBlockText li {
  line-height: 2;
  margin-top: 8px;
  font-size: 16px;
  letter-spacing: 0.02em;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText li {
    margin-top: 1vw;
    font-size: 1.8vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText li {
    margin-top: 2vw;
    font-size: 4vw;
  }
}

.customBlockText li:first-child {
  margin-top: 0;
}

.customBlockText li li {
  margin-top: 0;
}

.customBlockText pre.wp-block-code {
  width: 100%;
  padding: 30px;
  border: 1px solid #ddd;
  background-color: #f8f8f8;
  border-radius: 6px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText pre.wp-block-code {
    padding: 2vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText pre.wp-block-code {
    padding: 4vw;
  }
}

.customBlockText pre.wp-block-code code {
  line-height: 2;
  font-size: 16px;
  color: #333;
  letter-spacing: 0.02em;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText pre.wp-block-code code {
    font-size: 1.8vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText pre.wp-block-code code {
    font-size: 4vw;
  }
}

.wp-admin .customBlockText .wp-block[data-align=left] .wp-block-table {
  width: auto;
  margin-right: auto;
  margin-left: 0;
  float: none;
}

.wp-admin .customBlockText .wp-block[data-align=left] table {
  margin-right: auto;
  margin-left: 0;
}

.wp-admin .customBlockText .wp-block[data-align=center] .wp-block-table {
  width: auto;
  margin-right: auto;
  margin-left: auto;
  float: none;
}

.wp-admin .customBlockText .wp-block[data-align=center] table {
  margin-right: auto;
  margin-left: auto;
}

.wp-admin .customBlockText .wp-block[data-align=right] .wp-block-table {
  width: auto;
  margin-right: 0;
  margin-left: auto;
  float: none;
}

.wp-admin .customBlockText .wp-block[data-align=right] table {
  margin-right: 0;
  margin-left: auto;
}

.customBlockText .wp-block-table {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  border-bottom: none;
  display: block;
  overflow: auto;
  clear: both;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.customBlockText .wp-block-table .alignleft {
  margin-top: 0;
  margin-bottom: 0;
  margin-right: auto;
  float: none;
}

.customBlockText .wp-block-table .aligncenter {
  margin: 0 auto;
  float: none;
}

.customBlockText .wp-block-table .alignright {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: auto;
  float: none;
}

.customBlockText .wp-block-table>* {
  margin-top: 6px;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText .wp-block-table>* {
    margin-top: 2vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText .wp-block-table>* {
    margin-top: 4vw;
  }
}

.customBlockText .wp-block-table>*:first-child {
  margin-top: 0;
}

.customBlockText .wp-block-table table {
  letter-spacing: 0.02em;
  border-collapse: collapse;
  border-spacing: 0;
  border: 1px solid #ccc;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText .wp-block-table table {
    font-size: 1.8vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText .wp-block-table table {
    font-size: 4vw;
  }
}

.customBlockText .wp-block-table table th {
  line-height: 1.8;
  padding: 1em;
  font-size: 16px;
  letter-spacing: 0.02em;
  border: 1px solid #ccc;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText .wp-block-table table th {
    line-height: 1.6;
    font-size: 1.8vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText .wp-block-table table th {
    line-height: 1.6;
    font-size: 4vw;
  }
}

.customBlockText .wp-block-table table td {
  line-height: 1.8;
  padding: 1em;
  font-size: 16px;
  letter-spacing: 0.02em;
  border: 1px solid #ccc;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText .wp-block-table table td {
    line-height: 1.6;
    font-size: 1.8vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText .wp-block-table table td {
    line-height: 1.6;
    font-size: 4vw;
  }
}

.customBlockText .wp-block-table thead th,
.customBlockText .wp-block-table thead td {
  background-color: #eee;
}

.customBlockText .wp-block-table tfoot th,
.customBlockText .wp-block-table tfoot td {
  background-color: #eee;
}

.customBlockText .wp-block-table figcaption {
  width: 100%;
  line-height: 1.8;
  font-size: 14px;
  text-align: right;
  color: #666;
  letter-spacing: 0.02em;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText .wp-block-table figcaption {
    line-height: 1.8;
    font-size: 1.6vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText .wp-block-table figcaption {
    line-height: 1.8;
    font-size: 3.6vw;
  }
}

.wp-admin .customBlockText .wp-block[data-align=left] .wp-block-image {
  width: auto;
  margin-right: auto;
  margin-left: 0;
  float: none;
}

.wp-admin .customBlockText .wp-block[data-align=center] .wp-block-image {
  width: auto;
  margin-right: auto;
  margin-left: auto;
  float: none;
}

.wp-admin .customBlockText .wp-block[data-align=right] .wp-block-image {
  width: auto;
  margin-right: 0;
  margin-left: auto;
  float: none;
}

.customBlockText .wp-block-image {
  width: 100%;
  padding: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  clear: both;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.customBlockText .wp-block-image .alignleft {
  margin-top: 0;
  margin-bottom: 0;
  margin-right: auto;
  float: none;
}

.customBlockText .wp-block-image .aligncenter {
  margin: 0 auto;
  float: none;
}

.customBlockText .wp-block-image .alignright {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: auto;
  float: none;
}

.customBlockText .wp-block-image>img {
  max-width: 100%;
}

.customBlockText .wp-block-image figcaption {
  width: 100%;
  line-height: 1.8;
  padding: 0;
  margin: 0;
  margin-top: 6px;
  text-align: center;
  font-size: 14px;
  color: #666;
  letter-spacing: 0.02em;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.customBlockText .wp-block-image figcaption:first-child {
  margin-top: 0;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText .wp-block-image figcaption {
    line-height: 1.8;
    margin-top: 2vw;
    font-size: 1.6vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText .wp-block-image figcaption {
    line-height: 1.8;
    margin-top: 4vw;
    font-size: 3.6vw;
  }
}

.customBlockText iframe,
.customBlockText video {
  max-width: 100% !important;
}

@media only screen and (max-width: 767px) {

  .customBlockText iframe,
  .customBlockText video {
    width: 100% !important;
    height: 56.25vw !important;
  }
}

.customBlockText .wp-block-video figcaption {
  width: 100%;
  line-height: 1.8;
  padding: 0;
  margin: 0;
  margin-top: 6px;
  text-align: center;
  font-size: 14px;
  color: #666;
  letter-spacing: 0.02em;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.customBlockText .wp-block-video figcaption:first-child {
  margin-top: 0;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText .wp-block-video figcaption {
    line-height: 1.8;
    margin-top: 2vw;
    font-size: 1.6vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText .wp-block-video figcaption {
    line-height: 1.8;
    margin-top: 4vw;
    font-size: 3.6vw;
  }
}

.customBlockText hr.wp-block-separator {
  width: 100%;
  height: 2px;
  margin-right: auto;
  margin-left: auto;
  border: 0;
  display: block;
  background-color: #ccc;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.customBlockText hr.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
  max-width: 100px;
}

.customBlockText hr.wp-block-separator.is-style-dots {
  width: 100%;
  max-width: none;
  height: 40px;
}

.customBlockText hr.wp-block-separator.is-style-dots:before {
  content: "···";
  color: #ccc;
  font-size: 40px;
  letter-spacing: 1em;
  padding-left: 1em;
  font-family: serif;
}

.customBlockText .textArea .text {
  line-height: 2;
  font-size: 16px;
  letter-spacing: 0.02em;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText .textArea .text {
    font-size: 1.8vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText .textArea .text {
    font-size: 4vw;
  }
}

.customBlockText .blockIndexArea {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.customBlockText .blockIndexArea+.blockIndexArea {
  margin-top: 16px;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText .blockIndexArea+.blockIndexArea {
    margin-top: 2vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText .blockIndexArea+.blockIndexArea {
    margin-top: 4vw;
  }
}

.customBlockText .blockIndexArea+.blockIndexArea:first-child {
  margin-top: 0;
}

.customBlockText .blockIndexArea .blockIndexWrap {
  width: 100%;
  padding: 5.5555555556%;
  background-color: #eee;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media only screen and (max-width: 767px) {
  .customBlockText .blockIndexArea .blockIndexWrap {
    width: 100vw;
    padding: 9.3333333333%;
    margin-left: -5vw;
  }
}

.customBlockText .blockIndexArea .blockIndexWrap>dl {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.customBlockText .blockIndexArea .blockIndexWrap>dl>dt {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.customBlockText .blockIndexArea .blockIndexWrap>dl>dt>.blockIndexAcrBtn {
  width: 100%;
  display: block;
  text-decoration: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  color: #000;
}

.customBlockText .blockIndexArea .blockIndexWrap>dl>dt>.blockIndexAcrBtn:visited,
.customBlockText .blockIndexArea .blockIndexWrap>dl>dt>.blockIndexAcrBtn:focus,
.customBlockText .blockIndexArea .blockIndexWrap>dl>dt>.blockIndexAcrBtn:active {
  color: #000;
}

.customBlockText .blockIndexArea .blockIndexWrap>dl>dt>.blockIndexAcrBtn.active:after {
  -webkit-transform: translateY(-50%) rotate(0deg);
  transform: translateY(-50%) rotate(0deg);
}

.customBlockText .blockIndexArea .blockIndexWrap>dl>dt>.blockIndexAcrBtn:after {
  width: 17px;
  height: 11px;
  content: "";
  background-image: url("../images/icon/editor/blockIndex_arrow.svg");
  background-repeat: no-repeat;
  background-position: center center;
  display: block;
  background-size: contain;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
  position: absolute;
  top: 50%;
  right: 0;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText .blockIndexArea .blockIndexWrap>dl>dt>.blockIndexAcrBtn:after {
    width: 2vw;
    height: 1.3vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText .blockIndexArea .blockIndexWrap>dl>dt>.blockIndexAcrBtn:after {
    width: 4vw;
    height: 2.6vw;
  }
}

.customBlockText .blockIndexArea .blockIndexWrap>dl>dt>.blockIndexAcrBtn>span {
  line-height: 1;
  margin-left: 1em;
  font-weight: bold;
  display: inline-block;
}

.customBlockText .blockIndexArea .blockIndexWrap>dl>dt>.blockIndexAcrBtn>span:first-child {
  margin-left: 0;
}

.customBlockText .blockIndexArea .blockIndexWrap>dl>dt>.blockIndexAcrBtn .en {
  font-size: 30px;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText .blockIndexArea .blockIndexWrap>dl>dt>.blockIndexAcrBtn .en {
    font-size: 3vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText .blockIndexArea .blockIndexWrap>dl>dt>.blockIndexAcrBtn .en {
    font-size: 9vw;
  }
}

.customBlockText .blockIndexArea .blockIndexWrap>dl>dt>.blockIndexAcrBtn .jp {
  font-size: 14px;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText .blockIndexArea .blockIndexWrap>dl>dt>.blockIndexAcrBtn .jp {
    font-size: 1.6vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText .blockIndexArea .blockIndexWrap>dl>dt>.blockIndexAcrBtn .jp {
    font-size: 3.6vw;
  }
}

.customBlockText .blockIndexArea .blockIndexWrap>dl>dd {
  width: 100%;
  margin-top: 35px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText .blockIndexArea .blockIndexWrap>dl>dd {
    margin-top: 3vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText .blockIndexArea .blockIndexWrap>dl>dd {
    margin-top: 8vw;
  }
}

.wp-admin .customBlockText .blockIndexArea .blockIndexWrap>dl>dd {
  display: block;
}

.customBlockText .blockIndexArea .blockIndexWrap>dl>dd .blockIndexList {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.customBlockText .blockIndexArea .blockIndexWrap>dl>dd .blockIndexList>* {
  margin-top: 30px;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText .blockIndexArea .blockIndexWrap>dl>dd .blockIndexList>* {
    margin-top: 3vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText .blockIndexArea .blockIndexWrap>dl>dd .blockIndexList>* {
    margin-top: 7vw;
  }
}

.customBlockText .blockIndexArea .blockIndexWrap>dl>dd .blockIndexList>*:first-child {
  margin-top: 0;
}

.customBlockText .blockIndexArea .blockIndexWrap>dl>dd .blockIndex {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.customBlockText .blockIndexArea .blockIndexWrap>dl>dd .blockIndex>* {
  margin-top: 20px;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText .blockIndexArea .blockIndexWrap>dl>dd .blockIndex>* {
    margin-top: 2vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText .blockIndexArea .blockIndexWrap>dl>dd .blockIndex>* {
    margin-top: 4vw;
  }
}

.customBlockText .blockIndexArea .blockIndexWrap>dl>dd .blockIndex>*:first-child {
  margin-top: 0;
}

.customBlockText .blockIndexArea .blockIndexWrap>dl>dd .blockIndex .titleArea .blockIndexTitle {
  width: 100%;
  line-height: 1.6;
  font-size: 18px;
  font-weight: bold;
  display: block;
  text-decoration: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText .blockIndexArea .blockIndexWrap>dl>dd .blockIndex .titleArea .blockIndexTitle {
    font-size: 2vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText .blockIndexArea .blockIndexWrap>dl>dd .blockIndex .titleArea .blockIndexTitle {
    font-size: 4.4vw;
  }
}

.customBlockText .blockIndexArea .blockIndexWrap>dl>dd .blockIndex .titleArea a.blockIndexTitle {
  text-decoration: underline;
  color: #000;
}

.customBlockText .blockIndexArea .blockIndexWrap>dl>dd .blockIndex .titleArea a.blockIndexTitle:visited,
.customBlockText .blockIndexArea .blockIndexWrap>dl>dd .blockIndex .titleArea a.blockIndexTitle:focus,
.customBlockText .blockIndexArea .blockIndexWrap>dl>dd .blockIndex .titleArea a.blockIndexTitle:active {
  color: #000;
}

@media only screen and (min-width: 1080px) {
  .customBlockText .blockIndexArea .blockIndexWrap>dl>dd .blockIndex .titleArea a.blockIndexTitle:hover {
    text-decoration: none;
  }
}

.customBlockText .blockIndexArea .blockIndexWrap>dl>dd .blockIndex .indexLinkList {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.customBlockText .blockIndexArea .blockIndexWrap>dl>dd .blockIndex .indexLinkList.noIndent>ul>li {
  padding-left: 0;
}

.customBlockText .blockIndexArea .blockIndexWrap>dl>dd .blockIndex .indexLinkList>ul {
  width: 100%;
  padding-left: 0;
  list-style: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.customBlockText .blockIndexArea .blockIndexWrap>dl>dd .blockIndex .indexLinkList>ul>li {
  line-height: 1.6;
  padding-left: 1em;
  margin-top: 20px;
  list-style: none;
  font-size: 18px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText .blockIndexArea .blockIndexWrap>dl>dd .blockIndex .indexLinkList>ul>li {
    margin-top: 2vw;
    font-size: 2vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText .blockIndexArea .blockIndexWrap>dl>dd .blockIndex .indexLinkList>ul>li {
    margin-top: 4vw;
    font-size: 4.4vw;
  }
}

.customBlockText .blockIndexArea .blockIndexWrap>dl>dd .blockIndex .indexLinkList>ul>li:first-child {
  margin-top: 0;
}

.customBlockText .blockIndexArea .blockIndexWrap>dl>dd .blockIndex .indexLinkList>ul>li>a,
.customBlockText .blockIndexArea .blockIndexWrap>dl>dd .blockIndex .indexLinkList>ul>li>span {
  line-height: inherit;
  font-size: inherit;
  color: #000;
}

.customBlockText .blockIndexArea .blockIndexWrap>dl>dd .blockIndex .indexLinkList>ul>li>a:visited,
.customBlockText .blockIndexArea .blockIndexWrap>dl>dd .blockIndex .indexLinkList>ul>li>a:focus,
.customBlockText .blockIndexArea .blockIndexWrap>dl>dd .blockIndex .indexLinkList>ul>li>a:active,
.customBlockText .blockIndexArea .blockIndexWrap>dl>dd .blockIndex .indexLinkList>ul>li>span:visited,
.customBlockText .blockIndexArea .blockIndexWrap>dl>dd .blockIndex .indexLinkList>ul>li>span:focus,
.customBlockText .blockIndexArea .blockIndexWrap>dl>dd .blockIndex .indexLinkList>ul>li>span:active {
  color: #000;
}

.customBlockText .blockQuateArea {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.customBlockText .blockQuateArea+.blockQuateArea {
  margin-top: 16px;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText .blockQuateArea+.blockQuateArea {
    margin-top: 2vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText .blockQuateArea+.blockQuateArea {
    margin-top: 4vw;
  }
}

.customBlockText .blockQuateArea+.blockQuateArea:first-child {
  margin-top: 0;
}

.customBlockText .blockQuateArea .blockQuate {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.customBlockText .blockQuateArea .blockQuate>* {
  margin-top: 4px;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText .blockQuateArea .blockQuate>* {
    margin-top: 0.25vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText .blockQuateArea .blockQuate>* {
    margin-top: 0.5vw;
  }
}

.customBlockText .blockQuateArea .blockQuate>*:first-child {
  margin-top: 0;
}

.customBlockText .blockQuateArea .blockQuate .quateCopy .quateCopyInner {
  line-height: 1.6;
  font-size: 14px;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText .blockQuateArea .blockQuate .quateCopy .quateCopyInner {
    font-size: 1.4vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText .blockQuateArea .blockQuate .quateCopy .quateCopyInner {
    font-size: 3vw;
  }
}

.customBlockText .blockQuateArea .blockQuate .quateCopy .quateCopyInner * {
  font-size: inherit;
}

.customBlockText .blockBtnArea {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.customBlockText .blockBtnArea+.blockBtnArea {
  margin-top: 16px;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText .blockBtnArea+.blockBtnArea {
    margin-top: 2vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText .blockBtnArea+.blockBtnArea {
    margin-top: 4vw;
  }
}

.customBlockText .blockBtnArea+.blockBtnArea:first-child {
  margin-top: 0;
}

.customBlockText .blockBtnArea .btnListBox {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.customBlockText .blockBtnArea .btnListBox.alignL {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.customBlockText .blockBtnArea .btnListBox.alignC {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.customBlockText .blockBtnArea .btnListBox.alignR {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.customBlockText .blockBtnArea .btnListBox.btnCol1>a {
  width: 100%;
  margin-top: 16px;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText .blockBtnArea .btnListBox.btnCol1>a {
    margin-top: 2vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText .blockBtnArea .btnListBox.btnCol1>a {
    margin-top: 4vw;
  }
}

.customBlockText .blockBtnArea .btnListBox.btnCol1>a:first-child {
  margin-top: 0;
}

.customBlockText .blockBtnArea .btnListBox.btnCol2>a {
  width: 49%;
  margin-top: 16px;
  margin-left: 2%;
}

.customBlockText .blockBtnArea .btnListBox.btnCol2>a:nth-child(-n+2) {
  margin-top: 0;
}

.customBlockText .blockBtnArea .btnListBox.btnCol2>a:nth-child(2n+1) {
  margin-left: 0;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText .blockBtnArea .btnListBox.btnCol2>a {
    margin-top: 2vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText .blockBtnArea .btnListBox.btnCol2>a {
    margin-top: 4vw;
  }
}

.customBlockText .blockBtnArea .btnListBox.btnCol2_sp1>a {
  width: 49%;
  margin-top: 16px;
  margin-left: 2%;
}

.customBlockText .blockBtnArea .btnListBox.btnCol2_sp1>a:nth-child(-n+2) {
  margin-top: 0;
}

.customBlockText .blockBtnArea .btnListBox.btnCol2_sp1>a:nth-child(2n+1) {
  margin-left: 0;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText .blockBtnArea .btnListBox.btnCol2_sp1>a {
    margin-top: 2vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText .blockBtnArea .btnListBox.btnCol2_sp1>a {
    width: 100%;
    margin-top: 4vw;
    margin-left: 0;
  }

  .customBlockText .blockBtnArea .btnListBox.btnCol2_sp1>a:nth-child(-n+2) {
    margin-top: 4vw;
  }

  .customBlockText .blockBtnArea .btnListBox.btnCol2_sp1>a:first-child {
    margin-top: 0;
  }
}

.customBlockText .blockBtnArea .btnListBox.btnCol3>a {
  width: 32%;
  margin-top: 16px;
  margin-left: 2%;
}

.customBlockText .blockBtnArea .btnListBox.btnCol3>a:nth-child(-n+3) {
  margin-top: 0;
}

.customBlockText .blockBtnArea .btnListBox.btnCol3>a:nth-child(3n+1) {
  margin-left: 0;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText .blockBtnArea .btnListBox.btnCol3>a {
    margin-top: 2vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText .blockBtnArea .btnListBox.btnCol3>a {
    margin-top: 4vw;
  }
}

.customBlockText .blockBtnArea .btnListBox.btnCol3_sp2>a {
  width: 32%;
  margin-top: 16px;
  margin-left: 2%;
}

.customBlockText .blockBtnArea .btnListBox.btnCol3_sp2>a:nth-child(-n+3) {
  margin-top: 0;
}

.customBlockText .blockBtnArea .btnListBox.btnCol3_sp2>a:nth-child(3n+1) {
  margin-left: 0;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText .blockBtnArea .btnListBox.btnCol3_sp2>a {
    margin-top: 2vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText .blockBtnArea .btnListBox.btnCol3_sp2>a {
    width: 49%;
    margin-top: 4vw;
    margin-left: 2%;
  }

  .customBlockText .blockBtnArea .btnListBox.btnCol3_sp2>a:nth-child(-n+3) {
    margin-top: 4vw;
  }

  .customBlockText .blockBtnArea .btnListBox.btnCol3_sp2>a:nth-child(3n+1) {
    margin-left: 2%;
  }

  .customBlockText .blockBtnArea .btnListBox.btnCol3_sp2>a:nth-child(-n+2) {
    margin-top: 0;
  }

  .customBlockText .blockBtnArea .btnListBox.btnCol3_sp2>a:nth-child(2n+1) {
    margin-left: 0;
  }
}

.customBlockText .blockBtnArea .btnListBox.btnCol3_sp1>a {
  width: 32%;
  margin-top: 16px;
  margin-left: 2%;
}

.customBlockText .blockBtnArea .btnListBox.btnCol3_sp1>a:nth-child(-n+3) {
  margin-top: 0;
}

.customBlockText .blockBtnArea .btnListBox.btnCol3_sp1>a:nth-child(3n+1) {
  margin-left: 0;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText .blockBtnArea .btnListBox.btnCol3_sp1>a {
    margin-top: 2vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText .blockBtnArea .btnListBox.btnCol3_sp1>a {
    width: 100%;
    margin-top: 4vw;
    margin-left: 0;
  }

  .customBlockText .blockBtnArea .btnListBox.btnCol3_sp1>a:nth-child(-n+3) {
    margin-top: 4vw;
  }

  .customBlockText .blockBtnArea .btnListBox.btnCol3_sp1>a:first-child {
    margin-top: 0;
  }
}

.customBlockText .blockBtnArea .btnListBox>a {
  padding: 1em;
  font-size: 16px;
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  background-color: #ec8d27;
  color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.customBlockText .blockBtnArea .btnListBox>a:visited,
.customBlockText .blockBtnArea .btnListBox>a:focus,
.customBlockText .blockBtnArea .btnListBox>a:active {
  color: #fff;
}

@media only screen and (min-width: 1080px) {
  .customBlockText .blockBtnArea .btnListBox>a {
    -webkit-transition-property: background-color;
    transition-property: background-color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
  }

  .customBlockText .blockBtnArea .btnListBox>a:hover {
    background-color: #f6cb9c;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText .blockBtnArea .btnListBox>a {
    font-size: 1.8vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText .blockBtnArea .btnListBox>a {
    font-size: 3.6vw;
  }
}

.customBlockText .blockBtnArea .btnListBox>a.alignL {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.customBlockText .blockBtnArea .btnListBox>a.alignC {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.customBlockText .blockBtnArea .btnListBox>a.alignR {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.customBlockText .blockBtnArea .btnListBox>a * {
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
}

.customBlockText .blockBtnArea .btnListBox>a .jp {
  line-height: 1;
}

.customBlockText .blockBtnArea .btnListBox>a .en {
  line-height: 1;
}

.customBlockText .blockBtnArea .btnListBox>a.enJpBtn .en,
.customBlockText .blockBtnArea .btnListBox>a.enBtn .en {
  line-height: 1.4;
  font-size: 130%;
  font-weight: 600;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

.customBlockText .blockBtnArea .btnListBox>a.enJpBtn .jp,
.customBlockText .blockBtnArea .btnListBox>a.enBtn .jp {
  line-height: 1.4;
  margin-left: 0.5em;
  font-size: 80%;
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

.customBlockText .blockBtnArea .btnListBox>a.jpEnBtn .jp,
.customBlockText .blockBtnArea .btnListBox>a.jpBtn .jp {
  line-height: 1.4;
  font-size: 130%;
  font-weight: bold;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

.customBlockText .blockBtnArea .btnListBox>a.jpEnBtn .en,
.customBlockText .blockBtnArea .btnListBox>a.jpBtn .en {
  line-height: 1.4;
  margin-left: 0.5em;
  font-size: 80%;
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

.customBlockText .blockBtnArea .btnListBox>a[target=_blank]:after {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
}

.customBlockText .blockIframeBoxArea {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.customBlockText .blockIframeBoxArea .blockIframeBox {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.customBlockText .blockIframeBoxArea .blockIframeBox>* {
  margin-top: 8px;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText .blockIframeBoxArea .blockIframeBox>* {
    margin-top: 1vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText .blockIframeBoxArea .blockIframeBox>* {
    margin-top: 2vw;
  }
}

.customBlockText .blockIframeBoxArea .blockIframeBox>*:first-child {
  margin-top: 0;
}

.customBlockText .blockIframeBoxArea .blockIframeBox .iframeBox {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.customBlockText .blockIframeBoxArea .blockIframeBox .iframeBox .code {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.customBlockText .blockIframeBoxArea .blockIframeBox .iframeBox .code>iframe,
.customBlockText .blockIframeBoxArea .blockIframeBox .iframeBox .code>video {
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
  display: inline-block;
}

.customBlockText .blockIframeBoxArea .blockIframeBox .iframeBox.iframe_left .code {
  margin-right: auto;
  margin-left: 0;
  text-align: left;
}

.customBlockText .blockIframeBoxArea .blockIframeBox .iframeBox.iframe_center .code {
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

.customBlockText .blockIframeBoxArea .blockIframeBox .iframeBox.iframe_right .code {
  margin-right: 0;
  margin-left: auto;
  text-align: right;
}

.customBlockText .blockIframeBoxArea .blockIframeBox .iframeBox.iframe_full .code {
  width: 100%;
  max-width: none;
  padding-top: 56.25%;
  margin-right: auto;
  margin-left: auto;
  position: relative;
}

.customBlockText .blockIframeBoxArea .blockIframeBox .iframeBox.iframe_full .code>iframe,
.customBlockText .blockIframeBoxArea .blockIframeBox .iframeBox.iframe_full .code>video {
  width: 100% !important;
  height: 100% !important;
  max-width: none;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}

.customBlockText .blockIframeBoxArea .blockIframeBox .detail {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.customBlockText .blockIframeBoxArea .blockIframeBox .detail .caption {
  width: 100%;
  line-height: 1.8;
  font-size: 14px;
  letter-spacing: 0.02em;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .customBlockText .blockIframeBoxArea .blockIframeBox .detail .caption {
    line-height: 1.8;
    font-size: 1.6vw;
  }
}

@media only screen and (max-width: 767px) {
  .customBlockText .blockIframeBoxArea .blockIframeBox .detail .caption {
    line-height: 1.8;
    font-size: 3.2vw;
  }
}

.textWrap .text {
  line-height: 1.6;
  font-size: 16px;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .textWrap .text {
    font-size: 1.7333333333vw;
  }
}

@media only screen and (max-width: 767px) {
  .textWrap .text {
    font-size: 3.4666666667vw;
  }
}

.textWrap .text.size-s {
  line-height: 1.6;
  font-size: 13px;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .textWrap .text.size-s {
    font-size: 1.3333333333vw;
  }
}

@media only screen and (max-width: 767px) {
  .textWrap .text.size-s {
    font-size: 2.6666666667vw;
  }
}

.textWrap .text.size-l {
  line-height: 1.6;
  font-size: 18px;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .textWrap .text.size-l {
    font-size: 2vw;
  }
}

@media only screen and (max-width: 767px) {
  .textWrap .text.size-l {
    font-size: 4vw;
  }
}

.textWrap .text.lh2 {
  line-height: 2;
}

.textWrap .text.indent1 {
  padding-left: 1em;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.text-marker {
  background: rgb(255, 255, 255);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(60%, rgba(255, 255, 255, 0)), color-stop(61%, rgb(244, 234, 75)), color-stop(90%, rgb(244, 234, 75)), color-stop(91%, rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 60%, rgb(244, 234, 75) 61%, rgb(244, 234, 75) 90%, rgba(255, 255, 255, 0) 91%, rgba(255, 255, 255, 0) 100%);
}

.columnListArea {
  width: 100%;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.columnList {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media only screen and (min-width: 1080px) {
  .columnList.column3 .columnBox {
    width: 32%;
    margin-top: 2%;
    margin-right: 2%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .columnList.tabColumn2 .columnBox {
    width: 48%;
    margin-top: 4%;
    margin-right: 4%;
  }
}

@media only screen and (max-width: 767px) {
  .columnList.spColumn1 .columnBox {
    width: 100%;
    margin-top: 12%;
  }
}

@media only screen and (min-width: 1080px) {
  .columnList a.columnBox {
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
  }

  .columnList a.columnBox:hover {
    opacity: 0.8;
  }
}

.columnList .columnBox {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.columnList .columnBox .photo {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}

.columnList .columnBox .photo .categoryLabelArea {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
}

.columnList .columnBox .photo .categoryLabelArea .categoryLabel {
  line-height: 1;
  padding: 0.6em 1em;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.12em;
  color: #fff;
  background-color: #1e9323;
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .columnList .columnBox .photo .categoryLabelArea .categoryLabel {
    font-size: 1.6vw;
  }
}

@media only screen and (max-width: 767px) {
  .columnList .columnBox .photo .categoryLabelArea .categoryLabel {
    font-size: 3.2vw;
  }
}

.columnList .columnBox .photo .img {
  width: 100%;
  height: 240px;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .columnList .columnBox .photo .img {
    height: 28vw;
  }
}

@media only screen and (max-width: 767px) {
  .columnList .columnBox .photo .img {
    height: 56vw;
  }
}

.columnList .columnBox .photo .img>img {
  width: 100%;
  max-width: none;
  height: 100%;
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center;
}

.columnList .columnBox .detail {
  width: 100%;
  padding: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .columnList .columnBox .detail {
    padding: 2vw;
  }
}

@media only screen and (max-width: 767px) {
  .columnList .columnBox .detail {
    padding: 4vw;
  }
}

.columnList .columnBox .detail.pdNone {
  padding: 0;
  margin-top: 15px;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .columnList .columnBox .detail.pdNone {
    margin-top: 1.3333333333vw;
  }
}

@media only screen and (max-width: 767px) {
  .columnList .columnBox .detail.pdNone {
    margin-top: 2.6666666667vw;
  }
}

.columnList .columnBox .detail .detailInner>* {
  margin-top: 25px;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .columnList .columnBox .detail .detailInner>* {
    margin-top: 3.0666666667vw;
  }
}

@media only screen and (max-width: 767px) {
  .columnList .columnBox .detail .detailInner>* {
    margin-top: 6.1333333333vw;
  }
}

.columnList .columnBox .detail .detailInner>*:first-child {
  margin-top: 0;
}

.columnList .columnBox .detail .detailInner>.titleArea>* {
  margin-top: 4px;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .columnList .columnBox .detail .detailInner>.titleArea>* {
    margin-top: 0.2666666667vw;
  }
}

@media only screen and (max-width: 767px) {
  .columnList .columnBox .detail .detailInner>.titleArea>* {
    margin-top: 0.5333333333vw;
  }
}

.columnList .columnBox .detail .detailInner>.titleArea>*:first-child {
  margin-top: 0;
}

.columnList .columnBox .detail .detailInner>.titleArea+* {
  margin-top: 12px;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .columnList .columnBox .detail .detailInner>.titleArea+* {
    margin-top: 1.3333333333vw;
  }
}

@media only screen and (max-width: 767px) {
  .columnList .columnBox .detail .detailInner>.titleArea+* {
    margin-top: 2.6666666667vw;
  }
}

.columnList .columnBox .detail .detailInner>.titleArea+*:first-child {
  margin-top: 0;
}

.columnList .columnBox .detail .detailInner .date {
  line-height: 1.6;
  font-size: 12px;
  color: #a3a3a3;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .columnList .columnBox .detail .detailInner .date {
    font-size: 1.3333333333vw;
  }
}

@media only screen and (max-width: 767px) {
  .columnList .columnBox .detail .detailInner .date {
    font-size: 2.6666666667vw;
  }
}

.grid {
  display: grid;
}

.grid.grid-3columnWrap {
  grid-template-columns: repeat(3, 1fr);
}

.grid.grid-4columnWrap {
  grid-template-columns: repeat(4, 1fr);
}

.grid.grid-5columnWrap {
  grid-template-columns: repeat(5, 1fr);
}

@media only screen and (max-width: 767px) {
  .grid.grid-sp-1columnWrap {
    grid-template-columns: 1fr;
  }
}

@media only screen and (max-width: 767px) {
  .grid.grid-sp-2columnWrap {
    grid-template-columns: repeat(2, 1fr);
  }
}

.flexWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.flexWrap.flexAlignC {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.flexWrap.flexJustifyBetween {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media only screen and (max-width: 1079px) {
  .flexWrap.spTabBlock {
    display: block;
  }
}

@media only screen and (max-width: 767px) {
  .flexWrap.spBlock {
    display: block;
  }
}

.whiteBox {
  padding: 40px;
  background-color: #fff;
  border-radius: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media only screen and (max-width: 767px) {
  .whiteBox {
    padding: 8vw 5vw;
  }
}

.bold {
  font-weight: bold;
}

.color-black {
  color: #000;
}

.color-black:visited,
.color-black:focus,
.color-black:active {
  color: #000;
}

.color-black * {
  color: inherit;
}

.color-white {
  color: #fff;
}

.color-white:visited,
.color-white:focus,
.color-white:active {
  color: #fff;
}

.color-white * {
  color: inherit;
}

.color-base {
  color: #1e9323;
}

.color-base:visited,
.color-base:focus,
.color-base:active {
  color: #1e9323;
}

.color-base * {
  color: inherit;
}

.color-required {
  color: #f81515;
}

.color-required:visited,
.color-required:focus,
.color-required:active {
  color: #f81515;
}

.color-required * {
  color: inherit;
}

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

.bg-baseColor {
  background-color: #1e9323;
}

.bg-blue {
  background-color: #e5ecee;
}

.textLink {
  text-decoration: underline;
  color: #2a5caa;
}

.textLink:visited,
.textLink:focus,
.textLink:active {
  color: #2a5caa;
}

@media only screen and (min-width: 1080px) {
  .textLink:hover {
    text-decoration: none;
  }
}

.button {
  padding: 20px 30px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-weight: bold;
  border-radius: 6px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media only screen and (min-width: 1080px) {
  .button {
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
  }
}

@media only screen and (max-width: 767px) {
  .button {
    padding: 5.3333333333vw 8vw;
    border-radius: 1.6vw;
  }
}

.button.bg-base {
  color: #fff;
  background-color: #1e9323;
}

.button.bg-white {
  color: #1976d2;
  background-color: #fff;
  border: 1px solid #c0c0c0;
}

.button.bg-black {
  color: #fff;
  background-color: #000;
}

.button .icon {
  margin-right: 10px;
  display: inline-block;
  width: 20px;
  height: 20px;
  background-size: cover;
  background-position: center;
}

@media only screen and (max-width: 767px) {
  .button .icon {
    margin-right: 2.6666666667vw;
    width: 5.3333333333vw;
    height: 5.3333333333vw;
  }
}

.button .icon.google {
  background-image: url("/images/coachLp/icon-google.svg");
}

.button .icon.apple {
  background-image: url("/images/coachLp/icon-apple.svg");
}

.button .blankIcon {
  margin-left: 10px;
  width: 1em;
  height: 1em;
  -webkit-mask-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10.4266 4.68333H8.01192V3.35H12.6786V8.01666H11.3453V5.65L8.06925 8.926L7.12659 7.98333L10.4266 4.68333Z" fill="white"/><path d="M7.32129 4.65H3.32129V12.65H11.3213V8.65H9.98796V11.3167H4.65462V5.98333H7.32129V4.65Z" fill="white"/></svg>');
  mask-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10.4266 4.68333H8.01192V3.35H12.6786V8.01666H11.3453V5.65L8.06925 8.926L7.12659 7.98333L10.4266 4.68333Z" fill="white"/><path d="M7.32129 4.65H3.32129V12.65H11.3213V8.65H9.98796V11.3167H4.65462V5.98333H7.32129V4.65Z" fill="white"/></svg>');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: #fff;
}

@media only screen and (max-width: 767px) {
  .button .blankIcon {
    margin-left: 2.6666666667vw;
  }
}

.mw_wp_form_input .inputH {
  display: none !important;
}

.mw_wp_form_confirm .confirmH {
  display: none !important;
}

#breadcrumbWrap {
  width: 100%;
  padding-top: 15px;
  padding-bottom: 15px;
  border-top: 1px solid #e2e2e2;
  border-bottom: 1px solid #e2e2e2;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  #breadcrumbWrap {
    padding-top: 2vw;
    padding-bottom: 2vw;
  }
}

@media only screen and (max-width: 767px) {
  #breadcrumbWrap {
    padding-top: 4vw;
    padding-bottom: 4vw;
  }
}

.breadcrumb {
  overflow: hidden;
}

.breadcrumb>ul {
  width: 100%;
  margin-top: -0.4em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.breadcrumb>ul>li {
  line-height: 1.6;
  padding-left: 1em;
  margin-top: 0.4em;
  margin-right: 0.5em;
  color: #606060;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
  font-size: 14px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .breadcrumb>ul>li {
    font-size: 1.5vw;
  }
}

@media only screen and (max-width: 767px) {
  .breadcrumb>ul>li {
    font-size: 3vw;
  }
}

.breadcrumb>ul>li:before {
  width: 0.42em;
  height: 0.71em;
  content: "";
  background-color: #606060;
  -webkit-mask-image: url('data:image/svg+xml;utf-8,<svg version="1.1" id="iconmonstr" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 15 24" style="enable-background:new 0 0 15 24;" xml:space="preserve"><polygon id="arrow-25" points="0,3 3.057,0 15,12 3.057,24 0,21 9,12 "/></svg>');
  mask-image: url('data:image/svg+xml;utf-8,<svg version="1.1" id="iconmonstr" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 15 24" style="enable-background:new 0 0 15 24;" xml:space="preserve"><polygon id="arrow-25" points="0,3 3.057,0 15,12 3.057,24 0,21 9,12 "/></svg>');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: contain;
  mask-size: contain;
  position: absolute;
  top: 0.5em;
  left: 0;
}

.breadcrumb>ul>li:first-child {
  padding-left: 0;
}

.breadcrumb>ul>li:first-child:before {
  display: none;
}

.breadcrumb>ul>li:last-child {
  color: #a4a4a4;
}

.breadcrumb>ul>li.breadcrumb_home>a:before {
  width: 1em;
  height: 1em;
  content: "";
  margin-right: 0.25em;
  background-color: currentColor;
  -webkit-mask-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="13" height="12.002" viewBox="0 0 13 12.002"><g transform="translate(-30 -12072)"><path d="M2446,9840l-3,0v-6h-2l6.5-6,6.5,6h-2v6h-3v-4.5a1.5,1.5,0,1,0-3,0v4.5Z" transform="translate(-2411 2244)" /></g></svg>');
  mask-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="13" height="12.002" viewBox="0 0 13 12.002"><g transform="translate(-30 -12072)"><path d="M2446,9840l-3,0v-6h-2l6.5-6,6.5,6h-2v6h-3v-4.5a1.5,1.5,0,1,0-3,0v4.5Z" transform="translate(-2411 2244)" /></g></svg>');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: contain;
  mask-size: contain;
  display: inline-block;
}

.breadcrumb>ul>li span,
.breadcrumb>ul>li a {
  line-height: 1.6;
  vertical-align: top;
  display: inline-block;
  color: inherit;
}

.breadcrumb>ul>li span:visited,
.breadcrumb>ul>li span:focus,
.breadcrumb>ul>li span:active,
.breadcrumb>ul>li a:visited,
.breadcrumb>ul>li a:focus,
.breadcrumb>ul>li a:active {
  color: inherit;
}

.singlePager,
.pagerArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.singlePager a,
.singlePager span,
.pagerArea a,
.pagerArea span {
  line-height: 1;
  margin-right: 0.5em;
  margin-left: 0.5em;
  font-size: 14px;
  color: #7a7a7a;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition-property: background-color, color;
  transition-property: background-color, color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

.singlePager a:visited,
.singlePager a:focus,
.singlePager a:active,
.singlePager span:visited,
.singlePager span:focus,
.singlePager span:active,
.pagerArea a:visited,
.pagerArea a:focus,
.pagerArea a:active,
.pagerArea span:visited,
.pagerArea span:focus,
.pagerArea span:active {
  color: #7a7a7a;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {

  .singlePager a,
  .singlePager span,
  .pagerArea a,
  .pagerArea span {
    font-size: 1.8666666667vw;
  }
}

@media only screen and (max-width: 767px) {

  .singlePager a,
  .singlePager span,
  .pagerArea a,
  .pagerArea span {
    font-size: 3.7333333333vw;
  }
}

.singlePager a.current,
.singlePager span.current,
.pagerArea a.current,
.pagerArea span.current {
  color: #1e9323;
}

.singlePager a.current:visited,
.singlePager a.current:focus,
.singlePager a.current:active,
.singlePager span.current:visited,
.singlePager span.current:focus,
.singlePager span.current:active,
.pagerArea a.current:visited,
.pagerArea a.current:focus,
.pagerArea a.current:active,
.pagerArea span.current:visited,
.pagerArea span.current:focus,
.pagerArea span.current:active {
  color: #1e9323;
}

.singlePager a.dots,
.singlePager span.dots,
.pagerArea a.dots,
.pagerArea span.dots {
  border: none;
}

.singlePager a.next,
.singlePager a.prev,
.singlePager span.next,
.singlePager span.prev,
.pagerArea a.next,
.pagerArea a.prev,
.pagerArea span.next,
.pagerArea span.prev {
  padding-right: 0;
  padding-left: 0;
  border: none;
}

@media only screen and (min-width: 1080px) {

  .singlePager a.next:hover,
  .singlePager a.prev:hover,
  .singlePager span.next:hover,
  .singlePager span.prev:hover,
  .pagerArea a.next:hover,
  .pagerArea a.prev:hover,
  .pagerArea span.next:hover,
  .pagerArea span.prev:hover {
    color: #1e9323;
  }

  .singlePager a.next:hover:visited,
  .singlePager a.next:hover:focus,
  .singlePager a.next:hover:active,
  .singlePager a.prev:hover:visited,
  .singlePager a.prev:hover:focus,
  .singlePager a.prev:hover:active,
  .singlePager span.next:hover:visited,
  .singlePager span.next:hover:focus,
  .singlePager span.next:hover:active,
  .singlePager span.prev:hover:visited,
  .singlePager span.prev:hover:focus,
  .singlePager span.prev:hover:active,
  .pagerArea a.next:hover:visited,
  .pagerArea a.next:hover:focus,
  .pagerArea a.next:hover:active,
  .pagerArea a.prev:hover:visited,
  .pagerArea a.prev:hover:focus,
  .pagerArea a.prev:hover:active,
  .pagerArea span.next:hover:visited,
  .pagerArea span.next:hover:focus,
  .pagerArea span.next:hover:active,
  .pagerArea span.prev:hover:visited,
  .pagerArea span.prev:hover:focus,
  .pagerArea span.prev:hover:active {
    color: #1e9323;
  }
}

.singlePager a.next:after,
.singlePager a.prev:after,
.singlePager span.next:after,
.singlePager span.prev:after,
.pagerArea a.next:after,
.pagerArea a.prev:after,
.pagerArea span.next:after,
.pagerArea span.prev:after {
  width: 0.8em;
  height: 1em;
  content: "";
  display: inline-block;
  vertical-align: middle;
  background-color: currentColor;
  -webkit-mask-image: url('data:image/svg+xml;utf-8,<svg version="1.1" id="iconmonstr" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 15 24" style="enable-background:new 0 0 15 24;"><polygon id="arrow-25" points="0,3 3.057,0 15,12 3.057,24 0,21 9,12 "/></svg>');
  mask-image: url('data:image/svg+xml;utf-8,<svg version="1.1" id="iconmonstr" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 15 24" style="enable-background:new 0 0 15 24;"><polygon id="arrow-25" points="0,3 3.057,0 15,12 3.057,24 0,21 9,12 "/></svg>');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.singlePager a.prev:after,
.singlePager span.prev:after,
.pagerArea a.prev:after,
.pagerArea span.prev:after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

@media only screen and (min-width: 1080px) {

  .singlePager a:hover,
  .pagerArea a:hover {
    color: #1e9323;
  }

  .singlePager a:hover:visited,
  .singlePager a:hover:focus,
  .singlePager a:hover:active,
  .pagerArea a:hover:visited,
  .pagerArea a:hover:focus,
  .pagerArea a:hover:active {
    color: #1e9323;
  }
}

#notFound {
  padding-top: 120px;
  padding-bottom: 120px;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  #notFound {
    padding-top: 8vw;
    padding-bottom: 8vw;
  }
}

@media only screen and (max-width: 767px) {
  #notFound {
    padding-top: 16vw;
    padding-bottom: 16vw;
  }
}

#notFound.articleNotFound {
  padding-top: 0;
  padding-bottom: 0;
}

#notFound .notFoundInner>* {
  margin-top: 30px;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  #notFound .notFoundInner>* {
    margin-top: 3.7333333333vw;
  }
}

@media only screen and (max-width: 767px) {
  #notFound .notFoundInner>* {
    margin-top: 7.4666666667vw;
  }
}

#notFound .notFoundInner>*:first-child {
  margin-top: 0;
}

#notFound .notFoundInner>.titleArea+* {
  margin-top: 15px;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  #notFound .notFoundInner>.titleArea+* {
    margin-top: 1.7333333333vw;
  }
}

@media only screen and (max-width: 767px) {
  #notFound .notFoundInner>.titleArea+* {
    margin-top: 3.4666666667vw;
  }
}

#notFound .notFoundTitle {
  line-height: 1.6;
  font-size: 26px;
  font-weight: bold;
  letter-spacing: 0.08em;
  color: #1e9323;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  #notFound .notFoundTitle {
    font-size: 3.2vw;
  }
}

@media only screen and (max-width: 767px) {
  #notFound .notFoundTitle {
    font-size: 6.4vw;
  }
}

#notFound .notFoundBtn {
  min-width: 200px;
  line-height: 1.6;
  padding: 0.8em 5.33em 0.85em 1.5em;
  border: 1px solid #1e9323;
  border-radius: 10em;
  display: inline-block;
  font-size: 15px;
  letter-spacing: 0.08em;
  overflow: hidden;
  color: #1e9323;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
}

#notFound .notFoundBtn:visited,
#notFound .notFoundBtn:focus,
#notFound .notFoundBtn:active {
  color: #1e9323;
}

@media only screen and (min-width: 1080px) {
  #notFound .notFoundBtn {
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
  }

  #notFound .notFoundBtn:before {
    width: 100%;
    height: 100%;
    content: "";
    background-color: #1e9323;
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: -webkit-transform ease 0.3s;
    transition: -webkit-transform ease 0.3s;
    transition: transform ease 0.3s;
    transition: transform ease 0.3s, -webkit-transform ease 0.3s;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
  }

  #notFound .notFoundBtn:hover {
    color: #fff;
  }

  #notFound .notFoundBtn:hover:visited,
  #notFound .notFoundBtn:hover:focus,
  #notFound .notFoundBtn:hover:active {
    color: #fff;
  }

  #notFound .notFoundBtn:hover:before {
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  #notFound .notFoundBtn {
    min-width: 0;
    font-size: 1.7333333333vw;
  }
}

@media only screen and (max-width: 767px) {
  #notFound .notFoundBtn {
    min-width: 0;
    padding-top: 0.8em;
    padding-bottom: 0.8em;
    font-size: 3.4666666667vw;
  }
}

#notFound .notFoundBtn:after {
  width: 0.66em;
  height: 0.58em;
  content: "";
  display: block;
  background-color: currentColor;
  -webkit-mask-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="10.002" height="8.752" viewBox="0 0 10.002 8.752"><g transform="translate(-5 -5.624)"><path d="M10.183,5.808a.625.625,0,0,1,.885,0l3.75,3.75a.625.625,0,0,1,0,.885l-3.75,3.75a.626.626,0,1,1-.885-.885L13.491,10,10.183,6.692a.625.625,0,0,1,0-.885Z" /><path d="M5,10a.625.625,0,0,1,.625-.625H13.75a.625.625,0,0,1,0,1.25H5.625A.625.625,0,0,1,5,10Z" /></g></svg>');
  mask-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="10.002" height="8.752" viewBox="0 0 10.002 8.752"><g transform="translate(-5 -5.624)"><path d="M10.183,5.808a.625.625,0,0,1,.885,0l3.75,3.75a.625.625,0,0,1,0,.885l-3.75,3.75a.626.626,0,1,1-.885-.885L13.491,10,10.183,6.692a.625.625,0,0,1,0-.885Z" /><path d="M5,10a.625.625,0,0,1,.625-.625H13.75a.625.625,0,0,1,0,1.25H5.625A.625.625,0,0,1,5,10Z" /></g></svg>');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  right: 1.5em;
  z-index: 1;
}

#notFound .notFoundBtn>span {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
  position: relative;
  z-index: 1;
}

#wrap {
  width: 100%;
  background-color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#wrap:before {
  width: 100vw;
  height: 100vh;
  content: "";
  display: block;
  background-color: rgba(30, 147, 35, 0.9);
  opacity: 0;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

#wrap.drawer:before {
  opacity: 1;
  z-index: 5000;
}

#wrap.drawer #headWrap {
  display: none;
}

#wrapInner {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  background-color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.tagWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 20px;
}

@media only screen and (max-width: 767px) {
  .tagWrap {
    gap: 4vw;
  }
}

.tagWrap .tag {
  padding: 10px 20px;
  font-size: 18px;
  border-radius: 40px;
  background-color: #e5ecee;
}

@media only screen and (max-width: 767px) {
  .tagWrap .tag {
    padding: 2.6666666667vw 5.3333333333vw;
    font-size: 4.2666666667vw;
    border-radius: 10.6666666667vw;
  }
}

#headWrap {
  z-index: 100;
  position: fixed;
  top: 0;
  left: 0;
  padding: 15px 25px;
  width: 100vw;
  background-color: transparent;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: background-color 0.3s ease 0s;
  transition: background-color 0.3s ease 0s;
}

@media only screen and (max-width: 767px) {
  #headWrap {
    padding: 4vw;
  }
}

@media only screen and (max-width: 767px) {
  #headWrap {
    background-color: rgba(0, 0, 0, 0.9) !important;
  }
}

#headWrap.bgActive {
  background-color: rgba(0, 0, 0, 0.9);
}

#headWrap.bgActive .headLogo {
  opacity: 1;
}

#headWrap .headInner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

#headWrap .headLogo {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
}

@media only screen and (max-width: 767px) {
  #headWrap .headLogo {
    opacity: 1 !important;
  }
}

#headWrap .headLogo .name {
  font-size: 24px;
  font-family: "Outfit", sans-serif;
  font-weight: 900;
  color: #fff;
}

@media only screen and (max-width: 767px) {
  #headWrap .headLogo .name {
    font-size: 4.2666666667vw;
  }
}

#headWrap .loginLinkWrap .login {
  font-size: 3.7333333333vw;
  font-weight: 700;
  color: #fff;
}

#header .btnWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  gap: 10px;
}

@media only screen and (max-width: 767px) {
  #header .btnWrap {
    gap: 2.6666666667vw;
  }
}

#header .btnWrap .button {
  padding: 12px;
  width: 110px;
  font-size: 14px;
}

@media only screen and (max-width: 767px) {
  #header .btnWrap .button {
    padding: 3.2vw;
    width: 33.3333333333%;
    font-size: 3.7333333333vw;
  }
}

#mainWrap {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow-x: hidden;
}

#mainWrap #main {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#mainWrap #main img {
  width: 100%;
}

#mainWrap #contents {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#fixedCnvWrap {
  z-index: 100;
  position: fixed;
  bottom: 0;
  left: 0;
  padding: 2.6666666667vw 0;
  display: none;
  width: 100vw;
  background-color: rgba(255, 255, 255, 0.9);
}

#fixedCnvWrap .btnWrap .button {
  width: 100%;
}

#fixedCnvWrap .btnWrap .button.bg-base {
  padding: 5.3333333333vw;
  font-size: 4.8vw;
  -webkit-box-shadow: 0px 4px 0px 0px #1d7a21;
  box-shadow: 0px 4px 0px 0px #1d7a21;
}

#kv {
  position: relative;
  padding: 135px 0 80px;
}

@media only screen and (max-width: 767px) {
  #kv {
    padding: 30.9523809524vw 0 13.0952380952vw;
  }
}

#kv::before {
  content: "";
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.6;
}

#kv .bgMovie {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

#kv .bgMovie video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

@media only screen and (max-width: 767px) {
  #kv .bgMovie video {
    width: auto;
    height: 50%;
  }
}

#kv .kvInner {
  z-index: 3;
  position: relative;
}

@media only screen and (max-width: 767px) {
  #kv .kvInner {
    width: calc(100% - 14.2857142857vw);
  }
}

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

@media only screen and (max-width: 1079px) {
  #kv .cvtWrap {
    display: block;
  }
}

#kv .cvtWrap .titleWrap {
  color: #fff;
}

#kv .cvtWrap .titleWrap .text {
  margin-bottom: 25px;
  font-size: 28px;
  font-weight: 700;
}

@media only screen and (max-width: 767px) {
  #kv .cvtWrap .titleWrap .text {
    margin-bottom: 7.1428571429vw;
    font-size: 6.6666666667vw;
    line-height: 1.3;
  }
}

#kv .cvtWrap .titleWrap .title {
  font-size: 80px;
  font-weight: 900;
  font-family: "Outfit", sans-serif;
}

@media only screen and (max-width: 767px) {
  #kv .cvtWrap .titleWrap .title {
    font-size: 17.619047619vw;
  }
}

#kv .cvtWrap .titleWrap .price {
  margin-top: 25px;
  font-size: 24px;
  font-weight: 700;
}

@media only screen and (max-width: 767px) {
  #kv .cvtWrap .titleWrap .price {
    margin-top: 4.7619047619vw;
    font-size: 5.7142857143vw;
  }
}

#kv .cvtWrap .titleWrap .price .num {
  padding: 0.15em;
  font-size: 56px;
  font-family: "Rubik", sans-serif;
}

@media only screen and (max-width: 767px) {
  #kv .cvtWrap .titleWrap .price .num {
    font-size: 13.3333333333vw;
  }
}

#kv .cvtWrap .titleWrap .price .sep {
  padding: 0 0.2083333333em;
}

#kv .cvtWrap .whiteBox {
  margin-left: min(80px, 5.5555555556vw);
  width: 410px;
}

@media only screen and (min-width: 1280px) {
  #kv .cvtWrap .whiteBox {
    margin-left: min(185px, 12.8472222222vw);
  }
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  #kv .cvtWrap .whiteBox {
    margin: 50px 0 0;
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  #kv .cvtWrap .whiteBox {
    margin: 9.5238095238vw 0 0;
    padding: 0;
    width: 100%;
    background-color: transparent;
  }
}

#kv .cvtWrap .whiteBox.loginBox .whiteBoxInner {
  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;
}

#kv .cvtWrap .whiteBox.loginBox .loginBoxLogo {
  margin-bottom: 20px;
}

#kv .cvtWrap .whiteBox.loginBox .loginLogoImg {
  max-width: 180px;
  height: auto;
  display: block;
}

#kv .cvtWrap .whiteBox.loginBox .text {
  margin: 0 0 36px;
  font-size: 14px;
  line-height: 1.6;
  color: #333;
  text-align: center;
}

#kv .cvtWrap .whiteBox.loginBox .loginBoxErrors {
  margin-bottom: 15px;
  padding: 10px;
  background-color: #fef2f2;
  border-radius: 8px;
  width: 100%;
  text-align: left;
}

#kv .cvtWrap .whiteBox.loginBox .loginBoxError {
  margin: 0;
  font-size: 13px;
  color: #dc2626;
}

#kv .cvtWrap .whiteBox.loginBox .loginBoxForm {
  width: 100%;
  margin-top: 0;
}

#kv .cvtWrap .whiteBox.loginBox .loginBoxField {
  margin-bottom: 15px;
}

#kv .cvtWrap .whiteBox.loginBox .loginBoxInput {
  width: 100%;
  padding: 14px 16px;
  font-size: 16px;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  background-color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #333;
}

#kv .cvtWrap .whiteBox.loginBox .loginBoxInput::-webkit-input-placeholder {
  color: #9ca3af;
}

#kv .cvtWrap .whiteBox.loginBox .loginBoxInput::-moz-placeholder {
  color: #9ca3af;
}

#kv .cvtWrap .whiteBox.loginBox .loginBoxInput::placeholder {
  color: #9ca3af;
}

#kv .cvtWrap .whiteBox.loginBox .loginBoxActions {
  margin-top: 20px;
}

#kv .cvtWrap .whiteBox.loginBox .loginBoxSubmit {
  width: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 10px 16px;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.3;
  cursor: pointer;
  border: none;
  background-color: #96c315;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #000;
}

#kv .cvtWrap .whiteBox.loginBox .loginBoxSubmit:hover {
  background-color: #85ae12;
}
#kv .cvtWrap .whiteBox.loginBox .loginBoxSubmit .text {
  color: #000;
  margin: 0;
}

@media only screen and (max-width: 767px) {
  #kv .cvtWrap .whiteBox.loginBox {
    padding: 30px 20px;
    background-color: #fff;
    border-radius: 20px;
  }

  #kv .cvtWrap .whiteBox.loginBox .loginBoxLogo {
    margin-bottom: 4vw;
  }

  #kv .cvtWrap .whiteBox.loginBox .loginLogoImg {
    max-width: 40vw;
  }

  #kv .cvtWrap .whiteBox.loginBox .text {
    font-size: 3.2vw;
    margin-bottom: 8vw;
  }

  #kv .cvtWrap .whiteBox.loginBox .loginBoxInput {
    padding: 3.5vw 4vw;
    font-size: 4vw;
  }
  #kv .cvtWrap .whiteBox.loginBox .loginBoxSubmit {
    padding: 2.5vw 4vw;
    font-size: 3.5vw;
    line-height: 1.3;
  }
}

#kv .cvtWrap .whiteBox .btnWrap .notice {
  margin-top: 10px;
  font-size: 11px;
  line-height: 1.4;
}

@media only screen and (max-width: 767px) {
  #kv .cvtWrap .whiteBox .btnWrap .notice {
    margin-top: 3.5714285714vw;
    font-size: 2.619047619vw;
    color: #fff;
  }
}

#kv .cvtWrap .whiteBox .btnWrap .orLine {
  position: relative;
  margin: 25px 0;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  #kv .cvtWrap .whiteBox .btnWrap .orLine {
    margin: 3.5714285714vw 0;
  }
}

#kv .cvtWrap .whiteBox .btnWrap .orLine::before,
#kv .cvtWrap .whiteBox .btnWrap .orLine::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 44%;
  height: 1px;
  background-color: #c0c0c0;
}

@media only screen and (max-width: 767px) {

  #kv .cvtWrap .whiteBox .btnWrap .orLine::before,
  #kv .cvtWrap .whiteBox .btnWrap .orLine::after {
    background-color: #fff;
  }
}

#kv .cvtWrap .whiteBox .btnWrap .orLine::before {
  left: 0;
}

#kv .cvtWrap .whiteBox .btnWrap .orLine::after {
  right: 0;
}

#kv .cvtWrap .whiteBox .btnWrap .orLine .text {
  font-size: 14px;
  font-weight: 700;
  font-family: "Outfit", sans-serif;
  color: #c0c0c0;
}

@media only screen and (max-width: 767px) {
  #kv .cvtWrap .whiteBox .btnWrap .orLine .text {
    font-size: 3.7333333333vw;
    color: #fff;
  }
}

#kv .cvtWrap .whiteBox .btnWrap .button {
  padding: 15px;
  width: 100%;
}

@media only screen and (max-width: 767px) {
  #kv .cvtWrap .whiteBox .btnWrap .button {
    padding: 4vw;
  }
}

#kv .cvtWrap .whiteBox .btnWrap .button .icon {
  width: 28px;
  height: 28px;
}

@media only screen and (max-width: 767px) {
  #kv .cvtWrap .whiteBox .btnWrap .button .icon {
    width: 6.4vw;
    height: 6.4vw;
  }
}

#kv .cvtWrap .whiteBox .btnWrap .button+.button {
  margin-top: 15px;
}

@media only screen and (max-width: 767px) {
  #kv .cvtWrap .whiteBox .btnWrap .button+.button {
    margin-top: 2.6666666667vw;
  }
}

#kv .cvtWrap .whiteBox .btnWrap .button.bg-base {
  position: relative;
  top: 0;
  padding: 20px;
  font-size: 18px;
  -webkit-box-shadow: 0px 4px 0px 0px #1d7a21;
  box-shadow: 0px 4px 0px 0px #1d7a21;
}

@media only screen and (min-width: 1080px) {
  #kv .cvtWrap .whiteBox .btnWrap .button.bg-base:hover {
    top: 4px;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}

@media only screen and (max-width: 767px) {
  #kv .cvtWrap .whiteBox .btnWrap .button.bg-base {
    padding: 5.3333333333vw;
    font-size: 4.8vw;
  }
}

#kv .cvtWrap .whiteBox .btnWrap .button.bg-white .icon {
  margin-right: 20px;
  margin-left: 10px;
}

@media only screen and (max-width: 767px) {
  #kv .cvtWrap .whiteBox .btnWrap .button.bg-white .icon {
    margin-right: 5.3333333333vw;
    margin-left: 0;
  }
}

#kv .cvtWrap .whiteBox .btnWrap .button.bg-white .text {
  width: 85.2233676976%;
  text-align: center;
}

#kv .aboutContWrap {
  margin-top: 115px;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  #kv .aboutContWrap {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media only screen and (max-width: 767px) {
  #kv .aboutContWrap {
    margin-top: 11.9047619048vw;
  }
}

#kv .aboutContWrap .aboutWrap {
  padding: 20px 30px;
  color: #fff;
  border-left: 1px solid #fff;
}

@media only screen and (max-width: 767px) {
  #kv .aboutContWrap .aboutWrap {
    padding: 7.1428571429vw 0;
    border-bottom: 1px solid #fff;
    border-left: none;
  }
}

@media only screen and (max-width: 767px) {
  #kv .aboutContWrap .aboutWrap:first-of-type {
    padding-top: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  #kv .aboutContWrap .aboutWrap:nth-of-type(2) {
    border-right: 1px solid #fff;
  }
}

#kv .aboutContWrap .aboutWrap:last-of-type {
  border-right: 1px solid #fff;
}

@media only screen and (max-width: 767px) {
  #kv .aboutContWrap .aboutWrap:last-of-type {
    padding-bottom: 0;
    border: none;
  }
}

#kv .aboutContWrap .aboutWrap .titleWrap .title {
  font-size: 24px;
  font-weight: 700;
}

@media only screen and (max-width: 767px) {
  #kv .aboutContWrap .aboutWrap .titleWrap .title {
    font-size: 6.4vw;
  }
}

#kv .aboutContWrap .aboutWrap .textWrap {
  margin-top: 10px;
}

@media only screen and (max-width: 767px) {
  #kv .aboutContWrap .aboutWrap .textWrap {
    margin-top: 2.6666666667vw;
  }
}

#kv .aboutContWrap .aboutWrap .textWrap .text {
  font-size: 15px;
}

@media only screen and (max-width: 767px) {
  #kv .aboutContWrap .aboutWrap .textWrap .text {
    font-size: 4vw;
  }
}

#issue .sectionTitleWrap .sectionTitle span {
  font-weight: 900;
  font-family: "Zen Kaku Gothic New", sans-serif;
}

#issue .sectionContentWrap {
  margin-top: 60px;
}

@media only screen and (max-width: 767px) {
  #issue .sectionContentWrap {
    margin-top: 10.6666666667vw;
  }
}

#issue .issueListWrap {
  margin-top: 60px;
  gap: 30px;
}

@media only screen and (min-width: 1280px) {
  #issue .issueListWrap {
    gap: 50px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  #issue .issueListWrap {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media only screen and (max-width: 767px) {
  #issue .issueListWrap {
    margin-top: 13.3333333333vw;
    gap: 5.3333333333vw;
  }
}

#issue .issueListWrap .whiteBox {
  padding: 65px 40px 45px;
  border: 2px solid #efefef;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  #issue .issueListWrap .whiteBox {
    padding: 50px 25px 40px;
  }
}

@media only screen and (max-width: 767px) {
  #issue .issueListWrap .whiteBox {
    padding: 10.6666666667vw 8vw 8vw;
  }
}

#issue .issueListWrap .whiteBox .icon {
  height: 86px;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  #issue .issueListWrap .whiteBox .icon {
    height: 19.2vw;
  }
}

#issue .issueListWrap .whiteBox .icon img {
  width: auto !important;
  height: 100%;
}

#issue .issueListWrap .whiteBox .infoWrap {
  margin-top: 25px;
}

@media only screen and (max-width: 767px) {
  #issue .issueListWrap .whiteBox .infoWrap {
    margin-top: 5.3333333333vw;
  }
}

#issue .issueListWrap .whiteBox .infoWrap .titleWrap .title {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.5;
}

@media only screen and (max-width: 767px) {
  #issue .issueListWrap .whiteBox .infoWrap .titleWrap .title {
    font-size: 5.6vw;
  }
}

#issue .issueListWrap .whiteBox .infoWrap .textWrap {
  margin-top: 10px;
}

@media only screen and (max-width: 767px) {
  #issue .issueListWrap .whiteBox .infoWrap .textWrap {
    margin-top: 2.6666666667vw;
  }
}

#service .sectionInner {
  padding-top: 150px;
}

@media only screen and (max-width: 767px) {
  #service .sectionInner {
    padding-top: 21.3333333333vw;
  }
}

#service .sectionContentWrap {
  margin-top: 80px;
}

@media only screen and (max-width: 767px) {
  #service .sectionContentWrap {
    margin-top: 16vw;
  }
}

#service .catchTextWrap .text {
  font-size: 40px;
  font-weight: 900;
  font-family: "Zen Kaku Gothic New", sans-serif;
  line-height: 1.2;
}

@media only screen and (max-width: 767px) {
  #service .catchTextWrap .text {
    font-size: 8.5333333333vw;
  }
}

#service .catchTextWrap .text span {
  font-weight: 900;
  font-family: "Zen Kaku Gothic New", sans-serif;
}

#service .catchTextWrap .text .size-l {
  font-size: 72px;
  font-family: "Outfit", sans-serif;
}

@media only screen and (max-width: 767px) {
  #service .catchTextWrap .text .size-l {
    font-size: 17.0666666667vw;
  }
}

#service .tagWrap {
  margin-top: 40px;
}

@media only screen and (max-width: 767px) {
  #service .tagWrap {
    margin-top: 10.6666666667vw;
  }
}

#service .movieListWrap {
  margin-top: 85px;
  gap: 40px;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  #service .movieListWrap {
    gap: 20px;
  }
}

@media only screen and (max-width: 767px) {
  #service .movieListWrap {
    margin-top: 16vw;
    gap: 8vw 5.3333333333vw;
  }
}

#service .movieListWrap .movieWrap .image {
  position: relative;
}

#service .movieListWrap .movieWrap .image .new {
  position: absolute;
  top: 5px;
  left: 5px;
  padding: 6px 8px 4px;
  font-size: 13px;
  font-weight: 700;
  font-family: "Outfit", sans-serif;
  border-radius: 6px;
  background-color: #e0ff24;
}

@media only screen and (max-width: 767px) {
  #service .movieListWrap .movieWrap .image .new {
    top: 1.3333333333vw;
    left: 1.3333333333vw;
    padding: 1.6vw 2.1333333333vw 1.0666666667vw;
    font-size: 3.2vw;
    border-radius: 1.6vw;
  }
}

#service .movieListWrap .movieWrap .nameWrap {
  margin-top: 10px;
}

@media only screen and (max-width: 767px) {
  #service .movieListWrap .movieWrap .nameWrap {
    margin-top: 2.6666666667vw;
  }
}

#service .movieListWrap .movieWrap .nameWrap .name {
  font-size: 14px;
  font-weight: 500;
}

@media only screen and (max-width: 767px) {
  #service .movieListWrap .movieWrap .nameWrap .name {
    font-size: 3.7333333333vw;
  }
}

#service .btnWrap {
  margin-top: 85px;
}

@media only screen and (max-width: 767px) {
  #service .btnWrap {
    margin-top: 16vw;
  }
}

#service .btnWrap .text {
  margin-bottom: 20px;
}

@media only screen and (max-width: 767px) {
  #service .btnWrap .text {
    margin-bottom: 5.3333333333vw;
  }
}

#curriculum .sectionInner {
  padding-bottom: 180px;
}

@media only screen and (max-width: 767px) {
  #curriculum .sectionInner {
    padding-bottom: 26.6666666667vw;
  }
}

@media only screen and (max-width: 767px) {
  #curriculum .sectionTitleWrap .sectionTitle {
    font-size: 7.4666666667vw;
  }
}

#curriculum .sectionContentWrap {
  margin-top: 20px;
}

@media only screen and (max-width: 767px) {
  #curriculum .sectionContentWrap {
    margin-top: 5.3333333333vw;
  }
}

#curriculum .sectionContentWrap>.textWrap .text {
  font-size: 18px;
  line-height: 1.5;
}

@media only screen and (max-width: 767px) {
  #curriculum .sectionContentWrap>.textWrap .text {
    font-size: 4.2666666667vw;
  }
}

#curriculum .curriculumSliderWrap {
  margin-top: 55px;
}

@media only screen and (max-width: 767px) {
  #curriculum .curriculumSliderWrap {
    margin-top: 10.6666666667vw;
  }
}

#curriculum .curriculumSliderWrap .curriculumSlider .whiteBox {
  position: relative;
  padding: 90px 50px 60px;
  width: 90%;
  max-width: 1025px;
  height: auto;
  -webkit-box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.08);
}

@media only screen and (max-width: 767px) {
  #curriculum .curriculumSliderWrap .curriculumSlider .whiteBox {
    padding: 24vw 6.6666666667vw 8vw;
  }
}

#curriculum .curriculumSliderWrap .curriculumSlider .whiteBox .nameWrap {
  position: absolute;
  top: 30px;
  left: 0;
  padding: 13px 40px 13px 20px;
  display: inline-block;
  background-color: #96c315;
}

@media only screen and (max-width: 767px) {
  #curriculum .curriculumSliderWrap .curriculumSlider .whiteBox .nameWrap {
    top: 8vw;
    padding: 3.4666666667vw 10.6666666667vw 3.4666666667vw 5.3333333333vw;
  }
}

#curriculum .curriculumSliderWrap .curriculumSlider .whiteBox .nameWrap::before {
  content: "";
  position: absolute;
  top: -1px;
  right: -1px;
  border-style: solid;
  border-color: transparent transparent #fff transparent;
  border-width: 0px 0px 52px 32px;
}

@media only screen and (max-width: 767px) {
  #curriculum .curriculumSliderWrap .curriculumSlider .whiteBox .nameWrap::before {
    border-width: 0 0 13.8666666667vw 8.5333333333vw;
  }
}

#curriculum .curriculumSliderWrap .curriculumSlider .whiteBox .nameWrap .name {
  font-size: 24px;
  font-weight: 700;
  font-family: "Zen Kaku Gothic New", sans-serif;
  color: #fff;
}

@media only screen and (max-width: 767px) {
  #curriculum .curriculumSliderWrap .curriculumSlider .whiteBox .nameWrap .name {
    font-size: 4.8vw;
  }
}

#curriculum .curriculumSliderWrap .curriculumSlider .whiteBox .infoWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media only screen and (max-width: 767px) {
  #curriculum .curriculumSliderWrap .curriculumSlider .whiteBox .infoWrap {
    display: block;
  }
}

#curriculum .curriculumSliderWrap .curriculumSlider .whiteBox .infoWrap .image {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  display: grid;
  place-items: center;
  width: 29.8611111111vw;
  max-width: 430px;
  height: 29.8611111111vw;
  max-height: 430px;
}

@media only screen and (max-width: 767px) {
  #curriculum .curriculumSliderWrap .curriculumSlider .whiteBox .infoWrap .image {
    margin: 0 auto;
    width: 48vw;
    height: 48vw;
  }
}

#curriculum .curriculumSliderWrap .curriculumSlider .whiteBox .infoWrap .textWrap {
  margin-left: min(50px, 3.4722222222vw);
  padding-top: 20px;
}

@media only screen and (max-width: 767px) {
  #curriculum .curriculumSliderWrap .curriculumSlider .whiteBox .infoWrap .textWrap {
    margin: 8vw 0 0;
    padding-top: 0;
  }
}

#curriculum .curriculumSliderWrap .curriculumSlider .whiteBox .infoWrap .textWrap dl {
  position: relative;
  padding-left: 20px;
}

@media only screen and (max-width: 767px) {
  #curriculum .curriculumSliderWrap .curriculumSlider .whiteBox .infoWrap .textWrap dl {
    padding-left: 5.3333333333vw;
  }
}

#curriculum .curriculumSliderWrap .curriculumSlider .whiteBox .infoWrap .textWrap dl::before {
  content: "";
  position: absolute;
  top: 2px;
  left: 0;
  width: 13px;
  height: 13px;
  border-radius: 50%;
}

@media only screen and (max-width: 767px) {
  #curriculum .curriculumSliderWrap .curriculumSlider .whiteBox .infoWrap .textWrap dl::before {
    top: 0.5333333333vw;
    width: 3.4666666667vw;
    height: 3.4666666667vw;
  }
}

#curriculum .curriculumSliderWrap .curriculumSlider .whiteBox .infoWrap .textWrap dl dt {
  font-size: 18px;
  font-weight: 700;
}

@media only screen and (max-width: 767px) {
  #curriculum .curriculumSliderWrap .curriculumSlider .whiteBox .infoWrap .textWrap dl dt {
    font-size: 4vw;
  }
}

#curriculum .curriculumSliderWrap .curriculumSlider .whiteBox .infoWrap .textWrap dl dd {
  margin-top: 10px;
  font-size: 14px;
  line-height: 1.3;
}

@media only screen and (max-width: 767px) {
  #curriculum .curriculumSliderWrap .curriculumSlider .whiteBox .infoWrap .textWrap dl dd {
    margin-top: 2.6666666667vw;
    font-size: 3.2vw;
  }
}

#curriculum .curriculumSliderWrap .curriculumSlider .whiteBox .infoWrap .textWrap dl.gray::before {
  background-color: #a0a09f;
}

#curriculum .curriculumSliderWrap .curriculumSlider .whiteBox .infoWrap .textWrap dl.orange::before {
  background-color: #f0b43d;
}

#curriculum .curriculumSliderWrap .curriculumSlider .whiteBox .infoWrap .textWrap dl.yellow::before {
  background-color: #f4ea45;
}

#curriculum .curriculumSliderWrap .curriculumSlider .whiteBox .infoWrap .textWrap dl.yellowGreen::before {
  background-color: #91c149;
}

#curriculum .curriculumSliderWrap .curriculumSlider .whiteBox .infoWrap .textWrap dl.green::before {
  background-color: #106b3b;
}

#curriculum .curriculumSliderWrap .curriculumSlider .whiteBox .infoWrap .textWrap dl.black::before {
  background-color: #434342;
}

#curriculum .curriculumSliderWrap .curriculumSlider .whiteBox .infoWrap .textWrap dl.gold::before {
  background-color: #826e50;
}

#curriculum .curriculumSliderWrap .curriculumSlider .whiteBox .infoWrap .textWrap dl.bronze::before {
  background-color: #875f4b;
}

#curriculum .curriculumSliderWrap .curriculumSlider .whiteBox .infoWrap .textWrap dl+dl {
  margin-top: 25px;
}

@media only screen and (max-width: 767px) {
  #curriculum .curriculumSliderWrap .curriculumSlider .whiteBox .infoWrap .textWrap dl+dl {
    margin-top: 5.3333333333vw;
  }
}

#curriculum .curriculumSliderWrap .sliderBtnWrap {
  z-index: 2;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 90%;
  max-width: 1020px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

#curriculum .curriculumSliderWrap .sliderBtnWrap .swiper-button-prev,
#curriculum .curriculumSliderWrap .sliderBtnWrap .swiper-button-next {
  width: 70px;
  height: 70px;
  background-color: #f2f2f2;
  border-radius: 50%;
}

@media only screen and (max-width: 767px) {

  #curriculum .curriculumSliderWrap .sliderBtnWrap .swiper-button-prev,
  #curriculum .curriculumSliderWrap .sliderBtnWrap .swiper-button-next {
    width: 10.6666666667vw;
    height: 10.6666666667vw;
  }
}

#curriculum .curriculumSliderWrap .sliderBtnWrap .swiper-button-prev::after,
#curriculum .curriculumSliderWrap .sliderBtnWrap .swiper-button-next::after {
  font-size: 21px;
  color: #1e9323;
}

@media only screen and (max-width: 767px) {

  #curriculum .curriculumSliderWrap .sliderBtnWrap .swiper-button-prev::after,
  #curriculum .curriculumSliderWrap .sliderBtnWrap .swiper-button-next::after {
    font-size: 4.2666666667vw;
  }
}

#curriculum .curriculumSliderWrap .sliderBtnWrap .swiper-button-prev {
  left: -35px;
}

@media only screen and (max-width: 767px) {
  #curriculum .curriculumSliderWrap .sliderBtnWrap .swiper-button-prev {
    left: -5vw;
  }
}

#curriculum .curriculumSliderWrap .sliderBtnWrap .swiper-button-next {
  right: -35px;
}

@media only screen and (max-width: 767px) {
  #curriculum .curriculumSliderWrap .sliderBtnWrap .swiper-button-next {
    right: -5vw;
  }
}

#sessionPlan .sectionInner>.flexWrap {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

#sessionPlan .flexWrap .contentWrap .sectionTitleWrap .borderBText {
  margin-bottom: 25px;
  padding-bottom: 0.2em;
  display: inline-block;
  font-size: 26px;
  font-weight: 600;
  border-bottom: 3px solid #000;
}

@media only screen and (max-width: 767px) {
  #sessionPlan .flexWrap .contentWrap .sectionTitleWrap .borderBText {
    margin-bottom: 5.3333333333vw;
    font-size: 5.6vw;
  }
}

#sessionPlan .flexWrap .contentWrap .sectionTitleWrap .sectionTitle {
  font-weight: 700;
}

#sessionPlan .flexWrap .contentWrap .textWrap {
  margin-top: 25px;
}

@media only screen and (max-width: 767px) {
  #sessionPlan .flexWrap .contentWrap .textWrap {
    margin-top: 5.3333333333vw;
  }
}

#sessionPlan .flexWrap .contentWrap .textWrap .text {
  font-size: 18px;
}

@media only screen and (max-width: 767px) {
  #sessionPlan .flexWrap .contentWrap .textWrap .text {
    font-size: 4.8vw;
  }
}

#sessionPlan .flexWrap .contentWrap .btnWrap {
  margin-top: 40px;
}

@media only screen and (max-width: 767px) {
  #sessionPlan .flexWrap .contentWrap .btnWrap {
    margin-top: 10.6666666667vw;
  }
}

#sessionPlan .flexWrap .image {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  width: 35.4166666667vw;
  max-width: 510px;
}

@media only screen and (max-width: 767px) {
  #sessionPlan .flexWrap .image {
    margin: 0 auto 8vw;
    width: 66.6666666667vw;
  }
}

#sessionPlan .sectionContentWrap {
  margin-top: 70px;
}

@media only screen and (max-width: 767px) {
  #sessionPlan .sectionContentWrap {
    margin-top: 18.6666666667vw;
  }
}

#sessionPlan .pointWrap {
  position: relative;
  padding: 55px 35px;
  border: 3px solid #1e9323;
}

@media only screen and (min-width: 1280px) {
  #sessionPlan .pointWrap {
    padding: 55px 65px;
  }
}

@media only screen and (max-width: 767px) {
  #sessionPlan .pointWrap {
    padding: 14.6666666667vw 5vw 8vw;
  }
}

#sessionPlan .pointWrap .pointText {
  position: absolute;
  top: 0;
  left: 0;
  padding: 15px 35px 15px 15px;
  font-family: "Outfit", sans-serif;
  font-weight: 700;
  color: #fff;
  background-color: #1e9323;
}

@media only screen and (max-width: 767px) {
  #sessionPlan .pointWrap .pointText {
    padding: 2.6666666667vw 9.3333333333vw 2.6666666667vw 2.6666666667vw;
  }
}

#sessionPlan .pointWrap .pointText::before {
  content: "";
  position: absolute;
  top: 0;
  right: -1px;
  border-style: solid;
  border-color: transparent transparent #ffffff transparent;
  border-width: 0px 0px 47px 30px;
}

@media only screen and (max-width: 767px) {
  #sessionPlan .pointWrap .pointText::before {
    border-width: 0 0 9.8666666667vw 6.6666666667vw;
  }
}

#sessionPlan .pointWrap .contentWrap .image {
  margin-right: min(75px, 5.2083333333vw);
  width: 20.1388888889vw;
  max-width: 290px;
}

@media only screen and (max-width: 767px) {
  #sessionPlan .pointWrap .contentWrap .image {
    width: 100%;
    max-width: none;
  }
}

#sessionPlan .pointWrap .contentWrap .aboutWrap .titleWrap .title {
  font-size: 32px;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  line-height: 1.4;
}

@media only screen and (max-width: 767px) {
  #sessionPlan .pointWrap .contentWrap .aboutWrap .titleWrap .title {
    font-size: 6.4vw;
  }
}

#sessionPlan .pointWrap .contentWrap .aboutWrap .textWrap {
  margin-top: 10px;
}

@media only screen and (max-width: 767px) {
  #sessionPlan .pointWrap .contentWrap .aboutWrap .textWrap {
    margin-top: 2.6666666667vw;
  }
}

#device .sectionInner {
  padding-bottom: 180px;
}

@media only screen and (max-width: 767px) {
  #device .sectionInner {
    padding-bottom: 26.6666666667vw;
  }
}

#device .flexWrap {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

#device .image {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  margin-left: min(90px, 6.25vw);
  width: 47.5555555556%;
  max-width: 535px;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {
  #device .image {
    margin-left: 2.6666666667vw;
    width: 34.6666666667vw;
  }
}

@media only screen and (max-width: 767px) {
  #device .image {
    margin-left: 0;
    width: 100%;
  }
}

#device .aboutWrap {
  padding-top: 30px;
}

@media only screen and (max-width: 767px) {
  #device .aboutWrap {
    margin-top: 8vw;
    padding-top: 0;
  }
}

#device .sectionTitleWrap .sectionTitle {
  font-weight: 700;
}

#device .sectionContentWrap {
  margin-top: 25px;
}

@media only screen and (max-width: 767px) {
  #device .sectionContentWrap {
    margin-top: 5.3333333333vw;
  }
}

#device .sectionContentWrap .textWrap .text {
  font-size: 18px;
}

@media only screen and (max-width: 767px) {
  #device .sectionContentWrap .textWrap .text {
    font-size: 4.2666666667vw;
  }
}

#faq .sectionTitleWrap.bgEnTitleWrap .bgEnTitle {
  opacity: 0.7;
}

#faq .sectionContentWrap {
  margin-top: 100px;
}

@media only screen and (max-width: 767px) {
  #faq .sectionContentWrap {
    margin-top: 16vw;
  }
}

#faq .faqListWrap .faqAccordion {
  padding-bottom: 10px;
  background-color: #fff;
  -webkit-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.05);
  border-radius: 10px;
}

@media only screen and (max-width: 767px) {
  #faq .faqListWrap .faqAccordion {
    padding-bottom: 2.6666666667vw;
    border-radius: 2.6666666667vw;
  }
}

#faq .faqListWrap .faqAccordion .accordionBtn {
  position: relative;
  padding: 30px 30px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media only screen and (max-width: 767px) {
  #faq .faqListWrap .faqAccordion .accordionBtn {
    padding: 8vw 10.6666666667vw 5.3333333333vw 5vw;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

#faq .faqListWrap .faqAccordion .accordionBtn:before,
#faq .faqListWrap .faqAccordion .accordionBtn:after {
  width: 16px;
  height: 2px;
  content: "";
  background-color: #000;
  display: block;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  top: 57%;
  right: 30px;
  -webkit-transition-property: -webkit-transform color;
  transition-property: -webkit-transform color;
  transition-property: transform color;
  transition-property: transform color, -webkit-transform color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

@media only screen and (min-width: 768px) and (max-width: 1079px) {

  #faq .faqListWrap .faqAccordion .accordionBtn:before,
  #faq .faqListWrap .faqAccordion .accordionBtn:after {
    width: 2vw;
    right: 2vw;
  }
}

@media only screen and (max-width: 767px) {

  #faq .faqListWrap .faqAccordion .accordionBtn:before,
  #faq .faqListWrap .faqAccordion .accordionBtn:after {
    width: 4vw;
    right: 4vw;
  }
}

#faq .faqListWrap .faqAccordion .accordionBtn:after {
  -webkit-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
}

#faq .faqListWrap .faqAccordion .accordionBtn .icon {
  margin-right: 20px;
  font-size: 28px;
  font-weight: 700;
  font-family: "Outfit", sans-serif;
  color: #1e9323;
}

@media only screen and (max-width: 767px) {
  #faq .faqListWrap .faqAccordion .accordionBtn .icon {
    margin-right: 2.6666666667vw;
    font-size: 6.4vw;
  }
}

#faq .faqListWrap .faqAccordion .accordionBtn .title {
  padding-top: 5px;
  font-size: 18px;
  line-height: 1.4;
}

@media only screen and (max-width: 767px) {
  #faq .faqListWrap .faqAccordion .accordionBtn .title {
    padding-top: 1.3333333333vw;
    font-size: 4.2666666667vw;
  }
}

#faq .faqListWrap .faqAccordion .accordionBtn.active:after {
  -webkit-transform: translateY(-50%) rotate(0deg);
  transform: translateY(-50%) rotate(0deg);
}

#faq .faqListWrap .faqAccordion dd {
  padding: 0 60px 20px 75px;
  display: none;
}

@media only screen and (max-width: 767px) {
  #faq .faqListWrap .faqAccordion dd {
    padding: 0 5vw 5.3333333333vw;
  }
}

#faq .faqListWrap .faqAccordion dd .textWrap .text {
  font-size: 15px;
}

@media only screen and (max-width: 767px) {
  #faq .faqListWrap .faqAccordion dd .textWrap .text {
    font-size: 4vw;
  }
}

#faq .faqListWrap .faqAccordion+.faqAccordion {
  margin-top: 15px;
}

@media only screen and (max-width: 767px) {
  #faq .faqListWrap .faqAccordion+.faqAccordion {
    margin-top: 4vw;
  }
}

#footWrap {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#footWrap #footer {
  position: relative;
  padding: 80px 0;
  background-color: #28302e;
}

@media only screen and (max-width: 767px) {
  #footWrap #footer {
    padding: 16vw 0;
  }
}

#footWrap #footer .logo {
  margin: 0 auto;
  width: 210px;
}

@media only screen and (max-width: 767px) {
  #footWrap #footer .logo {
    width: 56vw;
  }
}

#footWrap #footer .footNavWrap {
  margin-top: 40px;
}

@media only screen and (max-width: 767px) {
  #footWrap #footer .footNavWrap {
    margin-top: 10.6666666667vw;
  }
}

#footWrap #footer .footNavWrap ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media only screen and (max-width: 767px) {
  #footWrap #footer .footNavWrap ul {
    display: block;
  }
}

@media only screen and (max-width: 767px) {
  #footWrap #footer .footNavWrap ul li {
    text-align: center;
  }
}

#footWrap #footer .footNavWrap ul li a {
  font-size: 13px;
  color: #fff;
}

@media only screen and (max-width: 767px) {
  #footWrap #footer .footNavWrap ul li a {
    font-size: 3.4666666667vw;
  }
}

#footWrap #footer .footNavWrap ul li+li {
  margin-left: 40px;
}

@media only screen and (max-width: 767px) {
  #footWrap #footer .footNavWrap ul li+li {
    margin: 5.3333333333vw 0 0;
  }
}

#footWrap #copyright {
  padding: 30px;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #000;
}

@media only screen and (max-width: 767px) {
  #footWrap #copyright {
    padding: 8vw 5vw;
  }
}

#footWrap #copyright>p {
  line-height: 1.2;
  text-align: center;
  font-size: 13px;
  color: #fff;
}

@media only screen and (max-width: 767px) {
  #footWrap #copyright>p {
    font-size: 2.6666666667vw;
  }
}